vim-web 0.3.44-dev.10 → 0.3.44-dev.13

package/dist/vim-web.js

@@ -67829,7 +67829,7 @@ function controlBarSectionBox(section, hasSelection) {
         enabled: () => section.enable.get(),
         isOn: () => hasSelection,
         style: (on) => buttonDisableStyle(on),
-        action: () => section.sectionSelection(),
+        action: () => section.sectionSelection.call(),
         icon: sectionBoxShrink
       },
       {
@@ -67837,7 +67837,7 @@ function controlBarSectionBox(section, hasSelection) {
         tip: "Reset Section",
         enabled: () => section.enable.get(),
         style: (on) => buttonDefaultStyle(on),
-        action: () => section.sectionReset(),
+        action: () => section.sectionReset.call(),
         icon: sectionBoxReset
       },
       {
@@ -75819,7 +75819,7 @@ function useStateRef(initialValue) {
     confirm() {
       set3(confirm.current(ref.current));
     },
-    useRegister(on) {
+    useOnChange(on) {
       useEffect(() => {
         return event.current.subscribe(on);
       }, []);
@@ -75839,6 +75839,28 @@ function useStateRef(initialValue) {
     }
   };
 }
+function useArgActionRef(action) {
+  const ref = useRef(action);
+  return {
+    call(arg) {
+      ref == null ? void 0 : ref.current(arg);
+    },
+    set(func) {
+      ref.current = func;
+    }
+  };
+}
+function useFuncRef(func) {
+  const ref = useRef(func);
+  return {
+    call() {
+      return ref == null ? void 0 : ref.current();
+    },
+    set(func2) {
+      ref.current = func2;
+    }
+  };
+}
 function useSectionBox(adapter) {
   const enable = useStateRef(false);
   const visible2 = useStateRef(false);
@@ -75848,14 +75870,14 @@ function useSectionBox(adapter) {
   const sideOffset = useStateRef("1");
   const bottomOffset = useStateRef("1");
   const boxRef = useRef(adapter.getBox());
-  enable.useRegister((v) => {
+  enable.useOnChange((v) => {
     visible2.set(v);
     auto.set(false);
     showOffsetPanel.set(false);
     topOffset.set("1");
     sideOffset.set("1");
     bottomOffset.set("1");
-    void sectionReset();
+    void sectionReset.call();
   });
   topOffset.useValidate((v) => sanitize(v, false));
   sideOffset.useValidate((v) => sanitize(v, false));
@@ -75863,37 +75885,35 @@ function useSectionBox(adapter) {
   topOffset.useConfirm((v) => sanitize(v, true));
   sideOffset.useConfirm((v) => sanitize(v, true));
   bottomOffset.useConfirm((v) => sanitize(v, true));
-  const offsetBox = useMemo(
-    () => offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()),
-    [topOffset.get(), sideOffset.get(), bottomOffset.get()]
-  );
-  useEffect(() => section(boxRef.current), [offsetBox]);
-  auto.useRegister((v) => {
-    if (v) sectionSelection();
+  topOffset.useOnChange((v) => section.call(boxRef.current));
+  sideOffset.useOnChange((v) => section.call(boxRef.current));
+  bottomOffset.useOnChange((v) => section.call(boxRef.current));
+  auto.useOnChange((v) => {
+    if (v) sectionSelection.call();
   });
   useEffect(() => {
     return adapter.onSelectionChanged.sub(() => {
-      if (auto.get()) sectionSelection();
+      if (auto.get()) sectionSelection.call();
     });
   }, []);
-  visible2.useRegister((v) => adapter.setVisible(v));
-  const section = (baseBox) => {
+  visible2.useOnChange((v) => adapter.setVisible(v));
+  const section = useArgActionRef((baseBox) => {
     boxRef.current = baseBox;
-    const newBox = addBox(baseBox, offsetBox);
+    const newBox = addBox(baseBox, offsetsToBox3(topOffset.get(), sideOffset.get(), bottomOffset.get()));
     adapter.fitBox(newBox);
-  };
-  const sectionSelection = async () => {
+  });
+  const sectionSelection = useFuncRef(async () => {
     try {
       const box = await adapter.getSelectionBox() ?? await adapter.getRendererBox();
-      section(box);
+      section.call(box);
     } catch (e) {
       console.error(e);
     }
-  };
-  const sectionReset = async () => {
+  });
+  const sectionReset = useFuncRef(async () => {
     const box = await adapter.getRendererBox();
-    section(box);
-  };
+    section.call(box);
+  });
   return {
     enable,
     visible: visible2,