cloud-b2b 1.0.4 → 1.0.5

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.
@@ -1,116 +1,100 @@
1
- @import '../variables.less';
2
-
3
- .@{cloudlink-prefix}-SuperTable2 {
4
- border-spacing: 0;
5
- cursor: default;
6
-
7
- :global(.ant-checkbox-input) {
8
- z-index: -1;
9
- }
10
-
11
- :global(.ant-select-selection--multiple) {
12
- max-width: 200px;
13
- max-height: 22px;
14
- overflow: auto;
15
- }
16
-
17
- :global(.ant-select-search__field) {
18
- z-index: 0;
19
- }
20
-
21
- :global(.ant-switch-disabled) {
22
- background: #e4e4e4;
23
- }
24
-
25
- :global(.ant-switch-checked) {
26
- background: #2CBB45!important;
27
- }
28
-
29
- :global(.ant-table-fixed){
30
- width: 100% !important;
31
- }
32
- :global(.ant-table-tbody){
33
- width: 100% !important;
34
- }
35
-
36
- :global(.ant-table-thead){
37
- -moz-transform: none !important;
38
- -webkit-transform: none !important;
39
- -o-transform: none !important;
40
- -ms-transform: none !important;
41
- transform: none !important;
42
- }
43
-
44
-
45
- th [role='add'] {
46
- color: @primary-color;
47
- margin-left: 4px;
48
- cursor: pointer;
49
- }
50
-
51
- td [role='imgBox']{
52
- color: @primary-color;
53
-
54
- span {
55
- margin-left: 10px;
56
- overflow: hidden;
57
- text-overflow: ellipsis;
58
- max-width: 100px;
59
- }
60
- }
61
-
62
- :global(.ant-table-placeholder) {
63
- padding: 0;
64
-
65
- > div {
66
- margin: 0;
67
-
68
- :global(.ant-empty-image) {
69
- display: none;
70
- }
71
- }
72
- }
73
-
74
- .emphasizedSelectRow{
75
- background-color: @table-row-hover-bg;
76
- color :#000;
77
- font-weight: 700;
78
- }
79
- .emphasizedUnselectRow{
80
- color :#000;
81
- font-weight: 700;
82
- }
83
-
84
- .select {
85
- background-color: @table-row-hover-bg;
86
- }
87
-
88
- .center {
89
- text-align: center !important;
90
- }
91
-
92
- .left {
93
- text-align: left !important;
94
- }
95
-
96
- .right {
97
- text-align: right !important;
98
- }
99
-
100
- .noTransition{
101
- tr {
102
- transition: all 0s!important;
103
- >td{
104
- transition: all 0s!important;
105
- }
106
- }
107
- }
108
- }
109
-
110
- .weakenedSelectRow{
111
- background-color: @table-row-hover-bg;
112
- color :#999;
113
- }
114
- .weakenedUnselectRow{
115
- color :#999;
116
- }
1
+ @import '../variables.less';
2
+
3
+ .@{cloudlink-prefix}-SuperTable2 {
4
+ border-spacing: 0;
5
+ cursor: default;
6
+
7
+ :global(.ant-checkbox-input) {
8
+ z-index: -1;
9
+ }
10
+
11
+ :global(.ant-select-selection--multiple) {
12
+ max-width: 200px;
13
+ max-height: 22px;
14
+ overflow: auto;
15
+ }
16
+
17
+ :global(.ant-select-search__field) {
18
+ z-index: 0;
19
+ }
20
+
21
+ :global(.ant-switch-disabled) {
22
+ background: #e4e4e4;
23
+ }
24
+
25
+ :global(.ant-switch-checked) {
26
+ background: #2CBB45!important;
27
+ }
28
+
29
+ th [role='add'] {
30
+ color: @primary-color;
31
+ margin-left: 4px;
32
+ cursor: pointer;
33
+ }
34
+
35
+ td [role='imgBox']{
36
+ color: @primary-color;
37
+
38
+ span {
39
+ margin-left: 10px;
40
+ overflow: hidden;
41
+ text-overflow: ellipsis;
42
+ max-width: 100px;
43
+ }
44
+ }
45
+
46
+ :global(.ant-table-placeholder) {
47
+ padding: 0;
48
+
49
+ > div {
50
+ margin: 0;
51
+
52
+ :global(.ant-empty-image) {
53
+ display: none;
54
+ }
55
+ }
56
+ }
57
+
58
+ .emphasizedSelectRow{
59
+ background-color: @table-row-hover-bg;
60
+ color :#000;
61
+ font-weight: 700;
62
+ }
63
+ .emphasizedUnselectRow{
64
+ color :#000;
65
+ font-weight: 700;
66
+ }
67
+
68
+ .select {
69
+ background-color: @table-row-hover-bg;
70
+ }
71
+
72
+ .center {
73
+ text-align: center !important;
74
+ }
75
+
76
+ .left {
77
+ text-align: left !important;
78
+ }
79
+
80
+ .right {
81
+ text-align: right !important;
82
+ }
83
+
84
+ .noTransition{
85
+ tr {
86
+ transition: all 0s!important;
87
+ >td{
88
+ transition: all 0s!important;
89
+ }
90
+ }
91
+ }
92
+ }
93
+
94
+ .weakenedSelectRow{
95
+ background-color: @table-row-hover-bg;
96
+ color :#999;
97
+ }
98
+ .weakenedUnselectRow{
99
+ color :#999;
100
+ }
@@ -1,6 +1,6 @@
1
- {
2
- "name": "SuperTable2",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./SuperTable2.js"
6
- }
1
+ {
2
+ "name": "SuperTable2",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./SuperTable2.js"
6
+ }
@@ -1,35 +1,35 @@
1
- @import '../variables';
2
-
3
- .@{cloudlink-prefix}-title {
4
- > *:first-child {
5
- display: inline-block;
6
- color: @brand-primary;
7
- line-height: 1.2;
8
-
9
- &[data-border='true'] {
10
- padding: 0 5px;
11
- border-left: @brand-primary solid 3px;
12
- }
13
-
14
- &[data-fold='true'] {
15
- cursor: pointer;
16
- margin: 8px 0;
17
- }
18
-
19
- &[data-required='true'] {
20
- &::after {
21
- display: inline-block;
22
- margin-left: 4px;
23
- color: #f5222d;
24
- font-size: 12px;
25
- font-family: SimSun, sans-serif;
26
- line-height: 1;
27
- content: '*';
28
- }
29
- }
30
- }
31
-
32
- > [role = 'toolbar'] {
33
- display: inline-block;
34
- }
35
- }
1
+ @import '../variables';
2
+
3
+ .@{cloudlink-prefix}-title {
4
+ > *:first-child {
5
+ display: inline-block;
6
+ color: @brand-primary;
7
+ line-height: 1.2;
8
+
9
+ &[data-border='true'] {
10
+ padding: 0 5px;
11
+ border-left: @brand-primary solid 3px;
12
+ }
13
+
14
+ &[data-fold='true'] {
15
+ cursor: pointer;
16
+ margin: 8px 0;
17
+ }
18
+
19
+ &[data-required='true'] {
20
+ &::after {
21
+ display: inline-block;
22
+ margin-left: 4px;
23
+ color: #f5222d;
24
+ font-size: 12px;
25
+ font-family: SimSun, sans-serif;
26
+ line-height: 1;
27
+ content: '*';
28
+ }
29
+ }
30
+ }
31
+
32
+ > [role = 'toolbar'] {
33
+ display: inline-block;
34
+ }
35
+ }
@@ -1,6 +1,6 @@
1
- {
2
- "name": "Title",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./Title.js"
6
- }
1
+ {
2
+ "name": "Title",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./Title.js"
6
+ }
@@ -112,7 +112,7 @@ var Viewers = /*#__PURE__*/function (_React$Component) {
112
112
  return /*#__PURE__*/React.createElement("div", {
113
113
  key: index,
114
114
  onClick: _bindInstanceProperty(_context = _this2._onSelect).call(_context, _this2, index),
115
- className: index === imageIndex ? s.selectTitle : ''
115
+ className: index === imageIndex ? variables('Viewers').selectTitle : ''
116
116
  }, item);
117
117
  })), /*#__PURE__*/React.createElement(ImageViews, {
118
118
  image: images[imageIndex],
package/es/adjust.less CHANGED
@@ -1,89 +1,89 @@
1
-
2
- .ant-table-small {
3
- .ant-table-thead {
4
- background-color: @table-header-bg;
5
-
6
- > tr > th {
7
- padding: 12px 8px 11px !important;
8
- }
9
- }
10
-
11
- .ant-table-tbody > tr > td {
12
- padding: 8px 8px 7px !important;
13
- }
14
-
15
- .ant-table-tbody > tr.ant-table-row-selected td {
16
- background-color: @primary-1 !important;
17
- }
18
-
19
- .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
20
- background-color: @table-header-bg !important;
21
- }
22
-
23
- .ant-table-selection-column {
24
- min-width: 62px;
25
- }
26
-
27
- table {
28
- border-collapse: separate;
29
- border-spacing: 0;
30
- }
31
- }
32
-
33
- .ant-modal {
34
- top: 50px;
35
- padding-bottom: 0;
36
- }
37
-
38
- .ant-form-item {
39
- margin-bottom: 6px;
40
- }
41
-
42
- .ant-select-sm .ant-select-selection--single {
43
- height: @input-height-sm !important;
44
- overflow: hidden;
45
- }
46
-
47
- .ant-form-vertical .ant-form-item {
48
- padding-bottom: 0;
49
- }
50
-
51
- .ant-form-item-control {
52
- line-height: @input-height-sm;
53
-
54
- > .ant-form-explain-holder[aria-hidden='true'] {
55
- display: none;
56
- }
57
- }
58
-
59
- .ant-form-vertical .ant-form-item-label {
60
- padding: 0;
61
- line-height: 1.2;
62
- }
63
-
64
- .ant-input-lg {
65
- font-size: 12px;
66
- }
67
-
68
- .ant-btn-lg {
69
- height: @input-height-lg;
70
- }
71
-
72
- .ant-menu-inline .ant-menu-item {
73
- margin-top: 0;
74
- margin-bottom: 0 !important;
75
- }
76
-
77
- .ant-modal-header {
78
- padding: 13px 16px;
79
- }
80
-
81
- .ant-modal-body {
82
- padding: 16px;
83
- }
84
-
85
- .ant-btn-primary:focus {
86
- background-color: white;
87
- color: @primary-color;
88
- text-shadow: none;
89
- }
1
+
2
+ .ant-table-small {
3
+ .ant-table-thead {
4
+ background-color: @table-header-bg;
5
+
6
+ > tr > th {
7
+ padding: 12px 8px 11px !important;
8
+ }
9
+ }
10
+
11
+ .ant-table-tbody > tr > td {
12
+ padding: 8px 8px 7px !important;
13
+ }
14
+
15
+ .ant-table-tbody > tr.ant-table-row-selected td {
16
+ background-color: @primary-1 !important;
17
+ }
18
+
19
+ .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
20
+ background-color: @table-header-bg !important;
21
+ }
22
+
23
+ .ant-table-selection-column {
24
+ min-width: 62px;
25
+ }
26
+
27
+ table {
28
+ border-collapse: separate;
29
+ border-spacing: 0;
30
+ }
31
+ }
32
+
33
+ .ant-modal {
34
+ top: 50px;
35
+ padding-bottom: 0;
36
+ }
37
+
38
+ .ant-form-item {
39
+ margin-bottom: 6px;
40
+ }
41
+
42
+ .ant-select-sm .ant-select-selection--single {
43
+ height: @input-height-sm !important;
44
+ overflow: hidden;
45
+ }
46
+
47
+ .ant-form-vertical .ant-form-item {
48
+ padding-bottom: 0;
49
+ }
50
+
51
+ .ant-form-item-control {
52
+ line-height: @input-height-sm;
53
+
54
+ > .ant-form-explain-holder[aria-hidden='true'] {
55
+ display: none;
56
+ }
57
+ }
58
+
59
+ .ant-form-vertical .ant-form-item-label {
60
+ padding: 0;
61
+ line-height: 1.2;
62
+ }
63
+
64
+ .ant-input-lg {
65
+ font-size: 12px;
66
+ }
67
+
68
+ .ant-btn-lg {
69
+ height: @input-height-lg;
70
+ }
71
+
72
+ .ant-menu-inline .ant-menu-item {
73
+ margin-top: 0;
74
+ margin-bottom: 0 !important;
75
+ }
76
+
77
+ .ant-modal-header {
78
+ padding: 13px 16px;
79
+ }
80
+
81
+ .ant-modal-body {
82
+ padding: 16px;
83
+ }
84
+
85
+ .ant-btn-primary:focus {
86
+ background-color: white;
87
+ color: @primary-color;
88
+ text-shadow: none;
89
+ }
@@ -68,7 +68,7 @@ function Search(_ref) {
68
68
  };
