@fileverse-dev/fortune-core 1.0.4 → 1.0.6

package/lib/modules/image.d.ts

@@ -0,0 +1,31 @@
+import { GlobalCache } from "../types";
+import { Context } from "../context";
+type ImageProps = {
+    defaultWidth: number;
+    defaultHeight: number;
+    currentObj: null;
+    currentWinW: null;
+    currentWinH: null;
+    resize: null;
+    resizeXY: null;
+    move: boolean;
+    moveXY: object | null;
+    cursorStartPosition: {
+        x: number;
+        y: number;
+    } | null;
+};
+export declare const imageProps: ImageProps;
+export declare function generateRandomId(prefix: string): string;
+export declare function showImgChooser(): void;
+export declare function saveImage(ctx: Context): void;
+export declare function removeActiveImage(ctx: Context): void;
+export declare function insertImage(ctx: Context, image: HTMLImageElement): void;
+export declare function cancelActiveImgItem(ctx: Context, globalCache: GlobalCache): void;
+export declare function onImageMoveStart(ctx: Context, globalCache: GlobalCache, e: MouseEvent): void;
+export declare function onImageMove(ctx: Context, globalCache: GlobalCache, e: MouseEvent): boolean;
+export declare function onImageMoveEnd(ctx: Context, globalCache: GlobalCache): void;
+export declare function onImageResizeStart(globalCache: GlobalCache, e: MouseEvent, resizingSide: string): void;
+export declare function onImageResize(ctx: Context, globalCache: GlobalCache, e: MouseEvent): boolean;
+export declare function onImageResizeEnd(ctx: Context, globalCache: GlobalCache): void;
+export {};

package/lib/modules/image.js

