inl-ui 0.0.30 → 0.0.32

package/dist/index.cjs

@@ -1,1068 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var qiankun = require('vite-plugin-qiankun');
-var renderWithQiankun = require('vite-plugin-qiankun/dist/helper');
-var vue = require('vue');
-var axios = require('axios');
-var antDesignVue = require('ant-design-vue');
-var _ = require('lodash');
-var core = require('@vueuse/core');
-var dayjs = require('dayjs');
-var iconsVue = require('@ant-design/icons-vue');
-var vueRouter = require('vue-router');
-var qiankun$1 = require('qiankun');
-var appList = require('@/micro-apps/apps');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var qiankun__default = /*#__PURE__*/_interopDefaultLegacy(qiankun);
-var renderWithQiankun__default = /*#__PURE__*/_interopDefaultLegacy(renderWithQiankun);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-var appList__default = /*#__PURE__*/_interopDefaultLegacy(appList);
-
-var version = "0.1.0-rc.17";
-
-const setTheme = theme => {
-  if (theme === "dark") {
-    document.getElementsByTagName("html")[0].setAttribute("data-doc-theme", "dark");
-    document.getElementsByTagName("body")[0].setAttribute("data-theme", "dark");
-    document.getElementsByTagName("html")[0].style.colorScheme = "dark";
-  } else {
-    document.getElementsByTagName("html")[0].setAttribute("data-doc-theme", "light");
-    document.getElementsByTagName("body")[0].setAttribute("data-theme", "light");
-    document.getElementsByTagName("html")[0].style.colorScheme = "light";
-  }
-};
-var changeTheme = {
-  set(theme) {
-    window.localStorage.setItem("theme", theme);
-    setTheme(theme);
-  },
-  settingTheme(theme) {
-    const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-    theme = theme || window.localStorage.getItem("theme") || systemTheme;
-    setTheme(theme);
-  }
-};
-
-const setRem = opt => {
-  const fontSize = opt.fontSize || 14;
-  const designSize = opt.designSize || 1920;
-  const scale = document.documentElement.clientWidth / designSize;
-  document.documentElement.style.fontSize = `${fontSize * Math.min(scale, 2)}px`;
-};
-
-const isMicroApp = renderWithQiankun.qiankunWindow.__POWERED_BY_QIANKUN__;
-const transformRoutes = (appName, routes) => {
-  if (isMicroApp) {
-    let addBase = function (rs) {
-      for (const r of rs) {
-        r.path = `/${appName}${r.path}`;
-        if (r.children?.length) {
-          addBase(r.children);
-        }
-      }
-    };
-    const newRoutes = routes.filter(item => item.name !== "login" && item.path !== "/login");
-    addBase(routes);
-    newRoutes.push({
-      path: "/:pathMatch(.*)*",
-      component: {
-        render: () => ""
-      }
-    });
-    return newRoutes;
-  }
-  return routes;
-};
-function microAppPlugin(name) {
-  return qiankun__default["default"](name, {
-    useDevMode: true
-  });
-}
-function render(AppRoot, rootEl, configApp) {
-  let app;
-  const _render = (props = {}) => {
-    const {
-      container
-    } = props;
-    const root = container ? container.querySelector(rootEl) : rootEl;
-    app = vue.createApp(AppRoot);
-    configApp(app, props);
-    app.mount(root);
-  };
-  const initQianKun = () => {
-    renderWithQiankun__default["default"]({
-      bootstrap() {
-        console.log("\u5FAE\u5E94\u7528\uFF1Abootstrap");
-      },
-      mount(props) {
-        console.log("\u5FAE\u5E94\u7528\uFF1Amount", props);
-        _render(props);
-      },
-      unmount(props) {
-        console.log("\u5FAE\u5E94\u7528\uFF1Aunmount", props);
-        app.unmount();
-      },
-      update(props) {
-        console.log("\u5FAE\u5E94\u7528\uFF1Aupdate", props);
-      }
-    });
-  };
-  isMicroApp ? initQianKun() : _render();
-}
-const microAppUtils = {
-  isMicroApp,
-  transformRoutes,
-  microAppPlugin,
-  render
-};
-
-const config = {
-  prefix: "inl",
-  requestOmitParams: ["createDt", "createUser", "updateDt", "updateUser"]
-};
-
-const getToken = () => sessionStorage.getItem("token");
-const getCorpId = () => sessionStorage.getItem("corpId");
-const getUserinfo = () => {
-  const jsonString = sessionStorage.getItem("userinfo");
-  if (jsonString) {
-    return JSON.parse(jsonString);
-  }
-};
-class ApiInstance {
-  instance;
-  config;
-  constructor(config$1) {
-    this.config = config$1;
-    this.instance = axios__default["default"].create(config$1);
-    this.instance.interceptors.request.use(config2 => {
-      const userinfo = getUserinfo();
-      const token = getToken();
-      const corpId = getCorpId();
-      if (!_.isEmpty(config2.data)) {
-        config2.data = _.omit(config2.data, ...config.requestOmitParams);
-      }
-      config2.headers.token = token;
-      config2.headers.userId = userinfo?.userId;
-      config2.headers.userName = userinfo?.userName;
-      config2.headers.corpId = corpId;
-      return config2;
-    }, err => {
-      return Promise.reject(err);
-    });
-    this.instance.interceptors.response.use(res => {
-      return new Promise((resolve, reject) => {
-        if (res.config.responseType === "blob") {
-          resolve(res.data);
-        }
-        if (res.data.code === "M0000") {
-          resolve(res.data);
-        } else if (res.data.code === "M4003") {
-          this.config.onTokenExpired?.(res);
-          reject(res);
-        } else {
-          const alertMessage = res.data.message ?? "\u7F51\u7EDC\u5F02\u5E38\uFF0C\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458";
-          antDesignVue.message.error(alertMessage, alertMessage.length > 10 ? 10 : 3);
-          reject(res.data);
-        }
-      });
-    }, err => {
-      return Promise.reject(err);
-    });
-  }
-}
-
-const utils = {
-  changeTheme,
-  setRem,
-  microAppUtils,
-  ApiInstance
-};
-
-const focusDirective = {
-  mounted(el, {
-    value
-  }) {
-    if (value !== false) {
-      el.focus();
-    }
-  }
-};
-
-const autoScroll = {
-  mounted(el, {
-    value = "ant-table-body",
-    modifiers
-  }) {
-    let timer;
-    let timer2;
-    let hover = false;
-    let wait = false;
-    const {
-      self
-    } = modifiers;
-    const _baseWidth = window.innerWidth / window.innerHeight > 2 ? 7200 : 2880;
-    const step = Math.ceil(_baseWidth / window.innerWidth);
-    const onmouseenter = () => hover = true;
-    const onmouseleave = () => hover = false;
-    const scrollEl = self ? el : el.querySelector(`.${value}`);
-    if (!scrollEl) return;
-    const startScroll = () => {
-      if (!document.contains(el)) {
-        timer && clearInterval(timer);
-        el.removeEventListener("mouseenter", onmouseenter);
-        el.removeEventListener("mouseleave", onmouseleave);
-        return;
-      }
-      if (hover) return;
-      const scrollElHeight = scrollEl.getBoundingClientRect().height;
-      if (scrollElHeight >= scrollEl.scrollHeight) {
-        return;
-      }
-      if (!hover && scrollEl.scrollTop + scrollElHeight > scrollEl.scrollHeight - step) {
-        if (timer2) return;
-        timer2 = setTimeout(() => {
-          if (!hover) {
-            scrollEl.scrollTop = 0;
-          }
-          setTimeout(() => {
-            if (!hover) {
-              wait = false;
-            }
-          }, 1e3);
-          timer2 = null;
-        }, 1e3);
-        wait = true;
-      } else {
-        if (!wait) {
-          scrollEl.scrollTo({
-            top: scrollEl.scrollTop + step
-          });
-        }
-      }
-    };
-    timer = setInterval(startScroll, 100);
-    el.addEventListener("mouseenter", onmouseenter);
-    el.addEventListener("mouseleave", onmouseleave);
-  }
-};
-
-var directives = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  focusDirective: focusDirective,
-  autoScroll: autoScroll
-});
-
-function useNow(pattern) {
-  const now = vue.ref();
-  const updateNow = () => {
-    const nowDayjs = dayjs__default["default"]();
-    now.value = pattern ? nowDayjs.format(pattern) : nowDayjs;
-  };
-  core.useIntervalFn(updateNow, 1e3, {
-    immediate: false,
-    immediateCallback: true
-  });
-  return now;
-}
-
-function useTableList(getData, listProp, totalName = "totalCount") {
-  const tableList = vue.ref([]);
-  const isLoading = vue.ref(false);
-  const total = vue.ref(0);
-  const refresh = async () => {
-    isLoading.value = true;
-    try {
-      const {
-        data
-      } = await getData();
-      if (listProp) {
-        tableList.value = data[listProp];
-        total.value = data[totalName];
-      } else {
-        tableList.value = data;
-      }
-    } finally {
-      isLoading.value = false;
-    }
-  };
-  const refreshDebounced = _.debounce(refresh, 200);
-  const currPage = vue.ref(1);
-  const handlePageChange = page => {
-    currPage.value = page;
-    refresh();
-  };
-  vue.watch(total, () => {
-    const pageCount = Math.ceil(total.value / pageSize.value);
-    if (currPage.value > 1 && currPage.value > pageCount) {
-      currPage.value = pageCount;
-      refresh();
-    }
-  });
-  const pageSize = vue.ref(10);
-  const hanldePageSizeChange = size => {
-    currPage.value = 1;
-    pageSize.value = size;
-    refresh();
-  };
-  const pagination = vue.reactive({
-    current: currPage,
-    pageSize,
-    total,
-    showSizeChanger: true,
-    showQuickJumper: true,
-    showTotal: total2 => `\u5171 ${total2} \u6761`,
-    "onUpdate:current": handlePageChange,
-    "onUpdate:pageSize": hanldePageSizeChange
-  });
-  return {
-    isLoading,
-    tableList,
-    currPage,
-    handlePageChange,
-    pageSize,
-    hanldePageSizeChange,
-    total,
-    refresh: refreshDebounced,
-    pagination
-  };
-}
-
-function useModalVisible(defaultVisible = false) {
-  const visible = vue.ref(defaultVisible);
-  const record = vue.ref();
-  const onToggle = r => {
-    if (r) {
-      record.value = r;
-    }
-    visible.value = !visible.value;
-  };
-  return [visible, onToggle, record];
-}
-
-function useQianKunState(action) {
-  let isSync = false;
-  const state = vue.ref({});
-  if (___default["default"].isEmpty(action)) {
-    return state;
-  }
-  const {
-    onGlobalStateChange,
-    offGlobalStateChange,
-    setGlobalState
-  } = action;
-  const handleGlobalStateChange = value => {
-    isSync = true;
-    state.value = value;
-    vue.nextTick(() => isSync = false);
-  };
-  vue.watch(state, val => {
-    if (!isSync) {
-      setGlobalState(val);
-    }
-  }, {
-    deep: true
-  });
-  vue.onMounted(() => onGlobalStateChange(handleGlobalStateChange, true));
-  vue.onBeforeUnmount(() => offGlobalStateChange());
-  return state;
-}
-
-var hooks = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  useNow: useNow,
-  useTableList: useTableList,
-  useModalVisible: useModalVisible,
-  useQianKunState: useQianKunState
-});
-
-const {
-  prefix
-} = config;
-function installComponent(component, name, withPrefix = true) {
-  component.install = app => {
-    name = withPrefix ? `${prefix}-${name}` : name;
-    app.component(name, component);
-  };
-  return component;
-}
-
-const Demo = vue.defineComponent({
-  props: {
-    name: {
-      type: String,
-      default: "\u5F20\u4E09"
-    }
-  },
-  setup(props) {
-    return () => vue.createVNode("div", {
-      "class": "Demo"
-    }, ["\u6211\u662Fdemo, ", props.name]);
-  }
-});
-var index$3 = installComponent(Demo, "demo");
-
-const IconFont = iconsVue.createFromIconfontCN();
-var index$2 = installComponent(IconFont, "icon-font", false);
-
-function getMenuByKeyPath(menuList, keyPath, keyProp = "id") {
-  function getMenuByKey2(list2, key) {
-    return list2.find(item => item[keyProp] && item[keyProp] === key);
-  }
-  let list = menuList;
-  for (let i = 0; i < keyPath.length; i++) {
-    const menu = getMenuByKey2(list, keyPath[i]);
-    if (!menu) return;
-    if (i === keyPath.length - 1) {
-      return menu;
-    }
-    list = menu.subList;
-  }
-}
-function flattenMenu(menuList) {
-  const res = [];
-  for (const menu of menuList) {
-    res.push(menu);
-    res.push(...menu.subList);
-  }
-  return res;
-}
-function getMenuByKey(menuList, key, propName = "id") {
-  const flattenMenuList = flattenMenu(menuList);
-  return flattenMenuList.find(item => item[propName] && item[propName] === key);
-}
-function getNavByChildKey(navList, key, propName = "id") {
-  for (const nav of navList) {
-    const menu = getMenuByKey(nav.subList, key, propName);
-    if (menu) {
-      return nav;
-    }
-  }
-}
-
-function useActiveMenu(menuList, extraPages, isNav = false, watchOnce = false) {
-  const route = vueRouter.useRoute();
-  const isMounted = core.useMounted();
-  const menu = vue.ref();
-  const unwatch = vue.watch([menuList, isMounted, route], ___default["default"].debounce(([list]) => {
-    if (list.length && isMounted) {
-      watchOnce && unwatch();
-      const {
-        query,
-        path
-      } = route;
-      const id = "" + query.iframeId;
-      if (query.iframeId) {
-        menu.value = isNav ? getNavByChildKey(list, id, "id") : getMenuByKey(list, id, "id");
-      } else if (query.extraPageKey) {
-        const page = extraPages.find(item => item.key === query.extraPageKey);
-        menu.value = page;
-      } else if (path !== "/") {
-        menu.value = isNav ? getNavByChildKey(list, path, "url") : getMenuByKey(list, path, "url");
-      } else {
-        const getFirstMenu = list2 => {
-          if (list2[0].subList?.length) {
-            return getFirstMenu(list2[0].subList);
-          }
-          return list2[0];
-        };
-        const firstMenu = getFirstMenu(list);
-        menu.value = firstMenu;
-      }
-    }
-  }, 10, {
-    leading: false
-  }));
-  return menu;
-}
-
-function _isSlot$1(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-const Header = vue.defineComponent({
-  emits: ["navSelect"],
-  props: {
-    menu: {
-      type: Array,
-      required: true
-    },
-    logo: {
-      type: String
-    },
-    userInfo: {
-      type: Object,
-      required: true
-    },
-    extraPages: {
-      type: Array,
-      required: true
-    },
-    messageCount: {
-      type: Number
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const isMounted = core.useMounted();
-    const router = vueRouter.useRouter();
-    const searchText = vue.ref("");
-    const handleGlobalSearch = () => {
-      searchText.value = "";
-    };
-    const acitveMenuKey = vue.ref([]);
-    const handleMenuSelected = ({
-      key
-    }) => {
-      emit("navSelect", key);
-    };
-    const activeMenu = useActiveMenu(() => props.menu, props.extraPages, true);
-    vue.watch(activeMenu, val => {
-      if (val && val.id) {
-        handleMenuSelected({
-          key: val.id
-        });
-        acitveMenuKey.value = [val.id];
-      }
-    });
-    const cancleWatch = vue.watch([isMounted, () => props.menu], ([mounted, list]) => {
-      if (mounted && list.length) {
-        cancleWatch();
-        if (!activeMenu.value) {
-          const firstNav = list[0];
-          emit("navSelect", firstNav.id);
-          acitveMenuKey.value = [firstNav.id];
-        }
-      }
-    });
-    const handlePersonalCenter = () => {
-      router.push({
-        path: "/",
-        query: {
-          extraPageKey: "personalCenter"
-        }
-      });
-    };
-    return () => {
-      let _slot;
-      return vue.createVNode("div", {
-        "class": "header"
-      }, [vue.createVNode("div", {
-        "class": "logo"
-      }, [vue.createVNode("img", {
-        "src": props.logo,
-        "alt": ""
-      }, null)]), vue.createVNode(antDesignVue.Menu, {
-        "class": "menu",
-        "mode": "horizontal",
-        "selectedKeys": acitveMenuKey.value,
-        "onUpdate:selectedKeys": $event => acitveMenuKey.value = $event,
-        "onSelect": handleMenuSelected
-      }, _isSlot$1(_slot = props.menu.map(item => vue.createVNode(antDesignVue.MenuItem, {
-        "key": item.id,
-        "icon": vue.createVNode(vue.resolveComponent("icon-font"), {
-          "type": item.icon
-        }, null)
-      }, {
-        default: () => [item.name]
-      }))) ? _slot : {
-        default: () => [_slot]
-      }), vue.createVNode(antDesignVue.Input, {
-        "class": "search",
-        "placeholder": "\u641C\u7D22",
-        "allowClear": true,
-        "value": searchText.value,
-        "onUpdate:value": $event => searchText.value = $event,
-        "onPressEnter": handleGlobalSearch
-      }, {
-        suffix: () => vue.createVNode(iconsVue.SearchOutlined, null, null)
-      }), vue.createVNode("div", {
-        "class": "user-info"
-      }, [vue.createVNode("span", {
-        "class": "username"
-      }, [props.userInfo.userName]), vue.createVNode("div", {
-        "onClick": handlePersonalCenter
-      }, [vue.createVNode(antDesignVue.Badge, {
-        "dot": !!props.messageCount
-      }, {
-        default: () => [vue.createVNode(antDesignVue.Avatar, {
-          "class": "avatar",
-          "src": "https://joeschmoe.io/api/v1/random"
-        }, null)]
-      })])])]);
-    };
-  }
-});
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
-}
-const renderMenuItem = item => {
-  if (item.subList?.length) {
-    let _slot;
-    return vue.createVNode(antDesignVue.SubMenu, {
-      "key": item.id,
-      "icon": vue.createVNode(vue.resolveComponent("icon-font"), {
-        "type": item.icon
-      }, null),
-      "title": item.name
-    }, _isSlot(_slot = item.subList.map(i => renderMenuItem(i))) ? _slot : {
-      default: () => [_slot]
-    });
-  }
-  return vue.createVNode(antDesignVue.MenuItem, {
-    "key": item.id,
-    "icon": vue.createVNode(vue.resolveComponent("icon-font"), {
-      "type": item.icon
-    }, null)
-  }, {
-    default: () => [item.name]
-  });
-};
-const SideMenu = vue.defineComponent({
-  emits: ["menuSelect"],
-  props: {
-    menu: {
-      type: Array,
-      required: true
-    },
-    extraPages: {
-      type: Array,
-      required: true
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const activeMenu = vue.ref([]);
-    const initialMenu = useActiveMenu(() => props.menu, props.extraPages);
-    vue.watch(initialMenu, val => {
-      if (val?.id) {
-        activeMenu.value = [val.id];
-      } else {
-        activeMenu.value = [];
-      }
-    });
-    const handleMenuSelect = param => {
-      const {
-        keyPath
-      } = param;
-      const menu = getMenuByKeyPath(props.menu, keyPath);
-      if (menu) {
-        emit("menuSelect", menu);
-      }
-    };
-    return () => {
-      let _slot2;
-      return vue.createVNode(antDesignVue.Menu, {
-        "mode": "inline",
-        "selectedKeys": activeMenu.value,
-        "onUpdate:selectedKeys": $event => activeMenu.value = $event,
-        "onSelect": handleMenuSelect
-      }, _isSlot(_slot2 = props.menu.map(item => renderMenuItem(item))) ? _slot2 : {
-        default: () => [_slot2]
-      });
-    };
-  }
-});
-
-function useActiveApp() {
-  const route = vueRouter.useRoute();
-  const activeAppName = vue.computed(() => {
-    return route.path.split("/")[1];
-  });
-  return activeAppName;
-}
-
-function useMicroApp() {
-  const route = vueRouter.useRoute();
-  const activeAppName = useActiveApp();
-  const loadAppList = vue.ref([]);
-  const handleRouteChange = core.useThrottleFn(async () => {
-    const microAppName = activeAppName.value;
-    const loadApp = loadAppList.value.find(item => item.name === microAppName);
-    if (loadApp) return;
-    const microApp = appList__default["default"].find(item => item.name === microAppName);
-    if (!microApp) return;
-    const domId = `microApp_${microAppName}`;
-    const app = qiankun$1.loadMicroApp({
-      name: microApp.name,
-      entry: microApp.entry,
-      container: `#${domId}`
-    });
-    loadAppList.value.push({
-      name: microAppName,
-      domId,
-      app
-    });
-  }, 100);
-  vue.watch(route, handleRouteChange, {
-    immediate: true
-  });
-  return loadAppList;
-}
-
-function onAddExtraTabs(handler) {
-  const qiankunState = vue.inject("qiankunState");
-  vue.watch(() => qiankunState.value.extraTabs, (val = [], prev = []) => {
-    if (val.length > prev.length) {
-      const added = _.differenceBy(val, prev, item => item.key);
-      handler(added);
-    }
-  }, {
-    deep: true,
-    immediate: true
-  });
-}
-
-const TabList = vue.defineComponent({
-  emits: ["update:activeKey", "update:list", "tabSelect"],
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    activeKey: {
-      type: String
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const qiankunState = vue.inject("qiankunState");
-    const tabContainerRef = vue.ref();
-    const tabList = core.useVModel(props, "list", emit);
-    const activeTabKey = core.useVModel(props, "activeKey", emit);
-    const scrollLeft = val => {
-      if (!tabContainerRef.value) return;
-      tabContainerRef.value.scrollTo({
-        left: tabContainerRef.value.scrollLeft + val,
-        behavior: "smooth"
-      });
-    };
-    const handleScroll = e => {
-      if (!e.deltaX) {
-        scrollLeft(e.deltaY < 0 ? -300 : 300);
-      }
-    };
-    const handleRemove = async (e, tab, index) => {
-      e.stopPropagation();
-      if (tab.key === activeTabKey.value) {
-        const next = tabList.value[index + 1];
-        const prev = tabList.value[index - 1];
-        if (next) {
-          activeTabKey.value = next.key;
-          emit("tabSelect", next);
-        } else if (prev) {
-          activeTabKey.value = prev.key;
-          emit("tabSelect", prev);
-        } else {
-          return;
-        }
-      }
-      tabList.value.splice(index, 1);
-    };
-    const closeToRight = index => tabList.value = tabList.value.filter((_2, i) => i <= index);
-    const closeToLeft = index => tabList.value = tabList.value.filter((_2, i) => i >= index);
-    const closeOther = index => {
-      activeTabKey.value = tabList.value[index].key;
-      tabList.value = tabList.value.filter((_2, i) => i === index);
-    };
-    core.watchArray(tabList, (val, prev, added, removed) => {
-      for (const tab of removed) {
-        if (tab.isExtraTab) {
-          const idx = qiankunState.value.extraTabs.find(item => item.key === tab.key);
-          idx !== -1 && qiankunState.value.extraTabs.splice(idx, 1);
-        }
-      }
-    }, {
-      deep: true
-    });
-    return () => vue.createVNode("div", {
-      "class": "tab-list"
-    }, [vue.createVNode("div", {
-      "class": "handle",
-      "onClick": () => scrollLeft(-150)
-    }, [vue.createVNode(iconsVue.LeftOutlined, null, null)]), vue.createVNode("div", {
-      "class": "tabs-container",
-      "ref": tabContainerRef,
-      "onWheel": handleScroll
-    }, [tabList.value.map((item, index) => vue.createVNode(antDesignVue.Dropdown, {
-      "placement": "bottomLeft",
-      "trigger": ["contextmenu"]
-    }, {
-      default: () => [vue.createVNode("div", {
-        "key": item.id,
-        "class": ["tab", {
-          active: item.key === activeTabKey.value
-        }],
-        "onClick": () => emit("tabSelect", item)
-      }, [vue.createVNode(vue.resolveComponent("icon-font"), {
-        "class": "icon",
-        "type": item.icon
-      }, null), vue.createVNode("span", {
-        "class": "tab-name"
-      }, [item.name]), tabList.value.length > 1 && vue.createVNode(iconsVue.CloseOutlined, {
-        "class": "close",
-        "onClick": e => handleRemove(e, item, index)
-      }, null)])],
-      overlay: () => vue.createVNode(antDesignVue.Menu, null, {
-        default: () => [vue.createVNode(antDesignVue.MenuItem, {
-          "key": "right",
-          "onClick": () => closeToRight(index)
-        }, {
-          default: () => ["\u5173\u95ED\u53F3\u4FA7"]
-        }), vue.createVNode(antDesignVue.MenuItem, {
-          "key": "left",
-          "onClick": () => closeToLeft(index)
-        }, {
-          default: () => ["\u5173\u95ED\u5DE6\u4FA7"]
-        }), vue.createVNode(antDesignVue.MenuItem, {
-          "key": "other",
-          "onClick": () => closeOther(index)
-        }, {
-          default: () => ["\u5173\u95ED\u5176\u4ED6"]
-        })]
-      })
-    }))]), vue.createVNode("div", {
-      "class": "handle",
-      "onClick": () => scrollLeft(150)
-    }, [vue.createVNode(iconsVue.RightOutlined, null, null)])]);
-  }
-});
-
-const PageContent = vue.defineComponent({
-  props: {
-    currMenu: {
-      type: Object
-    },
-    menu: {
-      type: Array,
-      default: () => []
-    },
-    extraPages: {
-      type: Array,
-      required: true
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const router = vueRouter.useRouter();
-    const qiankunState = vue.inject("qiankunState");
-    const activeKey = vue.ref();
-    const tabList = vue.ref([]);
-    const activeAppName = useActiveApp();
-    const loadAppList = useMicroApp();
-    const iframeList = vue.ref([]);
-    const extraPageList = vue.ref([]);
-    const handleMenuChange = ___default["default"].throttle(val => {
-      if (!val) return;
-      if (val.isExtra) {
-        const exist = extraPageList.value.find(item => item.key === val.key);
-        if (!exist) {
-          tabList.value.push(val);
-          extraPageList.value.push(val);
-        }
-        router.push(`/?extraPageKey=${val.key}`);
-        activeKey.value = val.key;
-        return;
-      }
-      const {
-        key,
-        id,
-        mode = 0,
-        url
-      } = val;
-      const isOpened = tabList.value.find(item => item.id === id);
-      const tab = ___default["default"].cloneDeep(val);
-      switch (mode) {
-        case 0:
-          if (!isOpened) tabList.value.push({
-            ...tab,
-            key: key ?? id
-          });
-          router.push(url);
-          break;
-        case 1:
-          window.open(url);
-          break;
-        case 2:
-          if (!isOpened) {
-            iframeList.value.push(val);
-            tabList.value.push({
-              ...tab,
-              key: id
-            });
-          }
-          router.push({
-            path: "/",
-            query: {
-              iframeId: id
-            }
-          });
-          break;
-      }
-      activeKey.value = key ?? id;
-    }, 100, {
-      trailing: false
-    });
-    const activeMenu = useActiveMenu(() => props.menu, props.extraPages);
-    vue.watch(activeMenu, handleMenuChange);
-    vue.watch(() => props.currMenu, handleMenuChange, {
-      immediate: true
-    });
-    vue.watch(activeKey, val => qiankunState.value.activeTabKey = val, {
-      immediate: true
-    });
-    vue.watch(() => qiankunState.value.activeTabKey, val => activeKey.value = val);
-    onAddExtraTabs(added => {
-      tabList.value.push(...added);
-    });
-    return () => vue.createVNode("div", {
-      "class": "page-content"
-    }, [vue.createVNode(TabList, {
-      "activeKey": activeKey.value,
-      "onUpdate:activeKey": $event => activeKey.value = $event,
-      "list": tabList.value,
-      "onUpdate:list": $event => tabList.value = $event,
-      "onTabSelect": handleMenuChange
-    }, null), vue.createVNode("div", {
-      "class": "page-container"
-    }, [loadAppList.value.map(item => vue.withDirectives(vue.createVNode("div", {
-      "id": item.domId
-    }, null), [[vue.vShow, item.name === activeAppName.value]])), iframeList.value.map(item => vue.withDirectives(vue.createVNode("iframe", {
-      "src": item.url,
-      "width": "100%",
-      "height": "100%",
-      "frameborder": "0"
-    }, null), [[vue.vShow, item.id === activeKey.value]])), extraPageList.value.map(item => vue.withDirectives(vue.createVNode("div", {
-      "style": {
-        height: "100%"
-      }
-    }, [vue.createVNode(item.component, null, null)]), [[vue.vShow, item.key === activeKey.value]]))])]);
-  }
-});
-
-const Layout = vue.defineComponent({
-  props: {
-    userMenu: {
-      type: Array,
-      required: true
-    },
-    copyRight: {
-      type: String
-    },
-    userInfo: {
-      type: Object,
-      required: true
-    },
-    extraPages: {
-      type: Array,
-      default: () => []
-    },
-    messageCount: {
-      type: Number,
-      default: 0
-    },
-    logo: {
-      type: String
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const [isFolder, toggleFolder] = core.useToggle(false);
-    const currentNavKey = vue.ref();
-    const siderMenu = vue.ref([]);
-    const handleNavSelect = id => {
-      currentNavKey.value = id;
-    };
-    vue.watch(currentNavKey, val => {
-      if (!val) return;
-      const nav = props.userMenu.find(item => item.id === val);
-      if (nav) {
-        siderMenu.value = nav.subList;
-      }
-    }, {
-      immediate: true,
-      flush: "post"
-    });
-    const currMenu = vue.ref();
-    const handleMenuSelect = menu => {
-      currMenu.value = menu;
-    };
-    return () => vue.createVNode("div", {
-      "class": "Layout"
-    }, [vue.createVNode(antDesignVue.Layout, null, {
-      default: () => [vue.createVNode(antDesignVue.LayoutHeader, null, {
-        default: () => [vue.createVNode(Header, {
-          "menu": props.userMenu,
-          "onNavSelect": handleNavSelect,
-          "userInfo": props.userInfo,
-          "extraPages": props.extraPages,
-          "messageCount": props.messageCount,
-          "logo": props.logo
-        }, null)]
-      }), vue.createVNode(antDesignVue.Layout, null, {
-        default: () => [vue.createVNode(antDesignVue.LayoutSider, {
-          "width": "10.416vw",
-          "collapsedWidth": "3.125vw",
-          "collapsed": isFolder.value
-        }, {
-          default: () => [vue.createVNode("div", {
-            "class": "folder",
-            "onClick": () => toggleFolder()
-          }, [isFolder.value ? vue.createVNode(iconsVue.MenuUnfoldOutlined, null, null) : vue.createVNode(iconsVue.MenuFoldOutlined, null, null)]), vue.createVNode(SideMenu, {
-            "menu": siderMenu.value,
-            "onMenuSelect": handleMenuSelect,
-            "extraPages": props.extraPages
-          }, null), vue.createVNode("div", {
-            "class": "copyright"
-          }, [props.copyRight])]
-        }), vue.createVNode(antDesignVue.LayoutContent, null, {
-          default: () => [vue.createVNode(PageContent, {
-            "currMenu": currMenu.value,
-            "menu": props.userMenu,
-            "extraPages": props.extraPages
-          }, null)]
-        })]
-      })]
-    })]);
-  }
-});
-var index$1 = installComponent(Layout, "layout");
-
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Demo: index$3,
-  IconFont: index$2,
-  Layout: index$1
-});
-
-var index = {
-  install(app) {
-    for (const component of Object.values(components)) {
-      app.use(component);
-    }
-    require("./iconfont.js");
-  },
-  version,
-  utils,
-  directives,
-  hooks,
-  components
-};
-
-exports.components = components;
-exports["default"] = index;
-exports.directives = directives;
-exports.hooks = hooks;
-exports.utils = utils;
-exports.version = version;