wl-design-mobile 0.0.1 → 0.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 (53) hide show
  1. package/api/doc.js +25 -0
  2. package/api/x1.js +56 -0
  3. package/btn/lambo-big-button.vue +125 -121
  4. package/btn/lambo-button-group.vue +47 -47
  5. package/btn/lambo-medium-button.vue +123 -121
  6. package/btn/lambo-small-button-group.vue +31 -31
  7. package/btn/lambo-small-button-select.vue +53 -53
  8. package/btn/lambo-small-button.vue +123 -121
  9. package/card-item/card-row-icon.vue +0 -1
  10. package/card-item/filtrate-row.vue +1 -0
  11. package/collapse/lambo-collapse.vue +80 -80
  12. package/config/config.js +14 -0
  13. package/detail/lambo-detail-grid.vue +87 -57
  14. package/detail/lambo-detail-row.vue +59 -59
  15. package/doc/file/lambo-file-upload.vue +176 -179
  16. package/doc/file/styles/css/index.css +118 -118
  17. package/doc/img/lambo-img-upload.vue +109 -109
  18. package/edit/list/Lambo-edit-list.vue +90 -90
  19. package/edit/list/lambo-edit-card-group.vue +103 -103
  20. package/edit/select/lambo-edit-date-range.vue +135 -135
  21. package/edit/select/lambo-edit-date-time.vue +105 -0
  22. package/edit/select/lambo-edit-date.vue +108 -108
  23. package/edit/select/lambo-edit-input-textarea.vue +92 -92
  24. package/edit/select/lambo-edit-input.vue +92 -92
  25. package/edit/select/lambo-edit-multi-select.vue +160 -160
  26. package/edit/select/lambo-edit-single-select.vue +153 -153
  27. package/flow/lambo-flow-detail.vue +30 -30
  28. package/flow/lambo-flow-edit.vue +30 -30
  29. package/icon/lambo-required-red-star.vue +47 -47
  30. package/list/lambo-list.vue +1 -1
  31. package/nav/lambo-top-nav.vue +89 -89
  32. package/package.json +4 -2
  33. package/search/lambo-date-range-page.vue +191 -191
  34. package/search/lambo-date-range.vue +107 -107
  35. package/search/lambo-input.vue +74 -74
  36. package/search/lambo-multi-select.vue +125 -125
  37. package/search/lambo-org-select-page.vue +109 -109
  38. package/search/lambo-search-box.vue +55 -55
  39. package/search/lambo-single-select.vue +119 -119
  40. package/styles/base.less +75 -75
  41. package/styles/components/btn.less +7 -7
  42. package/styles/components/search.less +33 -33
  43. package/styles/components/tag.less +181 -181
  44. package/styles/index.less +4 -4
  45. package/tag/lambo-tag.vue +25 -0
  46. package/title/lambo-title1.vue +129 -129
  47. package/title/lambo-title2.vue +37 -37
  48. package/util/assist.js +43 -0
  49. package/util/axios/cacheconf.js +19 -0
  50. package/util/axios/index.js +11 -0
  51. package/util/axios/interceptors.js +101 -0
  52. package/util/bus.js +4 -0
  53. 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="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
+ /**
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
+ .LamboMediumButton {
70
+ height: 27px;
71
+ border-radius: 3px;
72
+ }
73
+
74
+ /*填充按钮primary类型按钮样式 */
75
+ /deep/ .lambomediumbutton-ul .van-button--primary {
76
+ background: var(--scl-blue);
77
+ border: 1px solid var(--scl-blue);
78
+ }
79
+
80
+ /*填充按钮primary类型不可用按钮样式 */
81
+ /deep/ .lambomediumbutton-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/ .lambomediumbutton-ul .van-button__text {
91
+ font-size: 11px;
92
+ padding: 10px 0px;
93
+ font-family: 微软雅黑, serif Regular;
94
+ }
95
+
96
+ /*线框按钮按钮样式*/
97
+ /deep/ .lambomediumbutton-ul .van-button--plain.van-button--info {
98
+ color: var(--scl-blue);
99
+ border: 1px solid var(--scl-blue);
100
+ }
101
+
102
+ /*线框按钮不可用按钮样式*/
103
+ /deep/ .lambomediumbutton-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/ .lambomediumbutton-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/ .lambomediumbutton-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
+ }