dpzvc-ui 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/package.json +3 -3
  2. package/src/components/Text/index.js +1 -1
  3. package/src/components/action-sheet/index.js +1 -1
  4. package/src/components/loadMore/index.js +1 -1
  5. package/src/components/picker/area-picker/props.js +1 -1
  6. package/src/components/picker/date-picker/props.js +1 -1
  7. package/src/components/picker/index.js +1 -1
  8. package/src/components/picker/normal-picker/props.js +1 -1
  9. package/src/components/popup/index.js +1 -1
  10. package/src/components/progress/index.js +1 -1
  11. package/src/components/spinner/index.js +1 -1
  12. package/src/components/spinner/props.js +1 -1
  13. package/src/components/switchbar/index.js +1 -1
  14. package/src/components/tab/index.js +1 -1
  15. package/src/components/toTop/index.js +1 -1
  16. package/src/components/upload/index.js +1 -1
  17. package/src/views/Picker.vue +1 -1
  18. package/src/views1/ActionSheet.vue +0 -33
  19. package/src/views1/Badge.vue +0 -40
  20. package/src/views1/Button.vue +0 -40
  21. package/src/views1/Card.vue +0 -52
  22. package/src/views1/Cell.vue +0 -21
  23. package/src/views1/CellSwipe.vue +0 -85
  24. package/src/views1/CheckBox.vue +0 -53
  25. package/src/views1/Header.vue +0 -47
  26. package/src/views1/Indicator.vue +0 -69
  27. package/src/views1/LoadMore.vue +0 -54
  28. package/src/views1/Message.vue +0 -42
  29. package/src/views1/Modal.vue +0 -32
  30. package/src/views1/Picker.vue +0 -50
  31. package/src/views1/Popup.vue +0 -87
  32. package/src/views1/Progress.vue +0 -32
  33. package/src/views1/Prompt.vue +0 -31
  34. package/src/views1/RadioBox.vue +0 -55
  35. package/src/views1/Rater.vue +0 -39
  36. package/src/views1/SlideBar.vue +0 -47
  37. package/src/views1/Spinner.vue +0 -15
  38. package/src/views1/Swipe.vue +0 -34
  39. package/src/views1/SwitchBar.vue +0 -36
  40. package/src/views1/Tab.vue +0 -41
  41. package/src/views1/Text.vue +0 -64
  42. package/src/views1/ToTop.vue +0 -17
  43. package/src/views1/Upload.vue +0 -44
  44. package/src/views1/guide.vue +0 -159
  45. package/src/views1/index.vue +0 -435
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dpzvc-ui",
3
- "version": "2.0.0",
3
+ "version": "2.0.2",
4
4
  "description": "Vue组件库",
5
5
  "main": "dist/dpzvc.js",
6
6
  "module": "dist/dpzvc.esm.js",
@@ -12,7 +12,7 @@
12
12
  "build:prod": "webpack --config webpack.dist.prod.config.js",
13
13
  "build": "npm run build:style && npm run build:dev && npm run build:prod",
14
14
  "dist": "webpack --progress --config webpack.prod.config.js",
15
- "prepare": "husky install"
15
+ "prepare": "husky"
16
16
  },
17
17
  "repository": {
18
18
  "type": "git",
@@ -105,7 +105,7 @@
105
105
  },
106
106
  "lint-staged": {
107
107
  "*.{js,vue}": [
108
- "eslint --max-warnings=Infinity"
108
+ "eslint --max-warnings=0"
109
109
  ]
110
110
  }
111
111
  }
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/5/24.
2
+ * Created by admin on 2025/9/24.
3
3
  */
4
4
  import Text from './textBar'
5
5
  import Number from './Number'
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/5/19.
2
+ * Created by admin on 2025/9/19.
3
3
  */
4
4
  import ActionSheet from './actionSheet'
5
5
  export default ActionSheet
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/19.
2
+ * Created by admin on 2025/6/19.
3
3
  */
4
4
  import LoadMore from './loadmore'
5
5
  export default LoadMore
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/13.
2
+ * Created by admin on 2025/10/13.
3
3
  */
