moguli_library

使用规范

1.必须安装以下相关插件

{
    "@element-plus/icons-vue": ">=2.1.0",
    "element-plus": ">=2.3.0",
    "vue": ">=3.4.0",
    "axios": ">=1.3.0"
}

2.运行

npm run docs:dev # 启动文档预览

基础使用配置

import {
    utils, // 工具
    components, // 组件
    features, // 业务型组件
    hooks, // hook 函数
    configs, // 配置
    interfaces // 接口
} from "moguli_library";

// 需要配置参数
import { changeConfigs, configs } from "moguli_library/configs";
// 使用 changeConfigs 改变配置
changeConfigs({
    baseUrl: "/development",
    root: "http://192.168.100.249"
});
// 查看全部配置
console.log(configs);

// 使用 权限和过滤条件
import { usePermissionJudge, useFilterDict } from "moguli_library/hooks";
const filterDict = useFilterDict();
const { judgeTagByPath } = usePermissionJudge(params:{appid:8,id:1,type:2});

judgeTagByPath.value(apiPath:string)
<template>
    {{ judgeTagByPath(apiPath) }}
    v-if="judgeTagByPath(apiPath)"
</template>

2. 进阶业务组件

--导出数据组件

import { MFExportDataDialog } from "moguli_library/features";

<MFExportDataDialog
            v-model="model"
            {/* 需要时间 */}
            needDate
            {/* 需要是否过滤 */}
            needFilter
            {/* 列 列表 */}
            :columns="options"
            {/* 列 id */}
            nodeKey="id"
            {/* 列 label */}
            nodeLabel="label"
            {/* disabled 确定按钮 ()=>void */}
            :disabledHandler="onDisabledHandler"
            {/* 确定函数 具有传参数据和说明 */}
            @confirm="onConfirmExportData"
        />

-- 公式配置

import { MFFormulaConfigDialog } from "moguli_library/features";
const dialogValue = ref(false);
const bindParams = {
    appid: 14,
    id: 1
};
// 可传递参数 columns ,录入title，显示label，key为id

<MFFormulaConfigDialog v-model="dialogValue" v-bind="bindParams" code="return 111" @confirm="onConfirmCodeEvent" />