easy3wmui 0.0.1 → 0.0.4

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 (5) hide show
  1. package/assets/index.css +64 -66
  2. package/assets/mFormPage.css +0 -57
  3. package/assets/mGridPage.css +0 -6
  4. package/lib/Easy3wMGridPage/index.js +31 -32
  5. package/package.json +1 -1
package/assets/index.css CHANGED
@@ -7,14 +7,75 @@
7
7
  :root:root :global .adm-button {
8
8
  font-size: var(--adm-font-size-6);
9
9
  }
10
+ :root:root :global .adm-card-header-title {
11
+ font-size: var(--adm-font-size-8);
12
+ }
13
+ :root:root :global .adm-input {
14
+ --font-size: var(--adm-font-size-6);
15
+ }
16
+ :root:root :global .adm-input-element {
17
+ border: 1px solid #d9d9d9;
18
+ }
19
+ :root:root :global .adm-input-element:focus,
20
+ :root:root :global .adm-input-element:hover {
21
+ border-color: var(--adm-color-primary);
22
+ }
23
+ :root:root :global .adm-text-area {
24
+ --font-size: var(--adm-font-size-6);
25
+ }
26
+ :root:root :global .adm-text-area-element {
27
+ border: 1px solid #d9d9d9;
28
+ }
29
+ :root:root :global .adm-text-area-element:focus,
30
+ :root:root :global .adm-text-area-element:hover {
31
+ border-color: var(--adm-color-primary);
32
+ }
33
+ :root:root :global .adm-text-area-count {
34
+ font-size: var(--adm-font-size-6);
35
+ }
36
+ :root:root :global .adm-selector {
37
+ font-size: var(--adm-font-size-6);
38
+ }
39
+ :root:root :global .adm-rate {
40
+ --star-size: 14px;
41
+ }
42
+ :root:root :global .adm-radio,
43
+ :root:root :global .adm-checkbox {
44
+ --icon-size: 14px;
45
+ --font-size: 14px;
46
+ }
47
+ :root:root :global .adm-switch {
48
+ --height: 20.8px;
49
+ }
50
+ :root:root :global .adm-slider {
51
+ padding: 0;
52
+ }
10
53
  :root:root :global .adm-list-header {
11
54
  --header-font-size: var(--adm-font-size-8);
55
+ border-bottom: var(--border-bottom);
12
56
  }
13
57
  :root:root :global .adm-list-body {
14
- --font-size: var(--adm-font-size-8);
58
+ --font-size: var(--adm-font-size-6);
15
59
  }
16
- :root:root :global .adm-card-header-title {
17
- font-size: var(--adm-font-size-8);
60
+ :root:root :global .adm-list-default .adm-list-body {
61
+ border-top: 0;
62
+ border-bottom: 0;
63
+ }
64
+ :root:root :global .adm-form .adm-form-footer {
65
+ padding: 12px;
66
+ }
67
+ :root:root :global .adm-list-card {
68
+ margin: 0 12px;
69
+ }
70
+ :root:root :global .adm-list-item {
71
+ border-bottom: var(--border-bottom);
72
+ margin: 0 12px;
73
+ padding-left: 0;
74
+ word-break: break-word;
75
+ }
76
+ :root:root :global .adm-list-item-content {
77
+ border-top: 0;
78
+ padding-right: 0;
18
79
  }
19
80
  #Easy3wMButton {
20
81
  background: #fff;
@@ -94,66 +155,3 @@
94
155
  cursor: pointer;
95
156
  color: #999;
96
157
  }
