1.2.16 • Published 9 days ago

magiccube-vue3 v1.2.16

Weekly downloads
-
License
MIT
Repository
-
Last release
9 days ago

magiccube-vue3

魔方 VUE version 3 控件项目

package引用方法

1.安装

npm install magiccube-vue3

2.在main.js中引入

import mv3 from 'magiccube-vue3'
import 'magiccube-vue3/package/style/index.less'

3.修改vue.config.js

chainWebpack: config => {
    config.module
        .rule('package')
        .test(/\.(js|jsx)$/)
        .include.add(path.join(__dirname, 'node_modules/magiccube-vue3'))
        .end()
        .use('babel-loader')
        .loader('babel-loader')
        .options({
            presets: [
                '@vue/cli-plugin-babel/preset',
            ],
            plugins: [
                '@babel/plugin-proposal-optional-chaining'
            ]
        })
}

package menu

  • McLink
  • McBreadcrumb
  • McButton
  • McCheckbox
  • McCheckboxGroup
  • McRadio
  • McRadioGroup
  • McProgress
  • McInput
  • McSlide
  • McSwitch
  • McTab
  • McTextarea
  • McTree
  • McCity
  • McCityPicker
  • McAddress
  • McFuzzySearch
  • McTip
  • McPopup
  • McTable
  • McTableColumn
  • McPagination
  • McForm
  • McFormItem
  • McSelect
  • McSelectOption
  • McDatePicker
  • McMonthPicker
  • McDropdown
  • McImport
  • McCollapse
  • McCollapseItem
  • McCollapseTransition
  • McUpload
  • McDepartmentTree
  • McDepartmentPicker
  • McPermissionTree
  • McLabel
  • McJobFuncPicker
  • McTableV2
  • McTableV2Column

控件使用

<!-- new version table -->
    <- Mc-table-v2 :data="listData" checkbox type="fixed" height="auto">
        <- Mc-table-v2-column label="姓名" key-name="name">
            <template #default="scope">
                <- McLink>{{scope.data['name']}}</- McLink>
            </template>
        </- Mc-table-v2-column>
        <- Mc-table-v2-column label="客户名称" header-tip="asdasdads">
            <- Mc-table-v2-column label="客户名称123" key-name="companyName" header-tip="1231313132"></- Mc-table-v2-column>
            <- Mc-table-v2-column label="客户名称345" key-name="mobile"></- Mc-table-v2-column>
        </- Mc-table-v2-column>
        <- Mc-table-v2-column label="外包岗位名称" key-name="jobName"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="证照号码" key-name="identity"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="手机号码" key-name="mobile"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="个人信息ID" key-name="resumeId"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="企业微信" key-name="companyWechatDesc"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="员工状态" key-name="globalStateDesc"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="订单名称" key-name="orderName"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="岗位城市" key-name="jobCityDesc"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="合同编号" key-name="contractCode"></- Mc-table-v2-column>
        <- Mc-table-v2-column label="离职时间" key-name="dimissionTime"></- Mc-table-v2-column>
    </- Mc-table-v2>
1.2.16

9 days ago

1.2.14

13 days ago

1.2.0

1 month ago

1.2.8

27 days ago

1.2.7

27 days ago

1.2.6

27 days ago

1.2.5

1 month ago

1.2.3

1 month ago

1.2.2

1 month ago

1.2.12

19 days ago

1.2.13

19 days ago

1.2.10

19 days ago

1.2.11

19 days ago

1.1.8

2 months ago

1.1.7

2 months ago

1.1.12

2 months ago

1.1.11

2 months ago

1.1.10

2 months ago

1.1.14

1 month ago

1.1.13

2 months ago

1.2.9

26 days ago

1.1.1

4 months ago

1.1.0

5 months ago

1.1.4

4 months ago

1.1.3

4 months ago

1.1.2

4 months ago

1.0.27

5 months ago

1.0.25

8 months ago

1.0.24

1 year ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

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.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.23

2 years ago

1.0.11

2 years ago

1.0.10

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.2

3 years ago

1.0.1

3 years ago