cc1-vue3 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 落叶
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+# vue3 工具
+
+## CRouter 复杂示例
+
+```javascript
+import System from '@/utils/System'
+import { createRouter, createWebHashHistory } from 'vue-router'
+import CRouter from './CRouter'
+
+/**
+ * 默认主题
+ */
+const themeList = ['light', 'dark'] as any[]
+const defaultTheme = 'light' as any
+const diffTheme = 'dark' as any
+
+/**
+ * 路由目录/src/views/light/home/index.vue、/src/views/dark/home/index.vue
+ */
+export const initRouter = () => {
+  let _modules = import.meta.glob([
+    '@/views/**/*.vue',
+    '!@/views/**/*-com/**/*.vue',
+    '!@/views/**/com/**/*.vue',
+    '!@/views/**/components/**/*.vue'
+  ])
+
+  const _defaultModules = {} as any
+  const _diffModules = {} as any
+  Object.keys(_modules).forEach((key) => {
+    themeList.forEach((item) => {
+      if (defaultTheme != item) {
+        if (!new RegExp(`^/src/views/${item}`).test(key)) {
+          _defaultModules[key] = _modules[key]
+        }
+        if (diffTheme != defaultTheme && new RegExp(`^/src/views/${diffTheme}`).test(key)) {
+          _diffModules[key] = _modules[key]
+        }
+      }
+    })
+  })
+
+  const pathHook = (path: string) => {
+    return path
+      .replace(/\/index$/, '')
+      .replace(new RegExp(`/${defaultTheme}/`), '/')
+      .replace(new RegExp(`/${diffTheme}/`), '/')
+  }
+
+  const _routes = CRouter.init({
+    modules: _defaultModules,
+    diffModules: _diffModules,
+
+    children: [
+      {
+        path: '/layout',
+        component: '/layout',
+        childrenReg: ['^/pages']
+      }
+    ],
+    setInfoHook(item) {
+      item.meta = {
+        title: item.path
+      }
+    },
+    mapKeyPathHook(path) {
+      return pathHook(path)
+    },
+    pathHook(path) {
+      return pathHook(path).replace(/^\/pages/, '')
+    }
+  })
+
+  const router = createRouter({
+    history: createWebHashHistory(),
+    routes: [
+      ..._routes.array,
+      {
+        path: '/',
+        redirect: '/home'
+      }
+    ]
+  })
+
+  System.router = router
+
+  return router
+}
+```

package/dist/cc1-vue3.d.ts

