@fileverse-dev/fortune-react 1.0.26 → 1.1.0

package/es/components/CustomSort/index.css

@@ -1,23 +0,0 @@
-.fortune-sort-title {
-  background-color: #fff;
-  color: #000;
-  cursor: default;
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  margin: 0 0 16px;
-}
-
-.fortune-sort-modal > div {
-  margin-bottom: 10px;
-}
-
-.fortune-sort-tablec td {
-  padding: 5px;
-  white-space: nowrap;
-}
-
-.fortune-sort-button {
-  margin-top: 10px;
-  margin-bottom: 25px;
-}

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

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

package/es/components/CustomSort/index.js

@@ -1,113 +0,0 @@
-import { getSheetIndex, indexToColumnChar, locale, sortSelection } from "@fileverse-dev/fortune-core";
-import React, { useCallback, useContext, useEffect, useState } from "react";
-import WorkbookContext from "../../context";
-import "./index.css";
-import { useDialog } from "../../hooks/useDialog";
-var CustomSort = function CustomSort() {
-  var _a = useState([]),
-    rangeColChar = _a[0],
-    setRangeColChar = _a[1];
-  var _b = useState(true),
-    ascOrDesc = _b[0],
-    setAscOrDesc = _b[1];
-  var _c = useContext(WorkbookContext),
-    context = _c.context,
-    setContext = _c.setContext;
-  var _d = useState("0"),
-    selectedValue = _d[0],
-    setSelectedValue = _d[1];
-  var _e = useState(false),
-    isTitleChange = _e[0],
-    setIstitleChange = _e[1];
-  var sort = locale(context).sort;
-  var hideDialog = useDialog().hideDialog;
-  var col_start = context.luckysheet_select_save[0].column[0];
-  var col_end = context.luckysheet_select_save[0].column[1];
-  var row_start = context.luckysheet_select_save[0].row[0];
-  var row_end = context.luckysheet_select_save[0].row[1];
-  var sheetIndex = getSheetIndex(context, context.currentSheetId);
-  var handleSelectChange = function handleSelectChange(event) {
-    setSelectedValue(event.target.value);
-  };
-  var handleRadioChange = useCallback(function (e) {
-    var sortValue = e.target.value;
-    setAscOrDesc(sortValue === "asc");
-  }, []);
-  var handleTitleChange = useCallback(function (e) {
-    var value = e.target.checked;
-    setIstitleChange(value);
-  }, []);
-  useEffect(function () {
-    var _a, _b;
-    var list = [];
-    if (isTitleChange) {
-      for (var i = col_start; i <= col_end; i += 1) {
-        var cell = (_b = (_a = context.luckysheetfile[sheetIndex].data) === null || _a === void 0 ? void 0 : _a[row_start]) === null || _b === void 0 ? void 0 : _b[i];
-        var colHeaderValue = (cell === null || cell === void 0 ? void 0 : cell.m) || (cell === null || cell === void 0 ? void 0 : cell.v);
-        if (colHeaderValue) {
-          list.push(colHeaderValue);
-        } else {
-          var ColumnChar = indexToColumnChar(i);
-          list.push("".concat(sort.columnOperation, " ").concat(ColumnChar));
-        }
-      }
-    } else {
-      for (var i = col_start; i <= col_end; i += 1) {
-        var ColumnChar = indexToColumnChar(i);
-        list.push(ColumnChar);
-      }
-    }
-    setRangeColChar(list);
-  }, [col_end, col_start, context.luckysheetfile, isTitleChange, row_start, sheetIndex, sort.columnOperation]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-title"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, sort.sortRangeTitle), indexToColumnChar(col_start), row_start + 1, /*#__PURE__*/React.createElement("span", null, sort.sortRangeTitleTo), indexToColumnChar(col_end), row_end + 1)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-modal"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    id: "fortune-sort-haveheader",
-    onChange: handleTitleChange
-  }), /*#__PURE__*/React.createElement("span", null, sort.hasTitle)), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-tablec"
-  }, /*#__PURE__*/React.createElement("table", {
-    cellSpacing: "0"
-  }, /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-    style: {
-      width: "190px"
-    }
-  }, sort.sortBy, /*#__PURE__*/React.createElement("select", {
-    name: "sort_0",
-    onChange: handleSelectChange
-  }, rangeColChar.map(function (col, index) {
-    return /*#__PURE__*/React.createElement("option", {
-      value: index,
-      key: index
-    }, col);
-  }))), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    value: "asc",
-    defaultChecked: true,
-    name: "sort_0",
-    onChange: handleRadioChange
-  }), /*#__PURE__*/React.createElement("span", null, sort.asc)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
-    type: "radio",
-    value: "desc",
-    name: "sort_0",
-    onChange: handleRadioChange
-  }), /*#__PURE__*/React.createElement("span", null, sort.desc))))))))), /*#__PURE__*/React.createElement("div", {
-    className: "fortune-sort-button"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "button-basic button-primary",
-    onClick: function onClick() {
-      setContext(function (draftCtx) {
-        sortSelection(draftCtx, ascOrDesc, parseInt(selectedValue, 10));
-        draftCtx.contextMenu = {};
-      });
-      hideDialog();
-    },
-    tabIndex: 0
-  }, sort.confirm)));
-};
-export default CustomSort;