97
- #Easy3wMFormPage .adm-input {
98
- --font-size: var(--adm-font-size-6);
99
- }
100
- #Easy3wMFormPage .adm-input-element {
101
- border: 1px solid #d9d9d9;
102
- }
103
- #Easy3wMFormPage .adm-input-element:focus,
104
- #Easy3wMFormPage .adm-input-element:hover {
105
- border-color: var(--adm-color-primary);
106
- }
107
- #Easy3wMFormPage .adm-text-area {
108
- --font-size: var(--adm-font-size-6);
109
- }
110
- #Easy3wMFormPage .adm-text-area-element {
111
- border: 1px solid #d9d9d9;
112
- }
113
- #Easy3wMFormPage .adm-text-area-element:focus,
114
- #Easy3wMFormPage .adm-text-area-element:hover {
115
- border-color: var(--adm-color-primary);
116
- }
117
- #Easy3wMFormPage .adm-text-area-count {
118
- font-size: var(--adm-font-size-6);
119
- }
120
- #Easy3wMFormPage .adm-selector {
121
- font-size: var(--adm-font-size-6);
122
- }
123
- #Easy3wMFormPage .adm-rate {
124
- --star-size: 14px;
125
- }
126
- #Easy3wMFormPage .adm-radio,
127
- #Easy3wMFormPage .adm-checkbox {
128
- --icon-size: 14px;
129
- --font-size: 14px;
130
- }
131
- #Easy3wMFormPage .adm-switch {
132
- --height: 20.8px;
133
- }
134
- #Easy3wMFormPage .adm-slider {
135
- padding: 0;
136
- }
137
- #Easy3wMFormPage .adm-list-default .adm-list-body {
138
- border-top: 0;
139
- border-bottom: 0;
140
- }
141
- #Easy3wMFormPage .adm-form .adm-form-footer {
142
- padding: 12px;
143
- }
144
- #Easy3wMFormPage .adm-list-item {
145
- border-bottom: var(--border-bottom);
146
- margin: 0 12px;
147
- padding-left: 0;
148
- word-break: break-word;
149
- }
150
- #Easy3wMFormPage .adm-list-item-content {
151
- border-top: 0;
152
- padding-right: 0;
153
- }
154
- #Easy3wMGridPage .adm-list-item {
155
- padding-left: 0;
156
- }
157
- #Easy3wMGridPage .adm-list-item .adm-list-item-content {
158
- padding-left: var(--padding-left);
159
- }
package/assets/mFormPage.css CHANGED
@@ -5,60 +5,3 @@
5
5
  cursor: pointer;
6
6
  color: #999;
7
7
  }