@@ -0,0 +1,135 @@
+/**
+ * 事件管理对象
+ */
+interface CEventBeanInter {
+    /**
+     * 提供默认的挂载验证事件，默认为通过，需要手动销毁事件
+     * @returns
+     * @example
+     * //在vue3中使用
+        import { getCurrentInstance } from 'vue'
+        const findTopTag = (el: any, tag: string = 'html'): any => {
+            if (!el?.parentElement) return null
+            if (el.parentElement.tagName.toLocaleLowerCase() === tag) return el.parentElement
+            else return findTopTag(el.parentElement, tag)
+        }
+        CEvent.eventbean.vm = function () {
+            const _vm = getCurrentInstance()
+            return () => findTopTag(_vm?.vnode.el?.parentElement)
+        }
+     */
+    vm: () => () => boolean
+    eventMap: Map<any, any>
+    id: string
+    tag: string
+    /**
+     * 注册
+     * @param key 注册名称
+     * @param callback 执行回调
+     * @param target 附带信息
+     * @returns 返回唯一注册id
+     */
+    on: (key: any, callback: (data: any) => any, vm?: any) => string
+    /**
+     * 调用
+     * @param key 注册名称
+     * @param data 回调函数传入参数
+     * @param emitAll 通知所有事件对象（CEvent和所有new CEventBean()），默认为true
+     */
+    emit: (key: any, data?: any, emitAll?: boolean) => void
+    /**
+     * 销毁
+     * @mode 模式1:多id或者key名称传入-off('onid1')、off('onid1','getData'...)
+     * @mode 模式2:on方法传入的key和方法-off('getData',fun)
+     * @param uids-传入的是id或者key加方法清理的是key的单个注册，传入的是key清理key所有注册
+     */
+    off: (...uids: any) => void
+    clear: () => void
+}
+interface CEventBeanObj {
+    new (): CEventBeanInter
+}
+
+/**
+ *  定时器对象
+ */
+interface TimerBeanInter {
+    map: {
+        [key: string]: TimerInfo
+    }
+    /**
+     * 提供默认的挂载验证事件，默认为通过，需要手动销毁定时时间对象
+     * @returns
+     * @example
+     * //在vue3中使用
+        import { getCurrentInstance } from 'vue'
+        const findTopTag = (el: any, tag: string = 'html'): any => {
+            if (!el?.parentElement) return null
+            if (el.parentElement.tagName.toLocaleLowerCase() === tag) return el.parentElement
+            else return findTopTag(el.parentElement, tag)
+        }
+        const timer = new TimerBean()
+        timer.vm = function () {
+            const _vm = getCurrentInstance()
+            return () => findTopTag(_vm?.vnode.el?.parentElement)
+        }
+     */
+    vm: () => () => boolean
+    /**
+     * 添加一个延时任务
+     * @param fun
+     * @param timeGap -延迟时间
+     */
+    once: (fun: () => void, timeGap?: number, vm?: any) => any
+    /**
+     * 清空任务-仅能清理TimerBean中的任务
+     */
+    clear: () => void
+    /**
+     * 等待时间单位 1-毫秒 1000-秒
+     */
+    delayUnit: number
+    /**
+     * 等待时间
+     * @param millisecond
+     * @returns
+     */
+    delay: (millisecond?: number, delayUnit?: number) => Promise<void>
+    /**
+     * 添加一个循环任务
+     * @param fun
+     * @param timeGap -循环时间
+     * @param firstRun -立即执行一次
+     *
+     */
+    on: (fun: () => void, timeGap: number, firstRun?: boolean, vm?: any) => any
+    /**
+     *  清理循环-仅能清理TimerBean中的任务
+     */
+    un: (...ids: any[]) => void
+}
+interface TimerBeanObj {
+    new (): TimerBeanInter
+}
+
+type TimerInfo = {
+    /**
+     * 任务内容
+     * @returns
+     */
+    fun: () => void
+    /**
+     * 挂载节点验证
+     */
+    vm: any
+
+    /**
+     * 任务id
+     */
+    id: string
+
+    /**
+     * 清理
+     */
+    remove: () => void
+}

