@shijiu/jsview-vue 0.9.500 → 0.9.602

package/utils/JsViewEngineWidget/JsvFocusManager.js

@@ -1,30 +1,41 @@
 /* eslint-disable no-prototype-builtins */
 
-import JsvFocusBlock from './JsvFocusBlock.vue'
+import JsvFocusBlock from "./JsvFocusBlock.vue";
+import { inject } from "vue";
+
+const ROOT_HUB_PROVIDE_NAME = "__jsvFocusRootHub__";
+
+const useFocusHub = () => {
+  return inject(ROOT_HUB_PROVIDE_NAME);
+};
 
 export class JsvFocusManager {
-  constructor() {
-  }
+  constructor() {}
 
   install(app, ...options) {
-    if(typeof options[0] !== 'string') {
-      throw new Error("JsvFocusManager Error: 2nd argument is required. Such as: app.use(FocusManager, '#app')")
+    console.log("JsvFocusManager install");
+    if (typeof options[0] !== "string") {
+      throw new Error(
+        "JsvFocusManager Error: 2nd argument is required. Such as: app.use(FocusManager, '#app')"
+      );
     }
 
     // hook掉app原有的mount函数
-    const doAppMount = this.$_hookMount(app, options[0])
-    app.mount = doAppMount
+    const doAppMount = this.$_hookMount(app, options[0]);
+    app.mount = doAppMount;
 
     // 注册全局jsv-focus-block组件
-    app.component('JsvFocusBlock', JsvFocusBlock)
+    app.component("JsvFocusBlock", JsvFocusBlock);
 
     // 注册全局$jsvFocusManager变量
     app.config.globalProperties.$jsvFocusManager = this;
+
+    app.provide(ROOT_HUB_PROVIDE_NAME, this.$_topFDiv.getHub());
   }
 
   getCurrentFocusStack() {
     let focus_stack = this.$_topFDiv?.getHub()?.getCurrentFocusStack();
-    return (focus_stack ? focus_stack : []);
+    return focus_stack ? focus_stack : [];
   }
 
   // declareAlias(alias, blockName) {
@@ -68,20 +79,20 @@ export class JsvFocusManager {
   // }
 
   $_hookMount(app, rootNodeId) {
-    rootNodeId = rootNodeId.replace('#', '')
-    this.$_topFDiv = document.jsvInitFDivRoot(rootNodeId)
-    this.$_appMount = app.mount.bind(app)
+    rootNodeId = rootNodeId.replace("#", "");
+    this.$_topFDiv = document.jsvInitFDivRoot(rootNodeId);
+    this.$_appMount = app.mount.bind(app);
 
-    return this.$_doAppMount.bind(this)
+    return this.$_doAppMount.bind(this);
   }
 
   $_doAppMount(rootContainer) {
     // 调用app原有的mount函数
-    const rootComponent = this.$_appMount(rootContainer)
+    const rootComponent = this.$_appMount(rootContainer);
     // console.log('FocusManager: do mount')
 
     // 在app.mount后添加焦点控制调用
-    this.$_topFDiv.onMounted()
+    this.$_topFDiv.onMounted();
 
     return rootComponent;
   }
@@ -91,6 +102,8 @@ export class JsvFocusManager {
   $_topFDiv = undefined;
 }
 
-export function jsvCreateFocusManager() {
-  return new JsvFocusManager()
+function jsvCreateFocusManager() {
+  return new JsvFocusManager();
 }
+
+export { jsvCreateFocusManager, useFocusHub };