cloud-b2b 1.0.3 → 1.0.6

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/es/LayoutLink/LayoutLink.js +2 -2
  2. package/es/Sidebar2/Sidebar.js +1 -1
  3. package/es/SuperForm/SuperForm.js +2 -2
  4. package/es/SuperForm2/SuperForm.js +732 -0
  5. package/es/SuperForm2/SuperForm.less +52 -0
  6. package/es/SuperForm2/package.json +6 -0
  7. package/es/SuperTab/SuperTab.js +130 -0
  8. package/es/SuperTab/SuperTab.less +43 -0
  9. package/es/SuperTab/package.json +6 -0
  10. package/es/SuperTab2/SuperTab2.js +167 -0
  11. package/es/SuperTab2/SuperTab2.less +18 -0
  12. package/es/SuperTab2/package.json +6 -0
  13. package/es/SuperTable/DragSortRow.less +17 -17
  14. package/es/SuperTable/FilterDropDown.less +30 -30
  15. package/es/SuperTable/SuperTable.js +38 -38
  16. package/es/SuperTable/SuperTable.less +132 -135
  17. package/es/SuperTable/package.json +6 -6
  18. package/es/SuperTable2/SuperTable2.js +22 -22
  19. package/es/SuperTable2/SuperTable2.less +100 -100
  20. package/es/SuperTable2/package.json +6 -6
  21. package/es/Title/Title.less +35 -35
  22. package/es/Title/package.json +6 -6
  23. package/es/Viewer/Viewer.js +1 -1
  24. package/es/adjust.less +89 -89
  25. package/es/index.js +5 -1
  26. package/es/style.less +4 -1
  27. package/lib/LayoutLink/LayoutLink.js +2 -2
  28. package/lib/Sidebar2/Sidebar.js +1 -1
  29. package/lib/SuperForm/SuperForm.js +2 -2
  30. package/lib/SuperForm2/SuperForm.js +742 -0
  31. package/lib/SuperForm2/SuperForm.less +52 -0
  32. package/lib/SuperForm2/package.json +6 -0
  33. package/lib/SuperTab/SuperTab.js +146 -0
  34. package/lib/SuperTab/SuperTab.less +43 -0
  35. package/lib/SuperTab/package.json +6 -0
  36. package/lib/SuperTab2/SuperTab2.js +191 -0
  37. package/lib/SuperTab2/SuperTab2.less +18 -0
  38. package/lib/SuperTab2/package.json +6 -0
  39. package/lib/SuperTable/DragSortRow.less +17 -17
  40. package/lib/SuperTable/FilterDropDown.less +30 -30
  41. package/lib/SuperTable/SuperTable.js +38 -38
  42. package/lib/SuperTable/SuperTable.less +132 -135
  43. package/lib/SuperTable/package.json +6 -6
  44. package/lib/SuperTable2/SuperTable2.js +22 -22
  45. package/lib/SuperTable2/SuperTable2.less +100 -100
  46. package/lib/SuperTable2/package.json +6 -6
  47. package/lib/Title/Title.less +35 -35
  48. package/lib/Title/package.json +6 -6
  49. package/lib/Viewer/Viewer.js +1 -1
  50. package/lib/adjust.less +89 -89
  51. package/lib/index.js +37 -1
  52. package/lib/index.less +3 -0
  53. package/lib/style.less +4 -1
  54. package/package.json +1 -1