package/dist/cc1-vue3.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["cc1-vue3"]={},e.vue)}(this,function(e,t){"use strict";const n="__scopeObjFun";class o{static map={};static get(e,n){const r=o,s=t.getCurrentInstance();return s?(r.map[e]||(r.map[e]={value:n(),refs:new Set}),r.map[e].refs.add(s),t.onUnmounted(()=>{r.map[e]?.refs.delete(s),0===r.map[e]?.refs.size&&delete r.map[e]}),r.map[e].value):n()}}const r=window.Scope||class{static setConf=(e,o)=>{o||"string"==typeof e||(o=e,e="conf");const r=t.getCurrentInstance();let s=o;if("function"!=typeof s&&(s=()=>o),r){let t=r[n];t||(t=[]),t.push({key:e,fun:s}),r[n]=t}};static getConf=(e,o)=>{e?"number"==typeof e&&(o=e,e="conf"):e="conf",o||(o=1);let r=t.getCurrentInstance(),s=0,c=()=>null;for(;r=r.parent;){const t=r[n];if(t)for(let n=0;n<t.length;n++){const r=t[n];if(r.key===e&&(s++,c=r.fun,s===o))return r.fun()}}return c()};static CEventBean=null;static CEventBeanDeactivated=!1;static Event=()=>{if(!this.CEventBean)return null;const e=t.getCurrentInstance(),n=new this.CEventBean;return n.vm=()=>()=>e.isDeactivated?this.CEventBeanDeactivated:!e.isUnmounted,n};static TimerBean=null;static TimerBeanDeactivated="pause";static Timer=()=>{if(!this.TimerBean)return null;const e=new this.TimerBean,n=t.getCurrentInstance();return e.vm=()=>()=>n.isDeactivated?this.TimerBeanDeactivated:!n.isUnmounted,e}};window.TimerBean&&(r.TimerBean=window.TimerBean),window.CEventBean&&(r.CEventBean=window.CEventBean),window.Scope||(window.Scope=r),e.CRouter=class{static init=e=>{const t=e.root||"/src/views";if(!e.modules)throw new Error("modules is required");const n=e.modules,o={},r=e.diffModules||{},s={},c=e.pathHook||(e=>e),i=(n,o)=>{Object.keys(o).forEach(r=>{let s=r.replace(t,"").replace(".vue","");const i=e.mapKeyPathHook?.(s)||r;n[i]={path:c(s),component:o[r],useNum:0}})};i(o,n),i(s,r);((e,t)=>{for(const n in t)n in e||(e[n]=t[n])})(o,s);const a=e.children||[],u=[],p=e=>{const t=Object.keys(o);for(let n=0;n<t.length;n++)if(o[t[n]].path===e)return o[t[n]]};if(a.length){const e=t=>{if(t.children=t.children||[],t.childrenList&&t.childrenList.forEach(e=>{const n=p(e);n&&(t.children.push({path:e,component:n.component}),n.useNum++)}),t.children&&t.children.forEach(t=>{e(t)}),t.component){const e=p(t.component);e&&(t.component=e.component,e.useNum++)}if(t.childrenReg){const e=(n=t.childrenReg,Array.isArray(n)?n.map(e=>e instanceof RegExp?e:new RegExp(e)):n instanceof RegExp?[n]:n?[new RegExp(n)]:[]);Object.keys(o).forEach(n=>{e.some(e=>e.test(n))&&(t.children.push({path:n,component:o[n].component}),o[n].useNum++)})}var n};for(let t=0;t<a.length;t++){const n=a[t];e(n),u.push(n)}}Object.keys(o).forEach(e=>{0===o[e].useNum&&u.push({path:e,component:o[e].component})});const l=t=>{t.path=o[t.path].path,e.setInfoHook?.(t),t.children&&t.children.forEach(e=>{l(e)})};u.forEach(e=>{l(e)});const d={};return Object.keys(o).forEach(e=>{d[o[e].path]=o[e]}),{array:u,map:d}}},e.CVue3=class{static onDispose=e=>{const n=t.getCurrentInstance();let o=n.vnode.el?.parentElement?.parentElement,r=!1;const s=setInterval(()=>{if(r)return void clearInterval(s);const t=n.vnode.el?.parentElement?.parentElement;return void 0===o&&(o=t),o&&!t?(clearInterval(s),void e()):void 0},50);t.onUnmounted(()=>{r=!0,e()})};static createCom=e=>{let n=e.domOrIdOrClass||document.body;"string"==typeof n&&(n=document.querySelector(n));const o=(...e)=>{r.unmount(),r=void 0,e.forEach(e=>{e&&n.removeChild(e)}),n.removeChild(s)};e.props||(e.props={}),e.props.remove=o;let r=t.createApp(e.component,e.props);const s=document.createElement("div");return e.beforeMount&&e.beforeMount(r),r.mount(s),e.first?n.insertBefore(s,n.firstChild):n.appendChild(s),{vm:r,remove:o}}},e.Minxins=o,e.Scope=r});

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import CVue3 from './utils/CVue3';
+import ScopeMain from './utils/Scope';
+import CRouter from './utils/CRouter';
+import Minxins from './utils/Minxins';
+declare const Scope: ScopeMain;
+export { Scope, CVue3, CRouter, Minxins };

package/dist/tools-vue3.d.ts

