wl-design-mobile 0.0.1 → 0.0.3

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 (54) hide show
  1. package/README.md +6 -0
  2. package/api/doc.js +25 -0
  3. package/api/x1.js +56 -0
  4. package/btn/lambo-big-button.vue +125 -121
  5. package/btn/lambo-button-group.vue +47 -47
  6. package/btn/lambo-medium-button.vue +124 -121
  7. package/btn/lambo-small-button-group.vue +31 -31
  8. package/btn/lambo-small-button-select.vue +53 -53
  9. package/btn/lambo-small-button.vue +123 -121
  10. package/card-item/card-row-icon.vue +0 -1
  11. package/card-item/filtrate-row.vue +1 -0
  12. package/collapse/lambo-collapse.vue +80 -80
  13. package/config/config.js +14 -0
  14. package/detail/lambo-detail-grid.vue +87 -57
  15. package/detail/lambo-detail-row.vue +59 -59
  16. package/doc/file/lambo-file-upload.vue +176 -179
  17. package/doc/file/styles/css/index.css +118 -118
  18. package/doc/img/lambo-img-upload.vue +109 -109
  19. package/edit/list/Lambo-edit-list.vue +90 -90
  20. package/edit/list/lambo-edit-card-group.vue +103 -103
  21. package/edit/select/lambo-edit-date-range.vue +135 -135
  22. package/edit/select/lambo-edit-date-time.vue +105 -0
  23. package/edit/select/lambo-edit-date.vue +108 -108
  24. package/edit/select/lambo-edit-input-textarea.vue +92 -92
  25. package/edit/select/lambo-edit-input.vue +92 -92
  26. package/edit/select/lambo-edit-multi-select.vue +160 -160
  27. package/edit/select/lambo-edit-single-select.vue +153 -153
  28. package/flow/lambo-flow-detail.vue +30 -30
  29. package/flow/lambo-flow-edit.vue +30 -30
  30. package/icon/lambo-required-red-star.vue +47 -47
  31. package/list/lambo-list.vue +1 -1
  32. package/nav/lambo-top-nav.vue +89 -89
  33. package/package.json +4 -2
  34. package/search/lambo-date-range-page.vue +191 -191
  35. package/search/lambo-date-range.vue +107 -107
  36. package/search/lambo-input.vue +74 -74
  37. package/search/lambo-multi-select.vue +125 -125
  38. package/search/lambo-org-select-page.vue +109 -109
  39. package/search/lambo-search-box.vue +55 -55
  40. package/search/lambo-single-select.vue +119 -119
  41. package/styles/base.less +75 -75
  42. package/styles/components/btn.less +7 -7
  43. package/styles/components/search.less +33 -33
  44. package/styles/components/tag.less +181 -181
  45. package/styles/index.less +4 -4
  46. package/tag/lambo-tag.vue +25 -0
  47. package/title/lambo-title1.vue +129 -129
  48. package/title/lambo-title2.vue +37 -37
  49. package/util/assist.js +43 -0
  50. package/util/axios/cacheconf.js +19 -0
  51. package/util/axios/index.js +11 -0
  52. package/util/axios/interceptors.js +101 -0
  53. package/util/bus.js +4 -0
  54. package/util/token.js +36 -0
