@fileverse-dev/fortune-react 1.1.0 → 1.1.2

package/lib/components/CryptoDenominationSelector/index.css

@@ -0,0 +1,67 @@
+.crypto-denomination-selector {
+  min-width: 240px;
+  font-family: inherit;
+  color: hsl(var(--color-text-default));
+}
+
+.cds-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  line-height: 20px;
+}
+.cds-row input[type="number"] {
+  width: 40px;
+  height: 28px;
+  text-align: center;
+  border: 1px solid hsl(var(--color-border-default));
+  border-radius: 6px;
+  font-size: 14px;
+  padding: 0 4px;
+  margin: 0 4px;
+}
+
+/* Chrome, Safari, Edge, Opera */
+.cds-row input::-webkit-outer-spin-button,
+.cds-row input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+.cds-row input[type=number] {
+  -moz-appearance: textfield;
+}
+
+.cds-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-top: 8px;
+}
+.cds-option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  font-size: 14px;
+  line-height: 20px;
+  cursor: pointer;
+  transition: background 0.13s;
+  position: relative;
+}
+.cds-option.selected {
+  background: hsl(var(--color-bg-default-selected));
+}
+.cds-option:hover {
+  background: hsl(var(--color-bg-default-hover));
+}
+.cds-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  background-size: contain;
+  background-repeat: no-repeat;
+}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import "./index.css";
+interface CryptoDenominationSelectorProps {
+    initialDecimals?: number;
+    children: React.ReactNode;
+}
+declare const CryptoDenominationSelector: React.FC<CryptoDenominationSelectorProps>;
+export default CryptoDenominationSelector;

package/lib/components/CryptoDenominationSelector/index.js

@@ -0,0 +1,280 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _ui = require("@fileverse/ui");
+require("./index.css");
+var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
+var _context = _interopRequireDefault(require("../../context"));
+var _convertCellsToCrypto = require("../../utils/convertCellsToCrypto");
+var _updateCellsDecimalFormat = require("../../utils/updateCellsDecimalFormat");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = void 0 && (void 0).__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return {
+            value: op[1],
+            done: false
+          };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+var CRYPTO_OPTIONS = [{
+  label: "Bitcoin (BTC)",
+  value: "BTC",
+  icon: "Btc"
+}, {
+  label: "Ethereum (ETH)",
+  value: "ETH",
+  icon: "Ethereum"
+}, {
+  label: "Solana (SOL)",
+  value: "SOL",
+  icon: "Solana"
+}];
+var CryptoDenominationSelector = function CryptoDenominationSelector(_a) {
+  var _b = _a.initialDecimals,
+    initialDecimals = _b === void 0 ? 6 : _b,
+    children = _a.children;
+  var _c = (0, _react.useContext)(_context.default),
+    setContext = _c.setContext,
+    context = _c.context;
+  var activeCryptoCurrency = (0, _react.useMemo)(function () {
+    var _a, _b;
+    var firstSelection = (_a = context.luckysheet_select_save) === null || _a === void 0 ? void 0 : _a[0];
+    var flowdata = (0, _fortuneCore.getFlowdata)(context);
+    if (!firstSelection || !flowdata) return null;
+    var row = firstSelection.row_focus;
+    var col = firstSelection.column_focus;
+    if (row == null || col == null) return null;
+    var cell = (_b = flowdata[row]) === null || _b === void 0 ? void 0 : _b[col];
+    if (!cell) return null;
+    var curr = (0, _fortuneCore.normalizedCellAttr)(cell, "ct");
+    if (!(curr === null || curr === void 0 ? void 0 : curr.fa)) return null;
+    var found = CRYPTO_OPTIONS.find(function (option) {
+      return curr.fa.includes(option.value);
+    });
+    return found ? found.value : null;
+  }, [context]);
+  var _d = (0, _react.useState)(initialDecimals),
+    decimals = _d[0],
+    setDecimals = _d[1];
+  var _e = (0, _react.useState)(false),
+    open = _e[0],
+    setOpen = _e[1];
+  var handleDenominationChange = (0, _react.useCallback)(function (newDenomination) {
+    return __awaiter(void 0, void 0, void 0, function () {
+      return __generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4, (0, _convertCellsToCrypto.convertCellsToCrypto)({
+              context: context,
+              setContext: setContext,
+              denomination: newDenomination,
+              decimals: decimals
+            })];
+          case 1:
+            _a.sent();
+            return [2];
+        }
+      });
+    });
+  }, [context, setContext, decimals]);
+  var handleDecimalsChange = (0, _react.useCallback)(function (newDecimals) {
+    setDecimals(newDecimals);
+    (0, _updateCellsDecimalFormat.updateCellsDecimalFormat)({
+      context: context,
+      setContext: setContext,
+      decimals: newDecimals
+    });
+  }, [context, setContext]);
+  var handleTriggerClick = (0, _react.useCallback)(function (e) {
+    e.preventDefault();
+    e.stopPropagation();
+    if (context.allowEdit === false) {
+      return;
+    }
+    setOpen(!open);
+  }, [open, context.allowEdit]);
+  return /*#__PURE__*/_react.default.createElement(_ui.Popover, {
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/_react.default.createElement(_ui.PopoverTrigger, {
+    asChild: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: handleTriggerClick
+  }, children)), /*#__PURE__*/_react.default.createElement(_ui.PopoverContent, {
+    align: "end",
+    side: "bottom",
+    sideOffset: 4,
+    className: "p-2"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "crypto-denomination-selector"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "cds-row px-2"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Decimal places:"), /*#__PURE__*/_react.default.createElement("span", {
+    className: "flex items-center"
+  }, /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
+    icon: "Minus",
+    variant: "ghost",
+    size: "sm",
+    className: "!bg-transparent",
+    disabled: decimals === 1,
+    onClick: function onClick() {
+      return handleDecimalsChange(Math.max(1, decimals - 1));
+    }
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "number",
+    min: 1,
+    max: 18,
+    value: decimals,
+    onChange: function onChange(e) {
+      return handleDecimalsChange(Math.max(1, Math.min(18, Number(e.target.value))));
+    }
+  }), /*#__PURE__*/_react.default.createElement(_ui.IconButton, {
+    icon: "Plus",
+    variant: "ghost",
+    size: "sm",
+    className: "!bg-transparent",
+    disabled: decimals === 18,
+    onClick: function onClick() {
+      return handleDecimalsChange(Math.min(18, decimals + 1));
+    }
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "cds-list"
+  }, CRYPTO_OPTIONS.map(function (opt) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: opt.value,
+      className: "flex items-center justify-between cds-option".concat(activeCryptoCurrency === opt.value ? " selected" : ""),
+      onClick: function onClick() {
+        return handleDenominationChange(opt.value);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "flex items-center gap-2"
+    }, activeCryptoCurrency === opt.value ? (/*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: "Check",
+      className: "w-4 h-4"
+    })) : (/*#__PURE__*/_react.default.createElement("div", {
+      className: "w-4 h-4"
+    })), opt.label), /*#__PURE__*/_react.default.createElement(_ui.LucideIcon, {
+      name: opt.icon,
+      className: "cds-icon"
+    }), opt.value === "SOL" && (/*#__PURE__*/_react.default.createElement(_SVGIcon.default, {
+      name: "solana",
+      width: 16,
+      height: 16
+    })));
+  })))));
+};
+var _default = exports.default = CryptoDenominationSelector;

