@fileverse-dev/fortune-react 1.0.26-patch-1 → 1.1.0

package/es/components/LocationCondition/index.css

@@ -1,74 +0,0 @@
-label {
-  cursor: default;
-}
-#fortune-location-condition {
-  min-width: 500px;
-}
-#fortune-location-condition .title {
-  background-color: #fff;
-  color: #000;
-  cursor: default;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: 48px;
-}
-#fortune-location-condition .listbox {
-  border: 1px solid #dfdfdf;
-  padding: 10px;
-  font-size: 14px;
-  color: #000;
-}
-#fortune-location-condition .listbox .listItem {
-  padding: 5px 0;
-}
-#fortune-location-condition .listbox .listItem input[type="radio"] {
-  float: left;
-  margin-top: 5px;
-}
-#fortune-location-condition .listItem {
-  padding: 5px 0;
-}
-#fortune-location-condition .listItem .subItem {
-  height: 30px;
-  padding: 0 10px;
-  display: block;
-}
-#fortune-location-condition input[type="radio"] {
-  float: left;
-  margin-top: 3px;
-}
-#fortune-location-condition .listbox .listItem .subbox {
-  height: 30px;
-  padding: 0 10px;
-}
-#fortune-location-condition .listbox .listItem .subbox .subItem {
-  float: left;
-  margin-right: 5px;
-}
-#fortune-location-condition .button-basic {
-  display: inline-block;
-  margin-bottom: 0;
-  font-weight: 400;
-  text-align: center;
-  vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  white-space: nowrap;
-  padding: 4px 8px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  border-radius: 2px;
-  user-select: none;
-  margin-top: 10px;
-}
-#fortune-location-condition .button-primary {
-  background: #0188fb;
-  border: 1px solid #0188fb;
-  color: #fff;
-  margin-right: 10px;
-}
-#fortune-location-condition .button-close {
-  color: #333;
-  background-color: #fff;
-  border: 1px solid #ccc;
-}

package/es/components/LocationCondition/index.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import "./index.css";
-export declare const LocationCondition: React.FC<{}>;

package/es/components/LocationCondition/index.js