@@ -1,31 +1,31 @@
1
- <template>
2
- <div>
3
- <div slot="btns"></div>
4
- </div>
5
- </template>
6
- <script>
7
-
8
- export default {
9
- name: 'LamboSmallButtonGroup',
10
- components: {},
11
- props: {},
12
- data() {
13
- return {
14
-
15
- }
16
- },
17
- methods: {
18
-
19
- },
20
- created() {
21
-
22
- },
23
- mounted() {
24
-
25
- }
26
- }
27
- </script>
28
- <style scoped>
29
- @import "../styles/index.less";
30
-
31
- </style>
1
+ <template>
2
+ <div>
3
+ <div slot="btns"></div>
4
+ </div>
5
+ </template>
6
+ <script>
7
+
8
+ export default {
9
+ name: 'LamboSmallButtonGroup',
10
+ components: {},
11
+ props: {},
12
+ data() {
13
+ return {
14
+
15
+ }
16
+ },
17
+ methods: {
18
+
19
+ },
20
+ created() {
21
+
22
+ },
23
+ mounted() {
24
+
25
+ }
26
+ }
27
+ </script>
28
+ <style scoped>
29
+ @import "../styles/index.less";
30
+
31
+ </style>
@@ -1,53 +1,53 @@
1
- <template>
2
- <div>
3
- <LamboBigButton :disabled="false" :position="position" :text="text" :type="type" icon="arrow-down"
4
- @click="onClick"></LamboBigButton>
5
- <ul v-show="show">
6
- <LamboBigButton :disabled="false" :type="type" text="编辑" @click="onClick1"></LamboBigButton>
7
- <LamboBigButton :disabled="false" :type="type" text="删除" @click="onClick2"></LamboBigButton>
8
- </ul>
9
- </div>
10
- </template>
11
- <script>
12
-
13
- import LamboBigButton from "@/components/lambo/btn/lambo-big-button.vue";
14
-
15
- export default {
16
- name: 'LamboSmallButtonSelect',
17
- components: {LamboBigButton},
18
- props: {
19
- text: {
20
- type: String,
21
- default: '更多'
22
- },
23
- },
24
- data() {
25
- return {
26
- type: 'default',
27
- position: 'right',
28
- show: false,
29
- }
30
- },
31
- methods: {
32
- onClick() {
33
- this.show = !this.show;
34
- },
35
- onClick1() {
36
- console.log('path', 'onClick1')
37
- },
38
- onClick2() {
39
- console.log('path', 'onClick2')
40
- },
41
- },
42
- created() {
43
-
44
- },
45
- mounted() {
46
-
47
- }
48
- }
49
- </script>
50
- <style scoped>
51
- @import "../styles/index.less";
52
-
53
- </style>
1
+ <template>
2
+ <div>
3
+ <LamboBigButton :disabled="false" :position="position" :text="text" :type="type" icon="arrow-down"
4
+ @click="onClick"></LamboBigButton>
5
+ <ul v-show="show">
6
+ <LamboBigButton :disabled="false" :type="type" text="编辑" @click="onClick1"></LamboBigButton>
7
+ <LamboBigButton :disabled="false" :type="type" text="删除" @click="onClick2"></LamboBigButton>
8
+ </ul>
9
+ </div>
10
+ </template>
11
+ <script>
12
+
13
+ import LamboBigButton from "@/components/lambo/btn/lambo-big-button.vue";
14
+
15
+ export default {
16
+ name: 'LamboSmallButtonSelect',
17
+ components: {LamboBigButton},
18
+ props: {
19
+ text: {
20
+ type: String,
21
+ default: '更多'
22
+ },
23
+ },
24
+ data() {
25
+ return {
26
+ type: 'default',
27
+ position: 'right',
28
+ show: false,
29
+ }
30
+ },
31
+ methods: {
32
+ onClick() {
33
+ this.show = !this.show;
34
+ },
35
+ onClick1() {
36
+ console.log('path', 'onClick1')
37
+ },
38
+ onClick2() {
39
+ console.log('path', 'onClick2')
40
+ },
41
+ },
42
+ created() {
43
+
44
+ },
45
+ mounted() {
46
+
47
+ }
48
+ }
49
+ </script>
50
+ <style scoped>
51
+ @import "../styles/index.less";
52
+
53
+ </style>
@@ -1,121 +1,123 @@
1
- <template>
2
- <div class="btns">
3
- <ul class="lambomediumbutton-ul">
4
- <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
- :type="type" class="LamboMediumButton" size="small" @click="handleClick"> {{ text }}
6
- </van-button>
7
- </ul>
8
- </div>
9
- </template>
10
- <script>
11
-
12
- export default {
13
- name: 'LamboSmallButton',
14
- components: {},
15
- props: {
16
- type: {
17
- // 填充类型按钮 plain传false type传primary
18
- // 线框类型按钮 plain传true type传info
19
- // 无框类型按钮 plain传false type传default
20
- type: String,
21
- default: 'primary'
22
- },
23
- plain: {
24
- type: Boolean,
25
- default: false
26
- },
27
- text: {
28
- type: String,
29
- default: '小号按钮'
30
- },
31
- position: {
32
- type: String,
33
- default: 'left'
34
- },
35
- disabled: {
36
- type: Boolean,
37
- default: false
38
- },
39
- icon: {
40
- type: String,
41
- default: null
42
- },
43
- loading: {
44
- type: Boolean,
45
- default: false
46
- }
47
- },
48
- data() {
49
- return {}
50
- },
51
- methods: {
52
- handleClick(event) {
53
- this.$emit('click', event);
54
- }
55
- },
56
- created() {
57
-
58
- },
59
- mounted() {
60
-
61
- }
62
- }
63
- </script>
64
- <style scoped>
65
- @import "../styles/index.less";
66
-
67
- .LamboMediumButton {
68
- height: 27px;
69
- border-radius: 3px;
70
- }
71
-
72
- /*填充按钮primary类型按钮样式 */
73
- /deep/ .lambomediumbutton-ul .van-button--primary {
74
- background: var(--scl-blue);
75
- border: 1px solid var(--scl-blue);
76
- }
77
-
78
- /*填充按钮primary类型不可用按钮样式 */
79
- /deep/ .lambomediumbutton-ul .van-button--disabled {
80
- cursor: not-allowed;
81
- opacity: 1;
82
- background-color: var(--scl-gray-6);
83
- color: #000000;
84
- border: 0px solid var(--scl-gray-6);
85
- }
86
-
87
- /*按钮文字样式*/
88
- /deep/ .lambomediumbutton-ul .van-button__text {
89
- font-size: 11px;
90
- padding: 10px 0px;
91
- font-family: 微软雅黑, serif Regular;
92
- }
93
-
94
- /*线框按钮按钮样式*/
95
- /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info {
96
- color: var(--scl-blue);
97
- border: 1px solid var(--scl-blue);
98
- }
99
-
100
- /*线框按钮不可用按钮样式*/
101
- /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info.van-button--disabled {
102
- color: #000000;
103
- border: 1px solid var(--scl-gray-6);
104
- background-color: #ffffff;
105
- }
106
-
107
- /*无框类型按钮样式 */
108
- /deep/ .lambomediumbutton-ul .van-button--default {
109
- background: var(--scl-white-1);
110
- border: 1px solid var(--scl-white-1);
111
- color: var(--scl-blue);
112
- }
113
-
114
- /*无框按钮不可用按钮样式*/
115
- /deep/ .lambomediumbutton-ul .van-button--default.van-button--disabled {
116
- color: #000000;
117
- border: 1px solid var(--scl-white-1);
118
- background-color: var(--scl-white-1);
119
- }
120
-
121
- </style>
1
+ <template>
2
+ <div class="btns">
3
+ <ul class="small-button-ul">
4
+ <van-button :disabled="disabled" :icon="icon" :icon-position="position" :loading="loading" :plain="plain"
5
+ :type="type" class="small-button" size="small" @click="handleClick"> {{ text }}
6
+ </van-button>
7
+ </ul>
8
+ </div>
9
+ </template>
10
+ <script>
11
+
12
+ export default {
13
+ name: 'LamboSmallButton',
14
+ components: {},
15
+ props: {
16
+ /**
17
+ * 填充类型按钮 plain传false type传primary
18
+ * 线框类型按钮 plain传true type传info
19
+ * 无框类型按钮 plain传false type传default
20
+ */
21
+ type: {
22
+ type: String,
23
+ default: 'primary'
24
+ },
25
+ plain: {
26
+ type: Boolean,
27
+ default: false
28
+ },
29
+ text: {
30
+ type: String,
31
+ default: '小号按钮'
32
+ },
33
+ position: {
34
+ type: String,
35
+ default: 'left'
36
+ },
37
+ disabled: {
38
+ type: Boolean,
39
+ default: false
40
+ },
41
+ icon: {
42
+ type: String,
43
+ default: null
44
+ },
45
+ loading: {
46
+ type: Boolean,
47
+ default: false
48
+ }
49
+ },
50
+ data() {
51
+ return {}
52
+ },
53
+ methods: {
54
+ handleClick(event) {
55
+ this.$emit('click', event);
56
+ }
57
+ },
58
+ created() {
59
+
60
+ },
61
+ mounted() {
62
+
63
+ }
64
+ }
65
+ </script>
66
+ <style scoped>
67
+ @import "../styles/index.less";
68
+
69
+ .small-button {
70
+ height: 27px;
71
+ border-radius: 3px;
72
+ }
73
+
74
+ /*填充按钮primary类型按钮样式 */
75
+ /deep/ .small-button-ul .van-button--primary {
76
+ background: var(--scl-blue);
77
+ border: 1px solid var(--scl-blue);
78
+ }
79
+
80
+ /*填充按钮primary类型不可用按钮样式 */
81
+ /deep/ .small-button-ul .van-button--disabled {
82
+ cursor: not-allowed;
83
+ opacity: 1;
84
+ background-color: var(--scl-gray-6);
85
+ color: #000000;
86
+ border: 0px solid var(--scl-gray-6);
87
+ }
88
+
89
+ /*按钮文字样式*/
90
+ /deep/ .small-button-ul .van-button__text {
91
+ font-size: 11px;
92
+ padding: 10px 0px;
93
+ font-family: 微软雅黑, serif Regular;
94
+ }
95
+
96
+ /*线框按钮按钮样式*/
97
+ /deep/ .small-button-ul .van-button--plain.van-button--info {
98
+ color: var(--scl-blue);
99
+ border: 1px solid var(--scl-blue);
100
+ }
101
+
102
+ /*线框按钮不可用按钮样式*/
103
+ /deep/ .small-button-ul .van-button--plain.van-button--info.van-button--disabled {
104
+ color: #000000;
105
+ border: 1px solid var(--scl-gray-6);
106
+ background-color: #ffffff;
107
+ }
108
+
109
+ /*无框类型按钮样式 */
110
+ /deep/ .small-button-ul .van-button--default {
111
+ background: var(--scl-white-1);
112
+ border: 1px solid var(--scl-white-1);
113
+ color: var(--scl-blue);
114
+ }
115
+
116
+ /*无框按钮不可用按钮样式*/
117
+ /deep/ .small-button-ul .van-button--default.van-button--disabled {
118
+ color: #000000;
119
+ border: 1px solid var(--scl-white-1);
120
+ background-color: var(--scl-white-1);
121
+ }
122
+
123
+ </style>
@@ -5,7 +5,6 @@
5
5
  </div>