package/lib/components/CustomSort/index.css

@@ -0,0 +1,23 @@
+.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/lib/components/CustomSort/index.d.ts

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

package/lib/components/CustomSort/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _react = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../../context"));
+require("./index.css");
+var _useDialog = require("../../hooks/useDialog");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var CustomSort = function CustomSort() {
+  var _a = (0, _react.useState)([]),
+    rangeColChar = _a[0],
+    setRangeColChar = _a[1];
+  var _b = (0, _react.useState)(true),
+    ascOrDesc = _b[0],
+    setAscOrDesc = _b[1];
+  var _c = (0, _react.useContext)(_context.default),
+    context = _c.context,
+    setContext = _c.setContext;
+  var _d = (0, _react.useState)("0"),
+    selectedValue = _d[0],
+    setSelectedValue = _d[1];
+  var _e = (0, _react.useState)(false),
+    isTitleChange = _e[0],
+    setIstitleChange = _e[1];
+  var sort = (0, _fortuneCore.locale)(context).sort;
+  var hideDialog = (0, _useDialog.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 = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
+  var handleSelectChange = function handleSelectChange(event) {
+    setSelectedValue(event.target.value);
+  };
+  var handleRadioChange = (0, _react.useCallback)(function (e) {
+    var sortValue = e.target.value;
+    setAscOrDesc(sortValue === "asc");
+  }, []);
+  var handleTitleChange = (0, _react.useCallback)(function (e) {
+    var value = e.target.checked;
+    setIstitleChange(value);
+  }, []);
+  (0, _react.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 = (0, _fortuneCore.indexToColumnChar)(i);
+          list.push("".concat(sort.columnOperation, " ").concat(ColumnChar));
+        }
+      }
+    } else {
+      for (var i = col_start; i <= col_end; i += 1) {
+        var ColumnChar = (0, _fortuneCore.indexToColumnChar)(i);
+        list.push(ColumnChar);
+      }
+    }
+    setRangeColChar(list);
+  }, [col_end, col_start, context.luckysheetfile, isTitleChange, row_start, sheetIndex, sort.columnOperation]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-sort"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-sort-title"
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, sort.sortRangeTitle), (0, _fortuneCore.indexToColumnChar)(col_start), row_start + 1, /*#__PURE__*/_react.default.createElement("span", null, sort.sortRangeTitleTo), (0, _fortuneCore.indexToColumnChar)(col_end), row_end + 1)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-sort-modal"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+    type: "checkbox",
+    id: "fortune-sort-haveheader",
+    onChange: handleTitleChange
+  }), /*#__PURE__*/_react.default.createElement("span", null, sort.hasTitle)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-sort-tablec"
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    cellSpacing: "0"
+  }, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    style: {
+      width: "190px"
+    }
+  }, sort.sortBy, /*#__PURE__*/_react.default.createElement("select", {
+    name: "sort_0",
+    onChange: handleSelectChange
+  }, rangeColChar.map(function (col, index) {
+    return /*#__PURE__*/_react.default.createElement("option", {
+      value: index,
+      key: index
+    }, col);
+  }))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+    type: "radio",
+    value: "asc",
+    defaultChecked: true,
+    name: "sort_0",
+    onChange: handleRadioChange
+  }), /*#__PURE__*/_react.default.createElement("span", null, sort.asc)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
+    type: "radio",
+    value: "desc",
+    name: "sort_0",
+    onChange: handleRadioChange
+  }), /*#__PURE__*/_react.default.createElement("span", null, sort.desc))))))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "fortune-sort-button"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "button-basic button-primary",
+    onClick: function onClick() {
+      setContext(function (draftCtx) {
+        (0, _fortuneCore.sortSelection)(draftCtx, ascOrDesc, parseInt(selectedValue, 10));
+        draftCtx.contextMenu = {};
+      });
+      hideDialog();
+    },
+    tabIndex: 0
+  }, sort.confirm)));
+};
+var _default = exports.default = CustomSort;

