tc-directive-plus/src/index.ts

一个基于Vue3.x较为常用的自定义指令库

/**
 * 常用指令库
 * 版本：v0.1
 * 编辑：
 */
import { App } from "vue";
import { DirectiveInterface } from "./type/types";

import TcBottom from "./TcBottom";
import TcPress from "./TcPress";
import TcColor from "./TcColor";
import TcHeight from "./TcHeight";
import TcLeft from "./TcLeft";
import TcLoading from "./TcLoading";
import TcMove from "./TcMove";
import TcRight from "./TcRight";
import TcTop from "./TcTop";
import TcWidth from "./TcWidth";
import TcWave from "./TcWave";

const directives: DirectiveInterface[] = [
    TcBottom,
    TcLeft,
    TcRight,
    TcTop,
    TcLoading,
    TcHeight,
    TcWidth,
    TcColor,
    TcPress,
    TcMove,
    TcWave,
];
const install = function (Vue: App): void {
    directives.forEach((el: DirectiveInterface) => {
        Vue.directive(el.name, el.directive);
    });
};

export {
    TcBottom,
    TcLeft,
    TcRight,
    TcTop,
    TcLoading,
    TcHeight,
    TcWidth,
    TcColor,
    TcPress,
    TcMove,
    TcWave,
};

export default {
    install,
    TcBottom,
    TcLeft,
    TcRight,
    TcTop,
    TcLoading,
    TcHeight,
    TcWidth,
    TcColor,
    TcPress,
    TcMove,
    TcWave,
};