hfun-element-plus
Advanced tools
Comparing version 0.0.3 to 0.0.4
{ | ||
"name": "hfun-element-plus", | ||
"version": "0.0.3", | ||
"description": "", | ||
"version": "0.0.4", | ||
"description": "一个vue3业务型组件库", | ||
"main": "src/index.js", | ||
@@ -9,2 +9,6 @@ "scripts": { | ||
}, | ||
"dependencies": { | ||
"element-plus": "^2.0.4", | ||
"sass": "^1.49.9" | ||
}, | ||
"keywords": [], | ||
@@ -11,0 +15,0 @@ "author": "", |
@@ -5,4 +5,4 @@ <!-- | ||
* @Date: 2022-03-01 15:08:25 | ||
* @LastEditTime: 2022-03-02 15:44:41 | ||
* @FilePath: /hfun-element-plus/src/hfunUI/packages/hfun-search-form/Readme.md | ||
* @LastEditTime: 2022-03-03 15:49:59 | ||
* @FilePath: /hfun-element-plus/src/hfunUI/packages/hfun-searchFrom/README.md | ||
--> | ||
@@ -67,9 +67,4 @@ | ||
<script setup> | ||
import { ref, reactive, onMounted } from "vue"; | ||
// 引入查询表单组件 | ||
import hfunSearchForm from 'hfun-element-plus' | ||
import { ref, reactive } from "vue"; | ||
import hfunSearchFrom from './hfunUI/packages/hfun-searchFrom'; | ||
// 搜索表单form对象 | ||
@@ -79,7 +74,7 @@ let searchfromdata=reactive({ | ||
modelData: { | ||
chanpinLeixing: "", //产品类型 | ||
chanpinHaoma: "", //产品号码 | ||
chanpin: "", //产品 | ||
kehuMingcheng: "", //客户名称 | ||
zhuangjiWeizhi: "", //装机位置 | ||
chanpinLeixing: "", //产品类型 | ||
chanpinHaoma: "", //产品号码 | ||
chanpin: "", //产品 | ||
kehuMingcheng: "", //客户名称 | ||
zhuangjiWeizhi: "", //装机位置 | ||
}, | ||
@@ -94,7 +89,7 @@ // 搜索表单配置项 | ||
data: [ | ||
{ value: "0", label: "全部" }, | ||
{ value: "542694601", label: "专线产品类型" }, | ||
{ value: "542694602", label: "中继产品类型" }, | ||
{ value: "542694603", label: "基站产品类型" }, | ||
{ value: "542694619", label: "公众产品类型" }, | ||
{ value: "0", label: "全部" }, | ||
{ value: "542694601", label: "专线产品类型" }, | ||
{ value: "542694602", label: "中继产品类型" }, | ||
{ value: "542694603", label: "基站产品类型" }, | ||
{ value: "542694619", label: "公众产品类型" }, | ||
], | ||
@@ -127,45 +122,45 @@ }, | ||
{ | ||
value: 'guide', | ||
label: 'Guide', | ||
disabled: true, | ||
children: [ | ||
value: 'guide', | ||
label: 'Guide', | ||
disabled: true, | ||
children: [ | ||
{ | ||
value: 'disciplines', | ||
label: 'Disciplines', | ||
children: [ | ||
{ | ||
value: 'consistency', | ||
label: 'Consistency', | ||
}, | ||
{ | ||
value: 'feedback', | ||
label: 'Feedback', | ||
}, | ||
{ | ||
value: 'efficiency', | ||
label: 'Efficiency', | ||
}, | ||
{ | ||
value: 'controllability', | ||
label: 'Controllability', | ||
}, | ||
], | ||
value: 'disciplines', | ||
label: 'Disciplines', | ||
children: [ | ||
{ | ||
value: 'consistency', | ||
label: 'Consistency', | ||
}, | ||
{ | ||
value: 'feedback', | ||
label: 'Feedback', | ||
}, | ||
{ | ||
value: 'efficiency', | ||
label: 'Efficiency', | ||
}, | ||
{ | ||
value: 'controllability', | ||
label: 'Controllability', | ||
}, | ||
], | ||
}, | ||
{ | ||
value: 'navigation', | ||
label: 'Navigation', | ||
children: [ | ||
{ | ||
value: 'side nav', | ||
label: 'Side Navigation', | ||
}, | ||
{ | ||
value: 'top nav', | ||
label: 'Top Navigation', | ||
}, | ||
], | ||
value: 'navigation', | ||
label: 'Navigation', | ||
children: [ | ||
{ | ||
value: 'side nav', | ||
label: 'Side Navigation', | ||
}, | ||
{ | ||
value: 'top nav', | ||
label: 'Top Navigation', | ||
}, | ||
], | ||
}, | ||
], | ||
}, | ||
{ | ||
}, | ||
{ | ||
value: 'component', | ||
@@ -376,20 +371,2 @@ label: 'Component', | ||
}, | ||
{ | ||
value: 'resource', | ||
label: 'Resource', | ||
children: [ | ||
{ | ||
value: 'axure', | ||
label: 'Axure Components', | ||
}, | ||
{ | ||
value: 'sketch', | ||
label: 'Sketch Templates', | ||
}, | ||
{ | ||
value: 'docs', | ||
label: 'Design Documentation', | ||
}, | ||
], | ||
}, | ||
] | ||
@@ -396,0 +373,0 @@ } |
<!-- | ||
* @Author: | ||
* @Author: | ||
* @Description: | ||
* @Date: 2022-03-01 15:08:25 | ||
* @LastEditTime: 2022-03-02 15:25:12 | ||
* @FilePath: /hfun-element-plus/src/hfunUI/packages/hfun-table/Readme.md | ||
* @LastEditTime: 2022-03-03 15:47:36 | ||
* @FilePath: /hfun-element-plus/src/hfunUI/packages/hfun-table/README.md | ||
--> | ||
@@ -13,7 +13,7 @@ | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填| | ||
| --- | --- | --- | --- | --- | --- | | ||
| mTable | 当前搜索表格的数据对象 | Object | - | - | 是 | | ||
| pageData | 当前页数 每页显示条数 | Object | - | - | 是 | | ||
| hfun-table-operate | 点击按钮回调 | function | - | - | 否 | | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | | ||
| ------------------ | ---------------------- | -------- | ------ | ------ | -------- | | ||
| mTable | 当前搜索表格的数据对象 | Object | - | - | 是 | | ||
| pageData | 当前页数 每页显示条数 | Object | - | - | 是 | | ||
| hfun-table-operate | 点击按钮回调 | function | - | - | 否 | | ||
@@ -25,6 +25,6 @@ <br> | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填| 示例 | | ||
| --- | --- | --- | --- | --- | --- | --- | | ||
| tableData | 表格数据 | Array | - | - | 是 | tableData:[] | ||
| tableHeader | 表头数据 | Array | - | - | 是 | tableHeader:[] | | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | 示例 | | ||
| ----------- | -------- | ----- | ------ | ------ | -------- | -------------- | | ||
| tableData | 表格数据 | Array | - | - | 是 | tableData:[] | | ||
| tableHeader | 表头数据 | Array | - | - | 是 | tableHeader:[] | | ||
@@ -35,9 +35,10 @@ <br> | ||
### tableHeader 子属性 | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填| 示例 | | ||
| --- | --- | --- | --- | --- | --- | --- | | ||
| label | 表头名称 | String | | - | 是 | | | ||
| param | 字段名称 | String | - | - | 是 | | | ||
| sortable | 是否排序 | String | - | - | 是 | | | ||
| type | 编辑时类型 | String | - | - | 是 | | | ||
| 属性 | 说明 | 类型 | 可选值 | 默认值 | 是否必填 | 示例 | | ||
| -------- | ---------- | ------ | ------ | ------ | -------- | ---- | | ||
| label | 表头名称 | String | | - | 是 | | | ||
| param | 字段名称 | String | - | - | 是 | | | ||
| sortable | 是否排序 | String | - | - | 是 | | | ||
| type | 编辑时类型 | String | - | - | 是 | | | ||
<br> | ||
@@ -48,5 +49,5 @@ <br> | ||
| 事件名 | 说明 | 回调参数 | | ||
| --- | --- | --- | | ||
| hfunTableOperate | “查询”按钮点击事件 | - | | ||
| 事件名 | 说明 | 回调参数 | | ||
| ---------------- | ------------------ | -------- | | ||
| hfunTableOperate | “查询”按钮点击事件 | - | | ||
@@ -57,60 +58,91 @@ <br> | ||
## 使用案例 | ||
<template> | ||
<hfunSearchTable :mTable="mTable" :pageData="pageData" @hfun-table-operate="hfunTableOperate"/> | ||
</template> | ||
<script setup> | ||
import hfunSearchTable from './hfunUI/packages/hfun-table'; | ||
import { ref, reactive, onMounted } from "vue"; | ||
import { ref, reactive, onMounted } from "vue"; | ||
let pageData = reactive({ | ||
pageIndex: 1, //当前页数 | ||
pageNum: 10, //每页显示条数 | ||
pageIndex: 1, //当前页数 | ||
pageNum: 10, //每页显示条数 | ||
}); | ||
let mTable = reactive({ | ||
// 表格数据 | ||
tableData: [ | ||
{productType:'11',productNumber:'22',product:'某某产品',issDate:'2012-02-24'}, | ||
{productType:'3',productNumber:'4',product:'某某产品2',businessStatus:3} | ||
{productType:'11',productNumber:'22',product:'某某产品',issDate:'2012-02-24'}, | ||
{productType:'3',productNumber:'4',product:'某某产品2',businessStatus:3} | ||
], | ||
// 表格头 | ||
tableHeader: [ | ||
{ label: "产品类型", param: "productType", sortable: true ,type:'select',items:[ | ||
{name:'请选择产品类型',value:''}, | ||
{name:'类型1',value:'11'}, | ||
{name:'类型2',value:'3'} | ||
]}, | ||
{ label: "产品号码", param: "productNumber", sortable: true ,type:'input'}, | ||
{ label: "产品", param: "product" ,type:'input'}, | ||
{ label: "订单号", param: "orderNumber" ,type:'input'}, | ||
{ label: "客户名称", param: "customerName" ,type:'input'}, | ||
{ label: "业务状态", param: "businessStatus" ,type:'radio',items:[ | ||
{name:'类型1',value:'1'}, | ||
{name:'类型2',value:'3'}]}, | ||
{ label: "A-Z端装机位置", param: "azInstallLocation",type:'input' }, | ||
{ label: "发单日期", param: "issDate",type:'datePicker' ,type:'input'}, | ||
{ | ||
label: "操作", | ||
options: [ | ||
{ | ||
label: "详情", | ||
type: "success", | ||
methods: "detail", | ||
icon: "hfun-menubar-search", | ||
{ | ||
label: "产品类型", | ||
param: "productType", | ||
sortable: true , | ||
type:'select', | ||
items:[ | ||
{name:'请选择产品类型',value:''}, | ||
{name:'类型1',value:'11'}, | ||
{name:'类型2',value:'3'} | ||
] | ||
}, | ||
{ | ||
label: "编辑", | ||
type: "primary", | ||
methods: "edit", | ||
icon: "hfun-menubar-search", | ||
{ | ||
label: "产品号码", param: "productNumber", sortable: true ,type:'input'}, | ||
{ | ||
label: "产品", | ||
param: "product" , | ||
type:'input'}, | ||
{ | ||
label: "订单号", | ||
param: "orderNumber" , | ||
type:'input'}, | ||
{ | ||
label: "客户名称", | ||
param: "customerName" , | ||
type:'input'}, | ||
{ | ||
label: "业务状态", | ||
param: "businessStatus" ,type:'radio', | ||
items:[ | ||
{name:'类型1',value:'1'}, | ||
{name:'类型2',value:'3'} | ||
] | ||
}, | ||
{ | ||
label: "A-Z端装机位置", | ||
param: "azInstallLocation", | ||
type:'input' | ||
}, | ||
{ | ||
label: "发单日期", | ||
param: "issDate", | ||
type:'datePicker' , | ||
type:'input' | ||
}, | ||
{ | ||
label: "删除", | ||
type: "danger", | ||
methods: "delete", | ||
icon: "hfun-menubar-search", | ||
label: "操作", | ||
options: [ | ||
{ | ||
label: "详情", | ||
type: "success", | ||
methods: "detail", | ||
icon: "hfun-menubar-search", | ||
}, | ||
{ | ||
label: "编辑", | ||
type: "primary", | ||
methods: "edit", | ||
icon: "hfun-menubar-search", | ||
}, | ||
{ | ||
label: "删除", | ||
type: "danger", | ||
methods: "delete", | ||
icon: "hfun-menubar-search", | ||
}, | ||
], | ||
}, | ||
], | ||
}, | ||
], | ||
@@ -122,2 +154,3 @@ // 表格总数 | ||
}); | ||
/** | ||
@@ -130,9 +163,8 @@ * @Description: 表格组件操作栏事件 | ||
const hfunTableOperate = ({ method, val }) => { | ||
console.log(val) | ||
console.log(val) | ||
}; | ||
</script> | ||
<br> | ||
<br> | ||
@@ -5,4 +5,4 @@ /* | ||
* @Date: 2022-02-14 17:30:38 | ||
* @LastEditTime: 2022-03-03 09:32:51 | ||
* @FilePath: /hfun-ui-vue3/src/hfunUI/src/index.js | ||
* @LastEditTime: 2022-03-03 15:53:33 | ||
* @FilePath: /hfun-element-plus/src/hfunUI/src/index.js | ||
*/ | ||
@@ -27,3 +27,3 @@ import hfunAvator from '../packages/hfun-avator' | ||
const hfun_element_plus = { | ||
version: "0.0.1", | ||
version: "0.0.4", | ||
install | ||
@@ -30,0 +30,0 @@ } |
39588
13
2
57
+ Addedelement-plus@^2.0.4
+ Addedsass@^1.49.9
+ Added@babel/parser@7.24.5(transitive)
+ Added@ctrl/tinycolor@3.6.1(transitive)
+ Added@element-plus/icons-vue@2.3.1(transitive)
+ Added@floating-ui/core@1.6.2(transitive)
+ Added@floating-ui/dom@1.6.5(transitive)
+ Added@floating-ui/utils@0.2.2(transitive)
+ Added@jridgewell/sourcemap-codec@1.4.15(transitive)
+ Added@sxzz/popperjs-es@2.11.7(transitive)
+ Added@types/lodash@4.17.4(transitive)
+ Added@types/lodash-es@4.17.12(transitive)
+ Added@types/web-bluetooth@0.0.16(transitive)
+ Added@vue/compiler-core@3.4.27(transitive)
+ Added@vue/compiler-dom@3.4.27(transitive)
+ Added@vue/compiler-sfc@3.4.27(transitive)
+ Added@vue/compiler-ssr@3.4.27(transitive)
+ Added@vue/reactivity@3.4.27(transitive)
+ Added@vue/runtime-core@3.4.27(transitive)
+ Added@vue/runtime-dom@3.4.27(transitive)
+ Added@vue/server-renderer@3.4.27(transitive)
+ Added@vue/shared@3.4.27(transitive)
+ Added@vueuse/core@9.13.0(transitive)
+ Added@vueuse/metadata@9.13.0(transitive)
+ Added@vueuse/shared@9.13.0(transitive)
+ Addedanymatch@3.1.3(transitive)
+ Addedasync-validator@4.2.5(transitive)
+ Addedbinary-extensions@2.3.0(transitive)
+ Addedbraces@3.0.3(transitive)
+ Addedchokidar@3.6.0(transitive)
+ Addedcsstype@3.1.3(transitive)
+ Addeddayjs@1.11.11(transitive)
+ Addedelement-plus@2.7.3(transitive)
+ Addedentities@4.5.0(transitive)
+ Addedescape-html@1.0.3(transitive)
+ Addedestree-walker@2.0.2(transitive)
+ Addedfill-range@7.1.1(transitive)
+ Addedfsevents@2.3.3(transitive)
+ Addedglob-parent@5.1.2(transitive)
+ Addedimmutable@4.3.6(transitive)
+ Addedis-binary-path@2.1.0(transitive)
+ Addedis-extglob@2.1.1(transitive)
+ Addedis-glob@4.0.3(transitive)
+ Addedis-number@7.0.0(transitive)
+ Addedlodash@4.17.21(transitive)
+ Addedlodash-es@4.17.21(transitive)
+ Addedlodash-unified@1.0.3(transitive)
+ Addedmagic-string@0.30.10(transitive)
+ Addedmemoize-one@6.0.0(transitive)
+ Addednanoid@3.3.7(transitive)
+ Addednormalize-path@3.0.0(transitive)
+ Addednormalize-wheel-es@1.2.0(transitive)
+ Addedpicocolors@1.0.1(transitive)
+ Addedpicomatch@2.3.1(transitive)
+ Addedpostcss@8.4.38(transitive)
+ Addedreaddirp@3.6.0(transitive)
+ Addedsass@1.77.2(transitive)
+ Addedsource-map-js@1.2.0(transitive)
+ Addedto-regex-range@5.0.1(transitive)
+ Addedvue@3.4.27(transitive)
+ Addedvue-demi@0.14.7(transitive)