69
69
 
70
70
  return /*#__PURE__*/_react["default"].createElement(_Card["default"], {
71
- className: s.search
71
+ className: (0, _variables["default"])('LayoutLink').search
72
72
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(FormItem, {
73
73
  validateStatus: status
74
74
  }, /*#__PURE__*/_react["default"].createElement(_input["default"], {
@@ -83,7 +83,7 @@ function Search(_ref) {
83
83
  function Title(_ref2) {
84
84
  var title = _ref2.title;
85
85
  return /*#__PURE__*/_react["default"].createElement("div", {
86
- className: s.title
86
+ className: (0, _variables["default"])('LayoutLink').title
87
87
  }, /*#__PURE__*/_react["default"].createElement("div", null, title), /*#__PURE__*/_react["default"].createElement("div", null));
88
88
  }
89
89
 
@@ -159,7 +159,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
159
159
  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], (0, _extends2["default"])({}, _this.linkProps(item), {
160
160
  "data-role": "child-item"
161
161
  }), /*#__PURE__*/_react["default"].createElement("span", null, item.title), item.unreadTotal && item.unreadTotal > 0 && /*#__PURE__*/_react["default"].createElement("span", {
162
- className: s.unreadTotal
162
+ className: (0, _variables["default"])('Sidebar2').unreadTotal
163
163
  }, item.unreadTotal)));
164
164
  });
165
165
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderItem", function (item, index) {
@@ -625,11 +625,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
625
625
  span: span * factor,
626
626
  key: control.key
627
627
  }, checkable && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