@@ -1,195 +0,0 @@
-import { applyLocation, getFlowdata, getOptionValue, getSelectRange, locale } from "@fileverse-dev/fortune-core";
-import produce from "immer";
-import _ from "lodash";
-import React, { useContext, useState, useCallback } from "react";
-import WorkbookContext from "../../context";
-import { useDialog } from "../../hooks/useDialog";
-import "./index.css";
-export var LocationCondition = function LocationCondition() {
-  var _a = useContext(WorkbookContext),
-    context = _a.context,
-    setContext = _a.setContext;
-  var _b = useDialog(),
-    showDialog = _b.showDialog,
-    hideDialog = _b.hideDialog;
-  var _c = locale(context),
-    findAndReplace = _c.findAndReplace,
-    button = _c.button;
-  var _d = useState("locationConstant"),
-    conditionType = _d[0],
-    setConditionType = _d[1];
-  var _e = useState({
-      locationDate: true,
-      locationDigital: true,
-      locationString: true,
-      locationBool: true,
-      locationError: true
-    }),
-    constants = _e[0],
-    setConstants = _e[1];
-  var _f = useState({
-      locationDate: true,
-      locationDigital: true,
-      locationString: true,
-      locationBool: true,
-      locationError: true
-    }),
-    formulas = _f[0],
-    setFormulas = _f[1];
-  var onConfirm = useCallback(function () {
-    var _a, _b, _c, _d, _e, _f;
-    if (conditionType === "locationConstant") {
-      var value_1 = getOptionValue(constants);
-      var selectRange_1 = getSelectRange(context);
-      setContext(function (ctx) {
-        var rangeArr = applyLocation(selectRange_1, conditionType, value_1, ctx);
-        if (rangeArr.length === 0) showDialog(findAndReplace.locationTipNotFindCell, "ok");
-      });
-    } else if (conditionType === "locationFormula") {
-      var value_2 = getOptionValue(formulas);
-      var selectRange_2 = getSelectRange(context);
-      setContext(function (ctx) {
-        var rangeArr = applyLocation(selectRange_2, conditionType, value_2, ctx);
-        if (rangeArr.length === 0) showDialog(findAndReplace.locationTipNotFindCell, "ok");
-      });
-    } else if (conditionType === "locationRowSpan") {
-      if (((_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a.length) === 0 || ((_b = context.luckysheet_select_save) === null || _b === void 0 ? void 0 : _b.length) === 1 && context.luckysheet_select_save[0].row[0] === context.luckysheet_select_save[0].row[1]) {
-        showDialog(findAndReplace.locationTiplessTwoRow, "ok");
-        return;
-      }
-      var selectRange_3 = _.assignIn([], context.luckysheet_select_save);
-      setContext(function (ctx) {
-        var rangeArr = applyLocation(selectRange_3, conditionType, undefined, ctx);
-        if (rangeArr.length === 0) showDialog(findAndReplace.locationTipNotFindCell, "ok");
-      });
-    } else if (conditionType === "locationColumnSpan") {
-      if (((_c = context.luckysheet_select_save) === null || _c === void 0 ? void 0 : _c.length) === 0 || ((_d = context.luckysheet_select_save) === null || _d === void 0 ? void 0 : _d.length) === 1 && context.luckysheet_select_save[0].column[0] === context.luckysheet_select_save[0].column[1]) {
-        showDialog(findAndReplace.locationTiplessTwoColumn, "ok");
-        return;
-      }
-      var selectRange_4 = _.assignIn([], context.luckysheet_select_save);
-      setContext(function (ctx) {
-        var rangeArr = applyLocation(selectRange_4, conditionType, undefined, ctx);
-        if (rangeArr.length === 0) showDialog(findAndReplace.locationTipNotFindCell, "ok");
-      });
-    } else {
-      var selectRange_5;
-      if (((_e = context.luckysheet_select_save) === null || _e === void 0 ? void 0 : _e.length) === 0 || ((_f = context.luckysheet_select_save) === null || _f === void 0 ? void 0 : _f.length) === 1 && context.luckysheet_select_save[0].row[0] === context.luckysheet_select_save[0].row[1] && context.luckysheet_select_save[0].column[0] === context.luckysheet_select_save[0].column[1]) {
-        var flowdata = getFlowdata(context, context.currentSheetId);
-        selectRange_5 = [{
-          row: [0, flowdata.length - 1],
-          column: [0, flowdata[0].length - 1]
-        }];
-      } else {
-        selectRange_5 = _.assignIn([], context.luckysheet_select_save);
-      }
-      setContext(function (ctx) {
-        var rangeArr = applyLocation(selectRange_5, conditionType, undefined, ctx);
-        if (rangeArr.length === 0) showDialog(findAndReplace.locationTipNotFindCell, "ok");
-      });
-    }
-  }, [conditionType, constants, context, findAndReplace.locationTipNotFindCell, findAndReplace.locationTiplessTwoColumn, findAndReplace.locationTiplessTwoRow, formulas, setContext, showDialog]);
-  var isSelect = useCallback(function (currentType) {
-    return conditionType === currentType;
-  }, [conditionType]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-location-condition"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "title"
-  }, findAndReplace.location), /*#__PURE__*/React.createElement("div", {
-    className: "listbox"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "listItem"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    name: "locationType",
-    id: "locationConstant",
-    checked: isSelect("locationConstant"),
-    onChange: function onChange() {
-      setConditionType("locationConstant");
-    }
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: "locationConstant"
-  }, findAndReplace.locationConstant), /*#__PURE__*/React.createElement("div", {
-    className: "subbox"
-  }, ["locationDate", "locationDigital", "locationString", "locationBool", "locationError"].map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "subItem",
-      key: v
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "checkbox",
-      disabled: !isSelect("locationConstant"),
-      checked: constants[v],
-      onChange: function onChange() {
-        setConstants(produce(function (draft) {
-          _.set(draft, v, !draft[v]);
-        }));
-      }
-    }), /*#__PURE__*/React.createElement("label", {
-      htmlFor: v,
-      style: {
-        color: isSelect("locationConstant") ? "#000" : "#666"
-      }
-    }, findAndReplace[v]));
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "listItem"
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    name: "locationType",
-    id: "locationFormula",
-    checked: isSelect("locationFormula"),
-    onChange: function onChange() {
-      setConditionType("locationFormula");
-    }
-  }), /*#__PURE__*/React.createElement("label", {
-    htmlFor: "locationFormula"
-  }, findAndReplace.locationFormula), /*#__PURE__*/React.createElement("div", {
-    className: "subbox"
-  }, ["locationDate", "locationDigital", "locationString", "locationBool", "locationError"].map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "subItem",
-      key: v
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "checkbox",
-      disabled: !isSelect("locationFormula"),
-      checked: formulas[v],
-      onChange: function onChange() {
-        setFormulas(produce(function (draft) {
-          _.set(draft, v, !draft[v]);
-        }));
-      }
-    }), /*#__PURE__*/React.createElement("label", {
-      htmlFor: v,
-      style: {
-        color: isSelect("locationFormula") ? "#000" : "#666"
-      }
-    }, findAndReplace[v]));
-  }))), ["locationNull", "locationRowSpan", "locationColumnSpan"].map(function (v) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "listItem",
-      key: v
-    }, /*#__PURE__*/React.createElement("input", {
-      type: "radio",
-      name: v,
-      checked: isSelect(v),
-      onChange: function onChange() {
-        setConditionType(v);
-      }
-    }), /*#__PURE__*/React.createElement("label", {
-      htmlFor: v
-    }, findAndReplace[v]));
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "button-basic button-primary",
-    onClick: function onClick() {
-      hideDialog();
-      onConfirm();
-    },
-    tabIndex: 0
-  }, button.confirm), /*#__PURE__*/React.createElement("div", {
-    className: "button-basic button-close",
-    onClick: function onClick() {
-      hideDialog();
-    },
-    tabIndex: 0
-  }, button.cancel));
-};

