sykj 0.1.0 → 0.1.1

package/README.md

@@ -43,7 +43,7 @@ app.mount("#app");
 </template>
 
 <script setup>
-import SyKeyboard from "sykj";
+import { SyKeyboard } from "sykj";
 </script>
 
 <style lang="scss" scoped>

package/lib/{common.js → common.ts}

@@ -2,8 +2,8 @@ import "/lib/store";
 
 import "/lib/focus";
 
-import SyKeyboard from "/packages/keyboard/index.js"; // 引入封装好的组件
-import SyLoading from "/packages/loading/index.js";
+import SyKeyboard from "/packages/keyboard/index.ts"; // 引入封装好的组件
+import SyLoading from "/packages/loading/index.ts";
 
 // export { SyKeyboard as default };
 // export { SyLoading };
@@ -19,7 +19,7 @@ const components = [
     // 其他组件...
 ];
 
-const install = function (Vue) {
+const install = function (Vue: { component: (arg0: any, arg1: any) => void }) {
     components.forEach((component) => {
         Vue.component(component.name, component);
     });

package/lib/{focus.js → focus.ts}

@@ -5,10 +5,8 @@ const globalKey = window.$sy.key;
 
 let st = null;
 document.addEventListener("focusin", (event) => {
-    if (
-        event.target?.tagName === "INPUT" ||
-        event.target?.tagName === "TEXTAREA"
-    ) {
+    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
@@ -17,18 +15,21 @@ document.addEventListener("focusin", (event) => {
         clearTimeout(st);
         globalKey.open();
         globalKey.currentElement = event.target;
+        console.log(
+            "🚀 ~ file: focus.ts:18 ~ document.addEventListener ~ globalKey:",
+            globalKey
+        );
     }
 });
 document.addEventListener("focusout", (event) => {
     st = setTimeout(() => {
         globalKey.close();
+        // globalKey.currentElement = null;
     }, 100);
-    if (
-        event.target?.tagName === "INPUT" ||
-        event.target?.tagName === "TEXTAREA"
-    ) {
+    const target = event.target as HTMLElement;
+    if (target?.tagName === "INPUT" || target?.tagName === "TEXTAREA") {
         // window.showKeyboard()
-        globalKey.currentElement = null;
+        //
         console.log(2);
     }
 });

package/package.json

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

package/packages/keyboard/{index.js → index.ts}

@@ -1,7 +1,7 @@
 import SyKeyboard from "./src/Keyboardcon.vue";
-
+import { App } from "vue";
 /* istanbul ignore next */
-SyKeyboard.install = function (Vue) {
+SyKeyboard.install = function (Vue: App) {
     Vue.component(SyKeyboard.name, SyKeyboard);
 };
 

package/packages/keyboard/src/Keyboardcon.vue

@@ -447,13 +447,14 @@ const setInputValue = (item) => {
         text = text.slice(0, carePos) + item + text.slice(carePos);
     }
 
-    if (toUpKeyCase.value) {
-        // keyStore.currentElement.value = `${text}`.toUpperCase();
-        globalKey.currentElement.value = `${text}`.toUpperCase();
-    } else {
-        // keyStore.currentElement.value = text;
-        globalKey.currentElement.value = text;
-    }
+    // if (toUpKeyCase.value) {
+    //     // keyStore.currentElement.value = `${text}`.toUpperCase();
+    //     globalKey.currentElement.value = `${text}`.toUpperCase();
+    // } else {
+    //     // keyStore.currentElement.value = text;
+    //     globalKey.currentElement.value = text;
+    // }
+    globalKey.currentElement.value = text;
     carePos += item.length + 1;
 
     // keyStore.currentElement.setSelectionRange(carePos - 1, carePos - 1);

package/packages/loading/{index.js → index.ts}

@@ -1,10 +1,10 @@
 import Loading1 from "./Loading1.vue";
 import Loading2 from "./Loading2.vue";
-
+import { App } from "vue";
 const components = [Loading1, Loading2];
 
 components.forEach((i) => {
-    i.install = function (Vue) {
+    i.install = function (Vue: App) {
         Vue.component(i.name, i);
     };
 });

package/types/global.d.ts

@@ -0,0 +1,11 @@
+// types/global.d.ts
+
+// 确保 TypeScript 识别这是一个模块
+export {};
+
+declare global {
+    interface Window {
+        Vue: any;
+        $sy: any;
+    }
+}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+// types/global.d.ts
+
+// 确保 TypeScript 识别这是一个模块
+export {};