fo-vue-ui 0.0.0 → 0.0.2

package/dist/fo-vue-ui.js

@@ -1,21 +1,21 @@
 import { createElementBlock as s, openBlock as a } from "vue";
-const i = (e, c) => {
-  const o = e.__vccOpts || e;
-  for (const [t, n] of c)
-    o[t] = n;
-  return o;
+const i = (e, o) => {
+  const c = e.__vccOpts || e;
+  for (const [n, t] of o)
+    c[n] = t;
+  return c;
 }, p = { class: "ceshicomp" }, r = {
   __name: "ceshicomp",
   props: { name: "ceshicomp" },
   setup(e) {
-    return (c, o) => (a(), s("div", p, "123"));
+    return (o, c) => (a(), s("div", p, "123"));
   }
-}, _ = /* @__PURE__ */ i(r, [["__scopeId", "data-v-80063cdc"]]), m = [_], d = (e) => {
-  m.forEach((c) => {
-    c.name && e.component(c.name, c);
+}, _ = /* @__PURE__ */ i(r, [["__scopeId", "data-v-80063cdc"]]), m = [_], l = (e) => {
+  m.forEach((o) => {
+    console.log("install component", o.name), o.name && e.component(o.name, o);
   });
 };
-typeof window < "u" && "Vue" in window && d(window.Vue);
+typeof window < "u" && "Vue" in window && l(window.Vue);
 export {
-  d as default
+  l as default
 };

package/dist/fo-vue-ui.umd.cjs

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e["fo-vue-ui"]=o(e.Vue))})(this,(function(e){"use strict";const o=(c,n)=>{const t=c.__vccOpts||c;for(const[p,u]of n)t[p]=u;return t},i={class:"ceshicomp"},f=[o({__name:"ceshicomp",props:{name:"ceshicomp"},setup(c){return(n,t)=>(e.openBlock(),e.createElementBlock("div",i,"123"))}},[["__scopeId","data-v-80063cdc"]])],s=c=>{f.forEach(n=>{n.name&&c.component(n.name,n)})};return typeof window<"u"&&"Vue"in window&&s(window.Vue),s}));
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue")):typeof define=="function"&&define.amd?define(["vue"],o):(e=typeof globalThis<"u"?globalThis:e||self,e["fo-vue-ui"]=o(e.Vue))})(this,(function(e){"use strict";const o=(c,n)=>{const t=c.__vccOpts||c;for(const[p,u]of n)t[p]=u;return t},i={class:"ceshicomp"},f=[o({__name:"ceshicomp",props:{name:"ceshicomp"},setup(c){return(n,t)=>(e.openBlock(),e.createElementBlock("div",i,"123"))}},[["__scopeId","data-v-80063cdc"]])],s=c=>{f.forEach(n=>{console.log("install component",n.name),n.name&&c.component(n.name,n)})};return typeof window<"u"&&"Vue"in window&&s(window.Vue),s}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fo-vue-ui",
   "private": false,
-  "version": "0.0.0",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/fo-vue-ui.umd.cjs",
   "scripts": {

package/src/App.vue

@@ -1,3 +1,9 @@
-<template></template>
-<script setup lang="ts"></script>
+<template>
+  <div class="app">
+    <ceshicomp></ceshicomp>
+  </div>
+</template>
+<script setup lang="ts">
+import ceshicomp from "./components/ceshicomp/ceshicomp.vue"
+</script>
 <style scoped></style>

package/src/components/index.ts

@@ -5,6 +5,7 @@ const components = [ceshicomp]
 
 const install = (app: App) => {
   components.forEach((component) => {
+    console.log("install component", component.name)
     if (component.name) {
       app.component(component.name, component)
     }

package/tsconfig.app.json

@@ -1,19 +1,19 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    //"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
     "types": ["vite/client"],
 
     /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
+    // 移除：无效的 erasableSyntaxOnly 字段
     "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "moduleResolution": "node", // 采用Node.js模块解析规则，适配.vue模块导入
-    "esModuleInterop": true, // 兼容CommonJS模块，避免导入.vue文件时出现模块格式冲突
-    "resolveJsonModule": true // 支持导入json文件，同时辅助完善模块解析链
+    // 移除：非 tsconfig 配置的 noUncheckedSideEffectImports 字段
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    "resolveJsonModule": true
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "src/**/*.d.ts"]
 }

package/tsconfig.app.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./src/main.ts","./src/vue.d.ts","./src/components/index.ts","./src/app.vue","./src/components/ceshicomp/ceshicomp.vue"],"version":"5.9.3"}

package/tsconfig.node.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
+    //"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "es2020",
     "lib": ["ES2023"],
     "module": "ESNext",
     "types": ["node"],
@@ -18,9 +18,7 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "noFallthroughCasesInSwitch": true
   },
   "include": ["vite.config.ts"]
 }

package/tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.9.3"}

package/src/components/foIcon/foIcon.scss

@@ -1,25 +0,0 @@
-.iconPage {
-    opacity: 1;
-    color: inherit;
-}
-.deg0 {
-    transform: rotate(0deg);
-}
-.deg1 {
-    transform: rotate(60deg);
-}
-.deg2 {
-    transform: rotate(120deg);
-}
-.deg3 {
-    transform: rotate(180deg);
-}
-.deg4 {
-    transform: rotate(240deg);
-}
-.deg5 {
-    transform: rotate(300deg);
-}
-.disappear {
-    opacity: 0;
-}