package/es/components/DataVerification/DropdownList.js

@@ -1,126 +0,0 @@
-import { getCellValue, getDropdownList, getFlowdata, getSheetIndex, mergeBorder, setDropdownValue } from "@fileverse-dev/fortune-core";
-import React, { useCallback, useContext, useEffect, useRef, useState } from "react";
-import WorkbookContext from "../../context";
-import { useOutsideClick } from "../../hooks/useOutsideClick";
-import SVGIcon from "../SVGIcon";
-import "./index.css";
-var DropDownList = function DropDownList() {
-  var _a = useContext(WorkbookContext),
-    context = _a.context,
-    setContext = _a.setContext;
-  var containerRef = useRef(null);
-  var _b = useState([]),
-    list = _b[0],
-    setList = _b[1];
-  var _c = useState(false),
-    isMul = _c[0],
-    setIsMul = _c[1];
-  var _d = useState(),
-    position = _d[0],
-    setPosition = _d[1];
-  var _e = useState([]),
-    selected = _e[0],
-    setSelected = _e[1];
-  var close = useCallback(function () {
-    setContext(function (ctx) {
-      ctx.dataVerificationDropDownList = false;
-    });
-  }, [setContext]);
-  useOutsideClick(containerRef, close, [close]);
-  useEffect(function () {
-    var _a, _b;
-    if (!context.luckysheet_select_save) return;
-    var last = context.luckysheet_select_save[context.luckysheet_select_save.length - 1];
-    var rowIndex = last.row_focus;
-    var colIndex = last.column_focus;
-    if (rowIndex == null || colIndex == null) return;
-    var row = context.visibledatarow[rowIndex];
-    var col_pre = colIndex === 0 ? 0 : context.visibledatacolumn[colIndex - 1];
-    var d = getFlowdata(context);
-    if (!d) return;
-    var margeSet = mergeBorder(context, d, rowIndex, colIndex);
-    if (margeSet) {
-      _a = margeSet.row, row = _a[1];
-      _b = margeSet.column, col_pre = _b[0];
-    }
-    var index = getSheetIndex(context, context.currentSheetId);
-    var dataVerification = context.luckysheetfile[index].dataVerification;
-    var item = dataVerification["".concat(rowIndex, "_").concat(colIndex)];
-    var dropdownList = getDropdownList(context, item.value1);
-    var cellValue = getCellValue(rowIndex, colIndex, d);
-    if (cellValue) {
-      setSelected(cellValue.toString().split(","));
-    }
-    setList(dropdownList);
-    setPosition({
-      left: col_pre,
-      top: row
-    });
-    setIsMul(item.type2 === "true");
-  }, []);
-  useEffect(function () {
-    if (!context.luckysheet_select_save) return;
-    var last = context.luckysheet_select_save[context.luckysheet_select_save.length - 1];
-    var rowIndex = last.row_focus;
-    var colIndex = last.column_focus;
-    if (rowIndex == null || colIndex == null) return;
-    var index = getSheetIndex(context, context.currentSheetId);
-    var dataVerification = context.luckysheetfile[index].dataVerification;
-    var item = dataVerification["".concat(rowIndex, "_").concat(colIndex)];
-    if (item.type2 !== "true") return;
-    var d = getFlowdata(context);
-    if (!d) return;
-    var cellValue = getCellValue(rowIndex, colIndex, d);
-    if (cellValue) {
-      setSelected(cellValue.toString().split(","));
-    }
-  }, [context.luckysheetfile]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "luckysheet-dataVerification-dropdown-List",
-    style: position,
-    ref: containerRef,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onChange: function onChange(e) {
-      return e.stopPropagation();
-    },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseUp: function onMouseUp(e) {
-      return e.stopPropagation();
-    },
-    tabIndex: 0
-  }, list.map(function (v, i) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "dropdown-List-item",
-      key: i,
-      onClick: function onClick() {
-        setContext(function (ctx) {
-          var arr = selected;
-          var index = arr.indexOf(v);
-          if (index < 0) {
-            arr.push(v);
-          } else {
-            arr.splice(index, 1);
-          }
-          setSelected(arr);
-          setDropdownValue(ctx, v, arr);
-        });
-      },
-      tabIndex: 0
-    }, /*#__PURE__*/React.createElement(SVGIcon, {
-      name: "check",
-      width: 12,
-      style: {
-        verticalAlign: "middle",
-        display: isMul && selected.indexOf(v) >= 0 ? "inline" : "none"
-      }
-    }), v);
-  }));
-};
-export default DropDownList;