6
6
  </template>
7
7
  <script>
8
-
9
8
  import picture from '../assets/icon/picture.png'
10
9
 
11
10
  export default {
@@ -10,6 +10,7 @@
10
10
  <script>
11
11
  import deletes from '../assets/icon/delete.png';
12
12
  import arrange from '../assets/icon/arrange.png';
13
+
13
14
  export default {
14
15
  name: "filtrateRow",
15
16
  components: {},
@@ -1,80 +1,80 @@
1
- <template>
2
- <div class="coll-div">
3
- <van-collapse v-model="activeNames">
4
- <van-collapse-item name="1">
5
- <div slot="title">
6
- <div class="indicator-title">
7
- <div class="color-line" />
8
- {{ title }}
9
- </div>
10
- </div>
11
- <div slot="right-icon" class="coll-title-icon">
12
- <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play" />
13
- </div>
14
- <slot></slot>
15
- </van-collapse-item>
16
- </van-collapse>
17
- </div>
18
- </template>
19
- <script>
20
-
21
- export default {
22
- name: 'LamboCollapse',
23
- components: {},
24
- props: {
25
- title: {
26
- type: String,
27
- default: '',
28
- },
29
- },
30
- data() {
31
- return {
32
- activeNames: ['1'],
33
- }
34
- },
35
- }
36
- </script>
37
- <style scoped>
38
- @import "../styles/index.less";
39
-
40
- .coll-div{
41
- margin-bottom: 8px;
42
- }
43
-
44
- .indicator-title {
45
- display: flex;
46
- align-items: center;
47
- color: black;
48
- font-weight: bold;
49
- font-size: 14px;
50
- }
51
-
52
- .indicator-title .color-line {
53
- width: 3px;
54
- height: 14px;
55
- background-color: var(--scl-blue);
56
- margin-right: 8px;
57
- }
58
-
59
- .coll-title-icon {
60
- display: flex;
61
- justify-content: center;
62
- align-items: center;
63
- align-content: center;
64
- }
65
-
66
- /* 覆盖折叠面板的标题的padding */
67
- /deep/ .van-cell {
68
- padding: 12px 10px;
69
- }
70
-
71
- /* 覆盖去掉折叠面板的标题下面的线 */
72
- /deep/ .van-cell::after {
73
- border: none;
74
- }
75
-
76
- /* 覆盖折叠面板的内容的padding */
77
- /deep/ .van-collapse-item__content {
78
- padding: 0px 0px 0px 0px;
79
- }
80
- </style>
1
+ <template>
2
+ <div class="coll-div">
3
+ <van-collapse v-model="activeNames">
4
+ <van-collapse-item name="1">
5
+ <div slot="title">
6
+ <div class="indicator-title">
7
+ <div class="color-line" />
8
+ {{ title }}
9
+ </div>
10
+ </div>
11
+ <div slot="right-icon" class="coll-title-icon">
12
+ <van-icon :color="'#0070D2'" class="van-icon van-cell__right-icon" name="play" />
13
+ </div>
14
+ <slot></slot>
15
+ </van-collapse-item>
16
+ </van-collapse>
17
+ </div>
18
+ </template>
19
+ <script>
20
+
21
+ export default {
22
+ name: 'LamboCollapse',
23
+ components: {},
24
+ props: {
25
+ title: {
26
+ type: String,
27
+ default: '',
28
+ },
29
+ },
30
+ data() {
31
+ return {
32
+ activeNames: ['1'],
33
+ }
34
+ },
35
+ }
36
+ </script>
37
+ <style scoped>
38
+ @import "../styles/index.less";
39
+
40
+ .coll-div{
41
+ margin-bottom: 8px;
42
+ }
43
+
44
+ .indicator-title {
45
+ display: flex;
46
+ align-items: center;
47
+ color: black;
48
+ font-weight: bold;
49
+ font-size: 14px;
50
+ }
51
+
52
+ .indicator-title .color-line {
53
+ width: 3px;
54
+ height: 14px;
55
+ background-color: var(--scl-blue);
56
+ margin-right: 8px;
57
+ }
58
+
59
+ .coll-title-icon {
60
+ display: flex;
61
+ justify-content: center;
62
+ align-items: center;
63
+ align-content: center;
64
+ }
65
+
66
+ /* 覆盖折叠面板的标题的padding */
67
+ /deep/ .van-cell {
68
+ padding: 12px 10px;
69
+ }
70
+
71
+ /* 覆盖去掉折叠面板的标题下面的线 */
72
+ /deep/ .van-cell::after {
73
+ border: none;
74
+ }
75
+
76
+ /* 覆盖折叠面板的内容的padding */
77
+ /deep/ .van-collapse-item__content {
78
+ padding: 0px 0px 0px 0px;
79
+ }
80
+ </style>
@@ -0,0 +1,14 @@
1
+ export default {
2
+ serverContext: '/',
3
+ homeName: 'home',
4
+ upmsServerContext: "/upms-server",
5
+ errorMessage: "数据请求出错,请稍后尝试",
6
+
7
+ authServerContext: '/auth-server',
8
+ userManageServerContext: '/user-manage-server',
9
+ lomServerContext: '/scl-lom-server',
10
+ platformServerContext: '/scl-platform-server',
11
+ sclDocServerContext: '/scl-doc-server',
12
+ didaHost: "/dida-runtime-micro",
13
+ didaRuntimeServerContext: "/dida-runtime-server",
14
+ }