package/src/components/foIcon/foIcon.vue

@@ -1,182 +0,0 @@
-<template>
-    <component
-        :is="logo"
-        ref="iconRef"
-        :theme="theme"
-        :size="sizeValue"
-        :fill="fillValue"
-        class="iconPage"
-        :class="{
-            deg0: degDis === 0,
-            deg1: degDis === 1,
-            deg2: degDis === 2,
-            deg3: degDis === 3,
-            deg4: degDis === 4,
-            deg5: degDis === 5,
-            disappear: isDisappear
-        }"
-    />
-</template>
-
-<script setup>
-import { ref, watch, onMounted, onUnmounted, computed, nextTick } from 'vue'
-defineOptions({
-    name: 'FoIcon'
-})
-const props = defineProps({
-    logo: { type: String, default: 'icon-emotion-happy' },
-    theme: { type: String, default: 'outline' },
-    size: { type: String, default: '' },
-    fill: { type: String, default: '' },
-    isShine: { type: Boolean, default: false },
-    isRotate: { type: Boolean, default: false }
-})
-onMounted(() => {
-    initStyleObserver()
-})
-
-onUnmounted(() => {
-    clearShineTimer()
-    clearRotateTimer()
-    destroyStyleObserver()
-})
-
-const iconRef = ref(null)
-const styleUpdateFlag = ref(0)
-let iconElement = null
-let styleObserver = null
-let parentObserver = null
-const fillValue = computed(() => {
-    styleUpdateFlag.value
-    if (props.fill) {
-        return props.fill
-    } else {
-        if (iconElement) {
-            const domStyle = window.getComputedStyle(iconElement)
-            return domStyle.getPropertyValue('color')
-        } else {
-            return '#888'
-        }
-    }
-})
-const sizeValue = computed(() => {
-    styleUpdateFlag.value
-    if (props.size) {
-        return props.size
-    } else {
-        if (iconElement) {
-            const domStyle = window.getComputedStyle(iconElement)
-            return domStyle.getPropertyValue('font-size')
-        } else {
-            return '1rem'
-        }
-    }
-})
-async function initStyleObserver() {
-    await nextTick() // 等待 DOM 完全渲染
-    iconElement = iconRef.value?.$el || iconRef.value
-    iconElement = iconElement instanceof Element ? iconElement : null
-
-    if (iconElement) {
-        styleObserver = new MutationObserver(() => {
-            plusStyleUpdateFlag()
-        })
-
-        styleObserver.observe(iconElement, {
-            attributes: true,
-            attributeFilter: ['class', 'style'], // 只监听这两个属性
-            attributeOldValue: false
-        })
-
-        const parentElement = iconElement.parentElement
-        if (parentElement) {
-            const parentObserver = new MutationObserver(() => {
-                plusStyleUpdateFlag()
-            })
-            parentObserver.observe(parentElement, {
-                attributes: true,
-                attributeFilter: ['class', 'style']
-            })
-        }
-    }
-    plusStyleUpdateFlag()
-}
-function destroyStyleObserver() {
-    if (styleObserver) {
-        styleObserver.disconnect()
-        styleObserver = null
-    }
-    if (parentObserver) {
-        parentObserver.disconnect()
-        parentObserver = null
-    }
-    iconElement = null
-}
-function plusStyleUpdateFlag() {
-    styleUpdateFlag.value = styleUpdateFlag.value > 9999 ? 0 : ++styleUpdateFlag.value
-}
-
-let shineTimer = NaN
-const isDisappear = ref(false)
-
-watch(
-    () => {
-        return props.isShine
-    },
-    (newV) => {
-        if (newV) {
-            clearShineTimer()
-            setShineTimer()
-        } else {
-            clearShineTimer()
-        }
-    },
-    { immediate: true }
-)
-
-function setShineTimer() {
-    shineTimer = setInterval(() => {
-        isDisappear.value = !isDisappear.value
-    }, 1000)
-}
-function clearShineTimer() {
-    clearInterval(shineTimer)
-    shineTimer = NaN
-}
-
-let rotateTimer = NaN
-const degDis = ref(0)
-
-watch(
-    () => {
-        return props.isRotate
-    },
-    (newV) => {
-        if (newV) {
-            clearRotateTimer()
-            setRotateTimer()
-        } else {
-            clearRotateTimer()
-        }
-    },
-    { immediate: true }
-)
-
-function setRotateTimer() {
-    rotateTimer = setInterval(() => {
-        if (degDis.value >= 5) {
-            degDis.value = 0
-        } else {
-            degDis.value++
-        }
-    }, 1000)
-}
-function clearRotateTimer() {
-    clearInterval(rotateTimer)
-    rotateTimer = NaN
-}
-</script>
-
-<style scoped lang="scss">
-@import './foIcon.scss';
-</style>

package/src/components/scrollWrap/scrollWrap.scss

@@ -1,6 +0,0 @@
-.scrollWrap{
-    width:100%;
-    height: 100%;
-    padding-right: 10px;
-    @include scrollLine;
-}

package/src/components/scrollWrap/scrollWrap.vue

@@ -1,17 +0,0 @@
-<script>
-export default {
-  name: "ScrollWrap",
-}
-</script>
-
-<template>
-  <div class="scrollWrap">
-    <slot></slot>
-  </div>
-</template>
-<script setup>
-defineProps({ name: "ScrollWrap" })
-</script>
-<style scoped lang="scss">
-@import "./scrollWrap.scss";
-</style>