package/es/components/DataVerification/RangeDialog.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import "./index.css";
-declare const RangeDialog: React.FC;
-export default RangeDialog;

package/es/components/DataVerification/RangeDialog.js

@@ -1,105 +0,0 @@
-import { locale } from "@fileverse-dev/fortune-core";
-import { Button, cn, IconButton, TextField } from "@fileverse/ui";
-import React, { useCallback, useContext, useEffect, useState } from "react";
-import DataVerification from ".";
-import WorkbookContext from "../../context";
-import { useDialog } from "../../hooks/useDialog";
-import ConditionRules from "../ConditionFormat/ConditionRules";
-import "./index.css";
-import { getDisplayedRangeTxt } from "./getDisplayedRangeTxt";
-var RangeDialog = function RangeDialog() {
-  var _a = useContext(WorkbookContext),
-    context = _a.context,
-    setContext = _a.setContext;
-  var showDialog = useDialog().showDialog;
-  var _b = locale(context),
-    dataVerification = _b.dataVerification,
-    button = _b.button,
-    toolbar = _b.toolbar;
-  var _c = useState(getDisplayedRangeTxt(context)),
-    rangeTxt2 = _c[0],
-    setRangeTxt2 = _c[1];
-  var close = useCallback(function () {
-    setContext(function (ctx) {
-      ctx.rangeDialog.show = false;
-      ctx.rangeDialog.singleSelect = false;
-    });
-    if (!context.rangeDialog) return;
-    var rangeDialogType = context.rangeDialog.type;
-    if (rangeDialogType.indexOf("between") >= 0) {
-      showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
-        type: "between"
-      }), undefined, locale(context).conditionformat.conditionformat_between);
-      return;
-    }
-    if (rangeDialogType.indexOf("conditionRules") >= 0) {
-      var rulesType = rangeDialogType.substring("conditionRules".length, rangeDialogType.length);
-      showDialog(/*#__PURE__*/React.createElement(ConditionRules, {
-        type: rulesType
-      }), undefined, locale(context).conditionformat["conditionformat_".concat(rulesType)]);
-      return;
-    }
-    showDialog(/*#__PURE__*/React.createElement(DataVerification, null), undefined, toolbar.dataVerification);
-  }, [setContext, showDialog, context]);
-  useEffect(function () {
-    setRangeTxt2(getDisplayedRangeTxt(context));
-  }, [context, context.luckysheet_select_save]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: "range-dialog",
-    className: "fortune-dialog",
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onChange: function onChange(e) {
-      return e.stopPropagation();
-    },
-    onKeyDown: function onKeyDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseDown: function onMouseDown(e) {
-      return e.stopPropagation();
-    },
-    onMouseUp: function onMouseUp(e) {
-      return e.stopPropagation();
-    },
-    tabIndex: 0
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn("flex items-center justify-between border-b color-border-default py-3 px-6")
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-heading-sm"
-  }, dataVerification.selectCellRange), /*#__PURE__*/React.createElement(IconButton, {
-    icon: "X",
-    variant: "ghost",
-    onClick: close,
-    tabIndex: 0
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "px-6 pb-6 pt-4 text-body-sm"
-  }, /*#__PURE__*/React.createElement(TextField, {
-    className: "w-full",
-    readOnly: true,
-    placeholder: dataVerification.selectCellRange2,
-    value: rangeTxt2
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "px-6 pb-6 flex flex-row gap-2 justify-end"
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: "secondary",
-    style: {
-      minWidth: "80px"
-    },
-    onClick: close,
-    tabIndex: 0
-  }, button.close), /*#__PURE__*/React.createElement(Button, {
-    variant: "default",
-    style: {
-      minWidth: "80px"
-    },
-    onClick: function onClick() {
-      setContext(function (ctx) {
-        ctx.rangeDialog.rangeTxt = rangeTxt2;
-      });
-      close();
-    },
-    tabIndex: 0
-  }, button.confirm)));
-};
-export default RangeDialog;

package/es/components/DataVerification/getDisplayedRangeTxt.js

@@ -1,9 +0,0 @@
-import { getRangetxt } from "@fileverse-dev/fortune-core";
-export function getDisplayedRangeTxt(context) {
-  var _a, _b;
-  if (context.luckysheet_select_save) {
-    var range = context.luckysheet_select_save[context.luckysheet_select_save.length - 1];
-    return getRangetxt(context, context.currentSheetId, range, context.currentSheetId);
-  }
-  return (_b = (_a = context.rangeDialog) === null || _a === void 0 ? void 0 : _a.rangeTxt) !== null && _b !== void 0 ? _b : "";
-}

package/es/components/DataVerification/index.css

