@leankylin-sheet/react 4.0.11 → 4.0.13

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.
package/dist/index.esm.js CHANGED
@@ -2166,7 +2166,6 @@ var FilterOptions = function FilterOptions(_ref) {
2166
2166
  };
2167
2167
 
2168
2168
  var ImgBoxs = function ImgBoxs() {
2169
- var _context$insertedImgs;
2170
2169
  var _useContext = useContext(WorkbookContext),
2171
2170
  context = _useContext.context,
2172
2171
  setContext = _useContext.setContext,
@@ -2252,56 +2251,6 @@ var ImgBoxs = function ImgBoxs() {
2252
2251
  className: "fa fa-trash",
2253
2252
  "aria-hidden": "true"
2254
2253
  }))))), /*#__PURE__*/React.createElement("div", {
2255
- className: "img-list"
2256
- }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
2257
- var id = v.id,
2258
- left = v.left,
2259
- top = v.top,
2260
- width = v.width,
2261
- height = v.height,
2262
- src = v.src;
2263
- if (v.id === context.activeImg) return null;
2264
- return /*#__PURE__*/React.createElement("div", {
2265
- id: id,
2266
- key: id,
2267
- className: "luckysheet-modal-dialog luckysheet-modal-dialog-image",
2268
- style: {
2269
- width: width * context.zoomRatio,
2270
- height: height * context.zoomRatio,
2271
- padding: 0,
2272
- position: "absolute",
2273
- left: left * context.zoomRatio,
2274
- top: top * context.zoomRatio,
2275
- zIndex: 200
2276
- },
2277
- onMouseDown: function onMouseDown(e) {
2278
- return e.stopPropagation();
2279
- },
2280
- onClick: function onClick(e) {
2281
- setContext(function (ctx) {
2282
- ctx.activeImg = id;
2283
- });
2284
- e.stopPropagation();
2285
- }
2286
- }, /*#__PURE__*/React.createElement("div", {
2287
- className: "luckysheet-modal-dialog-content",
2288
- style: {
2289
- width: "100%",
2290
- height: "100%",
2291
- overflow: "hidden",
2292
- position: "relative"
2293
- }
2294
- }, /*#__PURE__*/React.createElement("img", {
2295
- src: src,
2296
- alt: "",
2297
- style: {
2298
- width: width * context.zoomRatio,
2299
- height: height * context.zoomRatio
2300
- }
2301
- })), /*#__PURE__*/React.createElement("div", {
2302
- className: "luckysheet-modal-dialog-border"
2303
- }));
2304
- })), /*#__PURE__*/React.createElement("div", {
2305
2254
  id: "luckysheet-modal-dialog-cropping",
2306
2255
  className: "luckysheet-modal-dialog",
2307
2256
  style: {
package/dist/index.js CHANGED
@@ -2176,7 +2176,6 @@ var FilterOptions = function FilterOptions(_ref) {
2176
2176
  };
2177
2177
 
2178
2178
  var ImgBoxs = function ImgBoxs() {
2179
- var _context$insertedImgs;
2180
2179
  var _useContext = React.useContext(WorkbookContext),
2181
2180
  context = _useContext.context,
2182
2181
  setContext = _useContext.setContext,
@@ -2262,56 +2261,6 @@ var ImgBoxs = function ImgBoxs() {
2262
2261
  className: "fa fa-trash",
2263
2262
  "aria-hidden": "true"
2264
2263
  }))))), /*#__PURE__*/React__default['default'].createElement("div", {
2265
- className: "img-list"
2266
- }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
2267
- var id = v.id,
2268
- left = v.left,
2269
- top = v.top,
2270
- width = v.width,
2271
- height = v.height,
2272
- src = v.src;
2273
- if (v.id === context.activeImg) return null;
2274
- return /*#__PURE__*/React__default['default'].createElement("div", {
2275
- id: id,
2276
- key: id,
2277
- className: "luckysheet-modal-dialog luckysheet-modal-dialog-image",
2278
- style: {
2279
- width: width * context.zoomRatio,
2280
- height: height * context.zoomRatio,
2281
- padding: 0,
2282
- position: "absolute",
2283
- left: left * context.zoomRatio,
2284
- top: top * context.zoomRatio,
2285
- zIndex: 200
2286
- },
2287
- onMouseDown: function onMouseDown(e) {
2288
- return e.stopPropagation();
2289
- },
2290
- onClick: function onClick(e) {
2291
- setContext(function (ctx) {
2292
- ctx.activeImg = id;
2293
- });
2294
- e.stopPropagation();
2295
- }
2296
- }, /*#__PURE__*/React__default['default'].createElement("div", {
2297
- className: "luckysheet-modal-dialog-content",
2298
- style: {
2299
- width: "100%",
2300
- height: "100%",
2301
- overflow: "hidden",
2302
- position: "relative"
2303
- }
2304
- }, /*#__PURE__*/React__default['default'].createElement("img", {
2305
- src: src,
2306
- alt: "",
2307
- style: {
2308
- width: width * context.zoomRatio,
2309
- height: height * context.zoomRatio
2310
- }
2311
- })), /*#__PURE__*/React__default['default'].createElement("div", {
2312
- className: "luckysheet-modal-dialog-border"
2313
- }));
2314
- })), /*#__PURE__*/React__default['default'].createElement("div", {
2315
2264
  id: "luckysheet-modal-dialog-cropping",
2316
2265
  className: "luckysheet-modal-dialog",
2317
2266
  style: {
package/dist/index.umd.js CHANGED
@@ -95514,7 +95514,6 @@
95514
95514
  };
95515
95515
 
95516
95516
  var ImgBoxs = function ImgBoxs() {
95517
- var _context$insertedImgs;
95518
95517
  var _useContext = React.useContext(WorkbookContext),
95519
95518
  context = _useContext.context,
95520
95519
  setContext = _useContext.setContext,
@@ -95600,56 +95599,6 @@
95600
95599
  className: "fa fa-trash",
95601
95600
  "aria-hidden": "true"
95602
95601
  }))))), /*#__PURE__*/React__default['default'].createElement("div", {
95603
- className: "img-list"
95604
- }, (_context$insertedImgs = context.insertedImgs) === null || _context$insertedImgs === void 0 ? void 0 : _context$insertedImgs.map(function (v) {
95605
- var id = v.id,
95606
- left = v.left,
95607
- top = v.top,
95608
- width = v.width,
95609
- height = v.height,
95610
- src = v.src;
95611
- if (v.id === context.activeImg) return null;
95612
- return /*#__PURE__*/React__default['default'].createElement("div", {
95613
- id: id,
95614
- key: id,
95615
- className: "luckysheet-modal-dialog luckysheet-modal-dialog-image",
95616
- style: {
95617
- width: width * context.zoomRatio,
95618
- height: height * context.zoomRatio,
95619
- padding: 0,
95620
- position: "absolute",
95621
- left: left * context.zoomRatio,
95622
- top: top * context.zoomRatio,
95623
- zIndex: 200
95624
- },
95625
- onMouseDown: function onMouseDown(e) {
95626
- return e.stopPropagation();
95627
- },
95628
- onClick: function onClick(e) {
95629
- setContext(function (ctx) {
95630
- ctx.activeImg = id;
95631
- });
95632
- e.stopPropagation();
95633
- }
95634
- }, /*#__PURE__*/React__default['default'].createElement("div", {
95635
- className: "luckysheet-modal-dialog-content",
95636
- style: {
95637
- width: "100%",
95638
- height: "100%",
95639
- overflow: "hidden",
95640
- position: "relative"
95641
- }
95642
- }, /*#__PURE__*/React__default['default'].createElement("img", {
95643
- src: src,
95644
- alt: "",
95645
- style: {
95646
- width: width * context.zoomRatio,
95647
- height: height * context.zoomRatio
95648
- }
95649
- })), /*#__PURE__*/React__default['default'].createElement("div", {
95650
- className: "luckysheet-modal-dialog-border"
95651
- }));
95652
- })), /*#__PURE__*/React__default['default'].createElement("div", {
95653
95602
  id: "luckysheet-modal-dialog-cropping",
95654
95603
  className: "luckysheet-modal-dialog",
95655
95604
  style: {