sykj 0.1.8 → 0.1.9

package/lib/common.ts

@@ -2,11 +2,15 @@ import "./store";
 import "./focus";
 
 import SyKeyboard from "../packages/keyboard/index.ts"; // 引入封装好的组件
-import {
-    Loading1 as SyLoading1,
-    Loading2 as SyLoading2,
-} from "../packages/loading/index.ts"; // 引入封装好的组件
+// import * as SyLoading from "../packages/loading/index.ts"; // 引入封装好的组件
+import { SyLoading } from "../packages/loading/index.ts"; // 一键导出所有组件
+
+const a = () => {
+    console.log(123);
+};
 
 // 使用命名导出
 export { SyKeyboard as default };
-export { SyLoading1, SyLoading2 };
+export { SyLoading };
+
+export { a };

package/lib/focus.ts

@@ -16,23 +16,19 @@ document.addEventListener("focusin", (event) => {
 });
 
 document.addEventListener("focusout", (event) => {
-    globalKey.close();
-
-    // st = setTimeout(() => {
-    //     // globalKey.currentElement = null;
-    // }, 100);
-    // const target = event.target as HTMLElement;
-    // if (target?.tagName === "INPUT" || target?.tagName === "TEXTAREA") {
-    //     // window.showKeyboard()
-    //     //
-    // }
+    const target = event.target as HTMLElement;
+    if (target?.tagName === "INPUT" || target?.tagName === "TEXTAREA") {
+        if (!isEditableFormComponent(target)) return;
+        globalKey.close();
+    }
 });
 
 // 是否展示输入法
 const isEditableFormComponent = (el: HTMLElement): boolean => {
+    // 类型守卫
     const notType: Array<string> = ["checkbox", "radio"];
     if (!(el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement))
-        return false; // 类型守卫
+        return false;
     if (el.readOnly || notType.includes(el.type)) {
         return false;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sykj",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "rem adaptation🚀",
   "main": "lib/common.ts",
   "files": [
@@ -26,6 +26,7 @@
     "amfe-flexible": "^2.2.1",
     "axios": "^1.6.8",
     "element-plus": "^2.7.2",
+    "lottie-web": "^5.12.2",
     "pinia": "^2.1.7",
     "vitepress": "^1.3.1",
     "vue": "^3.4.21",

package/packages/keyboard/index.ts

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

package/packages/loading/index.ts

@@ -1,12 +1,12 @@
 import Loading1 from "./Loading1.vue";
 import Loading2 from "./Loading2.vue";
-import { App } from "vue";
+import SyLoading from "./index.vue";
 
 // 导出具体的组件
-export { Loading1, Loading2 };
+export { SyLoading };
 
-// 安装函数
-export function install(Vue: App) {
-    Vue.component(Loading1.name, Loading1);
-    Vue.component(Loading2.name, Loading2);
-}
+// // 安装函数
+// export function install(Vue: App) {
+//     Vue.component(Loading1.name, Loading1);
+//     Vue.component(Loading2.name, Loading2);
+// }

package/packages/loading/index.vue

@@ -0,0 +1,39 @@
+<template>
+    <div class="SyLoading">
+        <component :is="loadingType" />
+    </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import SyLoading1 from "./Loading1.vue";
+import SyLoading2 from "./Loading2.vue";
+
+// 定义 props
+const props = defineProps({
+    type: {
+        type: [String, Number],
+        default: 1, // 默认组件类型
+    },
+});
+
+// 组件映射表
+const loadingComponents = {
+    1: SyLoading1,
+    2: SyLoading2,
+};
+
+// 根据 props 动态确定渲染的组件
+const loadingType = computed(() => {
+    return loadingComponents[props.type] || SyLoading1; // 默认返回 SyLoading1
+});
+</script>
+
+<style lang="scss" scoped>
+.SyLoading {
+    display: inline-block;
+    .loadAni {
+        pointer-events: none;
+    }
+}
+</style>