sykj 0.1.1 → 0.1.3

package/README.md

@@ -41,19 +41,6 @@ app.mount("#app");
         <SyKeyboard />
     </div>
 </template>
-
-<script setup>
-import { SyKeyboard } from "sykj";
-</script>
-
-<style lang="scss" scoped>
-.app {
-    height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-</style>
 ```
 
 ```vue

package/lib/common.ts

@@ -1,9 +1,9 @@
-import "/lib/store";
+import "./store";
 
-import "/lib/focus";
+import "./focus";
 
-import SyKeyboard from "/packages/keyboard/index.ts"; // 引入封装好的组件
-import SyLoading from "/packages/loading/index.ts";
+import SyKeyboard from "../packages/keyboard/index.ts"; // 引入封装好的组件
+import SyLoading from "../packages/loading/index.ts";
 
 // export { SyKeyboard as default };
 // export { SyLoading };

package/lib/focus.ts

@@ -7,18 +7,10 @@ let st = null;
 document.addEventListener("focusin", (event) => {
     const target = event.target as HTMLElement;
     if (target?.tagName === "INPUT" || target?.tagName === "TEXTAREA") {
-        console.log(
-            "🚀 ~ file: focus.js:15 ~ document.addEventListener ~  event.target:",
-            event.target
-        );
-
+        if (!isEditableFormComponent(event.target)) return;
         clearTimeout(st);
         globalKey.open();
         globalKey.currentElement = event.target;
-        console.log(
-            "🚀 ~ file: focus.ts:18 ~ document.addEventListener ~ globalKey:",
-            globalKey
-        );
     }
 });
 document.addEventListener("focusout", (event) => {
@@ -30,6 +22,20 @@ document.addEventListener("focusout", (event) => {
     if (target?.tagName === "INPUT" || target?.tagName === "TEXTAREA") {
         // window.showKeyboard()
         //
-        console.log(2);
     }
 });
+
+// 是否展示输入法
+const isEditableFormComponent = (el: EventTarget): Boolean => {
+    const notType = ["checkbox"];
+
+    if (
+        el instanceof HTMLInputElement &&
+        el.readOnly &&
+        !notType.includes(el.type)
+    ) {
+        return false;
+    } else {
+        return true;
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sykj",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "rem adaptation🚀",
   "main": "lib/common.ts",
   "files": [