@@ -0,0 +1,135 @@
+/**
+ * 事件管理对象
+ */
+interface CEventBeanInter {
+    /**
+     * 提供默认的挂载验证事件，默认为通过，需要手动销毁事件
+     * @returns
+     * @example
+     * //在vue3中使用
+        import { getCurrentInstance } from 'vue'
+        const findTopTag = (el: any, tag: string = 'html'): any => {
+            if (!el?.parentElement) return null
+            if (el.parentElement.tagName.toLocaleLowerCase() === tag) return el.parentElement
+            else return findTopTag(el.parentElement, tag)
+        }
+        CEvent.eventbean.vm = function () {
+            const _vm = getCurrentInstance()
+            return () => findTopTag(_vm?.vnode.el?.parentElement)
+        }
+     */
+    vm: () => () => boolean
+    eventMap: Map<any, any>
+    id: string
+    tag: string
+    /**
+     * 注册
+     * @param key 注册名称
+     * @param callback 执行回调
+     * @param target 附带信息
+     * @returns 返回唯一注册id
+     */
+    on: (key: any, callback: (data: any) => any, vm?: any) => string
+    /**
+     * 调用
+     * @param key 注册名称
+     * @param data 回调函数传入参数
+     * @param emitAll 通知所有事件对象（CEvent和所有new CEventBean()），默认为true
+     */
+    emit: (key: any, data?: any, emitAll?: boolean) => void
+    /**
+     * 销毁
+     * @mode 模式1:多id或者key名称传入-off('onid1')、off('onid1','getData'...)
+     * @mode 模式2:on方法传入的key和方法-off('getData',fun)
+     * @param uids-传入的是id或者key加方法清理的是key的单个注册，传入的是key清理key所有注册
+     */
+    off: (...uids: any) => void
+    clear: () => void
+}
+interface CEventBeanObj {
+    new (): CEventBeanInter
+}
+
+/**
+ *  定时器对象
+ */
+interface TimerBeanInter {
+    map: {
+        [key: string]: TimerInfo
+    }
+    /**
+     * 提供默认的挂载验证事件，默认为通过，需要手动销毁定时时间对象
+     * @returns
+     * @example
+     * //在vue3中使用
+        import { getCurrentInstance } from 'vue'
+        const findTopTag = (el: any, tag: string = 'html'): any => {
+            if (!el?.parentElement) return null
+            if (el.parentElement.tagName.toLocaleLowerCase() === tag) return el.parentElement
+            else return findTopTag(el.parentElement, tag)
+        }
+        const timer = new TimerBean()
+        timer.vm = function () {
+            const _vm = getCurrentInstance()
+            return () => findTopTag(_vm?.vnode.el?.parentElement)
+        }
+     */
+    vm: () => () => boolean
+    /**
+     * 添加一个延时任务
+     * @param fun
+     * @param timeGap -延迟时间
+     */
+    once: (fun: () => void, timeGap?: number, vm?: any) => any
+    /**
+     * 清空任务-仅能清理TimerBean中的任务
+     */
+    clear: () => void
+    /**
+     * 等待时间单位 1-毫秒 1000-秒
+     */
+    delayUnit: number
+    /**
+     * 等待时间
+     * @param millisecond
+     * @returns
+     */
+    delay: (millisecond?: number, delayUnit?: number) => Promise<void>
+    /**
+     * 添加一个循环任务
+     * @param fun
+     * @param timeGap -循环时间
+     * @param firstRun -立即执行一次
+     *
+     */
+    on: (fun: () => void, timeGap: number, firstRun?: boolean, vm?: any) => any
+    /**
+     *  清理循环-仅能清理TimerBean中的任务
+     */
+    un: (...ids: any[]) => void
+}
+interface TimerBeanObj {
+    new (): TimerBeanInter
+}
+
+type TimerInfo = {
+    /**
+     * 任务内容
+     * @returns
+     */
+    fun: () => void
+    /**
+     * 挂载节点验证
+     */
+    vm: any
+
+    /**
+     * 任务id
+     */
+    id: string
+
+    /**
+     * 清理
+     */
+    remove: () => void
+}

