@zl-ui-kit/composables 0.3.3 → 0.5.0

package/dist/index.js

@@ -105,6 +105,133 @@ function useDict(key, options = {}) {
   return Object.assign(dict, { label });
 }
 
+// src/useGlobalData.ts
+import { isFunction, isPlainObject as isPlainObject2, withResolvers } from "@zl-ui-kit/utils";
+import { createGlobalState as createGlobalState2, useStorage } from "@vueuse/core";
+import { computed as computed3, nextTick, readonly, ref as ref2, watch } from "vue";
+var SYNC_KEYS = ["locale", "theme", "token"];
+function createStorages() {
+  return {
+    locale: useStorage("$zl_locale", ""),
+    theme: useStorage("$zl_theme", "light"),
+    token: useStorage("$zl_token", void 0)
+  };
+}
+function readStorages(storages) {
+  return {
+    locale: storages.locale.value,
+    theme: storages.theme.value,
+    token: storages.token.value
+  };
+}
+function createInitialState(storages) {
+  return {
+    initialed: true,
+    ...readStorages(storages),
+    isI18nKeyVisible: false,
+    roles: [],
+    permissions: [],
+    user: void 0,
+    localeMessages: {},
+    elLocaleMessages: void 0,
+    config: void 0
+  };
+}
+var useGlobalData = createGlobalState2(() => {
+  const storages = createStorages();
+  const globalData = ref2(createInitialState(storages));
+  const waiters = /* @__PURE__ */ new Set();
+  function updateBodyAttribute(key, value) {
+    if (typeof document === "undefined")
+      return;
+    document.body.setAttribute(key, String(value ?? ""));
+  }
+  updateBodyAttribute("data-theme", storages.theme.value);
+  updateBodyAttribute("data-locale", storages.locale.value);
+  watch(
+    () => SYNC_KEYS.map((key) => globalData.value[key]),
+    (values) => {
+      values.forEach((value, index) => {
+        const key = SYNC_KEYS[index];
+        if (storages[key].value === value)
+          return;
+        storages[key].value = value;
+        if (key === "theme")
+          updateBodyAttribute("data-theme", value);
+        if (key === "locale")
+          updateBodyAttribute("data-locale", value);
+      });
+    }
+  );
+  watch(globalData, () => {
+    waiters.forEach((fn) => fn());
+  }, { deep: true });
+  function getConfig(key, defaultValue) {
+    return globalData.value.config?.[key] ?? defaultValue;
+  }
+  function isConfig(key, compareValue = "true") {
+    return globalData.value.config?.[key] === compareValue;
+  }
+  async function setAndWaitUntil({ set, until }) {
+    if (!set && !isFunction(until))
+      return;
+    if (isPlainObject2(set))
+      globalData.value = { ...globalData.value, ...set };
+    if (!isFunction(until)) {
+      await nextTick();
+      return;
+    }
+    const { resolve, promise } = withResolvers();
+    const waiter = () => {
+      if (!until(globalData.value))
+        return;
+      waiters.delete(waiter);
+      resolve();
+    };
+    waiters.add(waiter);
+    nextTick(waiter);
+    return promise;
+  }
+  function resetUser() {
+    globalData.value = {
+      ...globalData.value,
+      user: void 0,
+      roles: [],
+      permissions: [],
+      token: void 0
+    };
+    storages.token.value = void 0;
+  }
+  const toComputed = (prop) => {
+    return computed3({
+      get() {
+        return globalData.value[prop];
+      },
+      set(value) {
+        globalData.value = { ...globalData.value, [prop]: value };
+        return true;
+      }
+    });
+  };
+  return Object.assign(globalData, {
+    initialed: readonly(toComputed("initialed")),
+    locale: toComputed("locale"),
+    theme: toComputed("theme"),
+    token: toComputed("token"),
+    isI18nKeyVisible: toComputed("isI18nKeyVisible"),
+    roles: toComputed("roles"),
+    permissions: toComputed("permissions"),
+    user: toComputed("user"),
+    localeMessages: toComputed("localeMessages"),
+    elLocaleMessages: toComputed("elLocaleMessages"),
+    config: toComputed("config"),
+    getConfig,
+    isConfig,
+    setAndWaitUntil,
+    resetUser
+  });
+});
+
 // src/useGlobalMessage.ts
 import { ElMessage, ElMessageBox, ElNotification } from "element-plus";
 var confirmPromise = (config, onOk, onCancel) => {
@@ -155,236 +282,11 @@ function useGlobalMessage(_directMode = false) {
 }
 
 // src/useLocale.ts
-import { toValue as toValue2, watch as watch2 } from "vue";
+import { toValue, watch as watch2 } from "vue";
 import { createI18n } from "vue-i18n";
-
-// src/useMicroGlobalData.ts
-import { isFunction, isPlainObject as isPlainObject2, withResolvers } from "@zl-ui-kit/utils";
-import { createGlobalState as createGlobalState2, useStorage } from "@vueuse/core";
-import { computed as computed3, customRef, nextTick, readonly, ref as ref2, toValue, watch } from "vue";
-
-// src/internal/microApp.ts
-import _microApp from "@micro-zoe/micro-app";
-function usable(mod) {
-  try {
-    return mod && typeof mod.getGlobalData === "function" ? mod : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function resolveMicroApp() {
-  if (typeof window !== "undefined") {
-    const injected = window.microApp;
-    if (injected)
-      return injected;
-  }
-  return usable(_microApp);
-}
-function isMicroChildRuntime() {
-  return typeof window !== "undefined" && !!window.microApp;
-}
-function requireMicroApp(api) {
-  const app = resolveMicroApp();
-  if (!app) {
-    throw new Error(
-      `[zl-ui] ${api}() \u4F9D\u8D56 micro-app\uFF0C\u8BF7\u5148\u5B89\u88C5\uFF1Anpm i @micro-zoe/micro-app
-\u82E5\u4E0D\u9700\u8981\u5FAE\u524D\u7AEF\u80FD\u529B\uFF0C\u8BF7\u6539\u7528 @zl-ui-kit/composables \u4E3B\u5165\u53E3\u4E2D\u7684\u5176\u5B83 hook\u3002`
-    );
-  }
-  return app;
-}
-
-// src/useMicroGlobalData.ts
-var devMockEnabled = false;
-function enableGlobalDataMock(enabled = true) {
-  devMockEnabled = enabled;
-}
-function createStorages() {
-  return {
-    locale: useStorage("$zl_locale", ""),
-    theme: useStorage("$zl_theme", "light"),
-    token: useStorage("$zl_token", void 0)
-  };
-}
-function createInitialedData(storages) {
-  return {
-    initialed: true,
-    locale: storages.locale.value,
-    theme: storages.theme.value,
-    token: storages.token.value,
-    isI18nKeyVisible: false,
-    roles: [],
-    permissions: [],
-    user: void 0,
-    localeMessages: {},
-    elLocaleMessages: void 0,
-    config: void 0
-  };
-}
-function useDevMockGlobalData() {
-  const storages = createStorages();
-  const globalData = ref2(createInitialedData(storages));
-  function getConfig(key, defaultValue) {
-    return globalData.value.config?.[key] ?? defaultValue;
-  }
-  function isConfig(key, compareValue = "true") {
-    return globalData.value.config?.[key] === compareValue;
-  }
-  async function setAndWaitUntil({ set }) {
-    globalData.value = { ...globalData.value, ...set };
-    await nextTick();
-  }
-  const _toComputed = (prop) => {
-    return computed3({
-      get() {
-        return globalData.value[prop];
-      },
-      set(value) {
-        globalData.value = {
-          ...globalData.value,
-          [prop]: value
-        };
-        return true;
-      }
-    });
-  };
-  updateBodyAttribute("data-theme", storages.theme.value);
-  updateBodyAttribute("data-locale", storages.locale.value);
-  return Object.assign(globalData, {
-    initialed: readonly(_toComputed("initialed")),
-    locale: _toComputed("locale"),
-    theme: _toComputed("theme"),
-    token: _toComputed("token"),
-    isI18nKeyVisible: _toComputed("isI18nKeyVisible"),
-    roles: _toComputed("roles"),
-    permissions: _toComputed("permissions"),
-    user: _toComputed("user"),
-    localeMessages: _toComputed("localeMessages"),
-    elLocaleMessages: _toComputed("elLocaleMessages"),
-    config: _toComputed("config")
-  }, { getConfig, isConfig, setAndWaitUntil });
-}
-var useMicroGlobalData = createGlobalState2(() => {
-  const microApp = resolveMicroApp();
-  if (!microApp) {
-    console.warn(
-      "[useMicroGlobalData] \u672A\u68C0\u6D4B\u5230 micro-app\uFF0C\u5DF2\u964D\u7EA7\u4E3A\u672C\u5730\u5B58\u50A8\u6A21\u5F0F\uFF08$zl_locale / $zl_theme / $zl_token\uFF09\u3002\u9700\u8981\u8DE8\u5E94\u7528\u540C\u6B65\u8BF7\u5B89\u88C5 @micro-zoe/micro-app\u3002"
-    );
-    return useDevMockGlobalData();
-  }
-  if (devMockEnabled && !isMicroChildRuntime()) {
-    console.warn("[useMicroGlobalData] \u4F7F\u7528\u5F00\u53D1\u6001 mock \u6570\u636E\uFF08enableGlobalDataMock \u5DF2\u5F00\u542F\uFF09");
-    return useDevMockGlobalData();
-  }
-  const storages = createStorages();
-  const triggers = /* @__PURE__ */ new Set();
-  let _computedSetTrigger;
-  const globalData = customRef((track, trigger2) => {
-    _computedSetTrigger = trigger2;
-    return {
-      get() {
-        track();
-        return microApp.getGlobalData() || Object.fromEntries(Object.entries(storages).map(([key, storage]) => [key, toValue(storage)]));
-      },
-      set(value) {
-        microApp.setGlobalData(value);
-        return true;
-      }
-    };
-  });
-  function trigger() {
-    _computedSetTrigger();
-    nextTick(() => {
-      triggers.forEach((fn) => fn());
-    });
-  }
-  microApp.addGlobalDataListener(trigger);
-  if (!globalData.value.initialed) {
-    globalData.value = createInitialedData(storages);
-  }
-  updateBodyAttribute("data-theme", storages.theme.value);
-  updateBodyAttribute("data-locale", storages.locale.value);
-  const storagesKey = Object.keys(storages);
-  watch(() => storagesKey.map((key) => globalData.value[key]), (values) => {
-    values.forEach((value, index) => {
-      const key = storagesKey[index];
-      if (storages[key].value !== value) {
-        storages[key].value = value;
-        if (key === "theme") {
-          updateBodyAttribute("data-theme", value);
-        }
-        if (key === "locale") {
-          updateBodyAttribute("data-locale", value);
-        }
-      }
-    });
-  });
-  const _toComputed = (prop) => {
-    return computed3({
-      get() {
-        return globalData.value[prop];
-      },
-      set(value) {
-        globalData.value = { [prop]: value };
-        return true;
-      }
-    });
-  };
-  function setAndWaitUntil({ set, until }) {
-    if (!set && !until && !isPlainObject2(set) && !isFunction(until)) {
-      return Promise.resolve();
-    }
-    const { resolve, promise } = withResolvers();
-    globalData.value = set;
-    const triggerFn = () => {
-      if (until?.(globalData.value)) {
-        triggers.delete(triggerFn);
-        resolve();
-      }
-    };
-    triggers.add(triggerFn);
-    return promise;
-  }
-  function getConfig(key, defaultValue) {
-    return globalData.value.config?.[key] ?? defaultValue;
-  }
-  function isConfig(key, compareValue = "true") {
-    return globalData.value.config?.[key] === compareValue;
-  }
-  function resetUser() {
-    globalData.value = { user: void 0, roles: [], permissions: [], token: void 0 };
-    storages.token.value = void 0;
-  }
-  return Object.assign(globalData, {
-    initialed: readonly(_toComputed("initialed")),
-    locale: _toComputed("locale"),
-    theme: _toComputed("theme"),
-    token: _toComputed("token"),
-    isI18nKeyVisible: _toComputed("isI18nKeyVisible"),
-    roles: _toComputed("roles"),
-    permissions: _toComputed("permissions"),
-    user: _toComputed("user"),
-    localeMessages: _toComputed("localeMessages"),
-    elLocaleMessages: _toComputed("elLocaleMessages"),
-    config: _toComputed("config"),
-    setAndWaitUntil,
-    getConfig,
-    isConfig,
-    resetUser
-  });
-});
-function updateBodyAttribute(key, value) {
-  if (typeof document === "undefined")
-    return;
-  [document.body, ...document.querySelectorAll("micro-app-body")].forEach((el) => {
-    el.setAttribute(key, String(value ?? ""));
-  });
-}
-
-// src/useLocale.ts
 var elLocaleMessagesStore = {};
 function useLocale(options = {}, loader) {
-  const { locale, localeMessages, elLocaleMessages, isI18nKeyVisible } = useMicroGlobalData();
+  const { locale, localeMessages, elLocaleMessages, isI18nKeyVisible } = useGlobalData();
   function postTranslation(translated, key) {
     if (isI18nKeyVisible.value)
       return key;
@@ -418,7 +320,7 @@ function useLocale(options = {}, loader) {
   }, { immediate: true });
   let storeLocale;
   watch2(isI18nKeyVisible, (visible) => {
-    const currentLocale = toValue2(i18n.global.locale);
+    const currentLocale = toValue(i18n.global.locale);
     if (visible) {
       storeLocale = [currentLocale, i18n.global.getLocaleMessage(currentLocale)];
       i18n.global.setLocaleMessage(currentLocale, {});
@@ -448,490 +350,6 @@ function useLocale(options = {}, loader) {
   };
 }
 
-// src/useZlT.ts
-import { useI18n } from "vue-i18n";
-function useZlT() {
-  let t = (key, fallback) => fallback ?? key;
-  try {
-    const globalT = useI18n({ useScope: "global" }).t;
-    t = (key, fallback, params) => {
-      const msg = params ? globalT(key, params) : globalT(key);
-      return msg === key ? fallback ?? key : msg;
-    };
-  } catch {
-  }
-  return { t };
-}
-
-// src/useMicroAction.ts
-import { createSharedComposable, tryOnScopeDispose as tryOnScopeDispose2 } from "@vueuse/core";
-import { watch as watch3 } from "vue";
-
-// src/useMicroApp.ts
-import { createGlobalState as createGlobalState3 } from "@vueuse/core";
-import { ref as ref3 } from "vue";
-var useMicroApp = createGlobalState3(() => {
-  const apps = ref3([]);
-  function isMicroBase() {
-    return typeof window !== "undefined" && !!window.__MICRO_APP_BASE_APPLICATION__;
-  }
-  function isMicroChild() {
-    return typeof window !== "undefined" && !!window.__MICRO_APP_ENVIRONMENT__;
-  }
-  function updateApps() {
-    apps.value = requireMicroApp("useMicroApp().updateApps").getActiveApps();
-  }
-  function startMicroApp(config = {}) {
-    const microApp = requireMicroApp("useMicroApp().startMicroApp");
-    microApp.start({
-      ...config,
-      lifeCycles: {
-        mounted(data) {
-          updateApps();
-          config?.lifeCycles?.mounted?.(data);
-        },
-        // micro-app 的卸载生命周期名为 unmount，对外保持 unmounted 语义
-        unmount(data) {
-          updateApps();
-          config?.lifeCycles?.unmounted?.(data);
-        }
-      }
-    });
-    return microApp;
-  }
-  return { apps, isMicroBase, isMicroChild, updateApps, startMicroApp };
-});
-
-// src/useMicroAction.ts
-var ACTION_PREFIX = "action__";
-var ACTION_ROOT_PREFIX = "action__root__";
-function _action(action, onlyRoot = false) {
-  return `${onlyRoot ? ACTION_ROOT_PREFIX : ACTION_PREFIX}${action}`;
-}
-function isEmitRoot(action) {
-  return action.startsWith(`${ACTION_ROOT_PREFIX}emit-`);
-}
-var useMicroListener = createSharedComposable(() => {
-  const { isMicroBase, isMicroChild, apps } = useMicroApp();
-  const listenerMap = /* @__PURE__ */ new Map();
-  const handler = (data) => {
-    Object.entries(data).forEach(([args, key]) => {
-      if (isEmitRoot(key) && isMicroBase() && isMicroChild()) {
-        window.microApp?.dispatch({ [JSON.stringify(args)]: key });
-        return;
-      }
-      const action = key.replace(ACTION_ROOT_PREFIX, "").replace(ACTION_PREFIX, "");
-      const callbackSet = listenerMap.get(action);
-      if (!callbackSet?.size) {
-        return;
-      }
-      delete data[args];
-      callbackSet.forEach((callback) => callback(...JSON.parse(args)));
-    });
-  };
-  const listeners = [];
-  if (isMicroChild()) {
-    const _microApp2 = window.microApp;
-    _microApp2?.addDataListener(handler);
-    listeners.push(() => {
-      _microApp2?.removeDataListener(handler);
-    });
-  }
-  if (isMicroBase()) {
-    const microApp = requireMicroApp("useMicroAction");
-    listeners.push(() => {
-      apps.value.forEach((app) => {
-        microApp.removeDataListener(app, handler);
-      });
-    });
-    watch3(apps, (newApps, oldApps) => {
-      oldApps.forEach((app) => {
-        microApp.removeDataListener(app, handler);
-      });
-      newApps.forEach((app) => {
-        microApp.addDataListener(app, handler);
-      });
-    }, { deep: true });
-  }
-  const _ensureGetCallbackSet = (action) => {
-    let callbackSet = listenerMap.get(action);
-    if (!callbackSet) {
-      callbackSet = /* @__PURE__ */ new Set();
-      listenerMap.set(action, callbackSet);
-    }
-    return callbackSet;
-  };
-  const on = (action, callback) => {
-    _ensureGetCallbackSet(action).add(callback);
-  };
-  const off = (action, callback) => {
-    const callbackSet = listenerMap.get(action);
-    if (callbackSet) {
-      callbackSet.delete(callback);
-    }
-  };
-  const once = (action, callback) => {
-    const callbackSet = _ensureGetCallbackSet(action);
-    const handler2 = (...args) => {
-      callback(...args);
-      callbackSet.delete(handler2);
-    };
-    callbackSet.add(handler2);
-  };
-  const dispose = () => {
-    listenerMap.clear();
-    listeners.forEach((fn) => fn());
-  };
-  tryOnScopeDispose2(dispose);
-  return { on, off, once };
-});
-function useMicroAction(action, appName) {
-  const { apps } = useMicroApp();
-  const _actionName = _action(action);
-  return (...args) => {
-    const _apps = !appName ? apps.value : apps.value.filter((app) => app === appName);
-    if (!_apps.length)
-      return;
-    const microApp = requireMicroApp("useMicroAction");
-    _apps.forEach((app) => {
-      microApp.setData(app, { [JSON.stringify(args)]: _actionName });
-    });
-  };
-}
-function useMicroActionAsync(action, appName) {
-  const _actionName = _action(action);
-  const { isMicroBase, isMicroChild } = useMicroApp();
-  if (!isMicroBase()) {
-    return (...args) => {
-      return new Promise((resolve, reject) => {
-        window.microApp?.dispatch({ [JSON.stringify(args)]: _actionName }, (promises) => {
-          Promise.all(promises).then(resolve, reject);
-        });
-      });
-    };
-  }
-  if (isMicroChild()) {
-    return (...args) => {
-      return new Promise((resolve, reject) => {
-        const microApp = requireMicroApp("useMicroActionAsync");
-        microApp.setData(appName, { [JSON.stringify(args)]: _actionName }, (promises) => {
-          Promise.all(promises).then(resolve, reject);
-        });
-      });
-    };
-  }
-  return (..._args) => Promise.resolve([]);
-}
-function useMicroResultListener(action, callback) {
-  const { isMicroBase } = useMicroApp();
-  const _actionName = _action(action);
-  const handler = async (data) => {
-    for (const [args, key] of Object.entries(data)) {
-      if (key === _actionName) {
-        delete data[args];
-        return await callback(...JSON.parse(args));
-      }
-    }
-  };
-  const micro = isMicroBase() ? requireMicroApp("useMicroResultListener") : typeof window !== "undefined" ? window.microApp : void 0;
-  micro?.addDataListener(handler);
-}
-function dispatchMicroAction(action, appName, ...data) {
-  const _actionName = _action(action);
-  return new Promise((resolve) => {
-    requireMicroApp("dispatchMicroAction").setData(appName, { [JSON.stringify(data)]: _actionName }, resolve);
-  });
-}
-
-// src/usePageTabs.ts
-import { createGlobalState as createGlobalState4 } from "@vueuse/core";
-import { computed as computed4, getCurrentInstance, nextTick as nextTick2, reactive, readonly as readonly2, ref as ref4, shallowReactive, watch as watch4 } from "vue";
-function pushMicroRouter({ micro, url }) {
-  if (!micro || !url)
-    return;
-  const microApp = requireMicroApp("usePageTabs");
-  const activeApps = microApp.getActiveApps();
-  if (!activeApps.includes(micro))
-    return;
-  return microApp.router.push({ name: micro, path: url });
-}
-var createPageTabsState = createGlobalState4(() => {
-  const { on } = useMicroListener();
-  const roots = reactive({});
-  const activeRootKey = ref4(null);
-  const activeRoot = computed4(() => activeRootKey.value ? roots[activeRootKey.value] : null);
-  const pageTabs = computed4(() => {
-    if (!activeRoot.value)
-      return [];
-    return activeRoot.value.tabs.reduce((acc, cur) => {
-      const getChildren = (item) => {
-        if (item.children) {
-          const children = item.children.map((i) => getChildren(i)).flat();
-          Object.assign(children[0], { title: item.title, icon: item.icon });
-          return children;
-        } else {
-          return [item];
-        }
-      };
-      if (cur.children) {
-        return [...acc, ...getChildren(cur)];
-      } else {
-        return [...acc, cur];
-      }
-    }, []);
-  });
-  const current = computed4(() => {
-    return pageTabs.value.find((item) => item.key === activeRoot.value?.activeTabKey);
-  });
-  const micros = shallowReactive({});
-  async function _removePageTabByKey(key, root = activeRoot.value) {
-    const index = root.tabs.findIndex((item) => item.key === key);
-    if (index === -1)
-      return false;
-    const tab = root.tabs[index];
-    try {
-      if (typeof tab.beforeRemove === "function") {
-        const shouldRemove = await tab.beforeRemove();
-        if (shouldRemove === false)
-          return false;
-      }
-      root.tabs.splice(index, 1);
-      const parentTab = root._parentMap[key];
-      delete root._parentMap[key];
-      if (root.activeTabKey === key) {
-        root.activeTabKey = root.tabs.at(index - 1)?.key ?? root.tabs[0]?.key ?? "";
-      }
-      return [tab, parentTab];
-    } catch {
-      return false;
-    }
-  }
-  on("dispatch-page-key-change", ({ key, root }) => {
-    const changedRoot = roots[root];
-    if (!changedRoot)
-      return;
-    changedRoot.activeTabKey = key;
-    activeRootKey.value = root;
-  });
-  on("dispatch-page-key-remove", ({ key, root, isRoot }) => {
-    if (isRoot) {
-      roots[root] = void 0;
-      if (activeRootKey.value === root) {
-        const rootKeys = Object.keys(roots);
-        activeRootKey.value = rootKeys.at(rootKeys.indexOf(root) - 1) ?? null;
-      }
-      return;
-    }
-    const changedRoot = roots[root];
-    if (!changedRoot)
-      return;
-    _removePageTabByKey(key, changedRoot);
-  });
-  watch4(current, (val) => {
-    if (!val?.micro)
-      return;
-    if (!val.isChildMicro)
-      return;
-    if (!micros[val.micro]) {
-      micros[val.micro] = val.url;
-    } else if (val.url) {
-      pushMicroRouter(val);
-    } else {
-      pushMicroRouter({ micro: val.micro, url: val.rootKey });
-    }
-  });
-  return {
-    roots,
-    activeRoot,
-    activeRootKey,
-    micros,
-    pageTabs,
-    current,
-    _removePageTabByKey
-  };
-});
-function usePageTabs() {
-  const { roots, activeRootKey, micros, _removePageTabByKey, ...state } = createPageTabsState();
-  const { isMicroBase } = useMicroApp();
-  const vm = getCurrentInstance();
-  function createPageTabsRoot(root) {
-    if (!roots[root.key]) {
-      const rootTab = { ...root, isRoot: true };
-      roots[root.key] = {
-        tabs: [rootTab],
-        activeTabKey: rootTab.key,
-        _parentMap: shallowReactive({})
-      };
-    }
-    activeRootKey.value = root.key;
-  }
-  function addPageTab(tab, options) {
-    const { update, childMicro = true } = { update: false, ...options };
-    const root = roots[activeRootKey.value];
-    const lastActiveTabKey = root.activeTabKey;
-    root._parentMap[tab.key] = vm;
-    root.activeTabKey = tab.key;
-    const index = root.tabs.findIndex((item) => item.key === tab.key);
-    if (index > -1 && !update) {
-      return false;
-    }
-    let currentTab = { ...tab, _parentTabKey: lastActiveTabKey };
-    if (isComponentTab(tab)) {
-      const { title, key, icon, beforeRemove, component, props, ..._props } = tab;
-      currentTab = { title, key, icon, beforeRemove, component, props: { ...props, ..._props }, _parentTabKey: lastActiveTabKey };
-    } else if (tab.micro && isMicroBase() && childMicro) {
-      currentTab.isChildMicro = true;
-      addMicro(currentTab);
-    }
-    if (index > -1) {
-      root.tabs[index] = currentTab;
-    } else {
-      root.tabs.push(currentTab);
-    }
-    return true;
-  }
-  async function removePageTab(tabOrKey = roots[activeRootKey.value].activeTabKey) {
-    if (!tabOrKey)
-      return;
-    if (typeof tabOrKey === "string") {
-      return _removePageTabByKey(tabOrKey);
-    }
-    if (tabOrKey.isChildRoot) {
-      await _removeChildRoot(tabOrKey);
-    } else if (tabOrKey.isChild) {
-      dispatchMicroAction("dispatch-page-key-remove", tabOrKey.micro, {
-        key: tabOrKey.key,
-        root: tabOrKey.rootKey
-      });
-    } else {
-      return _removePageTabByKey(tabOrKey.key);
-    }
-    return false;
-  }
-  function clearPageTab(rootKey = activeRootKey.value) {
-    const rootKeys = Object.keys(roots);
-    delete roots[rootKey];
-    if (rootKey === activeRootKey.value) {
-      const index = rootKeys.indexOf(rootKey);
-      rootKeys.splice(index, 1);
-      activeRootKey.value = rootKeys.at(index - 1) ?? null;
-    }
-  }
-  function setRootChild(tabs, activeChildTabKey, micro) {
-    if (!activeChildTabKey || micro.startsWith("flowable_"))
-      return;
-    const root = roots[activeRootKey.value];
-    const childRootTab = tabs[0];
-    const childRootTabKey = `${childRootTab.micro}__${childRootTab.key}`;
-    const currentTab = state.pageTabs.value.find((tab) => tab.key === root.activeTabKey);
-    root._parentTabMap ?? (root._parentTabMap = {});
-    if (!root._parentTabMap[childRootTabKey]) {
-      root._parentTabMap[childRootTabKey] = currentTab;
-    }
-    const parentTab = root._parentTabMap[childRootTabKey];
-    function childTabFormatter(tab) {
-      return { ...tab, isChild: true, isChildMicro: !!tab.micro, parentTab, childRootTabKey };
-    }
-    const oldTabs = parentTab.children;
-    if (!oldTabs?.length) {
-      parentTab.children = tabs.map(childTabFormatter);
-    } else {
-      const newTabs = parentTab.children = [];
-      if (tabs.length > oldTabs.length) {
-        newTabs.push(...oldTabs, ...tabs.slice(oldTabs.length).map(childTabFormatter));
-      } else if (tabs.length < oldTabs.length) {
-        const oldChildMap = oldTabs.reduce((acc, cur) => {
-          acc[cur.key] = cur;
-          return acc;
-        }, {});
-        newTabs.push(...tabs.map((tab) => {
-          return oldChildMap[tab.key] || childTabFormatter(tab);
-        }));
-      } else {
-        newTabs.push(...oldTabs);
-      }
-    }
-    root.activeTabKey = activeChildTabKey;
-  }
-  async function removeCurrentTab(callback) {
-    const root = state.activeRoot.value;
-    const removedTab = await _removePageTabByKey(root.activeTabKey);
-    if (!removedTab || typeof callback !== "function")
-      return false;
-    const [tab, parentTab] = removedTab;
-    if (state.pageTabs.value.find((item) => item.key === tab._parentTabKey)) {
-      root.activeTabKey = tab._parentTabKey;
-      await nextTick2();
-      await callback(parentTab?.exposed);
-    }
-    return true;
-  }
-  async function _removeChildRoot(tab) {
-    if (!tab.isChildRoot)
-      return;
-    const root = roots[activeRootKey.value];
-    const childRootKey = `${tab.micro}__${tab.key}`;
-    const parentTab = root._parentTabMap?.[childRootKey];
-    if (!parentTab)
-      return;
-    delete root._parentTabMap?.[childRootKey];
-    const realParentTab = parentTab.parentTab;
-    dispatchMicroAction("dispatch-page-key-remove", tab.micro, {
-      key: tab.key,
-      root: tab.rootKey,
-      isRoot: true
-    });
-    if (realParentTab) {
-      dispatchMicroAction("dispatch-page-key-remove", realParentTab.micro, {
-        key: parentTab.key,
-        root: parentTab.rootKey
-      });
-    } else {
-      _removePageTabByKey(parentTab.key);
-    }
-  }
-  async function setCurrentTab(tab) {
-    const root = roots[activeRootKey.value];
-    if (!tab || !root || root.activeTabKey === tab.key)
-      return;
-    if (tab.isChild) {
-      if (state.current.value?.micro !== tab.micro) {
-        root.activeTabKey = tab.key;
-        await nextTick2();
-      }
-      dispatchMicroAction("dispatch-page-key-change", tab.micro, {
-        key: tab.key,
-        root: tab.rootKey
-      });
-    } else {
-      root.activeTabKey = tab.key;
-    }
-  }
-  function addMicro({ micro, url }) {
-    if (!micro || !url || micros[micro])
-      return false;
-    micros[micro] = url;
-    return true;
-  }
-  return {
-    ...state,
-    roots,
-    micros: readonly2(micros),
-    activeRootKey: readonly2(activeRootKey),
-    addMicro,
-    setRootChild,
-    createPageTabsRoot,
-    addPageTab,
-    removePageTab,
-    removeCurrentTab,
-    clearPageTab,
-    setCurrentTab
-  };
-}
-function isComponentTab(tab) {
-  return !!tab.component;
-}
-
 // src/useRequest/plugins/definePlugin.ts
 function definePlugin(plugin) {
   return plugin;
@@ -959,23 +377,23 @@ var DEFAULT_PAGINATION_OPTIONS = {
 };
 
 // src/useRequest/useDataRequest.ts
-import { computed as computed5 } from "vue";
+import { computed as computed4 } from "vue";
 
 // src/useRequest/useRequestImpl.ts
-import { tryOnScopeDispose as tryOnScopeDispose3 } from "@vueuse/core";
+import { tryOnScopeDispose as tryOnScopeDispose2 } from "@vueuse/core";
 import { inject as inject2 } from "vue";
 
 // src/useRequest/createRequest.ts
 import { shallowCopy } from "@zl-ui-kit/utils";
-import { ref as ref5, shallowRef } from "vue";
+import { ref as ref3, shallowRef } from "vue";
 function createRequest(service, options = {}, initialState = {}) {
   const { initialData } = options;
-  const loading = ref5(initialState.loading ?? false);
+  const loading = ref3(initialState.loading ?? false);
   const data = shallowRef(initialData);
-  const error = ref5(void 0);
-  const params = ref5();
-  const plugins = ref5([]);
-  const status = ref5("");
+  const error = ref3(void 0);
+  const params = ref3();
+  const plugins = ref3([]);
+  const status = ref3("");
   const context = {};
   const onPluginRunner = (event, ...args) => {
     if (event === "onRequest") {
@@ -1002,7 +420,7 @@ function createRequest(service, options = {}, initialState = {}) {
     });
   };
   setState({ status: "pending" });
-  const count = ref5(0);
+  const count = ref3(0);
   context.runAsync = async (...args) => {
     setState({ status: "pending" });
     const currentCount = ++count.value;
@@ -1090,7 +508,7 @@ function createRequest(service, options = {}, initialState = {}) {
 
 // src/useRequest/plugins/useDownloadPlugin.ts
 import { fileSave } from "@zl-ui-kit/utils";
-import { toValue as toValue3 } from "vue";
+import { toValue as toValue2 } from "vue";
 var useDownloadPlugin_default = definePlugin((_requestInstance, options = {}) => {
   const { outputFile } = options;
   if (!outputFile) {
@@ -1100,7 +518,7 @@ var useDownloadPlugin_default = definePlugin((_requestInstance, options = {}) =>
     onSuccess(res) {
       if (res instanceof Blob && res.type !== "application/json") {
         const blob = new Blob([res]);
-        fileSave(blob, toValue3(outputFile));
+        fileSave(blob, toValue2(outputFile));
       }
     }
   };
@@ -1108,7 +526,7 @@ var useDownloadPlugin_default = definePlugin((_requestInstance, options = {}) =>
 
 // src/useRequest/plugins/useLoadingPlugin.ts
 import { promiseTimeout, useTimeoutFn } from "@vueuse/core";
-import { toValue as toValue4 } from "vue";
+import { toValue as toValue3 } from "vue";
 var useLoadingPlugin_default = definePlugin((requestInstance, options = {}) => {
   const { loadingDelay = 0, loadingKeep = 0 } = options;
   const { start, stop } = useTimeoutFn(
@@ -1124,15 +542,15 @@ var useLoadingPlugin_default = definePlugin((requestInstance, options = {}) => {
     onBefore() {
       start();
       return {
-        loading: !toValue4(loadingDelay)
+        loading: !toValue3(loadingDelay)
       };
     },
     onRequest(service) {
-      if (!toValue4(loadingKeep))
+      if (!toValue3(loadingKeep))
         return () => service();
       return () => Promise.allSettled([
         service(),
-        promiseTimeout(toValue4(loadingDelay) + toValue4(loadingKeep))
+        promiseTimeout(toValue3(loadingDelay) + toValue3(loadingKeep))
       ]).then(([res]) => {
         if (res.status === "fulfilled") {
           return res.value;
@@ -1152,15 +570,15 @@ var useLoadingPlugin_default = definePlugin((requestInstance, options = {}) => {
 
 // src/useRequest/plugins/useReadyPlugin.ts
 import { whenever } from "@vueuse/core";
-import { ref as ref6, toValue as toValue5 } from "vue";
+import { ref as ref4, toValue as toValue4 } from "vue";
 var useReadyPlugin_default = definePlugin((requestInstance, options = {}) => {
-  const { ready = ref6(true), defaultParams = [] } = options;
-  whenever(() => toValue5(ready), () => {
+  const { ready = ref4(true), defaultParams = [] } = options;
+  whenever(() => toValue4(ready), () => {
     requestInstance.context.run(...defaultParams);
   }, { flush: "sync" });
   return {
     onBefore() {
-      if (!toValue5(ready)) {
+      if (!toValue4(ready)) {
         return { isBreak: true };
       }
       return void 0;
@@ -1169,13 +587,13 @@ var useReadyPlugin_default = definePlugin((requestInstance, options = {}) => {
 });
 
 // src/useRequest/plugins/useRefreshDepsPlugin.ts
-import { watch as watch5 } from "vue";
+import { watch as watch3 } from "vue";
 var useRefreshDepsPlugin_default = definePlugin((requestInstance, options = {}) => {
   const { refreshDeps, refreshDepsAction, manual } = options;
   if (!refreshDeps) {
     return {};
   }
-  watch5(refreshDeps, (..._args) => {
+  watch3(refreshDeps, (..._args) => {
     if (refreshDepsAction) {
       refreshDepsAction();
     } else if (!manual) {
@@ -1200,7 +618,7 @@ function useRequestImpl(service, options = {}, plugins = []) {
     const params = requestInstance.params.value || defaultParams;
     requestInstance.context.run(...params);
   }
-  tryOnScopeDispose3(requestInstance.context.cancel);
+  tryOnScopeDispose2(requestInstance.context.cancel);
   return {
     __is_use_request: true,
     loading: requestInstance.loading,
@@ -1227,7 +645,7 @@ function useDataRequest(service, options, plugins) {
   const { dataKey = "data", initialData, ...restOptions } = options || {};
   const request = useRequest(service, restOptions, plugins);
   const _data = request.data;
-  const data = computed5(() => {
+  const data = computed4(() => {
     const rawData = _data.value || {};
     return rawData[dataKey] ?? initialData;
   });
@@ -1236,7 +654,7 @@ function useDataRequest(service, options, plugins) {
 
 // src/useRequest/usePageableRequest.ts
 import { isArray } from "@zl-ui-kit/utils";
-import { computed as computed6, inject as inject3 } from "vue";
+import { computed as computed5, inject as inject3 } from "vue";
 function usePaginationRequest(service, options, plugins) {
   const { pagination = {}, ...restOptions } = options || {};
   const injectedGlobalOptions = inject3(GLOBAL_OPTIONS_PROVIDER_KEY, {});
@@ -1246,15 +664,15 @@ function usePaginationRequest(service, options, plugins) {
     ...restOptions
   };
   const { data: _data, params, run, ...rest } = useRequest(service, finalOptions, plugins);
-  const data = computed6(() => {
+  const data = computed5(() => {
     const rawData = _data.value || {};
     return isArray(rawData) ? rawData : rawData[dataKey] || [];
   });
-  const total = computed6(() => {
+  const total = computed5(() => {
     const rawData = _data.value || {};
     return isArray(rawData) ? rawData.length : rawData[totalKey] || 0;
   });
-  const current = computed6({
+  const current = computed5({
     get() {
       return params.value?.[0]?.[currentKey] ?? finalOptions.defaultParams[0]?.[currentKey];
     },
@@ -1262,7 +680,7 @@ function usePaginationRequest(service, options, plugins) {
       changeCurrent(val);
     }
   });
-  const pageSize = computed6({
+  const pageSize = computed5({
     get() {
       return params.value?.[0]?.[pageSizeKey] ?? finalOptions.defaultParams[0]?.[pageSizeKey];
     },
@@ -1299,7 +717,7 @@ function usePaginationRequest(service, options, plugins) {
 function usePageableRequest(service, options, plugins) {
   const request = useRequest(service, options, plugins);
   const _data = request.data;
-  const data = computed6(() => {
+  const data = computed5(() => {
     const rawData = _data.value || [];
     if (isArray(rawData)) {
       return rawData;
@@ -1319,7 +737,7 @@ function useRequestProvider(options) {
 
 // src/useSash.ts
 import { useEventListener } from "@vueuse/core";
-import { toValue as toValue6, useTemplateRef } from "vue";
+import { toValue as toValue5, useTemplateRef } from "vue";
 function useSash(refName, { start, onMousedown, onMousemove, onMouseup, onDoubleClick } = {}) {
   const sashElRef = useTemplateRef(refName);
   function handleSashMousedown(e) {
@@ -1327,7 +745,7 @@ function useSash(refName, { start, onMousedown, onMousemove, onMouseup, onDouble
     const startX = e.clientX;
     const startY = e.clientY;
     onMousedown?.(e);
-    const startSnapshot = toValue6(start);
+    const startSnapshot = toValue5(start);
     const handleMousemove = (e2) => {
       e2.preventDefault();
       const dx = e2.clientX - startX;
@@ -1354,19 +772,19 @@ function useSash(refName, { start, onMousedown, onMousemove, onMouseup, onDouble
 // src/useServiceType.ts
 function useServiceType(options = {}) {
   const { platformKey = "zl.service.type", blockchainKey = "blockchain.service.type" } = options;
-  const { isConfig, getConfig } = useMicroGlobalData();
+  const { isConfig, getConfig } = useGlobalData();
   const isPlatform = isConfig(platformKey, "platform");
   const isBlockchain = blockchainKey ? ["0", "1"].includes(getConfig(blockchainKey, "")) : false;
   return { isPlatform, isBlockchain };
 }
 
 // src/useUKey/index.ts
-import { createSharedComposable as createSharedComposable2, useTimeoutFn as useTimeoutFn2 } from "@vueuse/core";
-import { ref as ref7 } from "vue";
-var useUKey = createSharedComposable2(() => {
-  const { getConfig } = useMicroGlobalData();
+import { createSharedComposable, useTimeoutFn as useTimeoutFn2 } from "@vueuse/core";
+import { ref as ref5 } from "vue";
+var useUKey = createSharedComposable(() => {
+  const { getConfig } = useGlobalData();
   const port = getConfig("zl.feature.shufflePort", "8080");
-  const sn = ref7("");
+  const sn = ref5("");
   const getSnResolver = {
     resolve: (_value) => {
     },
@@ -1443,6 +861,21 @@ var useUKey = createSharedComposable2(() => {
     stopHeartbeat: stop
   };
 });
+
+// src/useZlT.ts
+import { useI18n } from "vue-i18n";
+function useZlT() {
+  let t = (key, fallback) => fallback ?? key;
+  try {
+    const globalT = useI18n({ useScope: "global" }).t;
+    t = (key, fallback, params) => {
+      const msg = params ? globalT(key, params) : globalT(key);
+      return msg === key ? fallback ?? key : msg;
+    };
+  } catch {
+  }
+  return { t };
+}
 export {
   DEFAULT_PAGINATION_OPTIONS,
   GLOBAL_OPTIONS_PROVIDER_KEY,
@@ -1450,8 +883,6 @@ export {
   createCacheComputed,
   definePlugin as defineUseRequestPlugin,
   dictInjectKey,
-  dispatchMicroAction,
-  enableGlobalDataMock,
   getDictSource,
   getGlobalOptions,
   mergeMessages,
@@ -1461,15 +892,9 @@ export {
   useDict,
   useDictProvider,
   useDictStore,
+  useGlobalData,
   useGlobalMessage,
   useLocale,
-  useMicroAction,
-  useMicroActionAsync,
-  useMicroApp,
-  useMicroGlobalData,
-  useMicroListener,
-  useMicroResultListener,
-  usePageTabs,
   usePageableRequest,
   usePaginationRequest,
   useRequest,