@@ -0,0 +1,272 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cancelActiveImgItem = cancelActiveImgItem;
+exports.generateRandomId = generateRandomId;
+exports.imageProps = void 0;
+exports.insertImage = insertImage;
+exports.onImageMove = onImageMove;
+exports.onImageMoveEnd = onImageMoveEnd;
+exports.onImageMoveStart = onImageMoveStart;
+exports.onImageResize = onImageResize;
+exports.onImageResizeEnd = onImageResizeEnd;
+exports.onImageResizeStart = onImageResizeStart;
+exports.removeActiveImage = removeActiveImage;
+exports.saveImage = saveImage;
+exports.showImgChooser = showImgChooser;
+var _lodash = _interopRequireDefault(require("lodash"));
+var _2 = require(".");
+var _context = require("../context");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var imageProps = exports.imageProps = {
+  defaultWidth: 144,
+  defaultHeight: 84,
+  currentObj: null,
+  currentWinW: null,
+  currentWinH: null,
+  resize: null,
+  resizeXY: null,
+  move: false,
+  moveXY: null,
+  cursorStartPosition: null
+};
+function generateRandomId(prefix) {
+  if (prefix == null) {
+    prefix = "img";
+  }
+  var userAgent = window.navigator.userAgent.replace(/[^a-zA-Z0-9]/g, "").split("");
+  var mid = "";
+  for (var i = 0; i < 12; i += 1) {
+    mid += userAgent[Math.round(Math.random() * (userAgent.length - 1))];
+  }
+  var time = new Date().getTime();
+  return "".concat(prefix, "_").concat(mid, "_").concat(time);
+}
+function showImgChooser() {
+  var chooser = document.getElementById("fortune-img-upload");
+  if (chooser) chooser.click();
+}
+function saveImage(ctx) {
+  var index = (0, _utils.getSheetIndex)(ctx, ctx.currentSheetId);
+  if (index == null) return;
+  var file = ctx.luckysheetfile[index];
+  file.images = ctx.insertedImgs;
+}
+function removeActiveImage(ctx) {
+  ctx.insertedImgs = _lodash.default.filter(ctx.insertedImgs, function (image) {
+    return image.id !== ctx.activeImg;
+  });
+  ctx.activeImg = undefined;
+  saveImage(ctx);
+}
+function insertImage(ctx, image) {
+  var _a;
+  try {
+    var last = (_a = ctx.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[ctx.luckysheet_select_save.length - 1];
+    var rowIndex = last === null || last === void 0 ? void 0 : last.row_focus;
+    var colIndex = last === null || last === void 0 ? void 0 : last.column_focus;
+    if (!last) {
+      rowIndex = 0;
+      colIndex = 0;
+    } else {
+      if (rowIndex == null) {
+        rowIndex = last.row[0];
+      }
+      if (colIndex == null) {
+        colIndex = last.column[0];
+      }
+    }
+    var flowdata = (0, _context.getFlowdata)(ctx);
+    var left = colIndex === 0 ? 0 : ctx.visibledatacolumn[colIndex - 1];
+    var top_1 = rowIndex === 0 ? 0 : ctx.visibledatarow[rowIndex - 1];
+    if (flowdata) {
+      var margeset = (0, _2.mergeBorder)(ctx, flowdata, rowIndex, colIndex);
+      if (margeset) {
+        top_1 = margeset.row[0];
+        left = margeset.column[0];
+      }
+    }
+    var width = image.width;
+    var height = image.height;
+    var img = {
+      id: generateRandomId("img"),
+      src: image.src,
+      left: left,
+      top: top_1,
+      width: width * 0.5,
+      height: height * 0.5,
+      originWidth: width,
+      originHeight: height
+    };
+    ctx.insertedImgs = (ctx.insertedImgs || []).concat(img);
+    saveImage(ctx);
+  } catch (err) {
+    console.info(err);
+  }
+}
+function getImagePosition() {
+  var box = document.getElementById("luckysheet-modal-dialog-activeImage");
+  if (!box) return undefined;
+  var _a = box.getBoundingClientRect(),
+    width = _a.width,
+    height = _a.height;
+  var left = box.offsetLeft;
+  var top = box.offsetTop;
+  return {
+    left: left,
+    top: top,
+    width: width,
+    height: height
+  };
+}
+function cancelActiveImgItem(ctx, globalCache) {
+  ctx.activeImg = undefined;
+  globalCache.image = undefined;
+}
+function onImageMoveStart(ctx, globalCache, e) {
+  var position = getImagePosition();
+  if (position) {
+    var top_2 = position.top,
+      left = position.left;
+    _lodash.default.set(globalCache, "image", {
+      cursorMoveStartPosition: {
+        x: e.pageX,
+        y: e.pageY
+      },
+      imgInitialPosition: {
+        left: left,
+        top: top_2
+      }
+    });
+  }
+}
+function onImageMove(ctx, globalCache, e) {
+  if (ctx.allowEdit === false) return false;
+  var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
+  var img = document.getElementById("luckysheet-modal-dialog-activeImage");
+  if (img && image && !image.resizingSide) {
+    var _a = image.cursorMoveStartPosition,
+      startX = _a.x,
+      startY = _a.y;
+    var _b = image.imgInitialPosition,
+      top_3 = _b.top,
+      left = _b.left;
+    left += e.pageX - startX;
+    top_3 += e.pageY - startY;
+    if (top_3 < 0) top_3 = 0;
+    img.style.left = "".concat(left, "px");
+    img.style.top = "".concat(top_3, "px");
+    return true;
+  }
+  return false;
+}
+function onImageMoveEnd(ctx, globalCache) {
+  var _a;
+  var position = getImagePosition();
+  if (!((_a = globalCache.image) === null || _a === void 0 ? void 0 : _a.resizingSide)) {
+    globalCache.image = undefined;
+    if (position) {
+      var img = _lodash.default.find(ctx.insertedImgs, function (v) {
+        return v.id === ctx.activeImg;
+      });
+      if (img) {
+        img.left = position.left / ctx.zoomRatio;
+        img.top = position.top / ctx.zoomRatio;
+        saveImage(ctx);
+      }
+    }
+  }
+}
+function onImageResizeStart(globalCache, e, resizingSide) {
+  var position = getImagePosition();
+  if (position) {
+    _lodash.default.set(globalCache, "image", {
+      cursorMoveStartPosition: {
+        x: e.pageX,
+        y: e.pageY
+      },
+      resizingSide: resizingSide,
+      imgInitialPosition: position
+    });
+  }
+}
+function onImageResize(ctx, globalCache, e) {
+  if (ctx.allowEdit === false) return false;
+  var image = globalCache === null || globalCache === void 0 ? void 0 : globalCache.image;
+  if (image === null || image === void 0 ? void 0 : image.resizingSide) {
+    var imgContainer = document.getElementById("luckysheet-modal-dialog-activeImage");
+    var img = imgContainer === null || imgContainer === void 0 ? void 0 : imgContainer.querySelector(".luckysheet-modal-dialog-content");
+    if (img == null) return false;
+    var _a = image.cursorMoveStartPosition,
+      startX = _a.x,
+      startY = _a.y;
+    var _b = image.imgInitialPosition,
+      top_4 = _b.top,
+      left = _b.left,
+      width = _b.width,
+      height = _b.height;
+    var dx = e.pageX - startX;
+    var dy = e.pageY - startY;
+    var minHeight = 60 * ctx.zoomRatio;
+    var minWidth = 1.5 * 60 * ctx.zoomRatio;
+    if (["lm", "lt", "lb"].includes(image.resizingSide)) {
+      if (width - dx < minWidth) {
+        left += width - minWidth;
+        width = minWidth;
+      } else {
+        left += dx;
+        width -= dx;
+      }
+      if (left < 0) left = 0;
+      img.style.left = "".concat(left, "px");
+      imgContainer.style.left = "".concat(left, "px");
+    }
+    if (["rm", "rt", "rb"].includes(image.resizingSide)) {
+      width = width + dx < minWidth ? minWidth : width + dx;
+    }
+    if (["mt", "lt", "rt"].includes(image.resizingSide)) {
+      if (height - dy < minHeight) {
+        top_4 += height - minHeight;
+        height = minHeight;
+      } else {
+        top_4 += dy;
+        height -= dy;
+      }
+      if (top_4 < 0) top_4 = 0;
+      img.style.top = "".concat(top_4, "px");
+      imgContainer.style.top = "".concat(top_4, "px");
+    }
+    if (["mb", "lb", "rb"].includes(image.resizingSide)) {
+      height = height + dy < minHeight ? minHeight : height + dy;
+    }
+    img.style.width = "".concat(width, "px");
+    imgContainer.style.width = "".concat(width, "px");
+    img.style.height = "".concat(height, "px");
+    imgContainer.style.height = "".concat(height, "px");
+    img.style.backgroundSize = "".concat(width, "px ").concat(height, "px");
+    return true;
+  }
+  return false;
+}
+function onImageResizeEnd(ctx, globalCache) {
+  var _a;
+  if ((_a = globalCache.image) === null || _a === void 0 ? void 0 : _a.resizingSide) {
+    globalCache.image = undefined;
+    var position = getImagePosition();
+    if (position) {
+      var img = _lodash.default.find(ctx.insertedImgs, function (v) {
+        return v.id === ctx.activeImg;
+      });
+      if (img) {
+        img.left = position.left / ctx.zoomRatio;
+        img.top = position.top / ctx.zoomRatio;
+        img.width = position.width / ctx.zoomRatio;
+        img.height = position.height / ctx.zoomRatio;
+        saveImage(ctx);
+      }
+    }
+  }
+}

package/lib/modules/index.d.ts

@@ -0,0 +1,36 @@
+export * from "./border";
+export * from "./cell";
+export * from "./clipboard";
+export * from "./color";
+export * from "./cursor";
+export * from "./format";
+export * from "./formula";
+export * from "./freeze";
+export * from "./inline-string";
+export * from "./location";
+export * from "./protection";
+export * from "./rowcol";
+export * from "./selection";
+export * from "./sheet";
+export * from "./text";
+export * from "./toolbar";
+export * from "./validation";
+export * from "./comment";
+export * from "./image";
+export * from "./mobile";
+export * from "./dropCell";
+export * from "./merge";
+export * from "./sort";
+export * from "./screenshot";
+export * from "./searchReplace";
+export * from "./hyperlink";
+export * from "./filter";
+export * from "./moveCells";
+export * from "./conditionalFormat";
+export * from "./splitColumn";
+export * from "./locationCondition";
+export * from "./dataVerification";
+export * from "./ConditionFormat";
+export * from "./zoom";
+export * from "./refresh";
+export * from "./iframe";