package/dist/tools-vue3.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["cc1-vue3"]={},e.vue)}(this,function(e,t){"use strict";const n="__scopeObjFun";class o{static map={};static get(e,n){const r=o,s=t.getCurrentInstance();return s?(r.map[e]||(r.map[e]={value:n(),refs:new Set}),r.map[e].refs.add(s),t.onUnmounted(()=>{r.map[e]?.refs.delete(s),0===r.map[e]?.refs.size&&delete r.map[e]}),r.map[e].value):n()}}e.CRouter=class{static init=e=>{const t=e.root||"/src/views";if(!e.modules)throw new Error("modules is required");const n=e.modules,o={},r=e.diffModules||{},s={},c=e.pathHook||(e=>e),a=(n,o)=>{Object.keys(o).forEach(r=>{let s=r.replace(t,"").replace(".vue","");const a=e.mapKeyPathHook?.(s)||r;n[a]={path:c(s),component:o[r],useNum:0}})};a(o,n),a(s,r);((e,t)=>{for(const n in t)n in e||(e[n]=t[n])})(o,s);const i=e.children||[],u=[],l=e=>{const t=Object.keys(o);for(let n=0;n<t.length;n++)if(o[t[n]].path===e)return o[t[n]]};if(i.length){const e=t=>{if(t.children=t.children||[],t.childrenList&&t.childrenList.forEach(e=>{const n=l(e);n&&(t.children.push({path:e,component:n.component}),n.useNum++)}),t.children&&t.children.forEach(t=>{e(t)}),t.component){const e=l(t.component);e&&(t.component=e.component,e.useNum++)}if(t.childrenReg){const e=(n=t.childrenReg,Array.isArray(n)?n.map(e=>e instanceof RegExp?e:new RegExp(e)):n instanceof RegExp?[n]:n?[new RegExp(n)]:[]);Object.keys(o).forEach(n=>{e.some(e=>e.test(n))&&(t.children.push({path:n,component:o[n].component}),o[n].useNum++)})}var n};for(let t=0;t<i.length;t++){const n=i[t];e(n),u.push(n)}}Object.keys(o).forEach(e=>{0===o[e].useNum&&u.push({path:e,component:o[e].component})});const p=t=>{t.path=o[t.path].path,e.setInfoHook?.(t),t.children&&t.children.forEach(e=>{p(e)})};u.forEach(e=>{p(e)});const f={};return Object.keys(o).forEach(e=>{f[o[e].path]=o[e]}),{array:u,map:f}}},e.CVue3=class{static onDispose=e=>{const n=t.getCurrentInstance();let o=n.vnode.el?.parentElement?.parentElement,r=!1;const s=setInterval(()=>{if(r)return void clearInterval(s);const t=n.vnode.el?.parentElement?.parentElement;return void 0===o&&(o=t),o&&!t?(clearInterval(s),void e()):void 0},50);t.onUnmounted(()=>{r=!0,e()})};static createCom=e=>{let n=e.domOrIdOrClass||document.body;"string"==typeof n&&(n=document.querySelector(n));const o=(...e)=>{r.unmount(),r=void 0,e.forEach(e=>{e&&n.removeChild(e)}),n.removeChild(s)};e.props||(e.props={}),e.props.remove=o;let r=t.createApp(e.component,e.props);const s=document.createElement("div");return e.beforeMount&&e.beforeMount(r),r.mount(s),e.first?n.insertBefore(s,n.firstChild):n.appendChild(s),{vm:r,remove:o}}},e.Minxins=o,e.Scope=class{static setConf=(e,o)=>{o||"string"==typeof e||(o=e,e="conf");const r=t.getCurrentInstance();let s=o;if("function"!=typeof s&&(s=()=>o),r){let t=r[n];t||(t=[]),t.push({key:e,fun:s}),r[n]=t}};static getConf=(e,o)=>{e?"number"==typeof e&&(o=e,e="conf"):e="conf",o||(o=1);let r=t.getCurrentInstance(),s=0,c=()=>null;for(;r=r.parent;){const t=r[n];if(t)for(let n=0;n<t.length;n++){const r=t[n];if(r.key===e&&(s++,c=r.fun,s===o))return r.fun()}}return c()};static CEventBean=null;static CEventBeanDeactivated=!1;static Event=()=>{if(!this.CEventBean)return null;const e=t.getCurrentInstance(),n=new this.CEventBean;return n.vm=()=>()=>e.isDeactivated?this.CEventBeanDeactivated:!e.isUnmounted,n};static TimerBean=null;static TimerBeanDeactivated="pause";static Timer=()=>{if(!this.TimerBean)return null;const e=new this.TimerBean,n=t.getCurrentInstance();return e.vm=()=>()=>n.isDeactivated?this.TimerBeanDeactivated:!n.isUnmounted,e}}});