@@ -1,135 +1,132 @@
1
- @import '../variables.less';
2
-
3
- .@{cloudlink-prefix}-SuperTable {
4
- border-spacing: 0;
5
- cursor: default;
6
-
7
- table {
8
- white-space: pre;
9
-
10
- :global(.ant-checkbox-input) {
11
- z-index: -1;
12
- }
13
- }
14
-
15
- :global(.ant-table-placeholder) {
16
- padding: 0;
17
-
18
- > div {
19
- margin: 0;
20
- }
21
- }
22
- .select {
23
- background-color: @primary-1;
24
- }
25
-
26
- .center {
27
- text-align: center !important;
28
- }
29
-
30
- .left {
31
- text-align: left !important;
32
- }
33
-
34
- .right {
35
- text-align: right !important;
36
- }
37
-
38
- .emphasizedSelectRow{
39
- background-color: @table-row-hover-bg;
40
- color :#000;
41
- font-weight: 700;
42
- }
43
- .emphasizedUnselectRow{
44
- color :#000;
45
- font-weight: 700;
46
- }
47
-
48
- .weakenedSelectRow{
49
- background-color: @table-row-hover-bg;
50
- color :#999;
51
- }
52
- .weakenedUnselectRow{
53
- color :#999;
54
- }
55
-
56
- .warningRow{
57
- color: red;
58
- }
59
-
60
- .noTransition{
61
- tr {
62
- transition: all 0s!important;
63
- >td{
64
- transition: all 0s!important;
65
- }
66
- }
67
- }
68
-
69
- .noWrap{
70
- white-space: nowrap;
71
- }
72
-
73
- .totalRow {
74
- color: #222!important;
75
- background-color: #f0f0f0!important;
76
- transition: all 0s!important;
77
- td {
78
- border-top: 1px solid #ddd!important;
79
- background-color: #f0f0f0!important;
80
- border-bottom: 0!important;
81
- transition: all 0s!important;
82
- }
83
- }
84
-
85
- }
86
-
87
-
88
-
89
-
90
-
91
- :global(.ant-table-footer) {
92
- padding: 0!important;
93
- }
94
-
95
- .footer {
96
- vertical-align: middle;
97
- overflow: auto;
98
- scrollbar-width: none;
99
- -ms-overflow-style: none;
100
- scrollbar-color: transparent transparent;
101
- scrollbar-track-color: transparent;
102
- -ms-scrollbar-track-color: transparent;
103
- .footerItem {
104
- white-space: pre;
105
- > span {
106
- display: inline-block;
107
- color: #222;
108
- position: relative;
109
- vertical-align: middle;
110
- border-top: 1px solid #dedede;
111
- display: inline-block;
112
- box-sizing: border-box;
113
- height: 35px;
114
- padding: 8px 8px 7px !important;
115
- border-right: 1px solid transparent;
116
- }
117
- .ghost {
118
- opacity: 0;
119
- filter: alpha(opacity=0);
120
- }
121
- .content {
122
- position: absolute;
123
- left: 0;
124
- }
125
- }
126
- }
127
-
128
- .footer::-webkit-scrollbar {
129
- display: none;
130
- width: 0!important;
131
- height: 0!important;
132
- opacity: 0;
133
- filter: alpha(opacity=0);
134
- }
135
-
1
+ @import '../variables.less';
2
+
3
+ .@{cloudlink-prefix}-SuperTable {
4
+ border-spacing: 0;
5
+ cursor: default;
6
+
7
+ table {
8
+ white-space: pre;
9
+
10
+ :global(.ant-checkbox-input) {
11
+ z-index: -1;
12
+ }
13
+ }
14
+
15
+ :global(.ant-table-placeholder) {
16
+ padding: 0;
17
+
18
+ > div {
19
+ margin: 0;
20
+ }
21
+ }
22
+
23
+ .select {
24
+ background-color: @primary-1;
25
+ }
26
+
27
+ .center {
28
+ text-align: center !important;
29
+ }
30
+
31
+ .left {
32
+ text-align: left !important;
33
+ }
34
+
35
+ .right {
36
+ text-align: right !important;
37
+ }
38
+
39
+ .emphasizedSelectRow{
40
+ background-color: @table-row-hover-bg;
41
+ color :#000;
42
+ font-weight: 700;
43
+ }
44
+ .emphasizedUnselectRow{
45
+ color :#000;
46
+ font-weight: 700;
47
+ }
48
+
49
+ .weakenedSelectRow{
50
+ background-color: @table-row-hover-bg;
51
+ color :#999;
52
+ }
53
+ .weakenedUnselectRow{
54
+ color :#999;
55
+ }
56
+
57
+ .warningRow{
58
+ color: red;
59
+ }
60
+
61
+ .noTransition{
62
+ tr {
63
+ transition: all 0s!important;
64
+ >td{
65
+ transition: all 0s!important;
66
+ }
67
+ }
68
+ }
69
+
70
+ .noWrap{
71
+ white-space: nowrap;
72
+ }
73
+
74
+ .totalRow {
75
+ color: #222!important;
76
+ background-color: #f0f0f0!important;
77
+ transition: all 0s!important;
78
+ td {
79
+ border-top: 1px solid #ddd!important;
80
+ background-color: #f0f0f0!important;
81
+ border-bottom: 0!important;
82
+ transition: all 0s!important;
83
+ }
84
+ }
85
+
86
+ :global(.ant-table-footer) {
87
+ padding: 0!important;
88
+ }
89
+
90
+ .footer {
91
+ vertical-align: middle;
92
+ overflow: auto;
93
+ scrollbar-width: none;
94
+ -ms-overflow-style: none;
95
+ scrollbar-color: transparent transparent;
96
+ scrollbar-track-color: transparent;
97
+ -ms-scrollbar-track-color: transparent;
98
+ .footerItem {
99
+ white-space: pre;
100
+ > span {
101
+ display: inline-block;
102
+ color: #222;
103
+ position: relative;
104
+ vertical-align: middle;
105
+ border-top: 1px solid #dedede;
106
+ display: inline-block;
107
+ box-sizing: border-box;
108
+ height: 35px;
109
+ padding: 8px 8px 7px !important;
110
+ border-right: 1px solid transparent;
111
+ }
112
+ .ghost {
113
+ opacity: 0;
114
+ filter: alpha(opacity=0);
115
+ }
116
+ .content {
117
+ position: absolute;
118
+ left: 0;
119
+ }
120
+ }
121
+ }
122
+
123
+ .footer::-webkit-scrollbar {
124
+ display: none;
125
+ width: 0!important;
126
+ height: 0!important;
127
+ opacity: 0;
128
+ filter: alpha(opacity=0);
129
+ }
130
+ }
131
+
132
+
@@ -1,6 +1,6 @@
1
- {
2
- "name": "SuperTable",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./SuperTable.js"
6
- }
1
+ {
2
+ "name": "SuperTable",
3
+ "version": "0.0.0",
4
+ "private": true,
5
+ "main": "./SuperTable.js"
6
+ }
@@ -61,17 +61,17 @@ var TypeEnum = ['readonly', 'index', 'checkbox', 'text', 'number', 'select', //
61
61
  'date', 'button', 'custom', 'switch', 'textArea', 'link', 'toolbar', //按钮组
62
62
  'img' //图片标题组 value为{src,title}时显示图片标题 为字符串时 只显示图片
63
63
  ];