4
4
  export default {
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/13.
2
+ * Created by yishide on 2025/9/13.
3
3
  */
4
4
  export default {
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/4/19.
2
+ * Created by admin on 2025/11/19.
3
3
  */
4
4
  import Picker from './picker'
5
5
  export default Picker
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/14.
2
+ * Created by admin on 2025/11/14.
3
3
  */
4
4
  export default {
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/19.
2
+ * Created by admin on 2025/11/19.
3
3
  */
4
4
  import Popup from './popup'
5
5
  export default Popup
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/26.
2
+ * Created by yishide on 2025/09/26.
3
3
  */
4
4
  import Progress from './progress'
5
5
  export default Progress
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/16.
2
+ * Created by admin on 2025/10/16.
3
3
  */
4
4
  import Spinner from './spinner'
5
5
  export default Spinner
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/16.
2
+ * Created by admin on 2025/11/16.
3
3
  */
4
4
  export default {
5
5
  props: {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/5/26.
2
+ * Created by admin on 2025/09/26.
3
3
  */
4
4
  import SwitchBar from './switchbar'
5
5
  export default SwitchBar
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/5/15.
2
+ * Created by admin on 2025/10/15.
3
3
  */
4
4
  import Tab from './tab.vue'
5
5
 
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/6/29.
2
+ * Created by admin on 2025/11/29.
3
3
  */
4
4
  import ToTop from './topTop'
5
5
  export default ToTop
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Created by admin on 2017/5/26.
2
+ * Created by admin on 2025/10/26.
3
3
  */
4
4
  import Upload from './upload'
5
5
  export default Upload
@@ -9,7 +9,7 @@
9
9
  <Picker
10
10
  v-model="DateVisible"
11
11
  type="DatePicker"
12
- date-value="2018/1/1"
12
+ date-value="2025/12/25"
13
13
  @sure="pickerSure"
14
14
  @cancle="pickerCancle"
15
15
  />
@@ -1,33 +0,0 @@
1
- <template>
2
- <div class="ActionSheet">
3
- <VButton width="50%" @click="visible = true"></VButton>
4
- <ActionSheet :items="actionSheet" v-model="visible">
5
-
6
- </ActionSheet>
7
- </div>
8
- </template>
9
-
10
- <script>
11
- export default {
12
- name: "action-sheet",
13
- data(){
14
- return {
15
- visible:false,
16
- actionSheet:[
17
- {text: '提交'},
18
- {text: '确定'},
19
- ]
20
- }
21
- }
22
- }
23
- </script>
24
-
25
- <style lang="less" scoped>
26
- .ActionSheet {
27
- height: 100%;
28
- display: flex;
29
- flex-direction: column;
30
- justify-content: space-around;
31
- align-items: center;
32
- }
33
- </style>
@@ -1,40 +0,0 @@
1
- <template>
2
- <div class="Badge">
3
- <Badge number="10">
4
- <div class="item"></div>
5
- </Badge>
6
-
7
- <Badge number="100" max="99" :dot="false">
8
- <div class="item"></div>
9
- </Badge>
10
-
11
- <Badge number="100" max="99" :dot="true">
12
- <div class="item"></div>
13
- </Badge>
14
- </div>
15
- </template>
16
-
17
- <script>
18
-
19
- export default {
20
- name: "badge",
21
- data(){
22
- return {
23
-
24
- }
25
- },
26
-
27
- }
28
- </script>
29
-
30
- <style lang="less" scoped>
31
- .Badge {
32
- width: 100%;
33
- margin-top: 100px;
34
- display: flex;
35
- justify-content: space-around;
36
- .item {
37
- width: 45px;height: 45px;background-color: red
38
- }
39
- }
40
- </style>
@@ -1,40 +0,0 @@
1
- <template>
2
- <div class="Button">
3
- <VButton type="primary">Primary</VButton>
4
- <VButton type="success" :loading="loading" @click="onClick">Success</VButton>
5
- <VButton type="warning" :loading="loading" @click.native="onClick">Warning</VButton>
6
- <VButton type="danger">Danger</VButton>
7
- <VButton type="normal">Normal</VButton>
8
- <VButton type="normal" disabled >Disabled</VButton>
9
- </div>
10
- </template>
11
-
12
- <script>
13
- import VButton from '../components/button'
14
- export default {
15
- name: "button",
16
- data(){
17
- return {
18
- loading:false
19
- }
20
- },
21
- components:{
22
- VButton
23
- },
24
- methods:{
25
- onClick(){
26
- this.loading = !this.loading
27
- }
28
- }
29
- }
30
- </script>
31
-
32
- <style lang="less" scoped>
33
- .Button {
34
- height: 100%;
35
- display: flex;
36
- flex-direction: column;
37
- justify-content: space-around;
38
- align-items: center;
39
- }
40
- </style>
@@ -1,52 +0,0 @@
1
- <template>
2
- <div class="Card">
3
- <Card width="80%">
4
- <span class="item" slot="header">头部</span>
5
- <span class="item-main" >内容</span>
6
- <span class="item" slot="footer">底部</span>
7
-
8
- </Card>
9
- </div>
10
- </template>
11
-
12
- <script>
13
-
14
- export default {
15
- name: "card",
16
- data(){
17
- return {
18
-
19
- }
20
- },
21
-
22
- }
23
- </script>
24
-
25
- <style lang="less" scoped>
26
- .Card {
27
- background: #4d4d4d;
28
- width: 100%;
29
- height: 100%;
30
- display: flex;
31
- flex-direction: row;
32
- justify-content: center;
33
- align-items: center;
34
- .item {
35
- width: 100%;
36
- height: 100%;
37
- ;
38
- display: flex;
39
- align-items: center;
40
- justify-content: center;
41
- }
42
-
43
- .item-main {
44
- width: 100%;
45
- height: 200px;
46
-
47
- display: flex;
48
- align-items: center;
49
- justify-content: center;
50
- }
51
- }
52
- </style>
@@ -1,21 +0,0 @@
1
- <template>
2
- <div class="Cell">
3
- <Cell title="Guide" label="导航" link="/guide" value="跳转到导航页"></Cell>
4
- <Cell title="Index" label="主页" link="/guide" ></Cell>
5
- </div>
6
- </template>
7
-
8
- <script>
9
-
10
- export default {
11
- name: "cell",
12
-
13
- }
14
- </script>
15
-
16
- <style lang="less" scoped>
17
- .Cell {
18
- width: 100%;
19
- position: relative;
20
- }
21
- </style>
@@ -1,85 +0,0 @@
1
- <template>
2
- <div class="CellSwipe">
3
- <CellSwipe :right="right" title="向左滑" has-mask ></CellSwipe>
4
- <CellSwipe :left="left" title="向右滑" has-mask ></CellSwipe>
5
- <template v-if="show">
6
- <CellSwipe :left="left" :right="right" title="删除测试" has-mask ></CellSwipe>
7
- </template>
8
-
9
-
10
-
11
- </div>
12
- </template>
13
-
14
- <script>
15
-
16
-
17
-
18
-
19
- export default {
20
- name: "cell-swipe",
21
- data(){
22
- return {
23
- show:true,
24
- left:[
25
- {
26
- content:'确定',
27
- style:{
28
- backgroundColor:'#eee',
29
- color:'#fff'
30
- },
31
- handleClick:function(){
32
- EventBus.$Modal.info({
33
- body:'点击了确定'
34
- })
35
- }
36
- },
37
- {
38
- content:'删除',
39
- style:{
40
- backgroundColor:'red',
41
- color:'#fff'
42
- },
43
- handleClick:function(){
44
- EventBus.$Modal.info({
45
- body:'点击了删除'
46
- })
47
- }
48
- }
49
- ],
50
- right:[
51
- {
52
- content:'确定',
53
- style:{
54
- backgroundColor:'#eee',
55
- color:'#fff'
56
- },
57
- handleClick:function(){
58
- EventBus.$Modal.info({
59
- body:'点击了确定'
60
- })
61
- }
62
- },
63
- {
64
- content:'删除',
65
- style:{
66
- backgroundColor:'red',
67
- color:'#fff'
68
- },
69
- handleClick:function(){
70
- EventBus.$Modal.info({
71
- body:'点击了删除'
72
- })
73
- }
74
- }
75
- ],
76
- }
77
- },
78
-
79
-
80
- }
81
- </script>
82
-
83
- <style scoped>
84
-
85
- </style>
@@ -1,53 +0,0 @@
1
- <template>
2
- <div class="CheckBox">
3
- <p>checkbox组合</p>
4
- <div class="item">
5
- <CheckBox-group v-model="data" >
6
- <CheckBox label="中国"></CheckBox>
7
- <CheckBox label="美国"></CheckBox>
8
- <CheckBox label="日本"></CheckBox>
9
- </CheckBox-group>
10
- </div>
11
-
12
- <div class="item">value:{{data}}</div>
13
- <p>单个checkbox</p>
14
- <div class="item"><CheckBox label="苹果" v-model="checked" ></CheckBox></div>
15
- <div class="item">checked:{{checked}}</div>
16
- <p>禁用的checkbox</p>
17
- <div class="item"><CheckBox label="玩具" disable></CheckBox></div>
18
- </div>
19
- </template>
20
-
21
- <script>
22
-
23
- export default {
24
- name: "check-box",
25
- data(){
26
- return {
27
- data: [],
28
- visible: true,
29
- checked:false
30
- }
31
- },
32
-
33
- }
34
- </script>
35
-
36
- <style lang="less" scoped>
37
- .CheckBox {
38
- padding-top: 100px;
39
- p {
40
- width: 100%;
41
- font-weight: bold;
42
- font-size: 16px;
43
- margin: 20px 0;
44
- }
45
-
46
- .item{
47
- width: 100%;
48
- display: flex;
49
- justify-content: center;
50
-
51
- }
52
- }
53
- </style>
@@ -1,47 +0,0 @@
1
- <template>
2
- <div class="Header">
3
- <div class="item">
4
- <DpHeader title="Header" :fixed="fixed"></DpHeader>
5
- </div>
6
- <div class="item">
7
- <DpHeader title="Header" :fixed="fixed">
8
- <span slot="right" @click="share">分享</span>
9
- </DpHeader>
10
- </div>
11
- <div class="item">
12
- <DpHeader title="Header" :fixed="fixed">
13
- <span slot="left">返回</span>
14
- <span slot="right" @click="share">分享</span>
15
- </DpHeader>
16
- </div>
17
- </div>
18
- </template>
19
-
20
- <script>
21
-
22
- export default {
23
- name: "dp-header",
24
-
25
- data(){
26
- return {
27
- fixed:false
28
- }
29
- },
30
- methods:{
31
- share(){
32
- this.$Modal.confirm({
33
- showHead:false,
34
- body:'点击了分享'
35
- })
36
- }
37
- }
38
- }
39
- </script>
40
-
41
- <style scoped>
42
- .item {
43
- position: relative;
44
- margin-bottom: 20px;
45
- height: 50px;
46
- }
47
- </style>
@@ -1,69 +0,0 @@
1
- <template>
2
- <div class="Indicator">
3
- <div class="item">
4
- <VButton @click="blade()">blade</VButton>
5
- </div>
6
- <div class="item">
7
- <VButton @click="snake()">snake</VButton>
8
- </div>
9
- <div class="item">
10
- <VButton @click="circle()">circle</VButton>
11
- </div>
12
- <div class="item">
13
- <VButton @click="bounce()">bounce</VButton>
14
- </div>
15
- </div>
16
- </template>
17
-
18
- <script>
19
-
20
- export default {
21
- name: "indicator",
22
- methods:{
23
- blade(){
24
- this.$Indicator.blade()
25
-
26
- setTimeout(()=>{
27
- this.$Indicator.remove()
28
- },3000)
29
-
30
- },
31
- snake(){
32
- this.$Indicator.snake()
33
-
34
- setTimeout(()=>{
35
- this.$Indicator.remove()
36
- },3000)
37
- },
38
- circle(){
39
- this.$Indicator.circle()
40
-
41
- setTimeout(()=>{
42
- this.$Indicator.remove()
43
- },3000)
44
- },
45
- bounce(){
46
- this.$Indicator.bounce()
47
-
48
- setTimeout(()=>{
49
- this.$Indicator.remove()
50
- },3000)
51
- }
52
- }
53
- }
54
- </script>
55
-
56
- <style lang="less" scoped>
57
- .Indicator {
58
- height: 100%;
59
- display: flex;
60
- justify-content: space-around;
61
- flex-direction: column;
62
- align-items: center;
63
-
64
- .item {
65
- margin:0 auto;
66
- width: 50%;
67
- }
68
- }
69
- </style>
@@ -1,54 +0,0 @@
1
- <template>
2
- <div class="LoadMore">
3
- <LoadMore :refresh="topMethod" height="100%" ref="more" :load-more="bottomMethod" :has-more="hasMore"
4
- @on-change-up-status="getStatus">
5
- <div style="width: 100%;height: 50px;" v-for="item in loadmore">{{item}}</div>
6
- </LoadMore>
7
- </div>
8
-
9
- </template>
10
-
11
- <script>
12
-
13
- export default {
14
- name: "load-more",
15
- data(){
16
- return {
17
- hasMore:true,
18
- loadmore:['LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore','LoadMore']
19
- }
20
- },
21
- methods:{
22
- topMethod(){
23
- this.loadMore = ['LoadMore','LoadMore']
24
-
25
- setTimeout(()=>{
26
- this.$refs.more.onLoadOff();
27
- },2000)
28
- this.hasMore = true;
29
- },
30
- bottomMethod(){
31
-
32
- setTimeout(()=>{
33
- this.$refs.more.onLoadOff();
34
- this.loadmore.push(...['LoadMore','LoadMore']);
35
-
36
- },2000)
37
-
38
-
39
- },
40
- getStatus(val){
41
- console.log(val)
42
- },
43
- }
44
-
45
- }
46
- </script>
47
-
48
- <style lang="less" scoped>
49
- .LoadMore {
50
- width: 100%;
51
- height: 100%;
52
- overflow: auto;
53
- }
54
- </style>