package/dist/utils/CRouter.d.ts

@@ -0,0 +1,73 @@
+/**
+ * 路由工具-示例阅读README.md
+ */
+export default class CRouter {
+    /**
+     * 初始化路由列表
+     * @returns
+     */
+    static init: (param: Partial<CRouterParam>) => {
+        array: any[];
+        map: any;
+    };
+}
+export type CRouterParam = {
+    /**
+     * 显示页面列表
+     */
+    modules: any;
+    /**
+     * 补齐页面列表，如果modules的页面少于diffModules，将缺少的diffModules的页面添加到modules中
+     */
+    diffModules?: any;
+    /**
+     * 根路径-默认'/src/views'
+     */
+    root: string;
+    /**
+     * 页面配置
+     */
+    children: Partial<CRouterParamChildren>[];
+    /**
+     * map地址勾子，用来处理map数据管理，参与处理path、component、children，一般留存标记方便children处理，比如正则pages下的所有路由，但是最终地址不使用pages，所以在这个勾子单独处理不对pages替换
+     */
+    mapKeyPathHook?: (path: string) => string;
+    /**
+     * 路由地址修改钩子-用来修改最终的path地址使用名称 如/modules/home/index/index修改为/home
+     */
+    pathHook: (path: string) => string;
+    /**
+     * 设置初始化信息，比如设置meta信息和title信息
+     */
+    setInfoHook?: (item: CRouterParamChildren & {
+        [key: string]: any;
+    }) => void;
+};
+export type CRouterParamChildren = {
+    /**
+     * 页面路径-如/home/index
+     */
+    path: string;
+    /**
+     * 页面组件-填vue文件地址
+     * @a 如/src/views/home/index.vue填/home/index
+     * @a 如/src/views/home/card.vue填/home/card
+     */
+    component: string;
+    /**
+     * 跳转路径-如/home/index
+     */
+    redirect: string;
+    /**
+     * 子路由
+     */
+    children: Partial<CRouterParamChildren>[];
+    /**
+     * 子路由地址列表
+     */
+    childrenList: string[];
+    /**
+     * 子路由包含正则
+     */
+    childrenReg: string | string[] | RegExp | RegExp[];
+};

package/dist/utils/CVue3.d.ts

@@ -0,0 +1,37 @@
+import { App } from 'vue';
+export default class CVue3 {
+    /**
+     * 注册销毁事件
+     */
+    static onDispose: (fun: () => void) => void;
+    /**
+     * 将组件创建到指定位置-返回的remove方法可以手动销毁，传入的组件中props必须存在remove属性在手动关闭时进行调用
+     * @param option
+     * @returns
+     */
+    static createCom: (param: {
+        /**
+         * 组件
+         */
+        component: any;
+        /**
+         * 节点-默认是document.body
+         */
+        domOrIdOrClass?: string | Element;
+        /**
+         * 属性-始终传入onUnmounted属性，调用后销毁组件
+         */
+        props?: any;
+        /**
+         * 是否从前面挂载
+         */
+        first?: boolean;
+        /**
+         * 挂载前处理
+         */
+        beforeMount?: (vm: App<Element>) => void;
+    }) => {
+        vm: App<Element>;
+        remove: (..._domitem: any) => void;
+    };
+}

package/dist/utils/Minxins.d.ts

