1.1.24 • Published 1 year ago

mixlinker-tools v1.1.24

Weekly downloads
-
License
MIT
Repository
-
Last release
1 year ago

说明

一个基于智物联业务的前端组件包，基于vue3开发，项目需在vue3环境下使用；

快速安装

npm i mixlinker-tools 或者 yarn add mixlinker-tools

组件引入

因部分插件使用了antdv框架，使用本包需引入antdv，antdv包在安装本包时会自动安装，直接按如下代码在main.js引入即可

import mixlinker from 'mixlinker-tools'
import 'mixlinker-tools/style'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
import * as antIcons from '@ant-design/icons-vue'
import emitter from 'mitt';
app.config.globalProperties.emitter = emitter()
Object.keys(antIcons).forEach(key => {
    app.component(key, antIcons[key])
})

app.use(Antd)
app.use(mixlinker)

mix-dashboard

显示板组件

<mix-dashboard :params="params"></mix-dashboard>
参数名类型说明默认值是否必传
params:{uid:'',object_id:''}objectuid为显示板id，object_id为当前显示板数据来源的对象uid空是

注意事项：如果显示需使用地图组件，则需要在项目的index.html中引入百度的相关js文件，如下

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="//api.map.baidu.com/getscript?v=3.0&ak=你的ak"></script>
    <script type="text/javascript" src="//api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
    <title>Mixlinker</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

mix-show

大屏显示板组件

<mix-show :params="params"></mix-show>
参数名类型说明默认值是否必传
params:{uid:'',object_id:''}objectuid为显示板id，object_id为当前显示板数据来源的对象uid空是

mix-agrid

表格组件

<mix-aggrid 
	:columnDefs.sync="columns" 
	:rowData="dataSource" 
    :height='200' 
    :pager="pager"
     @pageChange="pageChange"
>
</mix-agrid>
<script setup>
const columns = ref([
      { 
        field: "make" ,//字段名
        headerName:"列标题名",
        width:"150",
        flex:1,//默认占据剩余宽度
       },
      { field: "model" },
      { field: "price" },
    ])
const dataSource = [
      { make: "Toyota", model: "Celica", price: 35000 },
      { make: "Ford", model: "Mondeo", price: 32000 },
      { make: "Porsche", model: "Boxster", price: 72000 },
    ]
</script>

事件

事件说明参数
@cellContextMenu鼠标右键呼出菜单(event)=>{}

mix-right-menu

mix-agrid里的右键按钮组件

  <mix-right-menu ref="rightMenu" :localButtons="localButtons" />
      
   const localButtons = [
       {
           type:'item',
           role_checked:true
       }
   ]
  //mix-aggrid的cellContextMenu事件
  const rightMenu = ref(null)
  const onCellContextMenu = (params) => {
    rightMenu.value.showRightMenu(params.event, params.data)
}

菜单类型

localButtons中item的取值说明
item详情按钮
copy复制按钮
update编辑
delete删除

mix-edit-page

弹窗组件

<mix-edit-page :title='title' :show='show' @ok="handleOk">
  <template #content>
  	弹窗内容区域
  </tempate>
</mix-edit-page>

参数

参数类型说明默认值是否允许为空
titlestring弹窗标题空是
showboolean控制弹窗显示false否
@okfunction确定事件的回调无否

mix-script-modal

脚本编辑器弹窗

<mix-script-modal :script='script'></mix-script-moadl>
参数类型说明默认值是否允许为空
scriptjosn脚本内容空否
ag-grid-communityag-grid-vue3ant-design-vueaxioscore-jsdayjsdefault-passive-eventsechartselement-resize-detectorinteractjsmittsassvuevue-baidu-map-3xvue3-ace-editorvue3-video-play
@everything-registry/sub-chunk-2179
1.1.24

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.16

1 year ago

1.1.15

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.1.19

1 year ago

1.1.18

1 year ago

1.1.17

1 year ago

1.1.23

1 year ago

1.1.22

1 year ago

1.1.20

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.0.50

1 year ago

1.0.48

1 year ago

1.0.47

1 year ago

1.0.46

1 year ago

1.0.45

1 year ago

1.0.44

2 years ago

1.0.43

2 years ago

1.0.42

2 years ago

1.0.41

2 years ago

1.0.40

2 years ago

1.0.39

2 years ago

1.0.38

2 years ago

1.0.37

2 years ago

1.0.36

2 years ago

1.0.35

2 years ago

1.0.34

2 years ago

1.0.33

2 years ago

1.0.32

2 years ago

1.0.31

2 years ago

1.0.30

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago