cloud-b2b 1.1.50 → 1.1.52

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 (309) hide show
  1. package/package.json +44 -22
  2. package/src/Area/Area.js +94 -0
  3. package/src/Card/Card.js +16 -0
  4. package/src/CodeInput/CodeInput.js +76 -0
  5. package/src/Control/Control.js +338 -0
  6. package/src/Control/event.js +45 -0
  7. package/src/Enhance/Dialogs.js +24 -0
  8. package/src/Enhance/Loading.js +83 -0
  9. package/{es → src}/Enhance/index.js +8 -8
  10. package/src/Header/Header.js +149 -0
  11. package/src/Header/Vertical.js +74 -0
  12. package/src/ImageView/ImageView.js +62 -0
  13. package/src/Indent/Indent.js +12 -0
  14. package/src/InpurCascader/InputCascader.js +83 -0
  15. package/src/InputEditor/InputEditor.js +93 -0
  16. package/src/InputSearch/InputSearch.js +186 -0
  17. package/src/InputSelect/InputSelect.js +103 -0
  18. package/src/InputTreeSelect/InputTreeSelect.js +87 -0
  19. package/src/InputWriting/InputWriting.js +65 -0
  20. package/src/Layout/Layout.js +121 -0
  21. package/src/LayoutLink/LayoutLink.js +59 -0
  22. package/src/Link/Link.js +57 -0
  23. package/src/Loading/Loading.js +15 -0
  24. package/src/Loading2/Loading2.js +15 -0
  25. package/src/ModalWithDrag/ModalWithDrag.js +17 -0
  26. package/src/ModalWithDrag/drag.js +128 -0
  27. package/src/NumberInput/NumberInput.js +137 -0
  28. package/src/Search/Search.js +368 -0
  29. package/src/Sidebar/Sidebar.js +111 -0
  30. package/src/Sidebar2/Sidebar.js +143 -0
  31. package/src/SuperForm/SuperForm.js +516 -0
  32. package/src/SuperForm2/SuperForm.js +588 -0
  33. package/src/SuperIcon/SuperIcon.js +14 -0
  34. package/src/SuperPagination/SuperPagination.js +65 -0
  35. package/src/SuperTab/SuperTab.js +84 -0
  36. package/src/SuperTab2/SuperTab2.js +94 -0
  37. package/src/SuperTable/DragSortRow.js +62 -0
  38. package/src/SuperTable/FilterDropDown.js +111 -0
  39. package/src/SuperTable/SuperTable.js +590 -0
  40. package/src/SuperTable/fixed.js +34 -0
  41. package/src/SuperTable2/SuperTable2.js +600 -0
  42. package/src/SuperTable2/SuperTableCell.js +144 -0
  43. package/src/SuperTable3/FilterDropDown.js +111 -0
  44. package/src/SuperTable3/SuperTable.js +498 -0
  45. package/src/SuperTable3/fixed.js +34 -0
  46. package/src/SuperToolbar/SuperToolbar.js +128 -0
  47. package/src/SuperUpload/SuperUpload.js +137 -0
  48. package/src/Title/Title.js +18 -0
  49. package/src/Viewer/ImageViews.js +220 -0
  50. package/src/Viewer/Viewer.js +97 -0
  51. package/src/WingBlank/WingBlank.js +14 -0
  52. package/src/helper.js +185 -0
  53. package/src/history.js +6 -0
  54. package/src/index.js +38 -0
  55. package/src/variables.js +5 -0
  56. package/test/index.html +10 -0
  57. package/test/test.js +16 -0
  58. package/test/test.less +12 -0
  59. package/test/webpack.config.js +71 -0
  60. package/tools/babel.config.js +14 -0
  61. package/tools/build.js +70 -0
  62. package/tools/publish.js +9 -0
  63. package/tools/util.js +53 -0
  64. package/es/Area/Area.js +0 -170
  65. package/es/Card/Card.js +0 -20
  66. package/es/CodeInput/CodeInput.js +0 -152
  67. package/es/Control/Control.js +0 -496
  68. package/es/Control/event.js +0 -57
  69. package/es/Enhance/Dialogs.js +0 -67
  70. package/es/Enhance/Loading.js +0 -151
  71. package/es/Header/Header.js +0 -194
  72. package/es/Header/Vertical.js +0 -129
  73. package/es/ImageView/ImageView.js +0 -117
  74. package/es/Indent/Indent.js +0 -23
  75. package/es/InpurCascader/InputCascader.js +0 -135
  76. package/es/InputEditor/InputEditor.js +0 -113
  77. package/es/InputSearch/InputSearch.js +0 -311
  78. package/es/InputSelect/InputSelect.js +0 -191
  79. package/es/InputTreeSelect/InputTreeSelect.js +0 -147
  80. package/es/InputWriting/InputWriting.js +0 -107
  81. package/es/Layout/Layout.js +0 -232
  82. package/es/LayoutLink/LayoutLink.js +0 -82
  83. package/es/Link/Link.js +0 -108
  84. package/es/Loading/Loading.js +0 -15
  85. package/es/Loading2/Loading2.js +0 -11
  86. package/es/ModalWithDrag/ModalWithDrag.js +0 -34
  87. package/es/ModalWithDrag/drag.js +0 -133
  88. package/es/NumberInput/NumberInput.js +0 -240
  89. package/es/Search/Search.js +0 -595
  90. package/es/Sidebar/Sidebar.js +0 -165
  91. package/es/Sidebar2/Sidebar.js +0 -192
  92. package/es/SuperForm/SuperForm.js +0 -720
  93. package/es/SuperForm2/SuperForm.js +0 -828
  94. package/es/SuperIcon/SuperIcon.js +0 -30
  95. package/es/SuperPagination/SuperPagination.js +0 -126
  96. package/es/SuperTab/SuperTab.js +0 -130
  97. package/es/SuperTab2/SuperTab2.js +0 -167
  98. package/es/SuperTable/DragSortRow.js +0 -125
  99. package/es/SuperTable/FilterDropDown.js +0 -188
  100. package/es/SuperTable/SuperTable.js +0 -940
  101. package/es/SuperTable/fixed.js +0 -42
  102. package/es/SuperTable2/SuperTable2.js +0 -1019
  103. package/es/SuperTable2/SuperTableCell.js +0 -242
  104. package/es/SuperTable3/FilterDropDown.js +0 -188
  105. package/es/SuperTable3/SuperTable.js +0 -790
  106. package/es/SuperTable3/fixed.js +0 -42
  107. package/es/SuperToolbar/SuperToolbar.js +0 -223
  108. package/es/SuperUpload/SuperUpload.js +0 -434
  109. package/es/Title/Title.js +0 -36
  110. package/es/Viewer/ImageViews.js +0 -311
  111. package/es/Viewer/Viewer.js +0 -149
  112. package/es/WingBlank/WingBlank.js +0 -20
  113. package/es/helper.js +0 -169
  114. package/es/history.js +0 -5
  115. package/es/index.js +0 -37
  116. package/es/variables.js +0 -4
  117. package/lib/Area/Area.js +0 -198
  118. package/lib/Area/package.json +0 -6
  119. package/lib/Card/Card.js +0 -38
  120. package/lib/Card/package.json +0 -6
  121. package/lib/CodeInput/CodeInput.js +0 -179
  122. package/lib/CodeInput/package.json +0 -6
  123. package/lib/Control/Control.js +0 -548
  124. package/lib/Control/event.js +0 -68
  125. package/lib/Control/package.json +0 -6
  126. package/lib/Enhance/Dialogs.js +0 -87
  127. package/lib/Enhance/Loading.js +0 -175
  128. package/lib/Enhance/index.js +0 -35
  129. package/lib/Enhance/package.json +0 -6
  130. package/lib/Header/Header.js +0 -215
  131. package/lib/Header/Header.less +0 -95
  132. package/lib/Header/Vertical.js +0 -150
  133. package/lib/Header/Vertical.less +0 -60
  134. package/lib/Header/package.json +0 -6
  135. package/lib/ImageView/ImageView.js +0 -134
  136. package/lib/ImageView/ImageView.less +0 -14
  137. package/lib/ImageView/package.json +0 -6
  138. package/lib/Indent/Indent.js +0 -38
  139. package/lib/Indent/package.json +0 -6
  140. package/lib/InpurCascader/InputCascader.js +0 -156
  141. package/lib/InpurCascader/package.json +0 -6
  142. package/lib/InputEditor/InputEditor.js +0 -131
  143. package/lib/InputEditor/inputEditor.less +0 -8
  144. package/lib/InputEditor/package.json +0 -6
  145. package/lib/InputSearch/InputSearch.js +0 -327
  146. package/lib/InputSearch/package.json +0 -6
  147. package/lib/InputSelect/InputSelect.js +0 -214
  148. package/lib/InputSelect/package.json +0 -6
  149. package/lib/InputTreeSelect/InputTreeSelect.js +0 -169
  150. package/lib/InputTreeSelect/package.json +0 -6
  151. package/lib/InputWriting/InputWriting.js +0 -123
  152. package/lib/InputWriting/package.json +0 -6
  153. package/lib/Layout/Layout.js +0 -258
  154. package/lib/Layout/Layout.less +0 -28
  155. package/lib/Layout/package.json +0 -6
  156. package/lib/LayoutLink/LayoutLink.js +0 -114
  157. package/lib/LayoutLink/LayoutLink.less +0 -53
  158. package/lib/LayoutLink/package.json +0 -6
  159. package/lib/Link/Link.js +0 -130
  160. package/lib/Link/package.json +0 -6
  161. package/lib/Loading/Loading.js +0 -30
  162. package/lib/Loading/Loading.less +0 -13
  163. package/lib/Loading/package.json +0 -6
  164. package/lib/Loading2/Loading2.js +0 -26
  165. package/lib/Loading2/Loading2.less +0 -19
  166. package/lib/Loading2/package.json +0 -6
  167. package/lib/ModalWithDrag/ModalWithDrag.js +0 -53
  168. package/lib/ModalWithDrag/ModalWithDrag.less +0 -6
  169. package/lib/ModalWithDrag/drag.js +0 -147
  170. package/lib/ModalWithDrag/package.json +0 -6
  171. package/lib/NumberInput/NumberInput.js +0 -262
  172. package/lib/NumberInput/package.json +0 -6
  173. package/lib/Search/Search.js +0 -616
  174. package/lib/Search/Search.less +0 -63
  175. package/lib/Search/package.json +0 -6
  176. package/lib/Sidebar/Sidebar.js +0 -186
  177. package/lib/Sidebar/Sidebar.less +0 -78
  178. package/lib/Sidebar/package.json +0 -6
  179. package/lib/Sidebar2/Sidebar.js +0 -213
  180. package/lib/Sidebar2/Sidebar.less +0 -153
  181. package/lib/Sidebar2/package.json +0 -6
  182. package/lib/SuperForm/SuperForm.js +0 -731
  183. package/lib/SuperForm/SuperForm.less +0 -52
  184. package/lib/SuperForm/package.json +0 -6
  185. package/lib/SuperForm2/SuperForm.js +0 -834
  186. package/lib/SuperForm2/SuperForm.less +0 -52
  187. package/lib/SuperForm2/package.json +0 -6
  188. package/lib/SuperIcon/SuperIcon.js +0 -47
  189. package/lib/SuperIcon/package.json +0 -6
  190. package/lib/SuperPagination/SuperPagination.js +0 -145
  191. package/lib/SuperPagination/package.json +0 -6
  192. package/lib/SuperTab/SuperTab.js +0 -146
  193. package/lib/SuperTab/SuperTab.less +0 -43
  194. package/lib/SuperTab/package.json +0 -6
  195. package/lib/SuperTab2/SuperTab2.js +0 -191
  196. package/lib/SuperTab2/SuperTab2.less +0 -18
  197. package/lib/SuperTab2/package.json +0 -6
  198. package/lib/SuperTable/DragSortRow.js +0 -142
  199. package/lib/SuperTable/DragSortRow.less +0 -17
  200. package/lib/SuperTable/FilterDropDown.js +0 -205
  201. package/lib/SuperTable/FilterDropDown.less +0 -30
  202. package/lib/SuperTable/SuperTable.js +0 -945
  203. package/lib/SuperTable/SuperTable.less +0 -132
  204. package/lib/SuperTable/fixed.js +0 -55
  205. package/lib/SuperTable/package.json +0 -6
  206. package/lib/SuperTable2/SuperTable2.js +0 -1047
  207. package/lib/SuperTable2/SuperTable2.less +0 -118
  208. package/lib/SuperTable2/SuperTableCell.js +0 -258
  209. package/lib/SuperTable2/package.json +0 -6
  210. package/lib/SuperTable3/FilterDropDown.js +0 -205
  211. package/lib/SuperTable3/FilterDropDown.less +0 -29
  212. package/lib/SuperTable3/SuperTable.js +0 -795
  213. package/lib/SuperTable3/SuperTable.less +0 -99
  214. package/lib/SuperTable3/fixed.js +0 -55
  215. package/lib/SuperTable3/package.json +0 -6
  216. package/lib/SuperToolbar/SuperToolbar.js +0 -248
  217. package/lib/SuperToolbar/SuperToolbar.less +0 -17
  218. package/lib/SuperToolbar/package.json +0 -6
  219. package/lib/SuperUpload/SuperUpload.js +0 -481
  220. package/lib/SuperUpload/SuperUpload.less +0 -28
  221. package/lib/SuperUpload/package.json +0 -6
  222. package/lib/Title/Title.js +0 -54
  223. package/lib/Title/Title.less +0 -35
  224. package/lib/Title/package.json +0 -6
  225. package/lib/Viewer/ImageViews.js +0 -323
  226. package/lib/Viewer/Viewer.js +0 -167
  227. package/lib/Viewer/Viewer.less +0 -67
  228. package/lib/Viewer/imgView.less +0 -59
  229. package/lib/Viewer/package.json +0 -7
  230. package/lib/WingBlank/WingBlank.js +0 -37
  231. package/lib/WingBlank/WingBlank.less +0 -12
  232. package/lib/WingBlank/package.json +0 -6
  233. package/lib/adjust.less +0 -89
  234. package/lib/helper.js +0 -204
  235. package/lib/history.js +0 -18
  236. package/lib/index.js +0 -347
  237. package/lib/index.less +0 -31
  238. package/lib/style.less +0 -30
  239. package/lib/variables.js +0 -16
  240. package/lib/variables.less +0 -73
  241. /package/{es → src}/Area/package.json +0 -0
  242. /package/{es → src}/Card/package.json +0 -0
  243. /package/{es → src}/CodeInput/package.json +0 -0
  244. /package/{es → src}/Control/package.json +0 -0
  245. /package/{es → src}/Enhance/package.json +0 -0
  246. /package/{es → src}/Header/Header.less +0 -0
  247. /package/{es → src}/Header/Vertical.less +0 -0
  248. /package/{es → src}/Header/package.json +0 -0
  249. /package/{es → src}/ImageView/ImageView.less +0 -0
  250. /package/{es → src}/ImageView/package.json +0 -0
  251. /package/{es → src}/Indent/package.json +0 -0
  252. /package/{es → src}/InpurCascader/package.json +0 -0
  253. /package/{es → src}/InputEditor/inputEditor.less +0 -0
  254. /package/{es → src}/InputEditor/package.json +0 -0
  255. /package/{es → src}/InputSearch/package.json +0 -0
  256. /package/{es → src}/InputSelect/package.json +0 -0
  257. /package/{es → src}/InputTreeSelect/package.json +0 -0
  258. /package/{es → src}/InputWriting/package.json +0 -0
  259. /package/{es → src}/Layout/Layout.less +0 -0
  260. /package/{es → src}/Layout/package.json +0 -0
  261. /package/{es → src}/LayoutLink/LayoutLink.less +0 -0
  262. /package/{es → src}/LayoutLink/package.json +0 -0
  263. /package/{es → src}/Link/package.json +0 -0
  264. /package/{es → src}/Loading/Loading.less +0 -0
  265. /package/{es → src}/Loading/package.json +0 -0
  266. /package/{es → src}/Loading2/Loading2.less +0 -0
  267. /package/{es → src}/Loading2/package.json +0 -0
  268. /package/{es → src}/ModalWithDrag/ModalWithDrag.less +0 -0
  269. /package/{es → src}/ModalWithDrag/package.json +0 -0
  270. /package/{es → src}/NumberInput/package.json +0 -0
  271. /package/{es → src}/Search/Search.less +0 -0
  272. /package/{es → src}/Search/package.json +0 -0
  273. /package/{es → src}/Sidebar/Sidebar.less +0 -0
  274. /package/{es → src}/Sidebar/package.json +0 -0
  275. /package/{es → src}/Sidebar2/Sidebar.less +0 -0
  276. /package/{es → src}/Sidebar2/package.json +0 -0
  277. /package/{es → src}/SuperForm/SuperForm.less +0 -0
  278. /package/{es → src}/SuperForm/package.json +0 -0
  279. /package/{es → src}/SuperForm2/SuperForm.less +0 -0
  280. /package/{es → src}/SuperForm2/package.json +0 -0
  281. /package/{es → src}/SuperIcon/package.json +0 -0
  282. /package/{es → src}/SuperPagination/package.json +0 -0
  283. /package/{es → src}/SuperTab/SuperTab.less +0 -0
  284. /package/{es → src}/SuperTab/package.json +0 -0
  285. /package/{es → src}/SuperTab2/SuperTab2.less +0 -0
  286. /package/{es → src}/SuperTab2/package.json +0 -0
  287. /package/{es → src}/SuperTable/DragSortRow.less +0 -0
  288. /package/{es → src}/SuperTable/FilterDropDown.less +0 -0
  289. /package/{es → src}/SuperTable/SuperTable.less +0 -0
  290. /package/{es → src}/SuperTable/package.json +0 -0
  291. /package/{es → src}/SuperTable2/SuperTable2.less +0 -0
  292. /package/{es → src}/SuperTable2/package.json +0 -0
  293. /package/{es → src}/SuperTable3/FilterDropDown.less +0 -0
  294. /package/{es → src}/SuperTable3/SuperTable.less +0 -0
  295. /package/{es → src}/SuperTable3/package.json +0 -0
  296. /package/{es → src}/SuperToolbar/SuperToolbar.less +0 -0
  297. /package/{es → src}/SuperToolbar/package.json +0 -0
  298. /package/{es → src}/SuperUpload/SuperUpload.less +0 -0
  299. /package/{es → src}/SuperUpload/package.json +0 -0
  300. /package/{es → src}/Title/Title.less +0 -0
  301. /package/{es → src}/Title/package.json +0 -0
  302. /package/{es → src}/Viewer/Viewer.less +0 -0
  303. /package/{es → src}/Viewer/imgView.less +0 -0
  304. /package/{es → src}/Viewer/package.json +0 -0
  305. /package/{es → src}/WingBlank/WingBlank.less +0 -0
  306. /package/{es → src}/WingBlank/package.json +0 -0
  307. /package/{es → src}/adjust.less +0 -0
  308. /package/{es → src}/style.less +0 -0
  309. /package/{es → src}/variables.less +0 -0
@@ -1,323 +0,0 @@
1
- "use strict";
2
-
3
- var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
4
-
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
-
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
-
9
- _Object$defineProperty(exports, "__esModule", {
10
- value: true
11
- });
12
-
13
- exports["default"] = void 0;
14
-
15
- var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
16
-
17
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
18
-
19
- var _icon = _interopRequireDefault(require("antd/lib/icon"));
20
-
21
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
22
-
23
- var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
24
-
25
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
26
-
27
- var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
28
-
29
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
30
-
31
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
32
-
33
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
34
-
35
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
36
-
37
- var _react = _interopRequireDefault(require("react"));
38
-
39
- var _variables = _interopRequireDefault(require("../variables"));
40
-
41
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
42
-
43
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
44
-
45
- var addEvent = function addEvent(el, event, handler) {
46
- if (!el) return;
47
-
48
- if (el.attachEvent) {
49
- el.attachEvent('on' + event, handler);
50
- } else if (el.addEventListener) {
51
- el.addEventListener(event, handler, false);
52
- } else {
53
- el['on' + event] = handler;
54
- }
55
- };
56
-
57
- var removeEvent = function removeEvent(el, event, handler) {
58
- if (!el) return;
59
-
60
- if (el.detachEvent) {
61
- el.detachEvent('on' + event, handler);
62
- } else if (el.removeEventListener) {
63
- el.removeEventListener(event, handler, false);
64
- } else {
65
- el['on' + event] = null;
66
- }
67
- };
68
-
69
- var getCss = function getCss(o, key) {
70
- return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o)[key];
71
- }; // 获取元素旋转的角度
72
-
73
-
74
- var getRotateDeg = function getRotateDeg(target) {
75
- var rotateMatrix = getCss(target, 'transform');
76
-
77
- var _rotateMatrix$split$ = rotateMatrix.split('(')[1].split(')')[0].split(','),
78
- _rotateMatrix$split$2 = (0, _slicedToArray2["default"])(_rotateMatrix$split$, 2),
79
- a = _rotateMatrix$split$2[0],
80
- b = _rotateMatrix$split$2[1];
81
-
82
- return Math.round(Math.atan2(b, a) * (180 / Math.PI));
83
- };
84
-
85
- var ImageViews = /*#__PURE__*/function (_React$Component) {
86
- (0, _inherits2["default"])(ImageViews, _React$Component);
87
-
88
- var _super = _createSuper(ImageViews);
89
-
90
- function ImageViews(props) {
91
- var _this;
92
-
93
- (0, _classCallCheck2["default"])(this, ImageViews);
94
- _this = _super.call(this, props);
95
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onwheel", function (e) {
96
- var zoom = _this.state.zoom;
97
- /*事件兼容*/
98
-
99
- var event = e || window.event;
100
- var imageDOM = _this.imgRef;
101
- var delta;
102
-
103
- if (event.nativeEvent.wheelDelta) {
104
- delta = event.nativeEvent.wheelDelta / 1200;
105
- } else if (event.nativeEvent.deltaY) {
106
- delta = -event.nativeEvent.deltaY / 1200;
107
- }
108
-
109
- var zoomVal = zoom + delta;
110
-
111
- if (zoomVal >= 0.2) {
112
- imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
113
- } else {
114
- zoomVal = 0.2;
115
- imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
116
- }
117
-
118
- _this.setState({
119
- zoom: zoomVal
120
- });
121
- });
122
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseDown", function (e) {
123
- /*事件兼容*/
124
- var event = e || window.event;
125
- var imageDOM = _this.imgRef;
126
- event.preventDefault(); //阻止浏览器的默认事件
127
-
128
- var startTouch = {};
129
- startTouch.initiated = true; //initiated为true表示开始滑动
130
-
131
- /*获取鼠标按下的地方距离元素左侧和上侧的距离*/
132
-
133
- startTouch.startX = event.nativeEvent.clientX - imageDOM.offsetLeft;
134
- startTouch.startY = event.nativeEvent.clientY - imageDOM.offsetTop;
135
-
136
- _this.setState({
137
- startTouch: startTouch
138
- });
139
-
140
- addEvent(document, 'mousemove', _this._onMouseMove);
141
- addEvent(document, 'mouseup', _this._onMouseUp);
142
- });
143
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseMove", function (e) {
144
- var event = e || window.event;
145
- var imageDOM = _this.imgRef;
146
- var startTouch = _this.state.startTouch;
147
- if (!startTouch.initiated) return; //滑动距离
148
-
149
- var deltaX = event.clientX - startTouch.startX;
150
- var deltaY = event.clientY - startTouch.startY;
151
- imageDOM.style.left = "".concat(deltaX, "px");
152
- imageDOM.style.top = "".concat(deltaY, "px");
153
- });
154
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseUp", function () {
155
- var startTouch = _this.state.startTouch;
156
- if (!startTouch.initiated) return;
157
- var endTouch = JSON.parse((0, _stringify["default"])(startTouch));
158
- endTouch.initiated = false;
159
-
160
- _this.setState({
161
- startTouch: startTouch
162
- });
163
-
164
- removeEvent(document, 'mousemove', _this._onMouseMove);
165
- removeEvent(document, 'mouseup', _this._onMouseDown);
166
- });
167
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onPlus", function (event) {
168
- var zoom = _this.state.zoom;
169
- var imageDOM = _this.imgRef;
170
- var zoomVal = zoom + 0.1;
171
- var originDeg = getRotateDeg(imageDOM);
172
- event.stopPropagation();
173
-
174
- if (zoomVal >= 0.2) {
175
- var _context;
176
-
177
- imageDOM.style.transform = (0, _concat["default"])(_context = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context, originDeg, "deg)");
178
- }
179
-
180
- _this.setState({
181
- zoom: zoomVal
182
- });
183
- });
184
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMinus", function () {
185
- var _context2;
186
-
187
- var zoom = _this.state.zoom;
188
- var imageDOM = _this.imgRef;
189
- var zoomVal = zoom - 0.1;
190
- var originDeg = getRotateDeg(imageDOM);
191
-
192
- if (zoomVal < 0.2) {
193
- zoomVal = 0.2;
194
- }
195
-
196
- imageDOM.style.transform = (0, _concat["default"])(_context2 = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context2, originDeg, "deg)");
197
-
198
- _this.setState({
199
- zoom: zoomVal
200
- });
201
- });
202
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_reload", function () {
203
- var imageDOM = _this.imgRef;
204
- imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
205
- imageDOM.style.left = "50%";
206
- imageDOM.style.top = "50%";
207
-
208
- _this.setState({
209
- zoom: 1
210
- });
211
- });
212
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_arrowLeft", function () {
213
- var onLeft = _this.props.onLeft;
214
- onLeft && onLeft();
215
- var imageDOM = _this.imgRef;
216
- imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
217
- imageDOM.style.left = "50%";
218
- imageDOM.style.top = "50%";
219
-
220
- _this.setState({
221
- zoom: 1
222
- });
223
- });
224
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_arrowRight", function () {
225
- var onRight = _this.props.onRight;
226
- onRight && onRight();
227
- var imageDOM = _this.imgRef;
228
- imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
229
- imageDOM.style.left = "50%";
230
- imageDOM.style.top = "50%";
231
-
232
- _this.setState({
233
- zoom: 1
234
- });
235
- });
236
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (isLeft) {
237
- return function () {
238
- var _context3;
239
-
240
- var imageDOM = _this.imgRef;
241
- var originDeg = getRotateDeg(imageDOM);
242
- var zoom = _this.state.zoom;
243
- var rotateDeg = isLeft ? originDeg - 90 : originDeg + 90;
244
- imageDOM.style.transform = (0, _concat["default"])(_context3 = "translate(-50%,-50%) rotate(".concat(rotateDeg, "deg) scale(")).call(_context3, zoom, ")");
245
- };
246
- });
247
- _this.state = {
248
- zoom: 1,
249
- startTouch: {}
250
- };
251
- return _this;
252
- }
253
-
254
- (0, _createClass2["default"])(ImageViews, [{
255
- key: "render",
256
- value: function render() {
257
- var _this2 = this;
258
-
259
- var image = this.props.image;
260
- return /*#__PURE__*/_react["default"].createElement("div", {
261
- className: (0, _variables["default"])('ImageViews')
262
- }, /*#__PURE__*/_react["default"].createElement("div", {
263
- role: "imgWrapper"
264
- }, /*#__PURE__*/_react["default"].createElement("img", {
265
- src: image.src,
266
- alt: image.alt,
267
- ref: function ref(imgRef) {
268
- _this2.imgRef = imgRef;
269
- },
270
- onWheel: this._onwheel //缩放事件
271
- ,
272
- onMouseDown: this._onMouseDown //拖拽事件
273
-
274
- })), /*#__PURE__*/_react["default"].createElement("div", {
275
- className: (0, _variables["default"])('ImageViews').footer
276
- }, /*#__PURE__*/_react["default"].createElement("div", {
277
- className: (0, _variables["default"])('ImageViews').toolBar
278
- }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", {
279
- title: "\u653E\u5927",
280
- onClick: this._onPlus,
281
- onDoubleClick: function onDoubleClick(event) {
282
- return event.preventDefault();
283
- }
284
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
285
- type: "plus"
286
- })), /*#__PURE__*/_react["default"].createElement("li", {
287
- title: "\u7F29\u5C0F",
288
- onClick: this._onMinus
289
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
290
- type: "minus"
291
- })), /*#__PURE__*/_react["default"].createElement("li", {
292
- title: "\u4E0A\u4E00\u5F20",
293
- onClick: this._arrowLeft
294
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
295
- type: "arrow-left"
296
- })), /*#__PURE__*/_react["default"].createElement("li", {
297
- title: "\u4E0B\u4E00\u5F20",
298
- onClick: this._arrowRight
299
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
300
- type: "arrow-right"
301
- })), /*#__PURE__*/_react["default"].createElement("li", {
302
- title: "\u5411\u5DE6\u65CB\u8F6C",
303
- onClick: this.rotate(true)
304
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
305
- type: "pld-rotateleft"
306
- })), /*#__PURE__*/_react["default"].createElement("li", {
307
- title: "\u5411\u53F3\u65CB\u8F6C",
308
- onClick: this.rotate(false)
309
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
310
- type: "pld-rotateright"
311
- })), /*#__PURE__*/_react["default"].createElement("li", {
312
- title: "\u590D\u539F",
313
- onClick: this._reload
314
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
315
- type: "delete"
316
- }))))));
317
- }
318
- }]);
319
- return ImageViews;
320
- }(_react["default"].Component);
321
-
322
- var _default = ImageViews;
323
- exports["default"] = _default;
@@ -1,167 +0,0 @@
1
- "use strict";
2
-
3
- var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
4
-
5
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
6
-
7
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
8
-
9
- _Object$defineProperty(exports, "__esModule", {
10
- value: true
11
- });
12
-
13
- exports["default"] = void 0;
14
-
15
- var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
16
-
17
- var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
18
-
19
- var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
20
-
21
- var _icon = _interopRequireDefault(require("antd/lib/icon"));
22
-
23
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
24
-
25
- var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
26
-
27
- var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
28
-
29
- var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
30
-
31
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
32
-
33
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
34
-
35
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
36
-
37
- var _react = _interopRequireDefault(require("react"));
38
-
39
- var _propTypes = _interopRequireDefault(require("prop-types"));
40
-
41
- var _ImageViews = _interopRequireDefault(require("./ImageViews"));
42
-
43
- var _variables = _interopRequireDefault(require("../variables"));
44
-
45
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
46
-
47
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
48
-
49
- var Viewers = /*#__PURE__*/function (_React$Component) {
50
- (0, _inherits2["default"])(Viewers, _React$Component);
51
-
52
- var _super = _createSuper(Viewers);
53
-
54
- function Viewers(props) {
55
- var _this;
56
-
57
- (0, _classCallCheck2["default"])(this, Viewers);
58
- _this = _super.call(this, props);
59
- //修复Warning报错
60
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "componentWillUnmount", function () {
61
- _this.timeout = null;
62
- });
63
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeViewers", function () {
64
- var _this$props = _this.props,
65
- onCancel = _this$props.onCancel,
66
- onClose = _this$props.onClose;
67
- _this.containerRef.style['opacity'] = 0;
68
- _this.timeout = (0, _setTimeout2["default"])(function () {
69
- onCancel && onCancel(onClose);
70
- }, 1000);
71
- });
72
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onLeft", function () {
73
- var imageIndex = _this.state.imageIndex;
74
- var images = _this.props.images;
75
- var index = imageIndex - 1;
76
-
77
- if (index < 0) {
78
- index = images.length - 1;
79
- }
80
-
81
- _this.setState({
82
- imageIndex: index
83
- });
84
- });
85
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onRight", function () {
86
- var imageIndex = _this.state.imageIndex;
87
- var images = _this.props.images;
88
- var index = imageIndex + 1;
89
-
90
- if (index > images.length - 1) {
91
- index = 0;
92
- }
93
-
94
- _this.setState({
95
- imageIndex: index
96
- });
97
- });
98
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSelect", function (index) {
99
- _this.setState({
100
- imageIndex: index
101
- });
102
- });
103
- _this.state = {
104
- imageIndex: props.imageIndex
105
- };
106
- return _this;
107
- }
108
-
109
- (0, _createClass2["default"])(Viewers, [{
110
- key: "render",
111
- value: function render() {
112
- var _this2 = this;
113
-
114
- var _this$props2 = this.props,
115
- visible = _this$props2.visible,
116
- images = _this$props2.images,
117
- titles = _this$props2.titles;
118
- var imageIndex = this.state.imageIndex;
119
- return /*#__PURE__*/_react["default"].createElement("div", null, visible ? /*#__PURE__*/_react["default"].createElement("div", {
120
- className: (0, _variables["default"])('Viewers'),
121
- ref: function ref(container) {
122
- _this2.containerRef = container;
123
- }
124
- }, /*#__PURE__*/_react["default"].createElement("div", {
125
- className: (0, _variables["default"])('Viewers').mask
126
- }), /*#__PURE__*/_react["default"].createElement("div", {
127
- className: (0, _variables["default"])('Viewers').title
128
- }, (0, _map["default"])(titles).call(titles, function (item, index) {
129
- var _context;
130
-
131
- return /*#__PURE__*/_react["default"].createElement("div", {
132
- key: index,
133
- onClick: (0, _bind["default"])(_context = _this2._onSelect).call(_context, _this2, index),
134
- className: index === imageIndex ? (0, _variables["default"])('Viewers').selectTitle : ''
135
- }, item);
136
- })), /*#__PURE__*/_react["default"].createElement(_ImageViews["default"], {
137
- image: images[imageIndex],
138
- onLeft: this._onLeft,
139
- onRight: this._onRight
140
- }), /*#__PURE__*/_react["default"].createElement("div", {
141
- className: (0, _variables["default"])('Viewers').close,
142
- onClick: function onClick() {
143
- return _this2.closeViewers();
144
- }
145
- }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
146
- type: "close"
147
- }))) : null);
148
- }
149
- }]);
150
- return Viewers;
151
- }(_react["default"].Component);
152
-
153
- (0, _defineProperty2["default"])(Viewers, "propTypes", {
154
- /** viewer是否可见 */
155
- visible: _propTypes["default"].bool.isRequired,
156
-
157
- /** 点击关闭按钮的回调 */
158
- onCancel: _propTypes["default"].func.isRequired,
159
-
160
- /** 需要进行浏览的图片地址集合 */
161
- images: _propTypes["default"].array.isRequired,
162
-
163
- /** 需要进行浏览的图片名称集合 */
164
- titles: _propTypes["default"].array.isRequired
165
- });
166
- var _default = Viewers;
167
- exports["default"] = _default;
@@ -1,67 +0,0 @@
1
- @import '../variables.less';
2
-
3
- html, body {
4
- width: 100vw;
5
- overflow: hidden;
6
- }
7
-
8
- .@{cloudlink-prefix}-Viewers {
9
- font-size: 13px;
10
- opacity: 1;
11
- transition: opacity 1s;
12
- position: fixed;
13
- left: 0;
14
- right: 0;
15
- bottom: 0;
16
- top: 0;
17
- height: 100%;
18
- width: 100%;
19
- overflow: hidden;
20
- z-index: 1001;
21
- .mask {
22
- position: absolute;
23
- left: 0;
24
- right: 0;
25
- bottom: 0;
26
- top: 0;
27
- height: 100%;
28
- width: 100%;
29
- background: rgba(55, 55, 55, 0.9);
30
- overflow: hidden;
31
- }
32
- .close{
33
- position: fixed;
34
- right: 0;
35
- top: 0;
36
- height: 60px;
37
- width: 60px;
38
- border-radius: 0 0 0 60px;
39
- background: rgba(0,0,0,0.6);
40
- z-index: 1050;
41
- i{
42
- position: absolute;
43
- left: 30px;
44
- top: 15px;
45
- color: white;
46
- font-size: 16px;
47
- }
48
- }
49
- .title{
50
- position: absolute;
51
- top: 15px;
52
- left: 15px;
53
- z-index: 2000;
54
-
55
- > div {
56
- color: white;
57
- font-weight: bold;
58
- font-size: 24px;
59
- cursor: pointer;
60
- }
61
-
62
- .selectTitle {
63
- color: #4db5ff;
64
- }
65
- }
66
- }
67
-
@@ -1,59 +0,0 @@
1
- @import '../variables.less';
2
-
3
- .@{cloudlink-prefix}-ImageViews {
4
- position: absolute;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- top: 0;
9
- overflow: hidden;
10
- z-index: 1050;
11
- img{
12
- position: absolute;
13
- left: 50%;
14
- top: 50%;
15
- transform: translate(-50%,-50%);
16
- transform-origin: center center;
17
- cursor: pointer;
18
- }
19
- .footer{
20
- position: fixed;
21
- left: 0;
22
- right: 0;
23
- bottom: 50px;
24
- height: 52px;
25
- z-index: 1100;
26
- .toolBar{
27
- display: flex;
28
- height: 58px;
29
- flex-direction: column;
30
- align-items: center;
31
- justify-content: space-around;
32
- >span{
33
- font-size: 18px;
34
- opacity:0.8;
35
- line-height: 15px;
36
- color: #ccc;
37
- }
38
- >ul{
39
- overflow: hidden;
40
- display: flex;
41
- flex-direction: row;
42
- >li{
43
- height: 36px;
44
- width: 36px;
45
- border-radius: 50%;
46
- background: rgba(0, 0, 0, 1);
47
- margin-left: 5px;
48
- text-align: center;
49
- line-height: 36px;
50
- cursor: pointer;
51
- i{
52
- color: white;
53
- }
54
- }
55
- }
56
- }
57
- }
58
- }
59
-
@@ -1,7 +0,0 @@
1
- {
2
- "name": "Viewer",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./Viewer"
6
- }
7
-
@@ -1,37 +0,0 @@
1
- "use strict";
2
-
3
- var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
4
-
5
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
6
-
7
- _Object$defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
-
11
- exports["default"] = void 0;
12
-
13
- var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
14
-
15
- var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
16
-
17
- var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
18
-
19
- var _react = _interopRequireDefault(require("react"));
20
-
21
- var _variables = _interopRequireDefault(require("../variables"));
22
-
23
- var _excluded = ["className", "children"];
24
-
25
- function WingBlank(_ref) {
26
- var _context;
27
-
28
- var className = _ref.className,
29
- children = _ref.children,
30
- props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
31
- return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
32
- className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('WingBlank'))
33
- }, props), /*#__PURE__*/_react["default"].createElement("div", null, children));
34
- }
35
-
36
- var _default = WingBlank;
37
- exports["default"] = _default;
@@ -1,12 +0,0 @@
1
- @import '../variables';
2
-
3
- .@{cloudlink-prefix}-WingBlank {
4
- padding-left: @padding;
5
- padding-right: @padding;
6
-
7
- > * {
8
- max-width: @max-width;
9
- margin-left: auto;
10
- margin-right: auto;
11
- }
12
- }
@@ -1,6 +0,0 @@
1
- {
2
- "name": "WingBlank",
3
- "version": "0.0.0",
4
- "private": true,
5
- "main": "./WingBlank.js"
6
- }