@@ -0,0 +1,37 @@
+import { ComponentInternalInstance } from 'vue';
+/**
+ * 同vue2中的minxins功能
+ *
+ * 应用场景：多个父子组件引用同一个对象，当组件无任何引用时，对象自动销毁，下一次访问触发初始化
+ *
+ * @example
+ *
+ * import { reactive } from 'vue'
+ * import Minxins from 'cc1-vue3'
+
+ * const getIndex = () => {
+ *   const conf = reactive({
+ *     name: 'index',
+ *     num: 1,
+ *     add: () => {
+ *       conf.num++
+ *     }
+ *   })
+ *   return conf
+ * }
+ *
+ * export const index = () => Minxins.get('/main', getIndex)
+ */
+export default class Minxins {
+    static map: Record<string, {
+        value: any;
+        refs: Set<ComponentInternalInstance>;
+    }>;
+    /**
+     * 获取一个对象
+     * @param name 名称-全局唯一或者保证同一页面唯一存在
+     * @param fun 获取对象的方法-方法只能返回对象
+     * @returns 对象
+     */
+    static get<T>(name: string, fun: () => T): T;
+}

package/dist/utils/Scope.d.ts

@@ -0,0 +1,52 @@
+/**
+ * 局部成员
+ */
+export default class Scope {
+    /**
+     * 创建组件内共享变量
+     * @param key 共享名称 -默认取conf
+     * @param getObjFun 返回reactive对象或者返回reactive对象的方法
+     * @example
+     * Scope.setConf(reactive({name:1}))
+     *        ||
+     * Scope.setConf('conf',reactive({name:1}))
+     *
+     * Scope.setConf('mconf',reactive({name:2}))
+     * @returns
+     */
+    static setConf: (key?: any, getObjFun?: any) => void;
+    /**
+     * 获取组件内共享变量
+     * @param key 共享名称-默认取conf
+     * @param index 级别-存在多个时用到，默认为1
+     * @example
+     * const mconf = Scope.getConf()
+     *                      ||
+     * const mconf = Scope.getConf('conf')
+     *
+     * const mconf = Scope.getConf('conf',2)
+     * @returns
+     */
+    static getConf: <T = any>(key?: any, index?: number) => T;
+    static CEventBean: CEventBeanObj;
+    /**
+     * 控制事件管理器在组件被keep-alive缓存时是否暂停，如果需要暂停，修改值为1,0,true,false以外的值，默认为不暂停
+     */
+    static CEventBeanDeactivated: any;
+    /**
+     * 获取一个页面销毁不再触发的事件管理器(使用前先赋值CEventBean)
+     * @example
+     * @returns
+     */
+    static Event: <T = CEventBeanInter>() => T;
+    static TimerBean: TimerBeanObj;
+    /**
+     * 控制定时器管理器在组件被keep-alive缓存时是否暂停，如果需要暂停，修改值为1,0,true,false以外的值，默认为暂停
+     */
+    static TimerBeanDeactivated: any;
+    /**
+     * 获取一个定时器(使用前先赋值TimerBean)
+     * @returns
+     */
+    static Timer: <T = TimerBeanInter>() => T;
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+    "name": "cc1-vue3",
+    "version": "1.0.0",
+    "main": "dist/cc1-vue3.js",
+    "license": "MIT",
+    "author": "VeigarChen",
+    "types": "dist/index.d.ts",
+    "scripts": {
+        "dev": "ts-node ./src/dev.ts",
+        "format": "prettier --write . ",
+        "buildN": "npx tsc -p ./tsconfig.json",
+        "build": "rollup -c rollup.config.cjs"
+    },
+    "description": "我来助你-vue3工具库",
+    "files": [
+        "dist"
+    ],
+    "keywords": [
+        "vue",
+        "vue3",
+        "framework",
+        "frontend"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "https://cc1.cc"
+    },
+    "homepage": "https://cc1.cc",
+    "devDependencies": {
+        "@rollup/plugin-commonjs": "^25.0.7",
+        "@rollup/plugin-terser": "^0.4.3",
+        "prettier": "^2.8.3",
+        "rollup": "^3.29.2",
+        "rollup-plugin-typescript2": "^0.36.0",
+        "tools-javascript": "^1.1.25",
+        "ts-node": "^10.9.2",
+        "tslib": "^2.6.2",
+        "typescript": "^5.3.3",
+        "vue": "^3.4.29"
+    }
+}