package/lib/components/DataVerification/DropdownList.d.ts

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

package/lib/components/DataVerification/DropdownList.js

@@ -0,0 +1,135 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _fortuneCore = require("@fileverse-dev/fortune-core");
+var _react = _interopRequireWildcard(require("react"));
+var _context = _interopRequireDefault(require("../../context"));
+var _useOutsideClick = require("../../hooks/useOutsideClick");
+var _SVGIcon = _interopRequireDefault(require("../SVGIcon"));
+require("./index.css");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var DropDownList = function DropDownList() {
+  var _a = (0, _react.useContext)(_context.default),
+    context = _a.context,
+    setContext = _a.setContext;
+  var containerRef = (0, _react.useRef)(null);
+  var _b = (0, _react.useState)([]),
+    list = _b[0],
+    setList = _b[1];
+  var _c = (0, _react.useState)(false),
+    isMul = _c[0],
+    setIsMul = _c[1];
+  var _d = (0, _react.useState)(),
+    position = _d[0],
+    setPosition = _d[1];
+  var _e = (0, _react.useState)([]),
+    selected = _e[0],
+    setSelected = _e[1];
+  var close = (0, _react.useCallback)(function () {
+    setContext(function (ctx) {
+      ctx.dataVerificationDropDownList = false;
+    });
+  }, [setContext]);
+  (0, _useOutsideClick.useOutsideClick)(containerRef, close, [close]);
+  (0, _react.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 = (0, _fortuneCore.getFlowdata)(context);
+    if (!d) return;
+    var margeSet = (0, _fortuneCore.mergeBorder)(context, d, rowIndex, colIndex);
+    if (margeSet) {
+      _a = margeSet.row, row = _a[1];
+      _b = margeSet.column, col_pre = _b[0];
+    }
+    var index = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
+    var dataVerification = context.luckysheetfile[index].dataVerification;
+    var item = dataVerification["".concat(rowIndex, "_").concat(colIndex)];
+    var dropdownList = (0, _fortuneCore.getDropdownList)(context, item.value1);
+    var cellValue = (0, _fortuneCore.getCellValue)(rowIndex, colIndex, d);
+    if (cellValue) {
+      setSelected(cellValue.toString().split(","));
+    }
+    setList(dropdownList);
+    setPosition({
+      left: col_pre,
+      top: row
+    });
+    setIsMul(item.type2 === "true");
+  }, []);
+  (0, _react.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 = (0, _fortuneCore.getSheetIndex)(context, context.currentSheetId);
+    var dataVerification = context.luckysheetfile[index].dataVerification;
+    var item = dataVerification["".concat(rowIndex, "_").concat(colIndex)];
+    if (item.type2 !== "true") return;
+    var d = (0, _fortuneCore.getFlowdata)(context);
+    if (!d) return;
+    var cellValue = (0, _fortuneCore.getCellValue)(rowIndex, colIndex, d);
+    if (cellValue) {
+      setSelected(cellValue.toString().split(","));
+    }
+  }, [context.luckysheetfile]);
+  return /*#__PURE__*/_react.default.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.default.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);
+          (0, _fortuneCore.setDropdownValue)(ctx, v, arr);
+        });
+      },
+      tabIndex: 0
+    }, /*#__PURE__*/_react.default.createElement(_SVGIcon.default, {
+      name: "check",
+      width: 12,
+      style: {
+        verticalAlign: "middle",
+        display: isMul && selected.indexOf(v) >= 0 ? "inline" : "none"
+      }
+    }), v);
+  }));
+};
+var _default = exports.default = DropDownList;

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

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