@fileverse-dev/fortune-react 1.1.0 → 1.1.2

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

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

package/lib/components/ResetColumnWidth/index.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetColumnWidth = void 0;
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _ui = require("@fileverse/ui");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _react = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../../context"));
+var _useAlert = require("../../hooks/useAlert");
+var _useDialog = require("../../hooks/useDialog");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var ResetColumnWidth = exports.ResetColumnWidth = function ResetColumnWidth() {
+  var _a = (0, _react.useContext)(_context.default),
+    context = _a.context,
+    setContext = _a.setContext;
+  var showAlert = (0, _useAlert.useAlert)().showAlert;
+  var button = (0, _fortuneCore.locale)(context).button;
+  var hideDialog = (0, _useDialog.useDialog)().hideDialog;
+  var _b = (0, _react.useState)("number"),
+    radioValue = _b[0],
+    setRadioValue = _b[1];
+  var _c = (0, _react.useState)(100),
+    numberValue = _c[0],
+    setNumberValue = _c[1];
+  var getMaxCellWidth = function getMaxCellWidth(col) {
+    var data = (0, _fortuneCore.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.default.createElement("div", {
+    id: "fortune-split-column"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: ""
+  }, /*#__PURE__*/_react.default.createElement(_ui.RadioGroup, {
+    defaultValue: radioValue,
+    onValueChange: function onValueChange(value) {
+      setRadioValue(value);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex-col gap-4"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center space-x-1"
+  }, /*#__PURE__*/_react.default.createElement(_ui.RadioGroupItem, {
+    id: "r1",
+    size: "lg",
+    value: "number"
+  }), /*#__PURE__*/_react.default.createElement(_ui.Label, {
+    className: "text-heading-xsm",
+    htmlFor: "r1"
+  }, "Enter new column width in pixels. (Default: 80)")), /*#__PURE__*/_react.default.createElement(_ui.TextField, {
+    className: "w-1/3 my-4",
+    defaultValue: numberValue,
+    isValid: true,
+    onChange: function onChange(e) {
+      setNumberValue(e.target.value);
+    },
+    placeholder: "Number"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex items-center space-x-1 mb-4"
+  }, /*#__PURE__*/_react.default.createElement(_ui.RadioGroupItem, {
+    id: "r2",
+    size: "lg",
+    value: "fit"
+  }), /*#__PURE__*/_react.default.createElement(_ui.Label, {
+    className: "text-heading-xsm",
+    htmlFor: "r2"
+  }, "Fit to data")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-end gap-2"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    variant: "secondary",
+    onClick: function onClick() {
+      hideDialog();
+    },
+    tabIndex: 0
+  }, button.cancel), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    onClick: function onClick() {
+      if (radioValue === "number") {
+        var targetColWidth_1 = numberValue;
+        setContext(function (draftCtx) {
+          if (_lodash.default.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 = {};
+          _lodash.default.forEach(draftCtx.luckysheet_select_save, function (section) {
+            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
+              getMaxCellWidth(colNum);
+              colWidthList[colNum] = numColWidth;
+            }
+          });
+          _fortuneCore.api.setColumnWidth(draftCtx, colWidthList, {}, true);
+          draftCtx.contextMenu = {};
+        });
+      } else {
+        var targetColWidth_2 = numberValue;
+        setContext(function (draftCtx) {
+          if (_lodash.default.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 = {};
+          _lodash.default.forEach(draftCtx.luckysheet_select_save, function (section) {
+            for (var colNum = section.column[0]; colNum <= section.column[1]; colNum += 1) {
+              colWidthList[colNum] = getMaxCellWidth(colNum);
+            }
+          });
+          _fortuneCore.api.setColumnWidth(draftCtx, colWidthList, {}, true);
+          draftCtx.contextMenu = {};
+        });
+      }
+      hideDialog();
+    },
+    tabIndex: 0
+  }, "Ok")));
+};

package/lib/components/SVGDefines.d.ts

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