vft 0.0.523 → 0.0.525

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,59 +1,50 @@
-import { keysOf as f } from "@vft/utils";
-import "@vueuse/core";
-import { debugWarn as v } from "../../../utils/error.js";
-import { ref as g, getCurrentInstance as l, computed as i, unref as p, inject as C, provide as x } from "vue";
-import "lodash-es";
-import "../../form/index.js";
-import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
-import { configProviderContextKey as m } from "../constants.js";
-const a = g();
-function d(o, e = void 0) {
-  const n = l() ? C(m, a) : a;
-  return o ? i(() => n?.value?.[o] ?? e) : n;
+import { debugWarn } from "../../../utils/error.js";
+import { namespaceContextKey, useNamespace } from "../../../hooks/use-namespace/index.js";
+import { useZIndex, zIndexContextKey } from "../../../hooks/use-z-index/index.js";
+import { configProviderContextKey } from "../constants.js";
+import { keysOf } from "@vft/utils";
+import { computed, getCurrentInstance, inject, provide, ref, unref } from "vue";
+//#region ../../packages/components/config-provider/hooks/use-global-config.ts
+const globalConfig = ref();
+function useGlobalConfig(key, defaultValue = void 0) {
+	const config = getCurrentInstance() ? inject(configProviderContextKey, globalConfig) : globalConfig;
+	if (key) return computed(() => config?.value?.[key] ?? defaultValue);
+	else return config;
 }
-function B(o) {
-  const e = d(), n = b(
-    o,
-    i(() => e.value?.namespace || y)
-  ), t = z(
-    i(() => e.value?.zIndex || K)
-  );
-  return S(i(() => p(e) || {})), {
-    ns: n,
-    zIndex: t
-  };
+function useGlobalComponentSettings(block) {
+	const config = useGlobalConfig();
+	const ns = useNamespace(block, computed(() => config.value?.namespace || "vft"));
+	const zIndex = useZIndex(computed(() => config.value?.zIndex || 2e3));
+	provideGlobalConfig(computed(() => unref(config) || {}));
+	return {
+		ns,
+		zIndex
+	};
 }
-const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? x : void 0);
-  if (!u) {
-    v(
-      "provideGlobalConfig",
-      "provideGlobalConfig() can only be used inside setup()."
-    );
-    return;
-  }
-  const s = i(() => {
-    const c = p(o);
-    return r?.value ? j(r.value, c) : c;
-  });
-  return u(m, s), u(
-    I,
-    i(() => s.value.namespace)
-  ), u(
-    G,
-    i(() => s.value.zIndex)
-  ), (n || !a.value) && (a.value = s.value), s;
-}, j = (o, e) => {
-  const n = [.../* @__PURE__ */ new Set([...f(o), ...f(e)])], t = {};
-  for (const r of n)
-    t[r] = e[r] !== void 0 ? e[r] : o[r];
-  return t;
+const provideGlobalConfig = (config, app, global = false) => {
+	const inSetup = !!getCurrentInstance();
+	const oldConfig = inSetup ? useGlobalConfig() : void 0;
+	const provideFn = app?.provide ?? (inSetup ? provide : void 0);
+	if (!provideFn) {
+		debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
+		return;
+	}
+	const context = computed(() => {
+		const cfg = unref(config);
+		if (!oldConfig?.value) return cfg;
+		return mergeConfig(oldConfig.value, cfg);
+	});
+	provideFn(configProviderContextKey, context);
+	provideFn(namespaceContextKey, computed(() => context.value.namespace));
+	provideFn(zIndexContextKey, computed(() => context.value.zIndex));
+	if (global || !globalConfig.value) globalConfig.value = context.value;
+	return context;
 };
-export {
-  S as provideGlobalConfig,
-  B as useGlobalComponentSettings,
-  d as useGlobalConfig
+const mergeConfig = (a, b) => {
+	const keys = [.../* @__PURE__ */ new Set([...keysOf(a), ...keysOf(b)])];
+	const obj = {};
+	for (const key of keys) obj[key] = b[key] !== void 0 ? b[key] : a[key];
+	return obj;
 };
+//#endregion
+export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig };

package/es/components/config-provider/index.js

@@ -1,19 +1,8 @@
-import "@vueuse/core";
-import "@vft/utils";
-import { provideGlobalConfig as g, useGlobalComponentSettings as C, useGlobalConfig as d } from "./hooks/use-global-config.js";
-import "vue";
-import { withInstall as o } from "../../utils/vue/install.js";
-import "lodash-es";
-import "../form/index.js";
-import t from "./config-provider.vue2.js";
-import { configProviderContextKey as b, messageConfig as c } from "./constants.js";
-const l = o(t);
-export {
-  l as VftConfigProvider,
-  b as configProviderContextKey,
-  l as default,
-  c as messageConfig,
-  g as provideGlobalConfig,
-  C as useGlobalComponentSettings,
-  d as useGlobalConfig
-};
+import { configProviderContextKey, messageConfig } from "./constants.js";
+import { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from "./hooks/use-global-config.js";
+import { withInstall } from "../../utils/vue/install.js";
+import config_provider_default from "./config-provider.js";
+//#region ../../packages/components/config-provider/index.ts
+const VftConfigProvider = withInstall(config_provider_default);
+//#endregion
+export { VftConfigProvider, VftConfigProvider as default, configProviderContextKey, messageConfig, provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig };

package/es/components/config-provider/style/css.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/base.css";
+import "../../base/style/css.js";
 import "vft/theme-style/vft-config-provider.css";

package/es/components/config-provider/style/index.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/src/base.scss";
+import "../../base/style/index.js";
 import "vft/theme-style/src/config-provider.scss";

package/es/components/container/aside.js

@@ -0,0 +1,5 @@
+import aside_vue_vue_type_script_setup_true_lang_default from "./aside.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/container/aside.vue
+var aside_default = aside_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { aside_default as default };

package/es/components/container/aside.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { addUnit } from "../../utils/helper.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+var aside_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-aside" }),
+	props: { width: {
+		type: [String, Number],
+		required: false
+	} },
+	setup(__props) {
+		const ns = useNamespace("aside");
+		const style = computed(() => __props.width ? ns.cssVarBlock({ width: addUnit(__props.width) }) : {});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("aside", {
+				class: normalizeClass(unref(ns).b()),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { aside_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/container/container.js

@@ -0,0 +1,5 @@
+import container_vue_vue_type_script_setup_true_lang_default from "./container.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/container/container.vue
+var container_default = container_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { container_default as default };

package/es/components/container/container.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,27 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, useSlots } from "vue";
+var container_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-container" }),
+	props: { direction: {
+		type: String,
+		required: false
+	} },
+	setup(__props) {
+		const ns = useNamespace("container");
+		const slots = useSlots();
+		const isVertical = computed(() => {
+			if (__props.direction === "vertical") return true;
+			else if (__props.direction === "horizontal") return false;
+			if (slots && slots.default) return slots.default().some((vNode) => {
+				const tag = vNode.type.name;
+				return tag === "vft-header" || tag === "vft-footer";
+			});
+			else return false;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("section", { class: normalizeClass([unref(ns).b(), unref(ns).is("vertical", isVertical.value)]) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { container_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/container/footer.js

@@ -0,0 +1,5 @@
+import footer_vue_vue_type_script_setup_true_lang_default from "./footer.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/container/footer.vue
+var footer_default = footer_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { footer_default as default };

package/es/components/container/footer.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { addUnit } from "../../utils/helper.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+var footer_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-footer" }),
+	props: { height: {
+		type: [String, Number],
+		required: false
+	} },
+	setup(__props) {
+		const ns = useNamespace("footer");
+		const style = computed(() => __props.height ? ns.cssVarBlock({ height: addUnit(__props.height) }) : {});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("footer", {
+				class: normalizeClass(unref(ns).b()),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { footer_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/container/header.js

@@ -0,0 +1,5 @@
+import header_vue_vue_type_script_setup_true_lang_default from "./header.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/container/header.vue
+var header_default = header_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { header_default as default };

package/es/components/container/header.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { addUnit } from "../../utils/helper.js";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+var header_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-header" }),
+	props: { height: {
+		type: [String, Number],
+		required: false
+	} },
+	setup(__props) {
+		const ns = useNamespace("header");
+		const style = computed(() => {
+			return __props.height ? ns.cssVarBlock({ height: addUnit(__props.height) }) : {};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				class: normalizeClass(unref(ns).b()),
+				style: normalizeStyle(style.value)
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { header_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/container/index.js

@@ -1,26 +1,19 @@
-import "@vueuse/core";
-import "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "vue";
-import { withInstall as f, withNoopInstall as o } from "../../utils/vue/install.js";
-import "lodash-es";
-import "../form/index.js";
-import t from "./aside.vue2.js";
-import n from "./container.vue2.js";
-import i from "./footer.vue2.js";
-import r from "./header.vue2.js";
-import m from "./main.vue2.js";
-const A = f(n, {
-  Aside: t,
-  Footer: i,
-  Header: r,
-  Main: m
-}), F = o(t), H = o(i), I = o(r), M = o(m);
-export {
-  F as VftAside,
-  A as VftContainer,
-  H as VftFooter,
-  I as VftHeader,
-  M as VftMain,
-  A as default
-};
+import { withInstall, withNoopInstall } from "../../utils/vue/install.js";
+import aside_default from "./aside.js";
+import container_default from "./container.js";
+import footer_default from "./footer.js";
+import header_default from "./header.js";
+import main_default from "./main.js";
+//#region ../../packages/components/container/index.ts
+const VftContainer = withInstall(container_default, {
+	Aside: aside_default,
+	Footer: footer_default,
+	Header: header_default,
+	Main: main_default
+});
+const VftAside = withNoopInstall(aside_default);
+const VftFooter = withNoopInstall(footer_default);
+const VftHeader = withNoopInstall(header_default);
+const VftMain = withNoopInstall(main_default);
+//#endregion
+export { VftAside, VftContainer, VftContainer as default, VftFooter, VftHeader, VftMain };

package/es/components/container/main.js

@@ -0,0 +1,5 @@
+import main_vue_vue_type_script_setup_true_lang_default from "./main.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/container/main.vue
+var main_default = main_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { main_default as default };

package/es/components/container/main.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,16 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+var main_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-main" }),
+	setup(__props) {
+		const ns = useNamespace("main");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("main", {
+				ref: "testRef",
+				class: normalizeClass(unref(ns).b())
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { main_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/container/style/css.js

@@ -1,6 +1,6 @@
-import "vft/theme-style/base.css";
-import "vft/theme-style/vft-container.css";
+import "../../base/style/css.js";
 import "vft/theme-style/vft-aside.css";
+import "vft/theme-style/vft-container.css";
 import "vft/theme-style/vft-footer.css";
 import "vft/theme-style/vft-header.css";
 import "vft/theme-style/vft-main.css";

package/es/components/container/style/index.js

@@ -1,6 +1,6 @@
-import "vft/theme-style/src/base.scss";
-import "vft/theme-style/src/container.scss";
+import "../../base/style/index.js";
 import "vft/theme-style/src/aside.scss";
+import "vft/theme-style/src/container.scss";
 import "vft/theme-style/src/footer.scss";
 import "vft/theme-style/src/header.scss";
 import "vft/theme-style/src/main.scss";

package/es/components/context-menu/context-menu.js

@@ -0,0 +1,5 @@
+import context_menu_vue_vue_type_script_setup_true_lang_default from "./context-menu.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/context-menu/context-menu.vue
+var context_menu_default = context_menu_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { context_menu_default as default };

package/es/components/context-menu/context-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,104 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { VftMenuItem } from "../menu/index.js";
+import { Fragment, Transition, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, unref, vShow, withCtx, withDirectives, withModifiers } from "vue";
+import { useClickAway, useEventListener, useTimeoutFn } from "@vft/use";
+//#region ../../packages/components/context-menu/context-menu.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { class: "vft-sub-menu" };
+var context_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	...defineComponent({ name: "vft-context-menu" }),
+	props: {
+		axis: {
+			type: Object,
+			required: false
+		},
+		styles: {
+			type: Object,
+			required: false
+		},
+		width: {
+			type: Number,
+			required: false
+		},
+		items: {
+			type: Array,
+			required: false
+		}
+	},
+	setup(__props) {
+		const ns = useNamespace("context-menu");
+		const contextMenuRef = ref();
+		const getStyle = computed(() => {
+			const { x, y } = __props.axis || {
+				x: 0,
+				y: 0
+			};
+			const menuHeight = (__props.items || []).length * 40;
+			const menuWidth = __props.width || 0;
+			const body = document.body;
+			const left = body.clientWidth < x + menuWidth ? x - menuWidth : x;
+			const top = body.clientHeight < y + menuHeight ? y - menuHeight : y;
+			return {
+				zIndex: 3e3,
+				...__props.styles,
+				position: "fixed",
+				width: `${__props.width}px`,
+				left: `${left + 1}px`,
+				top: `${top + 1}px`
+			};
+		});
+		const show = ref(false);
+		useTimeoutFn(() => {
+			show.value = true;
+		}, 0);
+		useClickAway(contextMenuRef, () => {
+			show.value = false;
+		}, { listenerOptions: { capture: true } });
+		useEventListener(window, "scroll", () => {
+			show.value = false;
+		}, { capture: true });
+		useEventListener(window, "drag", () => {
+			show.value = false;
+		}, { capture: true });
+		function handleClick(item) {
+			if (!item?.disabled) {
+				item.handler?.();
+				show.value = false;
+			}
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, {
+				name: "vft-zoom-in-top",
+				persisted: ""
+			}, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					ref_key: "contextMenuRef",
+					ref: contextMenuRef,
+					style: normalizeStyle(getStyle.value),
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+					class: normalizeClass(["vft-menu", [unref(ns).b()]])
+				}, [createElementVNode("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+					return openBlock(), createBlock(unref(VftMenuItem), {
+						onClick: ($event) => handleClick(item),
+						index: index + item.text,
+						title: item.text,
+						divider: item.divider,
+						disabled: item.disabled,
+						icon: item.iconCfg,
+						"is-alone-use": "",
+						key: index
+					}, null, 8, [
+						"onClick",
+						"index",
+						"title",
+						"divider",
+						"disabled",
+						"icon"
+					]);
+				}), 128))])], 6), [[vShow, show.value]])]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { context_menu_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/context-menu/createContextMenu.js

@@ -1,40 +1,53 @@
-import { isClient as v } from "@vft/utils";
-import { createVNode as a, render as f } from "vue";
-import u from "./context-menu.vue2.js";
-const e = {
-  domList: [],
-  resolve: () => {
-  }
-}, x = function(r) {
-  const { event: t } = r || {};
-  if (t && t?.preventDefault(), !!v)
-    return new Promise((l) => {
-      const n = document.body, c = document.createElement("div"), i = {
-        ...r
-      };
-      r.event && (i.axis = { x: t.clientX, y: t.clientY }, delete i.event);
-      const d = a(u, i);
-      f(d, c);
-      const s = function() {
-        e.resolve("");
-      };
-      e.domList.push(c);
-      const m = function() {
-        e.domList.forEach((o) => {
-          try {
-            o && n.removeChild(o);
-          } catch {
-          }
-        }), n.removeEventListener("click", s), n.removeEventListener("scroll", s);
-      };
-      e.resolve = function(o) {
-        m(), l(o);
-      }, m(), n.appendChild(c);
-    });
-}, y = function() {
-  e && (e.resolve(""), e.domList = []);
+import context_menu_default from "./context-menu.js";
+import { isClient } from "@vft/utils";
+import { createVNode, render } from "vue";
+//#region ../../packages/components/context-menu/createContextMenu.ts
+const menuManager = {
+	domList: [],
+	resolve: () => {}
 };
-export {
-  x as createContextMenu,
-  y as destroyContextMenu
+const createContextMenu = function(options) {
+	const { event } = options || {};
+	event && event?.preventDefault();
+	if (!isClient) return;
+	return new Promise((resolve) => {
+		const body = document.body;
+		const container = document.createElement("div");
+		const propsData = { ...options };
+		if (options.event) {
+			propsData.axis = {
+				x: event.clientX,
+				y: event.clientY
+			};
+			delete propsData.event;
+		}
+		render(createVNode(context_menu_default, propsData), container);
+		const handleClick = function() {
+			menuManager.resolve("");
+		};
+		menuManager.domList.push(container);
+		const remove = function() {
+			menuManager.domList.forEach((dom) => {
+				try {
+					dom && body.removeChild(dom);
+				} catch (error) {}
+			});
+			body.removeEventListener("click", handleClick);
+			body.removeEventListener("scroll", handleClick);
+		};
+		menuManager.resolve = function(arg) {
+			remove();
+			resolve(arg);
+		};
+		remove();
+		body.appendChild(container);
+	});
 };
+const destroyContextMenu = function() {
+	if (menuManager) {
+		menuManager.resolve("");
+		menuManager.domList = [];
+	}
+};
+//#endregion
+export { createContextMenu, destroyContextMenu };

package/es/components/context-menu/index.js

@@ -1,9 +1,3 @@
-import { createContextMenu as n, destroyContextMenu as x } from "./createContextMenu.js";
-import "../icon/index.js";
-import "vue";
-import { useContextMenu as p } from "./useContextMenu.js";
-export {
-  n as createContextMenu,
-  x as destroyContextMenu,
-  p as useContextMenu
-};
+import { createContextMenu, destroyContextMenu } from "./createContextMenu.js";
+import { useContextMenu } from "./useContextMenu.js";
+export { createContextMenu, destroyContextMenu, useContextMenu };

package/es/components/context-menu/style/css.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/base.css";
+import "../../base/style/css.js";
 import "vft/theme-style/vft-context-menu.css";

package/es/components/context-menu/style/index.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/src/base.scss";
+import "../../base/style/index.js";
 import "vft/theme-style/src/context-menu.scss";

package/es/components/context-menu/types.js

@@ -1,2 +0,0 @@
-import "../icon/index.js";
-import "vue";

package/es/components/context-menu/useContextMenu.js

@@ -1,10 +1,11 @@
-import { getCurrentInstance as n, onUnmounted as o } from "vue";
-import { createContextMenu as r, destroyContextMenu as t } from "./createContextMenu.js";
-function f(e = !0) {
-  return n() && e && o(() => {
-    t();
-  }), [r, t];
+import { createContextMenu, destroyContextMenu } from "./createContextMenu.js";
+import { getCurrentInstance, onUnmounted } from "vue";
+//#region ../../packages/components/context-menu/useContextMenu.ts
+function useContextMenu(authRemove = true) {
+	if (getCurrentInstance() && authRemove) onUnmounted(() => {
+		destroyContextMenu();
+	});
+	return [createContextMenu, destroyContextMenu];
 }
-export {
-  f as useContextMenu
-};
+//#endregion
+export { useContextMenu };