artus-components v0.2.3

安装

npm install artus-components --save

工程依赖，环境支持

引入方式，组件列表

1.全局引入

import artusComponents from 'artus-components/lib' 
app.use(artusComponents)

2.按需引入

import {
artusForm, 
artusDialog,
artusTable,
artusPagination,
artusColorPicker,
componentConfig
} from 'artus-components/lib'

artusTable(表格)

<artus-table :tableHeader="tableHeader" 
:configOption="{highlightCurrentRow:true,stripe: true}" 
className="artus_view_table"
:tableData="tableData">

artusTable Attributes

artusTable Events

artusTable Methods

artusPagination（分页）

<artus-pagination :total="total" :pageSize="pageSize" :page="page"
                        @currentPageData="currentPageData"></artus-pagination>

artusPagination Attributes

artusPagination Events

artusForm（表单）

<artus-form :formList="formList" :formData="formData" ref="ruleFormRef"
                  :config="{labelWidth:'100px'}">
      </artus-form>

artusForm Attributes

artusForm Methods

artusDialog（弹窗）

<artus-dialog title="数据集过滤条件设置" @close-dialog="closeDialog" @save="save" width="800px">
      <template #default>
        <div></div>
      </template>
    </artus-dialog>

artusDialog Attributes

artusDialog Events

artusColorPicker（颜色选择）

<colorPicker  v-model="color"
   @change="change"></colorPicker>

artusColorPicker Attributes

artusColorPicker Events

componentConfig（组件库设置）

import {componentConfig} from 'artus-components/lib'
示例：componentConfig.namespace = 'why'

componentConfig Attributes