64
- /**
65
- * key:标识所在列,在一个表格中必须唯一
66
- * title:列的标题,type为checkbox时,title为空字符串时,表头才会显示为复选框
67
- * type:嵌入的表单元素类型
68
- * link: 是否为超链接,type未设置时,该属性才生效。为true表示内容来至items,为字符串表示超链接内容就是该字符串
69
- * options: 对象(包含value和title)数组
70
- * props:传递参数给被嵌入的组件
71
- * width: 嵌入的组件的宽度,默认值为100
72
- * align:对齐方式,index默认center,其他类型默认为left
73
- * showAdd: 表头是否显示+号,默认为false,加号会触发onAdd事件
74
- * hide: 为true时隐藏该列
64
+ /**
65
+ * key:标识所在列,在一个表格中必须唯一
66
+ * title:列的标题,type为checkbox时,title为空字符串时,表头才会显示为复选框
67
+ * type:嵌入的表单元素类型
68
+ * link: 是否为超链接,type未设置时,该属性才生效。为true表示内容来至items,为字符串表示超链接内容就是该字符串
69
+ * options: 对象(包含value和title)数组
70
+ * props:传递参数给被嵌入的组件
71
+ * width: 嵌入的组件的宽度,默认值为100
72
+ * align:对齐方式,index默认center,其他类型默认为left
73
+ * showAdd: 表头是否显示+号,默认为false,加号会触发onAdd事件
74
+ * hide: 为true时隐藏该列
75
75
  */
76
76
 
77
77
  var ColType = {
@@ -86,14 +86,14 @@ var ColType = {
86
86
  hide: PropTypes.bool,
87
87
  props: PropTypes.any
88
88
  };
89
- /**
90
- * onCheck:点击复选框时触发,原型func(rowIndex, keyName, checked)
91
- * onContentChange: 输入框内容改变时触发,原型为function(rowIndex, keyName, value)
92
- * onSearch:search组件输入内容时触发,原型为function(rowIndex, keyName, value)
93
- * onLink: 点击超链接时触发,原型为function(keyName, rowIndex, item)
94
- * onAdd:点击+号时触发,原型为function(keyName)
95
- * onRenderCustom:(废弃)用于渲染type为custom类型的单元格,原型为function(rowIndex, keyName, value,props)
96
- * onToolbar:点击表格列按钮组时触发,原型为function(按钮组列的key,rowIndex,该行数据的值,按钮key)
89
+ /**
90
+ * onCheck:点击复选框时触发,原型func(rowIndex, keyName, checked)
91
+ * onContentChange: 输入框内容改变时触发,原型为function(rowIndex, keyName, value)
92
+ * onSearch:search组件输入内容时触发,原型为function(rowIndex, keyName, value)
93
+ * onLink: 点击超链接时触发,原型为function(keyName, rowIndex, item)
94
+ * onAdd:点击+号时触发,原型为function(keyName)
95
+ * onRenderCustom:(废弃)用于渲染type为custom类型的单元格,原型为function(rowIndex, keyName, value,props)
96
+ * onToolbar:点击表格列按钮组时触发,原型为function(按钮组列的key,rowIndex,该行数据的值,按钮key)
97
97
  */
98
98
 
99
99
  var CallbackType = {
@@ -106,9 +106,9 @@ var CallbackType = {
106
106
  onRenderCustom: PropTypes.func,
107
107
  onToolbar: PropTypes.func
108
108
  };
109
- /**
110
- * base[可选]:序号的开始数字,所有回调函数中的序号值都会加上这个值,默认值为0
111
- * isEmphasized: [可选],是否强调,行字体加粗显示, 除了isEmphasized设置为true之外,加粗行数据里要设置__isEmphasized为true
109
+ /**
110
+ * base[可选]:序号的开始数字,所有回调函数中的序号值都会加上这个值,默认值为0
111
+ * isEmphasized: [可选],是否强调,行字体加粗显示, 除了isEmphasized设置为true之外,加粗行数据里要设置__isEmphasized为true
112
112
  */
113
113
 
114
114
  var SuperTable2 = /*#__PURE__*/function (_React$Component) {
@@ -1,100 +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
- 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
+ @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],