@@ -1,202 +0,0 @@
-#fortune-data-verification {
-  min-width: 510px;
-  user-select: none;
-}
-
-#fortune-data-verification .title {
-  font-size: 16px;
-}
-
-#fortune-data-verification .box {
-  font-size: 14px;
-}
-
-#fortune-data-verification .box .box-item {
-  padding: 10px;
-  border-bottom: 1px solid #e1e4e8;
-}
-
-#fortune-data-verification .box .box-item .box-item-title {
-  font-size: 14px;
-  font-weight: 600;
-  margin-bottom: 10px;
-}
-
-#fortune-data-verification .box .box-item .data-verification-range {
-  width: 100%;
-  height: 30px;
-  border: 1px solid #d4d4d4;
-}
-
-#fortune-data-verification .box .box-item .show-box-item {
-  margin-top: 6px;
-  font-size: 12px;
-}
-
-#fortune-data-verification .box .box-item .show-box-item .check-box {
-  height: 30px;
-  line-height: 30px;
-  margin-bottom: 10px;
-}
-
-#fortune-data-verification .box .box-item .show-box-item .check-box input {
-  height: 30px;
-  padding: 0 10px;
-  border: 1px solid #d4d4d4;
-  box-sizing: border-box;
-}
-
-#fortune-data-verification .input-box input {
-  height: 30px;
-  padding: 4px 10px 4px 10px;
-  border: 1px solid #d4d4d4;
-  box-sizing: border-box;
-  margin-top: 6px;
-}
-
-#fortune-data-verification .input-box span {
-  margin: 0px 16px;
-}
-
-.data-verification-range .formulaInputFocus {
-  width: calc(100% - 30px);
-  height: 30px;
-  padding: 0 10px px;
-  float: left;
-  border: none;
-  outline-style: none;
-  box-sizing: border-box;
-}
-
-.data-verification-range .icon {
-  float: right;
-  margin-top: 4px;
-  margin-right: 5px;
-  cursor: pointer;
-}
-
-#fortune-data-verification .box .box-item .data-verification-type-select {
-  width: 100%;
-  height: 30px;
-  border-color: #d4d4d4;
-  outline-style: none;
-}
-
-#fortune-data-verification .box .box-item .check {
-  font-size: 12px;
-  line-height: 24px;
-}
-
-#fortune-data-verification .box .box-item .check input {
-  vertical-align: text-top;
-}
-
-#fortune-data-verification .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-data-verification .button-primary {
-  background: #0188fb;
-  border: 1px solid #0188fb;
-  color: #fff;
-  margin-right: 10px;
-}
-
-#fortune-data-verification .button-close {
-  color: #333;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  margin-right: 10px;
-}
-
-#range-dialog {
-  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
-  background: #fff;
-  border: 1px solid hsl(var(--color-border-default));
-  outline: 0;
-  position: absolute;
-  z-index: 100003;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -90%);
-  user-select: none;
-}
-
-#range-dialog .dialog-title {
-  background-color: #fff;
-  color: #000;
-  cursor: default;
-  font-size: 16px;
-  font-weight: normal;
-  line-height: 24px;
-  margin: 0 0 16px;
-}
-
-#range-dialog input {
-  height: 30px;
-  padding: 0 10px;
-  border: 1px solid #d4d4d4;
-  outline-style: none;
-  user-select: none;
-}
-
-#range-dialog .button-primary {
-  background: #0188fb;
-  border: 1px solid #0188fb;
-  color: #fff;
-  margin-right: 10px;
-}
-
-#range-dialog .button-close {
-  color: #333;
-  background-color: #fff;
-  border: 1px solid #ccc;
-  margin-right: 10px;
-}
-
-#luckysheet-dataVerification-dropdown-List {
-  background-color: hsl(var(--color-bg-default));
-  border: 1px solid hsl(var(--color-border-default));
-  border-radius: 8px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  transform: translateY(4px);
-  position: absolute;
-  z-index: 10000;
-  box-sizing: border-box;
-  font-size: 14px;
-  padding: 8px;
-  min-width: 160px;
-}
-
-#luckysheet-dataVerification-dropdown-List .dropdown-List-item {
-  padding: 4px 8px;
-  box-sizing: border-box;
-  cursor: pointer !important;
-  border-radius: 4px;
-}
-
-#luckysheet-dataVerification-dropdown-List .dropdown-List-item:hover {
-  background-color: hsl(var(--color-bg-default-hover));
-  transition: background-color 0.2s ease;
-}
-
-[data-radix-popper-content-wrapper] {
-  z-index: 10000 !important;
-}
-
-.data-verification-checkbox-label {
-  min-width: 100px;
-}

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

@@ -1,4 +0,0 @@
-import React from "react";
-import "./index.css";
-declare const DataVerification: React.FC;
-export default DataVerification;