package/es/components/MessageBox/index.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-type Props = {
-    type: "ok" | "yesno";
-    onOk?: () => void;
-    onCancel?: () => void;
-    children?: React.ReactNode;
-};
-declare const MessageBox: React.FC<Props>;
-export default MessageBox;

package/es/components/MessageBox/index.js

@@ -1,16 +0,0 @@
-import React from "react";
-import Dialog from "../Dialog";
-var MessageBox = function MessageBox(_a) {
-  var _b = _a.type,
-    type = _b === void 0 ? "yesno" : _b,
-    onOk = _a.onOk,
-    onCancel = _a.onCancel,
-    children = _a.children;
-  return /*#__PURE__*/React.createElement(Dialog, {
-    type: type,
-    onOk: onOk,
-    onCancel: onCancel,
-    title: type === "yesno" ? "Confirmation" : undefined
-  }, children);
-};
-export default MessageBox;

package/es/components/NotationBoxes/index.js

@@ -1,105 +0,0 @@
-import React, { useContext, useEffect } from "react";
-import { getFlowdata, onCommentBoxMoveStart, setEditingComment, showComments } from "@fileverse-dev/fortune-core";
-import _ from "lodash";
-import WorkbookContext from "../../context";
-var NotationBoxes = function NotationBoxes() {
-  var _a;
-  var _b = useContext(WorkbookContext),
-    context = _b.context,
-    setContext = _b.setContext,
-    refs = _b.refs,
-    settings = _b.settings;
-  var flowdata = getFlowdata(context);
-  useEffect(function () {
-    var _a;
-    if (flowdata) {
-      var psShownCells_1 = [];
-      for (var i = 0; i < flowdata.length; i += 1) {
-        for (var j = 0; j < flowdata[i].length; j += 1) {
-          var cell = flowdata[i][j];
-          if (!cell) continue;
-          if ((_a = cell.ps) === null || _a === void 0 ? void 0 : _a.isShow) {
-            psShownCells_1.push({
-              r: i,
-              c: j
-            });
-          }
-        }
-      }
-      setContext(function (ctx) {
-        return showComments(ctx, psShownCells_1);
-      });
-    }
-  }, [flowdata, setContext]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-postil-showBoxs"
-  }, _.concat((_a = context.commentBoxes) === null || _a === void 0 ? void 0 : _a.filter(function (v) {
-    var _a;
-    return (v === null || v === void 0 ? void 0 : v.rc) !== ((_a = context.editingCommentBox) === null || _a === void 0 ? void 0 : _a.rc);
-  }), [context.editingCommentBox, context.hoveredCommentBox]).map(function (commentBox, index) {
-    var _a, _b;
-    if (!commentBox) return null;
-    var r = commentBox.r,
-      c = commentBox.c,
-      rc = commentBox.rc,
-      left = commentBox.left,
-      top = commentBox.top,
-      width = commentBox.width,
-      height = commentBox.height,
-      size = commentBox.size;
-    var isEditing = ((_a = context.editingCommentBox) === null || _a === void 0 ? void 0 : _a.rc) === rc;
-    var commentId = "comment-box-".concat(rc);
-    return /*#__PURE__*/React.createElement("div", {
-      key: rc + index
-    }, /*#__PURE__*/React.createElement("canvas", {
-      id: "arrowCanvas-".concat(rc),
-      className: "arrowCanvas",
-      width: size.width,
-      height: size.height,
-      style: {
-        position: "absolute",
-        left: size.left,
-        top: size.top,
-        zIndex: 100,
-        pointerEvents: "none"
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      id: commentId,
-      className: "luckysheet-postil-show-main",
-      style: {
-        width: width,
-        height: height,
-        color: "#000",
-        padding: 5,
-        border: "1px solid #000",
-        backgroundColor: "rgb(255,255,225)",
-        position: "absolute",
-        left: left,
-        top: top,
-        boxSizing: "border-box",
-        zIndex: isEditing ? 200 : 100
-      },
-      onMouseDown: function onMouseDown(e) {
-        var nativeEvent = e.nativeEvent;
-        setContext(function (draftContext) {
-          if (flowdata) {
-            setEditingComment(draftContext, flowdata, r, c);
-          }
-        });
-        onCommentBoxMoveStart(context, refs.globalCache, nativeEvent, {
-          r: r,
-          c: c,
-          rc: rc
-        }, commentId);
-        e.stopPropagation();
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: "100%",
-        height: "100%",
-        overflow: "hidden"
-      }
-    }, (_b = settings.getCommentCellUI) === null || _b === void 0 ? void 0 : _b.call(settings, r, c))));
-  }));
-};
-export default NotationBoxes;