628
- className: s.checkbox,
628
+ className: (0, _variables["default"])('SuperForm').checkbox,
629
629
  onChange: (0, _bind["default"])(onCheckItem).call(onCheckItem, (0, _assertThisInitialized2["default"])(_this2), control),
630
630
  checked: control.checked
631
631
  }), /*#__PURE__*/_react["default"].createElement(FormItem, (0, _extends2["default"])({}, itemProps, {
632
- className: checkable ? s.formItemWithCheckbox : ''
632
+ className: checkable ? (0, _variables["default"])('SuperForm').formItemWithCheckbox : ''
633
633
  }), _this2.toControl(controlProps, control))) : /*#__PURE__*/_react["default"].createElement(_col["default"], {
634
634
  span: span * factor,
635
635
  key: control.key,
@@ -1,17 +1,17 @@
1
- @import '../../components/variables';
2
-
3
- .@{cloudlink-prefix}-DragSortRow {
4
- cursor: move;
5
-
6
- &[data-drag-hover='up'] {
7
- td {
8
- border-top: 2px dashed @primary-color !important;
9
- }
10
- }
11
-
12
- &[data-drag-hover='down'] {
13
- td {
14
- border-bottom: 2px dashed @primary-color !important;
15
- }
16
- }
17
- }
1
+ @import '../../components/variables';
2
+
3
+ .@{cloudlink-prefix}-DragSortRow {
4
+ cursor: move;
5
+
6
+ &[data-drag-hover='up'] {
7
+ td {
8
+ border-top: 2px dashed @primary-color !important;
9
+ }
10
+ }
11
+
12
+ &[data-drag-hover='down'] {
13
+ td {
14
+ border-bottom: 2px dashed @primary-color !important;
15
+ }
16
+ }
17
+ }
@@ -1,30 +1,30 @@
1
- @import '../variables.less';
2
-
3
- .@{cloudlink-prefix}-FilterDropDown {
4
- background: white;
5
- padding: @padding-vertical @padding-horizontal;
6
- border-radius: @border-radius-base;
7
- border: 1px solid #d9d9d9;
8
-
9
- > :first-child {
10
- width: 135px;
11
- margin-right: 10px;
12
- }
13
- .date{
14
- background: white;
15
- padding: @padding-vertical @padding-horizontal;
16
- border-radius: @border-radius-base;
17
- border: 1px solid #d9d9d9;
18
-
19
- > :first-child > div {
20
- display: inline-block;
21
- }
22
-
23
- > :last-child {
24
- text-align: right;
25
- margin-top: 5px;
26
- }
27
- }
28
- }
29
-
30
-
1
+ @import '../variables.less';
2
+
3
+ .@{cloudlink-prefix}-FilterDropDown {
4
+ background: white;
5
+ padding: @padding-vertical @padding-horizontal;
6
+ border-radius: @border-radius-base;
7
+ border: 1px solid #d9d9d9;
8
+
9
+ > :first-child {
10
+ width: 135px;
11
+ margin-right: 10px;
12
+ }
13
+ .date{
14
+ background: white;
15
+ padding: @padding-vertical @padding-horizontal;
16
+ border-radius: @border-radius-base;
17
+ border: 1px solid #d9d9d9;
18
+
19
+ > :first-child > div {
20
+ display: inline-block;
21
+ }
22
+
23
+ > :last-child {
24
+ text-align: right;
25
+ margin-top: 5px;
26
+ }
27
+ }
28
+ }
29
+
30
+