@fileverse-dev/fortune-react 1.1.0 → 1.1.1

package/es/components/ResetColumnWidth/index.js

@@ -0,0 +1,130 @@
+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")));
+};

package/{dist/packages/react/src → es}/components/SVGDefines.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-declare const SVGDefines: React.FC<{
-    currency: string;
-}>;
-export default SVGDefines;
+import React from "react";
+declare const SVGDefines: React.FC<{
+    currency: string;
+}>;
+export default SVGDefines;