package/es/components/ResetColumnWidth/index.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const ResetColumnWidth: React.FC<{}>;

package/es/components/ResetColumnWidth/index.js

@@ -1,130 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import { getFlowdata, locale, api } from "@fileverse-dev/fortune-core";
-import { Button, RadioGroup, RadioGroupItem, Label, TextField } from "@fileverse/ui";
-import _ from "lodash";
-import React, { useContext, useState } from "react";
-import WorkbookContext from "../../context";
-import { useAlert } from "../../hooks/useAlert";
-import { useDialog } from "../../hooks/useDialog";
-export var ResetColumnWidth = function ResetColumnWidth() {
-  var _a = useContext(WorkbookContext),
-    context = _a.context,
-    setContext = _a.setContext;
-  var showAlert = useAlert().showAlert;
-  var button = locale(context).button;
-  var hideDialog = useDialog().hideDialog;
-  var _b = useState("number"),
-    radioValue = _b[0],
-    setRadioValue = _b[1];
-  var _c = useState(100),
-    numberValue = _c[0],
-    setNumberValue = _c[1];
-  var getMaxCellWidth = function getMaxCellWidth(col) {
-    var data = getFlowdata(context);
-    var maxWidth = 100;
-    if (data) {
-      for (var i = 0; i < data.length; i += 1) {
-        var cellD = data[i][col];
-        if (typeof cellD === "string") {
-          if (cellD.length * 7 > maxWidth) {
-            maxWidth = cellD.length * 7;
-          }
-        } else if (_typeof(cellD) === "object" && cellD !== null) {
-          var cellText = cellD.v || cellD.m;
-          if (cellText && cellText.length * 7 > maxWidth) {
-            maxWidth = cellText.length * 7;
-          }
-        }
-      }
-    }
-    return maxWidth;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    id: "fortune-split-column"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React.createElement(RadioGroup, {
-    defaultValue: radioValue,
-    onValueChange: function onValueChange(value) {
-      setRadioValue(value);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-col gap-4"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center space-x-1"
-  }, /*#__PURE__*/React.createElement(RadioGroupItem, {
-    id: "r1",
-    size: "lg",
-    value: "number"
-  }), /*#__PURE__*/React.createElement(Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r1"
-  }, "Enter new column width in pixels. (Default: 80)")), /*#__PURE__*/React.createElement(TextField, {
-    className: "w-1/3 my-4",
-    defaultValue: numberValue,
-    isValid: true,
-    onChange: function onChange(e) {
-      setNumberValue(e.target.value);
-    },
-    placeholder: "Number"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center space-x-1 mb-4"
-  }, /*#__PURE__*/React.createElement(RadioGroupItem, {
-    id: "r2",
-    size: "lg",
-    value: "fit"
-  }), /*#__PURE__*/React.createElement(Label, {
-    className: "text-heading-xsm",
-    htmlFor: "r2"
-  }, "Fit to data")))), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-end gap-2"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    onClick: function onClick() {
-      hideDialog();
-    },
-    tabIndex: 0
-  }, button.cancel), /*#__PURE__*/React.createElement(Button, {
-    onClick: function onClick() {
-      if (radioValue === "number") {
-        var targetColWidth_1 = numberValue;
-        setContext(function (draftCtx) {
-          if (_.isUndefined(targetColWidth_1) || targetColWidth_1 === null || targetColWidth_1 <= 0 || targetColWidth_1 > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var numColWidth = targetColWidth_1;
-          var colWidthList = {};
-          _.forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              getMaxCellWidth(colNum);
-              colWidthList[colNum] = numColWidth;
-            }
-          });
-          api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      } else {
-        var targetColWidth_2 = numberValue;
-        setContext(function (draftCtx) {
-          if (_.isUndefined(targetColWidth_2) || targetColWidth_2 === null || targetColWidth_2 <= 0 || targetColWidth_2 > 2038) {
-            showAlert("The column width must be between 0 ~ 2038", "ok");
-            draftCtx.contextMenu = {};
-            return;
-          }
-          var colWidthList = {};
-          _.forEach(draftCtx.luckysheet_select_save, function (section) {
-            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
-              colWidthList[colNum] = getMaxCellWidth(colNum);
-            }
-          });
-          api.setColumnWidth(draftCtx, colWidthList, {}, true);
-          draftCtx.contextMenu = {};
-        });
-      }
-      hideDialog();
-    },
-    tabIndex: 0
-  }, "Ok")));
-};