8
- #Easy3wMFormPage .adm-input {
9
- --font-size: var(--adm-font-size-6);
10
- }
11
- #Easy3wMFormPage .adm-input-element {
12
- border: 1px solid #d9d9d9;
13
- }
14
- #Easy3wMFormPage .adm-input-element:focus,
15
- #Easy3wMFormPage .adm-input-element:hover {
16
- border-color: var(--adm-color-primary);
17
- }
18
- #Easy3wMFormPage .adm-text-area {
19
- --font-size: var(--adm-font-size-6);
20
- }
21
- #Easy3wMFormPage .adm-text-area-element {
22
- border: 1px solid #d9d9d9;
23
- }
24
- #Easy3wMFormPage .adm-text-area-element:focus,
25
- #Easy3wMFormPage .adm-text-area-element:hover {
26
- border-color: var(--adm-color-primary);
27
- }
28
- #Easy3wMFormPage .adm-text-area-count {
29
- font-size: var(--adm-font-size-6);
30
- }
31
- #Easy3wMFormPage .adm-selector {
32
- font-size: var(--adm-font-size-6);
33
- }
34
- #Easy3wMFormPage .adm-rate {
35
- --star-size: 14px;
36
- }
37
- #Easy3wMFormPage .adm-radio,
38
- #Easy3wMFormPage .adm-checkbox {
39
- --icon-size: 14px;
40
- --font-size: 14px;
41
- }
42
- #Easy3wMFormPage .adm-switch {
43
- --height: 20.8px;
44
- }
45
- #Easy3wMFormPage .adm-slider {
46
- padding: 0;
47
- }
48
- #Easy3wMFormPage .adm-list-default .adm-list-body {
49
- border-top: 0;
50
- border-bottom: 0;
51
- }
52
- #Easy3wMFormPage .adm-form .adm-form-footer {
53
- padding: 12px;
54
- }
55
- #Easy3wMFormPage .adm-list-item {
56
- border-bottom: var(--border-bottom);
57
- margin: 0 12px;
58
- padding-left: 0;
59
- word-break: break-word;
60
- }
61
- #Easy3wMFormPage .adm-list-item-content {
62
- border-top: 0;
63
- padding-right: 0;
64
- }
package/assets/mGridPage.css CHANGED
@@ -1,6 +0,0 @@
1
- #Easy3wMGridPage .adm-list-item {
2
- padding-left: 0;
3
- }
4
- #Easy3wMGridPage .adm-list-item .adm-list-item-content {
5
- padding-left: var(--padding-left);
6
- }
package/lib/Easy3wMGridPage/index.js CHANGED
@@ -102,41 +102,40 @@ var Easy3wMGridPage = function (_Component) {
102
102
  _react2['default'].createElement(
103
103
  Panel,
104
104
  (0, _extends3['default'])({}, panelProps, { title: item[panelTitle] || '', key: item[panelKey] || index }),
105
- columns.map(function (column) {
106
- var title = column.title,
107
- key = column.key,
108
- dataIndex = column.dataIndex;
109
-
110
- var fieldId = dataIndex || key;
111
- var extra = column.render ? column.render(item[fieldId], item) : _this.touchFormatData(item, column);
112
- if (column.children) {
113
- return _react2['default'].createElement(
114
- _Easy3wMList2['default'],
115
- (0, _extends3['default'])({}, listProps, { header: title }),
116
- column.children.map(function (childrenColumn) {
117
- var childrenFieldId = childrenColumn.dataIndex || childrenColumn.key;
118
- var childrenExtra = childrenColumn.render ? childrenColumn.render(item[childrenFieldId], item) : _this.touchFormatData(item, childrenColumn);
119
- // const {} = childrenItem;
120
- return _react2['default'].createElement(
121
- Item,
122
- (0, _extends3['default'])({}, itemProps, { extra: childrenExtra }),
123
- childrenColumn.title
124
- );
125
- })
126
- );
127
- } else {
128
- return _react2['default'].createElement(
129
- _Easy3wMList2['default'],
130
- listProps,
131
- _react2['default'].createElement(
105
+ _react2['default'].createElement(
106
+ _Easy3wMList2['default'],
107
+ listProps,
108
+ columns.map(function (column) {
109
+ var title = column.title,
110
+ key = column.key,
111
+ dataIndex = column.dataIndex;
112
+
113
+ var fieldId = dataIndex || key;
114
+ var extra = column.render ? column.render(item[fieldId], item) : _this.touchFormatData(item, column);
115
+ if (column.children) {
116
+ return _react2['default'].createElement(
117
+ _Easy3wMList2['default'],
118
+ (0, _extends3['default'])({ mode: 'card' }, listProps, { header: title }),
119
+ column.children.map(function (childrenColumn) {
120
+ var childrenFieldId = childrenColumn.dataIndex || childrenColumn.key;
121
+ var childrenExtra = childrenColumn.render ? childrenColumn.render(item[childrenFieldId], item) : _this.touchFormatData(item, childrenColumn);
122
+ return _react2['default'].createElement(
123
+ Item,
124
+ (0, _extends3['default'])({}, itemProps, { extra: childrenExtra }),
125
+ childrenColumn.title
126
+ );
127
+ })
128
+ );
129
+ } else {
130
+ return _react2['default'].createElement(
132
131
  Item,
133
132
  (0, _extends3['default'])({}, itemProps, { extra: extra }),
134
133
  title
135
- )
136
- );
137
- }
138
- }),
139
- children ? _this.renderEasy3wMGridPage(children) : ''
134
+ );
135
+ }
136
+ }),
137
+ children ? _this.renderEasy3wMGridPage(children) : ''
138
+ )
140
139
  )
141
140
  );
142
141
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "easy3wmui",
3
- "version": "0.0.1",
3
+ "version": "0.0.4",
4
4
  "description": "easy3wmui components for react",
5
5
  "keywords": [
6
6
  "react",