@fileverse-dev/fortune-react 1.0.2-mod-39 → 1.0.2-mod-40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Toolbar/index.d.ts +0 -1
- package/dist/components/Workbook/api.d.ts +0 -9
- package/dist/components/Workbook/index.d.ts +1 -10
- package/dist/index.css +17 -198
- package/dist/index.esm.css +17 -198
- package/dist/index.esm.js +372 -789
- package/dist/index.js +371 -788
- package/dist/index.umd.css +17 -198
- package/dist/index.umd.js +7036 -6028
- package/dist/index.umd.min.css +1 -1
- package/dist/index.umd.min.js +9 -9
- package/package.json +2 -2
- package/dist/components/DuneChartsInputModal/DuneChartsInputModal.d.ts +0 -12
- package/dist/components/DunePreview/DunePreview.d.ts +0 -13
- package/dist/components/IFrameBoxs/iFrameBoxs.d.ts +0 -3
- package/dist/utils/datepickerStyles.d.ts +0 -2
package/dist/index.js
CHANGED
|
@@ -184,7 +184,7 @@ function _regenerator() {
|
|
|
184
184
|
i = p[t],
|
|
185
185
|
d = G.p,
|
|
186
186
|
l = i[2];
|
|
187
|
-
r > 3 ? (o = l === n) && (
|
|
187
|
+
r > 3 ? (o = l === n) && (c = i[4] || 3, u = i[5] === e ? i[3] : i[5], i[4] = 3, i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
|
|
188
188
|
}
|
|
189
189
|
if (o || r > 1) return a;
|
|
190
190
|
throw y = !0, n;
|
|
@@ -813,43 +813,49 @@ var FormulaSearch = function FormulaSearch(props) {
|
|
|
813
813
|
justifyContent: "space-between"
|
|
814
814
|
}
|
|
815
815
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
816
|
-
className: "luckysheet-formula-search-func
|
|
816
|
+
className: "luckysheet-formula-search-func"
|
|
817
817
|
}, v.n), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
818
818
|
style: {
|
|
819
819
|
display: "flex",
|
|
820
|
-
justifyContent: "end",
|
|
821
|
-
width: "68px",
|
|
822
|
-
height: "20px",
|
|
823
|
-
alignItems: "center",
|
|
824
820
|
gap: "4px"
|
|
825
821
|
}
|
|
826
822
|
}, v.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
|
|
827
823
|
src: v.LOGO,
|
|
828
824
|
alt: "Service Logo",
|
|
829
|
-
|
|
830
|
-
|
|
831
|
-
}
|
|
825
|
+
width: 32,
|
|
826
|
+
height: 32
|
|
832
827
|
})), v.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
833
828
|
style: {
|
|
834
829
|
borderRadius: "4px",
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
}
|
|
839
|
-
className: "flex justify-center"
|
|
830
|
+
width: "20px",
|
|
831
|
+
height: "20px",
|
|
832
|
+
backgroundColor: "".concat(localStorage.getItem(v.API_KEY) ? "#177E23" : "#F9A92B")
|
|
833
|
+
}
|
|
840
834
|
}, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
|
|
841
835
|
name: "Key",
|
|
842
836
|
style: {
|
|
843
|
-
color:
|
|
844
|
-
width: "12px",
|
|
845
|
-
height: "12px"
|
|
837
|
+
color: "white"
|
|
846
838
|
}
|
|
847
839
|
}))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
848
|
-
className: "luckysheet-formula-search-detail
|
|
840
|
+
className: "luckysheet-formula-search-detail"
|
|
849
841
|
}, v.d));
|
|
850
842
|
}));
|
|
851
843
|
};
|
|
852
844
|
|
|
845
|
+
function lightenHexColor(hex) {
|
|
846
|
+
var amount = 100;
|
|
847
|
+
if (hex.startsWith("#")) {
|
|
848
|
+
hex = hex.slice(1);
|
|
849
|
+
}
|
|
850
|
+
var r = parseInt(hex.slice(0, 2), 16);
|
|
851
|
+
var g = parseInt(hex.slice(2, 4), 16);
|
|
852
|
+
var b = parseInt(hex.slice(4, 6), 16);
|
|
853
|
+
r = Math.min(255, r + amount);
|
|
854
|
+
g = Math.min(255, g + amount);
|
|
855
|
+
b = Math.min(255, b + amount);
|
|
856
|
+
var newHex = "#".concat((1 << 24 | r << 16 | g << 8 | b).toString(16).slice(1).toUpperCase());
|
|
857
|
+
return newHex;
|
|
858
|
+
}
|
|
853
859
|
var FormulaHint = function FormulaHint(props) {
|
|
854
860
|
var _useContext = React.useContext(WorkbookContext),
|
|
855
861
|
context = _useContext.context;
|
|
@@ -864,34 +870,13 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
864
870
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
865
871
|
showAPInput = _useState4[0],
|
|
866
872
|
setShowAPInput = _useState4[1];
|
|
867
|
-
var _useState5 = React.useState(!!localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY)),
|
|
868
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
869
|
-
isKeyAdded = _useState6[0],
|
|
870
|
-
setApiKeyAdded = _useState6[1];
|
|
871
|
-
var _useState7 = React.useState(false),
|
|
872
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
873
|
-
showFunctionBody = _useState8[0],
|
|
874
|
-
setShouldShowFunctionBody = _useState8[1];
|
|
875
|
-
React.useEffect(function () {
|
|
876
|
-
if (fn) {
|
|
877
|
-
setApiKeyAdded(!!localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY));
|
|
878
|
-
setAPI_KEY(localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY) || "");
|
|
879
|
-
setShowAPInput(!localStorage.getItem(fn === null || fn === void 0 ? void 0 : fn.API_KEY));
|
|
880
|
-
}
|
|
881
|
-
}, [fn]);
|
|
882
|
-
var apiKeyPlaceholder = {
|
|
883
|
-
ETHERSCAN_API_KEY: "Etherscan API key"
|
|
884
|
-
};
|
|
885
873
|
if (!fn) return null;
|
|
886
874
|
return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread2(_objectSpread2({}, props), {}, {
|
|
887
875
|
id: "luckysheet-formula-help-c",
|
|
888
876
|
className: "luckysheet-formula-help-c",
|
|
889
877
|
style: {
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA"),
|
|
893
|
-
width: "340px",
|
|
894
|
-
padding: "0px"
|
|
878
|
+
border: "1px solid ".concat(fn.BRAND_COLOR),
|
|
879
|
+
backgroundColor: "".concat(fn.BRAND_COLOR ? lightenHexColor(fn.BRAND_COLOR) : "#F8F9FA")
|
|
895
880
|
}
|
|
896
881
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
897
882
|
className: "luckysheet-formula-help-close",
|
|
@@ -906,25 +891,17 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
906
891
|
className: "fa fa-angle-up",
|
|
907
892
|
"aria-hidden": "true"
|
|
908
893
|
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
909
|
-
|
|
910
|
-
setShouldShowFunctionBody(!showFunctionBody);
|
|
911
|
-
},
|
|
912
|
-
className: "flex cursor-pointer items-center justify-between",
|
|
894
|
+
className: "luckysheet-formula-help-title formula-title",
|
|
913
895
|
style: {
|
|
914
|
-
backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA")
|
|
915
|
-
padding: "10px",
|
|
916
|
-
borderRadius: "10px"
|
|
896
|
+
backgroundColor: "".concat(fn.BRAND_COLOR ? lightenHexColor(fn.BRAND_COLOR) : "#F8F9FA")
|
|
917
897
|
}
|
|
918
898
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
919
|
-
className: "
|
|
920
|
-
}, /*#__PURE__*/React__default['default'].createElement("
|
|
921
|
-
style: {
|
|
922
|
-
fontWeight: 500
|
|
923
|
-
},
|
|
899
|
+
className: "luckysheet-formula-help-title-formula"
|
|
900
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
924
901
|
className: "luckysheet-arguments-help-function-name"
|
|
925
|
-
}, fn.n), /*#__PURE__*/React__default['default'].createElement("
|
|
902
|
+
}, fn.n), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
926
903
|
className: "luckysheet-arguments-paren"
|
|
927
|
-
}, "("), /*#__PURE__*/React__default['default'].createElement("
|
|
904
|
+
}, "("), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
928
905
|
className: "luckysheet-arguments-parameter-holder"
|
|
929
906
|
}, fn.p.map(function (param, i) {
|
|
930
907
|
var name = param.name;
|
|
@@ -934,55 +911,43 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
934
911
|
if (param.require === "o") {
|
|
935
912
|
name = "[".concat(name, "]");
|
|
936
913
|
}
|
|
937
|
-
return /*#__PURE__*/React__default['default'].createElement("
|
|
914
|
+
return /*#__PURE__*/React__default['default'].createElement("span", {
|
|
938
915
|
className: "luckysheet-arguments-help-parameter",
|
|
939
916
|
dir: "auto",
|
|
940
917
|
key: name
|
|
941
918
|
}, name, i !== fn.p.length - 1 && ", ");
|
|
942
|
-
})), /*#__PURE__*/React__default['default'].createElement("
|
|
919
|
+
})), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
943
920
|
className: "luckysheet-arguments-paren"
|
|
944
921
|
}, ")")), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
945
922
|
style: {
|
|
946
923
|
display: "flex",
|
|
947
|
-
justifyContent: "end",
|
|
948
|
-
width: "68px",
|
|
949
|
-
height: "20px",
|
|
950
|
-
alignItems: "center",
|
|
951
924
|
gap: "4px"
|
|
952
925
|
}
|
|
953
926
|
}, fn.LOGO && (/*#__PURE__*/React__default['default'].createElement("img", {
|
|
954
927
|
src: fn.LOGO,
|
|
955
928
|
alt: "Service Logo",
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
}
|
|
929
|
+
width: 32,
|
|
930
|
+
height: 32
|
|
959
931
|
})), fn.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
960
932
|
style: {
|
|
961
933
|
borderRadius: "4px",
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
}
|
|
966
|
-
className: "flex justify-center"
|
|
934
|
+
width: "20px",
|
|
935
|
+
height: "20px",
|
|
936
|
+
backgroundColor: "".concat(localStorage.getItem(fn.API_KEY) ? "#177E23" : "#F9A92B")
|
|
937
|
+
}
|
|
967
938
|
}, /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
|
|
968
939
|
name: "Key",
|
|
969
940
|
style: {
|
|
970
|
-
color:
|
|
971
|
-
width: "12px",
|
|
972
|
-
height: "12px"
|
|
941
|
+
color: "white"
|
|
973
942
|
}
|
|
974
|
-
}))), /*#__PURE__*/React__default['default'].createElement("div",
|
|
975
|
-
name: showFunctionBody ? "ChevronUp" : "ChevronDown",
|
|
976
|
-
width: 16,
|
|
977
|
-
height: 16
|
|
978
|
-
})))), showFunctionBody && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
943
|
+
}))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
979
944
|
className: "luckysheet-formula-help-content",
|
|
980
945
|
style: {
|
|
981
|
-
backgroundColor: "".concat(fn.BRAND_COLOR ? fn.BRAND_COLOR : "#F8F9FA")
|
|
946
|
+
backgroundColor: "".concat(fn.BRAND_COLOR ? lightenHexColor(fn.BRAND_COLOR) : "#F8F9FA")
|
|
982
947
|
}
|
|
983
948
|
}, fn.API_KEY && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
984
949
|
style: {
|
|
985
|
-
borderLeft: "4px solid ".concat(
|
|
950
|
+
borderLeft: "4px solid ".concat(API_KEY ? "#177E23" : "#fb923c"),
|
|
986
951
|
backgroundColor: "white",
|
|
987
952
|
padding: "16px",
|
|
988
953
|
margin: "4px 4px 0px 4px",
|
|
@@ -999,40 +964,38 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
999
964
|
}
|
|
1000
965
|
}, /*#__PURE__*/React__default['default'].createElement("h3", {
|
|
1001
966
|
style: {
|
|
967
|
+
fontSize: "14px",
|
|
968
|
+
fontWeight: "600",
|
|
969
|
+
color: "#1f2937",
|
|
1002
970
|
margin: "0 0 8px 0"
|
|
1003
|
-
}
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
name: showAPInput ? "ChevronUp" : "ChevronDown",
|
|
971
|
+
}
|
|
972
|
+
}, "API key is required"), /*#__PURE__*/React__default['default'].createElement(ui.LucideIcon, {
|
|
973
|
+
name: "ChevronDown",
|
|
1007
974
|
width: 24,
|
|
1008
975
|
height: 24
|
|
1009
976
|
})), showAPInput && (/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("p", {
|
|
1010
977
|
style: {
|
|
978
|
+
color: "#6b7280",
|
|
1011
979
|
margin: "0 0 16px 0"
|
|
1012
|
-
}
|
|
1013
|
-
|
|
1014
|
-
|
|
1015
|
-
|
|
980
|
+
}
|
|
981
|
+
}, "This function is require API key. Please paste it below and\n press 'Ok'."), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
982
|
+
style: {
|
|
983
|
+
display: "flex",
|
|
984
|
+
gap: "12px"
|
|
985
|
+
}
|
|
1016
986
|
}, /*#__PURE__*/React__default['default'].createElement(ui.TextField, {
|
|
1017
987
|
value: API_KEY,
|
|
1018
988
|
id: "function-api-key",
|
|
1019
989
|
type: "text",
|
|
1020
|
-
placeholder:
|
|
990
|
+
placeholder: "API key",
|
|
1021
991
|
onChange: function onChange(e) {
|
|
1022
992
|
setAPI_KEY(e.target.value);
|
|
1023
|
-
setApiKeyAdded(false);
|
|
1024
993
|
}
|
|
1025
|
-
}), /*#__PURE__*/React__default['default'].createElement(
|
|
1026
|
-
className: "flex justify-end mt-2"
|
|
1027
|
-
}, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
994
|
+
}), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
1028
995
|
onClick: function onClick() {
|
|
1029
996
|
localStorage.setItem(fn.API_KEY, API_KEY);
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
},
|
|
1033
|
-
disabled: !API_KEY,
|
|
1034
|
-
className: "min-w-[80px]"
|
|
1035
|
-
}, "Ok"))))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
997
|
+
}
|
|
998
|
+
}, "Ok")))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1036
999
|
style: {
|
|
1037
1000
|
backgroundColor: "white",
|
|
1038
1001
|
padding: "6px",
|
|
@@ -1040,20 +1003,13 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
1040
1003
|
borderRadius: "4px"
|
|
1041
1004
|
}
|
|
1042
1005
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1043
|
-
className: ""
|
|
1006
|
+
className: "luckysheet-formula-help-content-example"
|
|
1044
1007
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
},
|
|
1049
|
-
className: "text-body-sm-bold mb-1 color-text-secondary"
|
|
1050
|
-
}, formulaMore.helpExample), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("code", {
|
|
1051
|
-
style: {
|
|
1052
|
-
overflowWrap: "break-word"
|
|
1053
|
-
},
|
|
1054
|
-
className: "example-value-code"
|
|
1008
|
+
className: "luckysheet-arguments-help-section-title example-title"
|
|
1009
|
+
}, formulaMore.helpExample), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1010
|
+
className: "luckysheet-arguments-help-formula"
|
|
1055
1011
|
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1056
|
-
className: "luckysheet-arguments-help-function-name"
|
|
1012
|
+
className: "luckysheet-arguments-help-function-name example-value"
|
|
1057
1013
|
}, fn.n), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1058
1014
|
className: "luckysheet-arguments-paren"
|
|
1059
1015
|
}, "("), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
@@ -1066,32 +1022,26 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
1066
1022
|
}, param.example, i !== fn.p.length - 1 && ", ");
|
|
1067
1023
|
})), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1068
1024
|
className: "luckysheet-arguments-paren"
|
|
1069
|
-
}, ")")))
|
|
1025
|
+
}, ")"))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1070
1026
|
className: "luckysheet-formula-help-content-detail",
|
|
1071
1027
|
style: {
|
|
1072
|
-
paddingBottom: "
|
|
1028
|
+
paddingBottom: "6px"
|
|
1073
1029
|
}
|
|
1074
1030
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1075
|
-
className: ""
|
|
1031
|
+
className: "luckysheet-arguments-help-section"
|
|
1076
1032
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1077
|
-
|
|
1078
|
-
lineHeight: "16px",
|
|
1079
|
-
fontSize: "12px",
|
|
1080
|
-
padding: "0px"
|
|
1081
|
-
},
|
|
1082
|
-
className: "text-body-sm-bold mb-1 mt-2 color-text-secondary"
|
|
1033
|
+
className: "luckysheet-arguments-help-section-title luckysheet-arguments-help-parameter-name example-title"
|
|
1083
1034
|
}, "About"), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1084
|
-
className: "luckysheet-arguments-help-parameter-content
|
|
1035
|
+
className: "luckysheet-arguments-help-parameter-content example-value"
|
|
1085
1036
|
}, fn.d))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1086
|
-
style: {
|
|
1087
|
-
paddingTop: "16px"
|
|
1088
|
-
},
|
|
1089
1037
|
className: "luckysheet-formula-help-content-param"
|
|
1090
1038
|
}, fn.p.map(function (param) {
|
|
1091
1039
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1092
|
-
className: "",
|
|
1040
|
+
className: "luckysheet-arguments-help-section",
|
|
1093
1041
|
key: param.name
|
|
1094
|
-
}, /*#__PURE__*/React__default['default'].createElement("div",
|
|
1042
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1043
|
+
className: "luckysheet-arguments-help-section-title example-title"
|
|
1044
|
+
}, param.name, param.repeat === "y" && (/*#__PURE__*/React__default['default'].createElement("span", {
|
|
1095
1045
|
className: "luckysheet-arguments-help-argument-info example-value",
|
|
1096
1046
|
style: {
|
|
1097
1047
|
marginTop: "2px"
|
|
@@ -1101,23 +1051,15 @@ var FormulaHint = function FormulaHint(props) {
|
|
|
1101
1051
|
style: {
|
|
1102
1052
|
marginTop: "2px"
|
|
1103
1053
|
}
|
|
1104
|
-
}, "-[", formulaMore.allowOptionText, "]")))
|
|
1105
|
-
className: "luckysheet-arguments-help-parameter-content
|
|
1054
|
+
}, "-[", formulaMore.allowOptionText, "]"))), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
1055
|
+
className: "luckysheet-arguments-help-parameter-content example-value",
|
|
1106
1056
|
style: {
|
|
1107
1057
|
marginTop: "2px"
|
|
1108
1058
|
}
|
|
1109
1059
|
}, param.detail));
|
|
1110
|
-
}))))
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
padding: "8px",
|
|
1114
|
-
borderBottomLeftRadius: "10px",
|
|
1115
|
-
borderBottomRightRadius: "10px"
|
|
1116
|
-
},
|
|
1117
|
-
className: "w-full"
|
|
1118
|
-
}, /*#__PURE__*/React__default['default'].createElement("p", {
|
|
1119
|
-
className: "color-text-link text-helper-text-sm"
|
|
1120
|
-
}, "Learn More")));
|
|
1060
|
+
})))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
1061
|
+
className: "luckysheet-formula-help-foot"
|
|
1062
|
+
}));
|
|
1121
1063
|
};
|
|
1122
1064
|
|
|
1123
1065
|
function usePrevious(value) {
|
|
@@ -1263,48 +1205,6 @@ var InputBox = function InputBox() {
|
|
|
1263
1205
|
e.stopPropagation();
|
|
1264
1206
|
}
|
|
1265
1207
|
}, [getActiveFormula, setContext]);
|
|
1266
|
-
var selectActiveFormulaOnClick = React.useCallback(function (e) {
|
|
1267
|
-
var activeFormula = getActiveFormula();
|
|
1268
|
-
var formulaNameDiv = activeFormula === null || activeFormula === void 0 ? void 0 : activeFormula.querySelector(".luckysheet-formula-search-func");
|
|
1269
|
-
if (formulaNameDiv) {
|
|
1270
|
-
var formulaName = formulaNameDiv.textContent;
|
|
1271
|
-
var textEditor = document.getElementById("luckysheet-rich-text-editor");
|
|
1272
|
-
if (textEditor) {
|
|
1273
|
-
var _getrangeseleciton2;
|
|
1274
|
-
var searchTxt = ((_getrangeseleciton2 = fortuneCore.getrangeseleciton()) === null || _getrangeseleciton2 === void 0 ? void 0 : _getrangeseleciton2.textContent) || "";
|
|
1275
|
-
var deleteCount = searchTxt.length;
|
|
1276
|
-
textEditor.focus();
|
|
1277
|
-
var selection = window.getSelection();
|
|
1278
|
-
if ((selection === null || selection === void 0 ? void 0 : selection.rangeCount) === 0) return;
|
|
1279
|
-
var range = selection === null || selection === void 0 ? void 0 : selection.getRangeAt(0);
|
|
1280
|
-
if (deleteCount !== 0 && range) {
|
|
1281
|
-
var startOffset = Math.max(range.startOffset - deleteCount, 0);
|
|
1282
|
-
var endOffset = range.startOffset;
|
|
1283
|
-
range.setStart(range.startContainer, startOffset);
|
|
1284
|
-
range.setEnd(range.startContainer, endOffset);
|
|
1285
|
-
range.deleteContents();
|
|
1286
|
-
}
|
|
1287
|
-
var functionStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-func\">".concat(formulaName, "</span>");
|
|
1288
|
-
var lParStr = "<span dir=\"auto\" class=\"luckysheet-formula-text-lpar\">(</span>";
|
|
1289
|
-
var functionNode = new DOMParser().parseFromString(functionStr, "text/html").body.childNodes[0];
|
|
1290
|
-
var lParNode = new DOMParser().parseFromString(lParStr, "text/html").body.childNodes[0];
|
|
1291
|
-
if (range === null || range === void 0 ? void 0 : range.startContainer.parentNode) {
|
|
1292
|
-
range === null || range === void 0 ? void 0 : range.setStart(range.startContainer.parentNode, 1);
|
|
1293
|
-
}
|
|
1294
|
-
range === null || range === void 0 ? void 0 : range.insertNode(lParNode);
|
|
1295
|
-
range === null || range === void 0 ? void 0 : range.insertNode(functionNode);
|
|
1296
|
-
range === null || range === void 0 ? void 0 : range.collapse();
|
|
1297
|
-
selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
|
|
1298
|
-
if (range) selection === null || selection === void 0 ? void 0 : selection.addRange(range);
|
|
1299
|
-
setContext(function (draftCtx) {
|
|
1300
|
-
draftCtx.functionCandidates = [];
|
|
1301
|
-
draftCtx.functionHint = formulaName;
|
|
1302
|
-
});
|
|
1303
|
-
}
|
|
1304
|
-
e.preventDefault();
|
|
1305
|
-
e.stopPropagation();
|
|
1306
|
-
}
|
|
1307
|
-
}, [getActiveFormula, setContext]);
|
|
1308
1208
|
var onKeyDown = React.useCallback(function (e) {
|
|
1309
1209
|
lastKeyDownEventRef.current = new KeyboardEvent(e.type, e.nativeEvent);
|
|
1310
1210
|
preText.current = inputRef.current.innerText;
|
|
@@ -1424,18 +1324,6 @@ var InputBox = function InputBox() {
|
|
|
1424
1324
|
})), document.activeElement === inputRef.current && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(FormulaSearch, {
|
|
1425
1325
|
style: {
|
|
1426
1326
|
top: ((firstSelection === null || firstSelection === void 0 ? void 0 : firstSelection.height_move) || 0) + 4
|
|
1427
|
-
},
|
|
1428
|
-
onMouseOver: function onMouseOver(e) {
|
|
1429
|
-
if (document.getElementById("luckysheet-formula-search-c")) {
|
|
1430
|
-
var hoveredItem = e.target.closest(".luckysheet-formula-search-item");
|
|
1431
|
-
if (!hoveredItem) return;
|
|
1432
|
-
clearSearchItemActiveClass();
|
|
1433
|
-
hoveredItem.classList.add("luckysheet-formula-search-item-active");
|
|
1434
|
-
}
|
|
1435
|
-
e.preventDefault();
|
|
1436
|
-
},
|
|
1437
|
-
onClick: function onClick(e) {
|
|
1438
|
-
selectActiveFormulaOnClick(e);
|
|
1439
1327
|
}
|
|
1440
1328
|
}), /*#__PURE__*/React__default['default'].createElement(FormulaHint, {
|
|
1441
1329
|
style: {
|
|
@@ -2571,18 +2459,8 @@ function useDialog() {
|
|
|
2571
2459
|
};
|
|
2572
2460
|
}
|
|
2573
2461
|
|
|
2574
|
-
var datepickerStyles = "\n .datepicker-toggle {\n display: inline-block;\n position: relative;\n width: 100%;\n }\n \n .datepicker-toggle-button {\n opacity: 0.3;\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 16px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n background-repeat: no-repeat;\n background-position: center;\n pointer-events: none;\n }\n \n .datepicker-input {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n font-size: 14px;\n line-height: 1.5;\n color: #1a202c;\n background-color: #fff;\n cursor: pointer;\n }\n \n .datepicker-input::-webkit-calendar-picker-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n opacity: 0;\n }\n \n .datepicker-input:focus {\n outline: none;\n border-color: #4299e1;\n box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n }\n";
|
|
2575
|
-
var injectDatepickerStyles = function injectDatepickerStyles() {
|
|
2576
|
-
if (typeof document !== "undefined") {
|
|
2577
|
-
var styleSheet = document.createElement("style");
|
|
2578
|
-
styleSheet.textContent = datepickerStyles;
|
|
2579
|
-
document.head.appendChild(styleSheet);
|
|
2580
|
-
}
|
|
2581
|
-
};
|
|
2582
|
-
|
|
2583
|
-
injectDatepickerStyles();
|
|
2584
2462
|
var DataVerification = function DataVerification() {
|
|
2585
|
-
var _context$dataVerifica, _context$dataVerifica2, _context$dataVerifica3, _context$dataVerifica4, _context$dataVerifica5, _context$dataVerifica6, _context$dataVerifica7, _context$dataVerifica8, _context$dataVerifica9, _context$dataVerifica0, _context$dataVerifica1, _context$dataVerifica10, _context$dataVerifica11;
|
|
2463
|
+
var _context$dataVerifica, _context$dataVerifica2, _context$dataVerifica3, _context$dataVerifica4, _context$dataVerifica5, _context$dataVerifica6, _context$dataVerifica7, _context$dataVerifica8, _context$dataVerifica9, _context$dataVerifica0, _context$dataVerifica1, _context$dataVerifica10, _context$dataVerifica11, _context$dataVerifica12, _context$dataVerifica13, _context$dataVerifica14, _context$dataVerifica15, _context$dataVerifica16, _context$dataVerifica17, _context$dataVerifica18, _context$dataVerifica19, _context$dataVerifica20, _context$dataVerifica21, _context$dataVerifica22, _context$dataVerifica23;
|
|
2586
2464
|
var _useContext = React.useContext(WorkbookContext),
|
|
2587
2465
|
context = _useContext.context,
|
|
2588
2466
|
setContext = _useContext.setContext;
|
|
@@ -2591,11 +2469,15 @@ var DataVerification = function DataVerification() {
|
|
|
2591
2469
|
hideDialog = _useDialog.hideDialog;
|
|
2592
2470
|
var _locale = fortuneCore.locale(context),
|
|
2593
2471
|
dataVerification = _locale.dataVerification,
|
|
2472
|
+
toolbar = _locale.toolbar,
|
|
2594
2473
|
button = _locale.button,
|
|
2595
2474
|
generalDialog = _locale.generalDialog;
|
|
2596
|
-
var _useState = React.useState(["between", "notBetween", "equal", "notEqualTo", "
|
|
2475
|
+
var _useState = React.useState(["between", "notBetween", "equal", "notEqualTo", "moreThanThe", "lessThan", "greaterOrEqualTo", "lessThanOrEqualTo"]),
|
|
2597
2476
|
_useState2 = _slicedToArray(_useState, 1),
|
|
2598
|
-
|
|
2477
|
+
numberCondition = _useState2[0];
|
|
2478
|
+
var _useState3 = React.useState(["between", "notBetween", "equal", "notEqualTo", "earlierThan", "noEarlierThan", "laterThan", "noLaterThan"]),
|
|
2479
|
+
_useState4 = _slicedToArray(_useState3, 1),
|
|
2480
|
+
dateCondition = _useState4[0];
|
|
2599
2481
|
var dataSelectRange = React.useCallback(function (type, value) {
|
|
2600
2482
|
hideDialog();
|
|
2601
2483
|
setContext(function (ctx) {
|
|
@@ -2730,36 +2612,48 @@ var DataVerification = function DataVerification() {
|
|
|
2730
2612
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2731
2613
|
id: "fortune-data-verification"
|
|
2732
2614
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2733
|
-
className: "
|
|
2615
|
+
className: "title"
|
|
2616
|
+
}, toolbar.dataVerification), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2617
|
+
className: "box"
|
|
2734
2618
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2735
|
-
className: "
|
|
2619
|
+
className: "box-item",
|
|
2620
|
+
style: {
|
|
2621
|
+
borderTop: "1px solid #E1E4E8"
|
|
2622
|
+
}
|
|
2736
2623
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2737
|
-
className: "
|
|
2738
|
-
}, dataVerification.cellRange), /*#__PURE__*/React__default['default'].createElement(
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
"aria-hidden": "true",
|
|
2744
|
-
readOnly: true,
|
|
2624
|
+
className: "box-item-title"
|
|
2625
|
+
}, dataVerification.cellRange), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2626
|
+
className: "data-verification-range"
|
|
2627
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2628
|
+
className: "formulaInputFocus",
|
|
2629
|
+
spellCheck: "false",
|
|
2745
2630
|
value: (_context$dataVerifica = context.dataVerification.dataRegulation) === null || _context$dataVerifica === void 0 ? void 0 : _context$dataVerifica.rangeTxt,
|
|
2746
2631
|
onChange: function onChange(e) {
|
|
2747
2632
|
var value = e.target.value;
|
|
2748
2633
|
setContext(function (ctx) {
|
|
2749
2634
|
ctx.dataVerification.dataRegulation.rangeTxt = value;
|
|
2750
2635
|
});
|
|
2751
|
-
}
|
|
2636
|
+
}
|
|
2637
|
+
}), /*#__PURE__*/React__default['default'].createElement("i", {
|
|
2638
|
+
className: "icon",
|
|
2639
|
+
"aria-hidden": "true",
|
|
2752
2640
|
onClick: function onClick() {
|
|
2753
2641
|
hideDialog();
|
|
2754
2642
|
dataSelectRange("rangeTxt", context.dataVerification.dataRegulation.value1);
|
|
2755
|
-
}
|
|
2756
|
-
|
|
2757
|
-
|
|
2643
|
+
},
|
|
2644
|
+
tabIndex: 0
|
|
2645
|
+
}, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
2646
|
+
name: "tab",
|
|
2647
|
+
width: 18
|
|
2648
|
+
})))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2649
|
+
className: "box-item"
|
|
2758
2650
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2759
|
-
className: "
|
|
2760
|
-
}, dataVerification.verificationCondition), /*#__PURE__*/React__default['default'].createElement(
|
|
2651
|
+
className: "box-item-title"
|
|
2652
|
+
}, dataVerification.verificationCondition), /*#__PURE__*/React__default['default'].createElement("select", {
|
|
2653
|
+
className: "data-verification-type-select",
|
|
2761
2654
|
value: context.dataVerification.dataRegulation.type,
|
|
2762
|
-
|
|
2655
|
+
onChange: function onChange(e) {
|
|
2656
|
+
var value = e.target.value;
|
|
2763
2657
|
setContext(function (ctx) {
|
|
2764
2658
|
ctx.dataVerification.dataRegulation.type = value;
|
|
2765
2659
|
if (value === "dropdown" || value === "checkbox") {
|
|
@@ -2775,14 +2669,18 @@ var DataVerification = function DataVerification() {
|
|
|
2775
2669
|
ctx.dataVerification.dataRegulation.value2 = "";
|
|
2776
2670
|
});
|
|
2777
2671
|
}
|
|
2778
|
-
},
|
|
2779
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
2672
|
+
}, ["dropdown", "checkbox", "number", "number_integer", "number_decimal", "text_content", "text_length", "date", "validity"].map(function (v) {
|
|
2673
|
+
return /*#__PURE__*/React__default['default'].createElement("option", {
|
|
2780
2674
|
value: v,
|
|
2781
2675
|
key: v
|
|
2782
2676
|
}, dataVerification[v]);
|
|
2783
|
-
}))
|
|
2784
|
-
className: "
|
|
2785
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
2677
|
+
})), ((_context$dataVerifica2 = context.dataVerification) === null || _context$dataVerifica2 === void 0 ? void 0 : (_context$dataVerifica3 = _context$dataVerifica2.dataRegulation) === null || _context$dataVerifica3 === void 0 ? void 0 : _context$dataVerifica3.type) === "dropdown" && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2678
|
+
className: "show-box-item"
|
|
2679
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2680
|
+
className: "data-verification-range"
|
|
2681
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2682
|
+
className: "formulaInputFocus",
|
|
2683
|
+
spellCheck: "false",
|
|
2786
2684
|
value: context.dataVerification.dataRegulation.value1,
|
|
2787
2685
|
placeholder: dataVerification.placeholder1,
|
|
2788
2686
|
onChange: function onChange(e) {
|
|
@@ -2791,28 +2689,39 @@ var DataVerification = function DataVerification() {
|
|
|
2791
2689
|
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2792
2690
|
});
|
|
2793
2691
|
}
|
|
2794
|
-
}), /*#__PURE__*/React__default['default'].createElement("
|
|
2795
|
-
className: "
|
|
2796
|
-
|
|
2797
|
-
|
|
2692
|
+
}), /*#__PURE__*/React__default['default'].createElement("i", {
|
|
2693
|
+
className: "icon",
|
|
2694
|
+
"aria-hidden": "true",
|
|
2695
|
+
onClick: function onClick() {
|
|
2696
|
+
return dataSelectRange("dropDown", context.dataVerification.dataRegulation.value1);
|
|
2697
|
+
},
|
|
2698
|
+
tabIndex: 0
|
|
2699
|
+
}, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
2700
|
+
name: "tab",
|
|
2701
|
+
width: 18
|
|
2702
|
+
}))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2703
|
+
className: "check"
|
|
2704
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2705
|
+
type: "checkbox",
|
|
2798
2706
|
checked: context.dataVerification.dataRegulation.type2 === "true",
|
|
2799
|
-
|
|
2707
|
+
id: "mul",
|
|
2708
|
+
onChange: function onChange(e) {
|
|
2800
2709
|
var checked = e.target.checked;
|
|
2801
2710
|
setContext(function (ctx) {
|
|
2802
2711
|
ctx.dataVerification.dataRegulation.type2 = "".concat(checked);
|
|
2803
2712
|
});
|
|
2804
2713
|
}
|
|
2805
|
-
}), /*#__PURE__*/React__default['default'].createElement("
|
|
2806
|
-
|
|
2714
|
+
}), /*#__PURE__*/React__default['default'].createElement("label", {
|
|
2715
|
+
htmlFor: "mul"
|
|
2807
2716
|
}, dataVerification.allowMultiSelect)))), ((_context$dataVerifica4 = context.dataVerification) === null || _context$dataVerifica4 === void 0 ? void 0 : (_context$dataVerifica5 = _context$dataVerifica4.dataRegulation) === null || _context$dataVerifica5 === void 0 ? void 0 : _context$dataVerifica5.type) === "checkbox" && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2808
|
-
className: "
|
|
2717
|
+
className: "show-box-item"
|
|
2809
2718
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2810
|
-
className: "
|
|
2811
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
value: (_context$dataVerifica6 = context.dataVerification) === null || _context$dataVerifica6 === void 0 ? void 0 : (_context$dataVerifica7 = _context$dataVerifica6.dataRegulation) === null || _context$dataVerifica7 === void 0 ? void 0 : _context$dataVerifica7.value1,
|
|
2719
|
+
className: "check-box"
|
|
2720
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", null, dataVerification.selected, " \u2014\u2014 "), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2721
|
+
type: "text",
|
|
2722
|
+
className: "data-verification-value1",
|
|
2815
2723
|
placeholder: dataVerification.placeholder2,
|
|
2724
|
+
value: (_context$dataVerifica6 = context.dataVerification) === null || _context$dataVerifica6 === void 0 ? void 0 : (_context$dataVerifica7 = _context$dataVerifica6.dataRegulation) === null || _context$dataVerifica7 === void 0 ? void 0 : _context$dataVerifica7.value1,
|
|
2816
2725
|
onChange: function onChange(e) {
|
|
2817
2726
|
var value = e.target.value;
|
|
2818
2727
|
setContext(function (ctx) {
|
|
@@ -2820,41 +2729,41 @@ var DataVerification = function DataVerification() {
|
|
|
2820
2729
|
});
|
|
2821
2730
|
}
|
|
2822
2731
|
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2823
|
-
className: "
|
|
2824
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
value: (_context$dataVerifica8 = context.dataVerification) === null || _context$dataVerifica8 === void 0 ? void 0 : (_context$dataVerifica9 = _context$dataVerifica8.dataRegulation) === null || _context$dataVerifica9 === void 0 ? void 0 : _context$dataVerifica9.value2,
|
|
2732
|
+
className: "check-box"
|
|
2733
|
+
}, /*#__PURE__*/React__default['default'].createElement("span", null, dataVerification.notSelected, " \u2014\u2014 "), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2734
|
+
type: "text",
|
|
2735
|
+
className: "data-verification-value2",
|
|
2828
2736
|
placeholder: dataVerification.placeholder2,
|
|
2737
|
+
value: (_context$dataVerifica8 = context.dataVerification) === null || _context$dataVerifica8 === void 0 ? void 0 : (_context$dataVerifica9 = _context$dataVerifica8.dataRegulation) === null || _context$dataVerifica9 === void 0 ? void 0 : _context$dataVerifica9.value2,
|
|
2829
2738
|
onChange: function onChange(e) {
|
|
2830
2739
|
var value = e.target.value;
|
|
2831
2740
|
setContext(function (ctx) {
|
|
2832
2741
|
ctx.dataVerification.dataRegulation.value2 = value;
|
|
2833
2742
|
});
|
|
2834
2743
|
}
|
|
2835
|
-
})))), ((_context$dataVerifica0 = context.dataVerification) === null || _context$dataVerifica0 === void 0 ? void 0 : (_context$dataVerifica1 = _context$dataVerifica0.dataRegulation) === null || _context$dataVerifica1 === void 0 ? void 0 : _context$dataVerifica1.type) === "
|
|
2836
|
-
className: "
|
|
2837
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
2744
|
+
})))), (((_context$dataVerifica0 = context.dataVerification) === null || _context$dataVerifica0 === void 0 ? void 0 : (_context$dataVerifica1 = _context$dataVerifica0.dataRegulation) === null || _context$dataVerifica1 === void 0 ? void 0 : _context$dataVerifica1.type) === "number" || ((_context$dataVerifica10 = context.dataVerification) === null || _context$dataVerifica10 === void 0 ? void 0 : (_context$dataVerifica11 = _context$dataVerifica10.dataRegulation) === null || _context$dataVerifica11 === void 0 ? void 0 : _context$dataVerifica11.type) === "number_integer" || ((_context$dataVerifica12 = context.dataVerification) === null || _context$dataVerifica12 === void 0 ? void 0 : (_context$dataVerifica13 = _context$dataVerifica12.dataRegulation) === null || _context$dataVerifica13 === void 0 ? void 0 : _context$dataVerifica13.type) === "number_decimal" || ((_context$dataVerifica14 = context.dataVerification) === null || _context$dataVerifica14 === void 0 ? void 0 : (_context$dataVerifica15 = _context$dataVerifica14.dataRegulation) === null || _context$dataVerifica15 === void 0 ? void 0 : _context$dataVerifica15.type) === "text_length") && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2745
|
+
className: "show-box-item"
|
|
2746
|
+
}, /*#__PURE__*/React__default['default'].createElement("select", {
|
|
2747
|
+
className: "data-verification-type-select",
|
|
2838
2748
|
value: context.dataVerification.dataRegulation.type2,
|
|
2839
|
-
|
|
2749
|
+
onChange: function onChange(e) {
|
|
2750
|
+
var value = e.target.value;
|
|
2840
2751
|
setContext(function (ctx) {
|
|
2841
2752
|
ctx.dataVerification.dataRegulation.type2 = value;
|
|
2842
2753
|
ctx.dataVerification.dataRegulation.value1 = "";
|
|
2843
2754
|
ctx.dataVerification.dataRegulation.value2 = "";
|
|
2844
2755
|
});
|
|
2845
2756
|
}
|
|
2846
|
-
},
|
|
2847
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
2757
|
+
}, numberCondition.map(function (v) {
|
|
2758
|
+
return /*#__PURE__*/React__default['default'].createElement("option", {
|
|
2848
2759
|
value: v,
|
|
2849
2760
|
key: v
|
|
2850
2761
|
}, dataVerification[v]);
|
|
2851
|
-
}))
|
|
2852
|
-
className: "
|
|
2853
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2854
|
-
className: "datepicker-toggle"
|
|
2762
|
+
})), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2763
|
+
className: "input-box"
|
|
2855
2764
|
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2856
|
-
type: "
|
|
2857
|
-
|
|
2765
|
+
type: "number",
|
|
2766
|
+
placeholder: "1",
|
|
2858
2767
|
value: context.dataVerification.dataRegulation.value1,
|
|
2859
2768
|
onChange: function onChange(e) {
|
|
2860
2769
|
var value = e.target.value;
|
|
@@ -2862,13 +2771,97 @@ var DataVerification = function DataVerification() {
|
|
|
2862
2771
|
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2863
2772
|
});
|
|
2864
2773
|
}
|
|
2865
|
-
}), /*#__PURE__*/React__default['default'].createElement("span", {
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2774
|
+
}), /*#__PURE__*/React__default['default'].createElement("span", null, "-"), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2775
|
+
type: "number",
|
|
2776
|
+
placeholder: "100",
|
|
2777
|
+
value: context.dataVerification.dataRegulation.value2,
|
|
2778
|
+
onChange: function onChange(e) {
|
|
2779
|
+
var value = e.target.value;
|
|
2780
|
+
setContext(function (ctx) {
|
|
2781
|
+
ctx.dataVerification.dataRegulation.value2 = value;
|
|
2782
|
+
});
|
|
2783
|
+
}
|
|
2784
|
+
}))) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2785
|
+
className: "input-box"
|
|
2786
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2787
|
+
type: "number",
|
|
2788
|
+
style: {
|
|
2789
|
+
width: "100%"
|
|
2790
|
+
},
|
|
2791
|
+
placeholder: dataVerification.placeholder3,
|
|
2792
|
+
value: context.dataVerification.dataRegulation.value1,
|
|
2793
|
+
onChange: function onChange(e) {
|
|
2794
|
+
var value = e.target.value;
|
|
2795
|
+
setContext(function (ctx) {
|
|
2796
|
+
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2797
|
+
});
|
|
2798
|
+
}
|
|
2799
|
+
}))))), ((_context$dataVerifica16 = context.dataVerification) === null || _context$dataVerifica16 === void 0 ? void 0 : (_context$dataVerifica17 = _context$dataVerifica16.dataRegulation) === null || _context$dataVerifica17 === void 0 ? void 0 : _context$dataVerifica17.type) === "text_content" && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2800
|
+
className: "show-box-item"
|
|
2801
|
+
}, /*#__PURE__*/React__default['default'].createElement("select", {
|
|
2802
|
+
className: "data-verification-type-select",
|
|
2803
|
+
value: context.dataVerification.dataRegulation.type2,
|
|
2804
|
+
onChange: function onChange(e) {
|
|
2805
|
+
var value = e.target.value;
|
|
2806
|
+
setContext(function (ctx) {
|
|
2807
|
+
ctx.dataVerification.dataRegulation.type2 = value;
|
|
2808
|
+
ctx.dataVerification.dataRegulation.value1 = "";
|
|
2809
|
+
ctx.dataVerification.dataRegulation.value2 = "";
|
|
2810
|
+
});
|
|
2811
|
+
}
|
|
2812
|
+
}, ["include", "exclude", "equal"].map(function (v) {
|
|
2813
|
+
return /*#__PURE__*/React__default['default'].createElement("option", {
|
|
2814
|
+
value: v,
|
|
2815
|
+
key: v
|
|
2816
|
+
}, dataVerification[v]);
|
|
2817
|
+
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2818
|
+
className: "input-box"
|
|
2819
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2820
|
+
type: "text",
|
|
2821
|
+
style: {
|
|
2822
|
+
width: "100%"
|
|
2823
|
+
},
|
|
2824
|
+
placeholder: dataVerification.placeholder4,
|
|
2825
|
+
value: context.dataVerification.dataRegulation.value1,
|
|
2826
|
+
onChange: function onChange(e) {
|
|
2827
|
+
var value = e.target.value;
|
|
2828
|
+
setContext(function (ctx) {
|
|
2829
|
+
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2830
|
+
});
|
|
2831
|
+
}
|
|
2832
|
+
})))), ((_context$dataVerifica18 = context.dataVerification) === null || _context$dataVerifica18 === void 0 ? void 0 : (_context$dataVerifica19 = _context$dataVerifica18.dataRegulation) === null || _context$dataVerifica19 === void 0 ? void 0 : _context$dataVerifica19.type) === "date" && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2833
|
+
className: "show-box-item"
|
|
2834
|
+
}, /*#__PURE__*/React__default['default'].createElement("select", {
|
|
2835
|
+
className: "data-verification-type-select",
|
|
2836
|
+
value: context.dataVerification.dataRegulation.type2,
|
|
2837
|
+
onChange: function onChange(e) {
|
|
2838
|
+
var value = e.target.value;
|
|
2839
|
+
setContext(function (ctx) {
|
|
2840
|
+
ctx.dataVerification.dataRegulation.type2 = value;
|
|
2841
|
+
ctx.dataVerification.dataRegulation.value1 = "";
|
|
2842
|
+
ctx.dataVerification.dataRegulation.value2 = "";
|
|
2843
|
+
});
|
|
2844
|
+
}
|
|
2845
|
+
}, dateCondition.map(function (v) {
|
|
2846
|
+
return /*#__PURE__*/React__default['default'].createElement("option", {
|
|
2847
|
+
value: v,
|
|
2848
|
+
key: v
|
|
2849
|
+
}, dataVerification[v]);
|
|
2850
|
+
})), context.dataVerification.dataRegulation.type2 === "between" || context.dataVerification.dataRegulation.type2 === "notBetween" ? (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2851
|
+
className: "input-box"
|
|
2869
2852
|
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2870
2853
|
type: "date",
|
|
2871
|
-
|
|
2854
|
+
placeholder: "1",
|
|
2855
|
+
value: context.dataVerification.dataRegulation.value1,
|
|
2856
|
+
onChange: function onChange(e) {
|
|
2857
|
+
var value = e.target.value;
|
|
2858
|
+
setContext(function (ctx) {
|
|
2859
|
+
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2860
|
+
});
|
|
2861
|
+
}
|
|
2862
|
+
}), /*#__PURE__*/React__default['default'].createElement("span", null, "-"), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2863
|
+
type: "date",
|
|
2864
|
+
placeholder: "100",
|
|
2872
2865
|
value: context.dataVerification.dataRegulation.value2,
|
|
2873
2866
|
onChange: function onChange(e) {
|
|
2874
2867
|
var value = e.target.value;
|
|
@@ -2876,15 +2869,13 @@ var DataVerification = function DataVerification() {
|
|
|
2876
2869
|
ctx.dataVerification.dataRegulation.value2 = value;
|
|
2877
2870
|
});
|
|
2878
2871
|
}
|
|
2879
|
-
})
|
|
2880
|
-
className: "
|
|
2881
|
-
})))) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2882
|
-
className: "mt-4"
|
|
2883
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2884
|
-
className: "datepicker-toggle"
|
|
2872
|
+
}))) : (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2873
|
+
className: "input-box"
|
|
2885
2874
|
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2886
2875
|
type: "date",
|
|
2887
|
-
|
|
2876
|
+
style: {
|
|
2877
|
+
width: "100%"
|
|
2878
|
+
},
|
|
2888
2879
|
placeholder: dataVerification.placeholder3,
|
|
2889
2880
|
value: context.dataVerification.dataRegulation.value1,
|
|
2890
2881
|
onChange: function onChange(e) {
|
|
@@ -2893,35 +2884,57 @@ var DataVerification = function DataVerification() {
|
|
|
2893
2884
|
ctx.dataVerification.dataRegulation.value1 = value;
|
|
2894
2885
|
});
|
|
2895
2886
|
}
|
|
2896
|
-
}), /*#__PURE__*/React__default['default'].createElement("
|
|
2897
|
-
className: "
|
|
2898
|
-
}
|
|
2899
|
-
className: "
|
|
2900
|
-
|
|
2901
|
-
|
|
2887
|
+
}))))), ((_context$dataVerifica20 = context.dataVerification) === null || _context$dataVerifica20 === void 0 ? void 0 : (_context$dataVerifica21 = _context$dataVerifica20.dataRegulation) === null || _context$dataVerifica21 === void 0 ? void 0 : _context$dataVerifica21.type) === "validity" && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2888
|
+
className: "show-box-item"
|
|
2889
|
+
}, /*#__PURE__*/React__default['default'].createElement("select", {
|
|
2890
|
+
className: "data-verification-type-select",
|
|
2891
|
+
value: context.dataVerification.dataRegulation.type2,
|
|
2892
|
+
onChange: function onChange(e) {
|
|
2893
|
+
var value = e.target.value;
|
|
2894
|
+
setContext(function (ctx) {
|
|
2895
|
+
ctx.dataVerification.dataRegulation.type2 = value;
|
|
2896
|
+
ctx.dataVerification.dataRegulation.value1 = "";
|
|
2897
|
+
ctx.dataVerification.dataRegulation.value2 = "";
|
|
2898
|
+
});
|
|
2899
|
+
}
|
|
2900
|
+
}, ["identificationNumber", "phoneNumber"].map(function (v) {
|
|
2901
|
+
return /*#__PURE__*/React__default['default'].createElement("option", {
|
|
2902
|
+
value: v,
|
|
2903
|
+
key: v
|
|
2904
|
+
}, dataVerification[v]);
|
|
2905
|
+
}))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2906
|
+
className: "box-item"
|
|
2902
2907
|
}, ["prohibitInput", "hintShow"].map(function (v) {
|
|
2903
2908
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
2907
|
-
|
|
2909
|
+
className: "check",
|
|
2910
|
+
key: "div".concat(v)
|
|
2911
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2912
|
+
type: "checkbox",
|
|
2913
|
+
id: v,
|
|
2914
|
+
key: "input".concat(v),
|
|
2908
2915
|
checked: context.dataVerification.dataRegulation[v],
|
|
2909
|
-
|
|
2910
|
-
var checked = e.target.checked;
|
|
2916
|
+
onChange: function onChange() {
|
|
2911
2917
|
setContext(function (ctx) {
|
|
2912
2918
|
var _ctx$dataVerification5;
|
|
2913
2919
|
var dataRegulation = (_ctx$dataVerification5 = ctx.dataVerification) === null || _ctx$dataVerification5 === void 0 ? void 0 : _ctx$dataVerification5.dataRegulation;
|
|
2914
2920
|
if (v === "prohibitInput") {
|
|
2915
|
-
dataRegulation.prohibitInput =
|
|
2921
|
+
dataRegulation.prohibitInput = !dataRegulation.prohibitInput;
|
|
2916
2922
|
} else if (v === "hintShow") {
|
|
2917
|
-
dataRegulation.hintShow =
|
|
2923
|
+
dataRegulation.hintShow = !dataRegulation.hintShow;
|
|
2918
2924
|
}
|
|
2919
2925
|
});
|
|
2920
2926
|
}
|
|
2921
|
-
}), /*#__PURE__*/React__default['default'].createElement("
|
|
2922
|
-
|
|
2927
|
+
}), /*#__PURE__*/React__default['default'].createElement("label", {
|
|
2928
|
+
htmlFor: v,
|
|
2929
|
+
key: "label".concat(v)
|
|
2923
2930
|
}, dataVerification[v]));
|
|
2924
|
-
}), ((_context$
|
|
2931
|
+
}), ((_context$dataVerifica22 = context.dataVerification) === null || _context$dataVerifica22 === void 0 ? void 0 : (_context$dataVerifica23 = _context$dataVerifica22.dataRegulation) === null || _context$dataVerifica23 === void 0 ? void 0 : _context$dataVerifica23.hintShow) && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
2932
|
+
className: "input-box"
|
|
2933
|
+
}, /*#__PURE__*/React__default['default'].createElement("input", {
|
|
2934
|
+
type: "text",
|
|
2935
|
+
style: {
|
|
2936
|
+
width: "100%"
|
|
2937
|
+
},
|
|
2925
2938
|
placeholder: dataVerification.placeholder5,
|
|
2926
2939
|
value: context.dataVerification.dataRegulation.hintValue,
|
|
2927
2940
|
onChange: function onChange(e) {
|
|
@@ -2930,37 +2943,25 @@ var DataVerification = function DataVerification() {
|
|
|
2930
2943
|
ctx.dataVerification.dataRegulation.hintValue = value;
|
|
2931
2944
|
});
|
|
2932
2945
|
}
|
|
2933
|
-
}))))), /*#__PURE__*/React__default['default'].createElement(
|
|
2934
|
-
className: "
|
|
2935
|
-
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2936
|
-
className: "flex gap-2 justify-between items-center"
|
|
2937
|
-
}, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
2938
|
-
variant: "secondary",
|
|
2939
|
-
style: {
|
|
2940
|
-
minWidth: "80px"
|
|
2941
|
-
},
|
|
2946
|
+
}))))), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2947
|
+
className: "button-basic button-primary",
|
|
2942
2948
|
onClick: function onClick() {
|
|
2943
|
-
btn("
|
|
2944
|
-
}
|
|
2945
|
-
}, button.cancel), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2946
|
-
className: "flex gap-2"
|
|
2947
|
-
}, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
2948
|
-
variant: "secondary",
|
|
2949
|
-
style: {
|
|
2950
|
-
minWidth: "80px"
|
|
2949
|
+
btn("confirm");
|
|
2951
2950
|
},
|
|
2951
|
+
tabIndex: 0
|
|
2952
|
+
}, button.confirm), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2953
|
+
className: "button-basic button-close",
|
|
2952
2954
|
onClick: function onClick() {
|
|
2953
2955
|
btn("delete");
|
|
2954
|
-
}
|
|
2955
|
-
}, dataVerification.deleteVerification), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
2956
|
-
variant: "default",
|
|
2957
|
-
style: {
|
|
2958
|
-
minWidth: "80px"
|
|
2959
2956
|
},
|
|
2957
|
+
tabIndex: 0
|
|
2958
|
+
}, dataVerification.deleteVerification), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
2959
|
+
className: "button-basic button-close",
|
|
2960
2960
|
onClick: function onClick() {
|
|
2961
|
-
btn("
|
|
2962
|
-
}
|
|
2963
|
-
|
|
2961
|
+
btn("close");
|
|
2962
|
+
},
|
|
2963
|
+
tabIndex: 0
|
|
2964
|
+
}, button.cancel));
|
|
2964
2965
|
};
|
|
2965
2966
|
|
|
2966
2967
|
function getDisplayedRangeTxt(context) {
|
|
@@ -2972,7 +2973,12 @@ function getDisplayedRangeTxt(context) {
|
|
|
2972
2973
|
return (_context$rangeDialog$ = (_context$rangeDialog = context.rangeDialog) === null || _context$rangeDialog === void 0 ? void 0 : _context$rangeDialog.rangeTxt) !== null && _context$rangeDialog$ !== void 0 ? _context$rangeDialog$ : "";
|
|
2973
2974
|
}
|
|
2974
2975
|
|
|
2975
|
-
|
|
2976
|
+
var datepickerStyles = "\n .datepicker-toggle {\n display: inline-block;\n position: relative;\n width: 100%;\n }\n \n .datepicker-toggle-button {\n opacity: 0.3;\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n width: 16px;\n height: 16px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxyZWN0IHg9IjMiIHk9IjQiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjIiIHJ5PSIyIj48L3JlY3Q+PGxpbmUgeDE9IjE2IiB5MT0iMiIgeDI9IjE2IiB5Mj0iNiI+PC9saW5lPjxsaW5lIHgxPSI4IiB5MT0iMiIgeDI9IjgiIHkyPSI2Ij48L2xpbmU+PGxpbmUgeDE9IjMiIHkxPSIxMCIgeDI9IjIxIiB5Mj0iMTAiPjwvbGluZT48L3N2Zz4=');\n background-repeat: no-repeat;\n background-position: center;\n pointer-events: none;\n }\n \n .datepicker-input {\n width: 100%;\n padding: 8px 12px;\n border: 1px solid #e2e8f0;\n border-radius: 6px;\n font-size: 14px;\n line-height: 1.5;\n color: #1a202c;\n background-color: #fff;\n cursor: pointer;\n }\n \n .datepicker-input::-webkit-calendar-picker-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n cursor: pointer;\n opacity: 0;\n }\n \n .datepicker-input:focus {\n outline: none;\n border-color: #4299e1;\n box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);\n }\n";
|
|
2977
|
+
if (typeof document !== "undefined") {
|
|
2978
|
+
var styleSheet = document.createElement("style");
|
|
2979
|
+
styleSheet.textContent = datepickerStyles;
|
|
2980
|
+
document.head.appendChild(styleSheet);
|
|
2981
|
+
}
|
|
2976
2982
|
var ConditionRules = function ConditionRules(_ref) {
|
|
2977
2983
|
var type = _ref.type;
|
|
2978
2984
|
var _useContext = React.useContext(WorkbookContext),
|
|
@@ -3293,8 +3299,7 @@ var RangeDialog = function RangeDialog() {
|
|
|
3293
3299
|
showDialog = _useDialog.showDialog;
|
|
3294
3300
|
var _locale = fortuneCore.locale(context),
|
|
3295
3301
|
dataVerification = _locale.dataVerification,
|
|
3296
|
-
button = _locale.button
|
|
3297
|
-
toolbar = _locale.toolbar;
|
|
3302
|
+
button = _locale.button;
|
|
3298
3303
|
var _useState = React.useState(getDisplayedRangeTxt(context)),
|
|
3299
3304
|
_useState2 = _slicedToArray(_useState, 2),
|
|
3300
3305
|
rangeTxt2 = _useState2[0],
|
|
@@ -3319,7 +3324,7 @@ var RangeDialog = function RangeDialog() {
|
|
|
3319
3324
|
}), undefined, fortuneCore.locale(context).conditionformat["conditionformat_".concat(rulesType)]);
|
|
3320
3325
|
return;
|
|
3321
3326
|
}
|
|
3322
|
-
showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null)
|
|
3327
|
+
showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
|
|
3323
3328
|
}, [setContext, showDialog, context]);
|
|
3324
3329
|
React.useEffect(function () {
|
|
3325
3330
|
setRangeTxt2(getDisplayedRangeTxt(context));
|
|
@@ -3508,7 +3513,7 @@ var DropDownList = function DropDownList() {
|
|
|
3508
3513
|
arr.splice(index, 1);
|
|
3509
3514
|
}
|
|
3510
3515
|
setSelected(arr);
|
|
3511
|
-
fortuneCore.
|
|
3516
|
+
fortuneCore.setDropcownValue(ctx, v, arr);
|
|
3512
3517
|
});
|
|
3513
3518
|
},
|
|
3514
3519
|
tabIndex: 0
|
|
@@ -3523,118 +3528,6 @@ var DropDownList = function DropDownList() {
|
|
|
3523
3528
|
}));
|
|
3524
3529
|
};
|
|
3525
3530
|
|
|
3526
|
-
var IframeBoxs = function IframeBoxs() {
|
|
3527
|
-
var _context$insertedIfra;
|
|
3528
|
-
var _useContext = React.useContext(WorkbookContext),
|
|
3529
|
-
context = _useContext.context,
|
|
3530
|
-
setContext = _useContext.setContext,
|
|
3531
|
-
refs = _useContext.refs;
|
|
3532
|
-
var containerRef = React.useRef(null);
|
|
3533
|
-
React.useEffect(function () {
|
|
3534
|
-
var handleClickOutside = function handleClickOutside(e) {
|
|
3535
|
-
if (!containerRef.current) return;
|
|
3536
|
-
var iframeBoxes = containerRef.current.querySelectorAll(".luckysheet-modal-dialog-iframe");
|
|
3537
|
-
var clickedInsideSomeIframe = Array.from(iframeBoxes).some(function (el) {
|
|
3538
|
-
return el.contains(e.target);
|
|
3539
|
-
});
|
|
3540
|
-
if (!clickedInsideSomeIframe && context.activeIframe !== undefined) {
|
|
3541
|
-
setContext(function (ctx) {
|
|
3542
|
-
ctx.activeIframe = undefined;
|
|
3543
|
-
});
|
|
3544
|
-
}
|
|
3545
|
-
};
|
|
3546
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
3547
|
-
return function () {
|
|
3548
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
3549
|
-
};
|
|
3550
|
-
}, [context.activeIframe, setContext]);
|
|
3551
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3552
|
-
id: "fortune-iframe-boxes",
|
|
3553
|
-
ref: containerRef
|
|
3554
|
-
}, (_context$insertedIfra = context.insertedIframes) === null || _context$insertedIfra === void 0 ? void 0 : _context$insertedIfra.map(function (frame) {
|
|
3555
|
-
var isActive = frame.id === context.activeIframe;
|
|
3556
|
-
var style = {
|
|
3557
|
-
width: frame.width * context.zoomRatio,
|
|
3558
|
-
height: frame.height * context.zoomRatio,
|
|
3559
|
-
left: frame.left * context.zoomRatio,
|
|
3560
|
-
top: frame.top * context.zoomRatio,
|
|
3561
|
-
position: "absolute",
|
|
3562
|
-
padding: 0,
|
|
3563
|
-
zIndex: isActive ? 300 : 200
|
|
3564
|
-
};
|
|
3565
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3566
|
-
key: frame.id,
|
|
3567
|
-
id: isActive ? "fortune-modal-dialog-activeIframe" : frame.id,
|
|
3568
|
-
className: "luckysheet-modal-dialog luckysheet-modal-dialog-iframe",
|
|
3569
|
-
style: style,
|
|
3570
|
-
onClick: function onClick(e) {
|
|
3571
|
-
if (!isActive) {
|
|
3572
|
-
setContext(function (ctx) {
|
|
3573
|
-
ctx.activeIframe = frame.id;
|
|
3574
|
-
});
|
|
3575
|
-
}
|
|
3576
|
-
e.stopPropagation();
|
|
3577
|
-
},
|
|
3578
|
-
onMouseDown: function onMouseDown(e) {
|
|
3579
|
-
if (isActive) {
|
|
3580
|
-
fortuneCore.onIframeMoveStart(context, refs.globalCache, e.nativeEvent);
|
|
3581
|
-
}
|
|
3582
|
-
e.stopPropagation();
|
|
3583
|
-
}
|
|
3584
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3585
|
-
className: "luckysheet-modal-dialog-content",
|
|
3586
|
-
style: {
|
|
3587
|
-
width: "100%",
|
|
3588
|
-
height: "100%",
|
|
3589
|
-
overflow: "hidden"
|
|
3590
|
-
}
|
|
3591
|
-
}, /*#__PURE__*/React__default['default'].createElement("iframe", {
|
|
3592
|
-
title: "iframe-".concat(frame.id),
|
|
3593
|
-
src: frame.src,
|
|
3594
|
-
style: {
|
|
3595
|
-
width: "100%",
|
|
3596
|
-
height: "100%",
|
|
3597
|
-
border: "none",
|
|
3598
|
-
pointerEvents: "none"
|
|
3599
|
-
}
|
|
3600
|
-
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3601
|
-
className: "luckysheet-modal-dialog-border"
|
|
3602
|
-
}), isActive && (/*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3603
|
-
className: "luckysheet-modal-dialog-resize"
|
|
3604
|
-
}, ["lt", "mt", "lm", "rm", "rt", "lb", "mb", "rb"].map(function (dir) {
|
|
3605
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3606
|
-
key: dir,
|
|
3607
|
-
className: "luckysheet-modal-dialog-resize-item luckysheet-modal-dialog-resize-item-".concat(dir),
|
|
3608
|
-
"data-type": dir,
|
|
3609
|
-
style: {
|
|
3610
|
-
zIndex: 300,
|
|
3611
|
-
position: "absolute"
|
|
3612
|
-
},
|
|
3613
|
-
onMouseDown: function onMouseDown(e) {
|
|
3614
|
-
fortuneCore.onIframeResizeStart(context, refs.globalCache, e.nativeEvent, dir);
|
|
3615
|
-
e.stopPropagation();
|
|
3616
|
-
}
|
|
3617
|
-
});
|
|
3618
|
-
})), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
3619
|
-
className: "luckysheet-modal-dialog-controll"
|
|
3620
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
3621
|
-
className: "luckysheet-modal-controll-btn luckysheet-modal-controll-del",
|
|
3622
|
-
role: "button",
|
|
3623
|
-
tabIndex: 0,
|
|
3624
|
-
title: "Delete",
|
|
3625
|
-
onClick: function onClick() {
|
|
3626
|
-
setContext(function (ctx) {
|
|
3627
|
-
var _ctx$insertedIframes;
|
|
3628
|
-
ctx.insertedIframes = ctx === null || ctx === void 0 ? void 0 : (_ctx$insertedIframes = ctx.insertedIframes) === null || _ctx$insertedIframes === void 0 ? void 0 : _ctx$insertedIframes.filter(function (f) {
|
|
3629
|
-
return f.id !== frame.id;
|
|
3630
|
-
});
|
|
3631
|
-
ctx.activeIframe = undefined;
|
|
3632
|
-
});
|
|
3633
|
-
}
|
|
3634
|
-
}, "DELETE")))));
|
|
3635
|
-
}));
|
|
3636
|
-
};
|
|
3637
|
-
|
|
3638
3531
|
var SheetOverlay = function SheetOverlay() {
|
|
3639
3532
|
var _refs$cellArea$curren, _refs$cellArea$curren2, _context$luckysheet_s, _context$luckysheet_s2, _context$luckysheet_s3, _context$luckysheet_s4, _context$luckysheet_s5, _context$luckysheet_s6, _context$presences$le, _context$presences, _context$linkCard, _context$rangeDialog;
|
|
3640
3533
|
var _useContext = React.useContext(WorkbookContext),
|
|
@@ -4077,7 +3970,7 @@ var SheetOverlay = function SheetOverlay() {
|
|
|
4077
3970
|
id: "luckysheet-multipleRange-show"
|
|
4078
3971
|
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4079
3972
|
id: "luckysheet-dynamicArray-hightShow"
|
|
4080
|
-
}), /*#__PURE__*/React__default['default'].createElement(ImgBoxs, null), /*#__PURE__*/React__default['default'].createElement(
|
|
3973
|
+
}), /*#__PURE__*/React__default['default'].createElement(ImgBoxs, null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4081
3974
|
id: "luckysheet-dataVerification-dropdown-btn",
|
|
4082
3975
|
onClick: function onClick() {
|
|
4083
3976
|
setContext(function (ctx) {
|
|
@@ -4090,9 +3983,8 @@ var SheetOverlay = function SheetOverlay() {
|
|
|
4090
3983
|
display: "none"
|
|
4091
3984
|
}
|
|
4092
3985
|
}, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
4093
|
-
name: "
|
|
4094
|
-
width: 16
|
|
4095
|
-
height: 16
|
|
3986
|
+
name: "combo-arrow",
|
|
3987
|
+
width: 16
|
|
4096
3988
|
})), context.dataVerificationDropDownList && /*#__PURE__*/React__default['default'].createElement(DropDownList, null), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4097
3989
|
id: "luckysheet-dataVerification-showHintBox",
|
|
4098
3990
|
className: "luckysheet-mousedown-cancel",
|
|
@@ -4411,9 +4303,6 @@ var Combo = function Combo(_ref) {
|
|
|
4411
4303
|
setPopupPosition = _useState4[1];
|
|
4412
4304
|
var popupRef = React.useRef(null);
|
|
4413
4305
|
var buttonRef = React.useRef(null);
|
|
4414
|
-
var isLucideIcon = React.useMemo(function () {
|
|
4415
|
-
return (iconId === null || iconId === void 0 ? void 0 : iconId.startsWith("align-")) || ["text-overflow", "text-wrap", "text-clip"].includes(iconId);
|
|
4416
|
-
}, [iconId]);
|
|
4417
4306
|
useOutsideClick(popupRef, function () {
|
|
4418
4307
|
setOpen(false);
|
|
4419
4308
|
});
|
|
@@ -4441,7 +4330,7 @@ var Combo = function Combo(_ref) {
|
|
|
4441
4330
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4442
4331
|
ref: buttonRef,
|
|
4443
4332
|
className: "fortune-toolbar-combo"
|
|
4444
|
-
},
|
|
4333
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
4445
4334
|
className: "fortune-toolbar-combo-button",
|
|
4446
4335
|
onClick: function onClick(e) {
|
|
4447
4336
|
if (_onClick) {
|
|
@@ -4460,13 +4349,7 @@ var Combo = function Combo(_ref) {
|
|
|
4460
4349
|
name: iconId
|
|
4461
4350
|
})) : (/*#__PURE__*/React__default['default'].createElement("span", {
|
|
4462
4351
|
className: "fortune-toolbar-combo-text"
|
|
4463
|
-
}, text !== undefined ? text : "")))
|
|
4464
|
-
icon: getIcon(iconId),
|
|
4465
|
-
variant: "ghost",
|
|
4466
|
-
onClick: function onClick() {
|
|
4467
|
-
return setOpen(!open);
|
|
4468
|
-
}
|
|
4469
|
-
})), showArrow && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
4352
|
+
}, text !== undefined ? text : ""))), showArrow && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
4470
4353
|
className: "fortune-toolbar-combo-arrow",
|
|
4471
4354
|
onClick: function onClick() {
|
|
4472
4355
|
return setOpen(!open);
|
|
@@ -5371,121 +5254,6 @@ var FormatSearch = function FormatSearch(_ref) {
|
|
|
5371
5254
|
}, button.cancel)));
|
|
5372
5255
|
};
|
|
5373
5256
|
|
|
5374
|
-
var DuneChartsInputModal = function DuneChartsInputModal(_ref) {
|
|
5375
|
-
var isOpen = _ref.isOpen,
|
|
5376
|
-
onClose = _ref.onClose,
|
|
5377
|
-
onSubmit = _ref.onSubmit,
|
|
5378
|
-
icon = _ref.icon,
|
|
5379
|
-
_ref$submitText = _ref.submitText,
|
|
5380
|
-
submitText = _ref$submitText === void 0 ? "Submit" : _ref$submitText,
|
|
5381
|
-
_ref$placeholder = _ref.placeholder,
|
|
5382
|
-
placeholder = _ref$placeholder === void 0 ? "Enter a value..." : _ref$placeholder;
|
|
5383
|
-
var _useState = React.useState(""),
|
|
5384
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
5385
|
-
url = _useState2[0],
|
|
5386
|
-
setUrl = _useState2[1];
|
|
5387
|
-
var _useState3 = React.useState(false),
|
|
5388
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
5389
|
-
showError = _useState4[0],
|
|
5390
|
-
setShowError = _useState4[1];
|
|
5391
|
-
var inputRef = React.useRef(null);
|
|
5392
|
-
React.useEffect(function () {
|
|
5393
|
-
if (isOpen && inputRef.current) {
|
|
5394
|
-
var timer = setTimeout(function () {
|
|
5395
|
-
var _inputRef$current;
|
|
5396
|
-
(_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
5397
|
-
}, 100);
|
|
5398
|
-
return function () {
|
|
5399
|
-
return clearTimeout(timer);
|
|
5400
|
-
};
|
|
5401
|
-
}
|
|
5402
|
-
return undefined;
|
|
5403
|
-
}, [isOpen]);
|
|
5404
|
-
if (!isOpen) return null;
|
|
5405
|
-
var handleSubmit = function handleSubmit() {
|
|
5406
|
-
var trimmed = url.trim();
|
|
5407
|
-
if (trimmed && fortuneCore.sanitizeDuneUrl(trimmed)) {
|
|
5408
|
-
onSubmit(trimmed);
|
|
5409
|
-
setUrl("");
|
|
5410
|
-
setShowError(false);
|
|
5411
|
-
onClose();
|
|
5412
|
-
} else {
|
|
5413
|
-
setShowError(true);
|
|
5414
|
-
}
|
|
5415
|
-
};
|
|
5416
|
-
var handleKeyDown = function handleKeyDown(e) {
|
|
5417
|
-
e.stopPropagation();
|
|
5418
|
-
if (e.key === "Enter") {
|
|
5419
|
-
handleSubmit();
|
|
5420
|
-
}
|
|
5421
|
-
};
|
|
5422
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
5423
|
-
className: "custom-overlay",
|
|
5424
|
-
onClick: onClose
|
|
5425
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
5426
|
-
className: "input-modal",
|
|
5427
|
-
style: {
|
|
5428
|
-
transformOrigin: "top center"
|
|
5429
|
-
},
|
|
5430
|
-
onClick: function onClick(e) {
|
|
5431
|
-
return e.stopPropagation();
|
|
5432
|
-
},
|
|
5433
|
-
onKeyDown: handleKeyDown
|
|
5434
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
5435
|
-
className: "modal-header"
|
|
5436
|
-
}, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
5437
|
-
name: icon
|
|
5438
|
-
}), /*#__PURE__*/React__default['default'].createElement("input", {
|
|
5439
|
-
ref: inputRef,
|
|
5440
|
-
className: "modal-input",
|
|
5441
|
-
type: "text",
|
|
5442
|
-
placeholder: placeholder,
|
|
5443
|
-
value: url,
|
|
5444
|
-
onChange: function onChange(e) {
|
|
5445
|
-
setUrl(e.target.value);
|
|
5446
|
-
setShowError(false);
|
|
5447
|
-
},
|
|
5448
|
-
onKeyDown: handleKeyDown
|
|
5449
|
-
})), showError && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
5450
|
-
className: "modal-error-message"
|
|
5451
|
-
}, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
5452
|
-
style: {
|
|
5453
|
-
width: "14px",
|
|
5454
|
-
height: "14px"
|
|
5455
|
-
},
|
|
5456
|
-
name: "circle-alert"
|
|
5457
|
-
}), /*#__PURE__*/React__default['default'].createElement("span", null, "Please make sure the URL is a valid Dune chart link"))), url.length > 0 && !showError && (/*#__PURE__*/React__default['default'].createElement("div", {
|
|
5458
|
-
className: "modal-footer"
|
|
5459
|
-
}, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
5460
|
-
onClick: handleSubmit,
|
|
5461
|
-
className: "modal-button"
|
|
5462
|
-
}, submitText)))));
|
|
5463
|
-
};
|
|
5464
|
-
|
|
5465
|
-
var getIcon = function getIcon(title) {
|
|
5466
|
-
switch (title) {
|
|
5467
|
-
case "align-left":
|
|
5468
|
-
return "AlignLeft";
|
|
5469
|
-
case "align-center":
|
|
5470
|
-
return "AlignCenter";
|
|
5471
|
-
case "align-right":
|
|
5472
|
-
return "AlignRight";
|
|
5473
|
-
case "align-top":
|
|
5474
|
-
return "ArrowUpFromLine";
|
|
5475
|
-
case "align-middle":
|
|
5476
|
-
return "AlignVerticalMiddle";
|
|
5477
|
-
case "align-bottom":
|
|
5478
|
-
return "ArrowDownFromLine";
|
|
5479
|
-
case "text-overflow":
|
|
5480
|
-
return "TextOverflow";
|
|
5481
|
-
case "text-wrap":
|
|
5482
|
-
return "WrapText";
|
|
5483
|
-
case "text-clip":
|
|
5484
|
-
return "TextClip";
|
|
5485
|
-
default:
|
|
5486
|
-
return "";
|
|
5487
|
-
}
|
|
5488
|
-
};
|
|
5489
5257
|
var Toolbar = function Toolbar(_ref) {
|
|
5490
5258
|
var _context$luckysheet_s, _flowdata$row, _settings$customToolb;
|
|
5491
5259
|
var setMoreItems = _ref.setMoreItems,
|
|
@@ -5507,10 +5275,6 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
5507
5275
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
5508
5276
|
itemLocations = _useState4[0],
|
|
5509
5277
|
setItemLocations = _useState4[1];
|
|
5510
|
-
var _useState5 = React.useState(false),
|
|
5511
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
5512
|
-
showDuneModal = _useState6[0],
|
|
5513
|
-
setShowDuneModal = _useState6[1];
|
|
5514
5278
|
var _useDialog = useDialog(),
|
|
5515
5279
|
showDialog = _useDialog.showDialog,
|
|
5516
5280
|
hideDialog = _useDialog.hideDialog;
|
|
@@ -5541,12 +5305,14 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
5541
5305
|
var sheetWidth = context.luckysheetTableContentHW[0];
|
|
5542
5306
|
var currency = settings.currency;
|
|
5543
5307
|
var defaultFormat = defaultFmt(currency);
|
|
5544
|
-
var
|
|
5545
|
-
|
|
5546
|
-
customColor =
|
|
5547
|
-
|
|
5548
|
-
|
|
5549
|
-
|
|
5308
|
+
var _useState5 = React.useState("#000000"),
|
|
5309
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
5310
|
+
customColor = _useState6[0],
|
|
5311
|
+
setcustomColor = _useState6[1];
|
|
5312
|
+
var _useState7 = React.useState("1"),
|
|
5313
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
5314
|
+
customStyle = _useState8[0],
|
|
5315
|
+
setcustomStyle = _useState8[1];
|
|
5550
5316
|
var showSubMenu = React.useCallback(function (e, className) {
|
|
5551
5317
|
var target = e.target;
|
|
5552
5318
|
var menuItem = target.className === "fortune-toolbar-menu-line" ? target.parentElement : target;
|
|
@@ -5826,38 +5592,27 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
5826
5592
|
tooltip: toolbar.horizontalAlign,
|
|
5827
5593
|
showArrow: false
|
|
5828
5594
|
}, function (setOpen) {
|
|
5829
|
-
return /*#__PURE__*/React__default['default'].createElement(Select, {
|
|
5830
|
-
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
flexDirection: "row",
|
|
5834
|
-
alignItems: "center",
|
|
5835
|
-
justifyContent: "center",
|
|
5836
|
-
gap: 4
|
|
5837
|
-
}
|
|
5838
|
-
}, items.map(function (_ref3) {
|
|
5839
|
-
var _$find2;
|
|
5840
|
-
var title = _ref3.title;
|
|
5841
|
-
return /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
|
|
5595
|
+
return /*#__PURE__*/React__default['default'].createElement(Select, null, items.map(function (_ref3) {
|
|
5596
|
+
var text = _ref3.text,
|
|
5597
|
+
title = _ref3.title;
|
|
5598
|
+
return /*#__PURE__*/React__default['default'].createElement(Option, {
|
|
5842
5599
|
key: title,
|
|
5843
|
-
isActive: ((_$find2 = ___default['default'].find(items, function (item) {
|
|
5844
|
-
return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.ht);
|
|
5845
|
-
})) === null || _$find2 === void 0 ? void 0 : _$find2.title) === title,
|
|
5846
|
-
icon: getIcon(title),
|
|
5847
|
-
variant: "ghost",
|
|
5848
5600
|
onClick: function onClick() {
|
|
5849
5601
|
setContext(function (ctx) {
|
|
5850
5602
|
fortuneCore.handleHorizontalAlign(ctx, refs.cellInput.current, title.replace("align-", ""));
|
|
5851
5603
|
});
|
|
5852
5604
|
setOpen(false);
|
|
5853
|
-
}
|
|
5854
|
-
|
|
5855
|
-
|
|
5605
|
+
}
|
|
5606
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
5607
|
+
className: "fortune-toolbar-menu-line"
|
|
5608
|
+
}, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
5609
|
+
name: title
|
|
5610
|
+
})));
|
|
5856
5611
|
}));
|
|
5857
5612
|
});
|
|
5858
5613
|
}
|
|
5859
5614
|
if (name === "vertical-align") {
|
|
5860
|
-
var _$
|
|
5615
|
+
var _$find2;
|
|
5861
5616
|
var _items = [{
|
|
5862
5617
|
title: "align-top",
|
|
5863
5618
|
text: align.top,
|
|
@@ -5872,40 +5627,29 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
5872
5627
|
value: 2
|
|
5873
5628
|
}];
|
|
5874
5629
|
return /*#__PURE__*/React__default['default'].createElement(Combo, {
|
|
5875
|
-
iconId: ((_$
|
|
5630
|
+
iconId: ((_$find2 = ___default['default'].find(_items, function (item) {
|
|
5876
5631
|
return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.vt);
|
|
5877
|
-
})) === null || _$
|
|
5632
|
+
})) === null || _$find2 === void 0 ? void 0 : _$find2.title) || "align-top",
|
|
5878
5633
|
key: name,
|
|
5879
5634
|
tooltip: toolbar.verticalAlign,
|
|
5880
5635
|
showArrow: false
|
|
5881
5636
|
}, function (setOpen) {
|
|
5882
|
-
return /*#__PURE__*/React__default['default'].createElement(Select, {
|
|
5883
|
-
|
|
5884
|
-
|
|
5885
|
-
|
|
5886
|
-
flexDirection: "row",
|
|
5887
|
-
alignItems: "center",
|
|
5888
|
-
justifyContent: "center",
|
|
5889
|
-
gap: 4
|
|
5890
|
-
}
|
|
5891
|
-
}, _items.map(function (_ref4) {
|
|
5892
|
-
var _$find4;
|
|
5893
|
-
var title = _ref4.title;
|
|
5894
|
-
return /*#__PURE__*/React__default['default'].createElement(ui.IconButton, {
|
|
5637
|
+
return /*#__PURE__*/React__default['default'].createElement(Select, null, _items.map(function (_ref4) {
|
|
5638
|
+
var text = _ref4.text,
|
|
5639
|
+
title = _ref4.title;
|
|
5640
|
+
return /*#__PURE__*/React__default['default'].createElement(Option, {
|
|
5895
5641
|
key: title,
|
|
5896
|
-
isActive: ((_$find4 = ___default['default'].find(_items, function (item) {
|
|
5897
|
-
return "".concat(item.value) === "".concat(cell === null || cell === void 0 ? void 0 : cell.vt);
|
|
5898
|
-
})) === null || _$find4 === void 0 ? void 0 : _$find4.title) === title,
|
|
5899
|
-
icon: getIcon(title),
|
|
5900
|
-
variant: "ghost",
|
|
5901
5642
|
onClick: function onClick() {
|
|
5902
5643
|
setContext(function (ctx) {
|
|
5903
5644
|
fortuneCore.handleVerticalAlign(ctx, refs.cellInput.current, title.replace("align-", ""));
|
|
5904
5645
|
});
|
|
5905
5646
|
setOpen(false);
|
|
5906
|
-
}
|
|
5907
|
-
|
|
5908
|
-
|
|
5647
|
+
}
|
|
5648
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
5649
|
+
className: "fortune-toolbar-menu-line"
|
|
5650
|
+
}, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
5651
|
+
name: title
|
|
5652
|
+
})));
|
|
5909
5653
|
}));
|
|
5910
5654
|
});
|
|
5911
5655
|
}
|
|
@@ -5980,7 +5724,7 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
5980
5724
|
key: name,
|
|
5981
5725
|
onClick: function onClick() {
|
|
5982
5726
|
if (context.allowEdit === false) return;
|
|
5983
|
-
showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null)
|
|
5727
|
+
showDialog(/*#__PURE__*/React__default['default'].createElement(DataVerification, null));
|
|
5984
5728
|
}
|
|
5985
5729
|
});
|
|
5986
5730
|
}
|
|
@@ -6454,23 +6198,12 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
6454
6198
|
tooltip: toolbar.textWrap,
|
|
6455
6199
|
showArrow: false
|
|
6456
6200
|
}, function (setOpen) {
|
|
6457
|
-
return /*#__PURE__*/React__default['default'].createElement(Select, {
|
|
6458
|
-
|
|
6459
|
-
|
|
6460
|
-
display: "flex",
|
|
6461
|
-
flexDirection: "row",
|
|
6462
|
-
alignItems: "center",
|
|
6463
|
-
justifyContent: "center",
|
|
6464
|
-
gap: 4
|
|
6465
|
-
}
|
|
6466
|
-
}, _items6.map(function (_ref1) {
|
|
6467
|
-
var iconId = _ref1.iconId,
|
|
6201
|
+
return /*#__PURE__*/React__default['default'].createElement(Select, null, _items6.map(function (_ref1) {
|
|
6202
|
+
var text = _ref1.text,
|
|
6203
|
+
iconId = _ref1.iconId,
|
|
6468
6204
|
value = _ref1.value;
|
|
6469
|
-
return /*#__PURE__*/React__default['default'].createElement(
|
|
6205
|
+
return /*#__PURE__*/React__default['default'].createElement(Option, {
|
|
6470
6206
|
key: value,
|
|
6471
|
-
isActive: _curr.value === value,
|
|
6472
|
-
icon: getIcon(iconId),
|
|
6473
|
-
variant: "ghost",
|
|
6474
6207
|
onClick: function onClick() {
|
|
6475
6208
|
setContext(function (ctx) {
|
|
6476
6209
|
var d = fortuneCore.getFlowdata(ctx);
|
|
@@ -6478,9 +6211,12 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
6478
6211
|
fortuneCore.updateFormat(ctx, refs.cellInput.current, d, "tb", value);
|
|
6479
6212
|
});
|
|
6480
6213
|
setOpen(false);
|
|
6481
|
-
}
|
|
6482
|
-
|
|
6483
|
-
|
|
6214
|
+
}
|
|
6215
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
6216
|
+
className: "fortune-toolbar-menu-line"
|
|
6217
|
+
}, text, /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
|
|
6218
|
+
name: iconId
|
|
6219
|
+
})));
|
|
6484
6220
|
}));
|
|
6485
6221
|
});
|
|
6486
6222
|
}
|
|
@@ -6631,7 +6367,7 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
6631
6367
|
});
|
|
6632
6368
|
}
|
|
6633
6369
|
});
|
|
6634
|
-
}, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula,
|
|
6370
|
+
}, [toolbar, cell, setContext, refs.cellInput, refs.fxInput, refs.globalCache, defaultFormat, align, handleUndo, handleRedo, flowdata, formula, showDialog, hideDialog, merge, border, freezen, screenshot, sort, textWrap, rotation, filter, splitText, findAndReplace, context.luckysheet_select_save, context.defaultFontSize, context.allowEdit, comment, fontarray, hideSubMenu, showSubMenu, refs.canvas, customColor, customStyle, toolbarFormat.moreCurrency]);
|
|
6635
6371
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
6636
6372
|
ref: containerRef,
|
|
6637
6373
|
className: "fortune-toolbar",
|
|
@@ -6686,29 +6422,7 @@ var Toolbar = function Toolbar(_ref) {
|
|
|
6686
6422
|
icon: n.icon,
|
|
6687
6423
|
iconName: n.iconName
|
|
6688
6424
|
}, n.children);
|
|
6689
|
-
})
|
|
6690
|
-
iconId: "dune-logo",
|
|
6691
|
-
tooltip: "Insert Dune Chart",
|
|
6692
|
-
key: "dune-charts",
|
|
6693
|
-
onClick: function onClick() {
|
|
6694
|
-
if (context.allowEdit === false) return;
|
|
6695
|
-
setShowDuneModal(true);
|
|
6696
|
-
}
|
|
6697
|
-
}), showDuneModal && (/*#__PURE__*/React__default['default'].createElement(DuneChartsInputModal, {
|
|
6698
|
-
isOpen: showDuneModal,
|
|
6699
|
-
onSubmit: function onSubmit(url) {
|
|
6700
|
-
setContext(function (draftCtx) {
|
|
6701
|
-
fortuneCore.insertDuneChart(draftCtx, url);
|
|
6702
|
-
});
|
|
6703
|
-
setShowDuneModal(false);
|
|
6704
|
-
},
|
|
6705
|
-
onClose: function onClose() {
|
|
6706
|
-
return setShowDuneModal(false);
|
|
6707
|
-
},
|
|
6708
|
-
icon: "dune-logo",
|
|
6709
|
-
placeholder: "Add Dune chart link to embed",
|
|
6710
|
-
submitText: "Embed Dune chart"
|
|
6711
|
-
})));
|
|
6425
|
+
}));
|
|
6712
6426
|
};
|
|
6713
6427
|
|
|
6714
6428
|
var LocationBox = function LocationBox() {
|
|
@@ -9839,74 +9553,6 @@ var SVGDefines = function SVGDefines(_ref) {
|
|
|
9839
9553
|
"clip-rule": "evenodd",
|
|
9840
9554
|
d: "M12.75 2.25C13.1642 2.25 13.5 2.58579 13.5 3V15C13.5 15.4142 13.1642 15.75 12.75 15.75C12.3358 15.75 12 15.4142 12 15V3C12 2.58579 12.3358 2.25 12.75 2.25Z",
|
|
9841
9555
|
fill: "#363B3F"
|
|
9842
|
-
})), /*#__PURE__*/React__default['default'].createElement("symbol", {
|
|
9843
|
-
id: "dune-logo",
|
|
9844
|
-
viewBox: "0 0 18 16",
|
|
9845
|
-
fill: "none"
|
|
9846
|
-
}, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
9847
|
-
width: "18",
|
|
9848
|
-
height: "16",
|
|
9849
|
-
viewBox: "0 0 18 16",
|
|
9850
|
-
fill: "none",
|
|
9851
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
9852
|
-
}, /*#__PURE__*/React__default['default'].createElement("g", {
|
|
9853
|
-
"clip-path": "url(#clip0_80_246690)"
|
|
9854
|
-
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9855
|
-
d: "M7.99485 15.9875C12.4102 15.9875 15.9896 12.4085 15.9896 7.99373C15.9896 3.57891 12.4102 0 7.99485 0C3.57941 0 0 3.57891 0 7.99373C0 12.4085 3.57941 15.9875 7.99485 15.9875Z",
|
|
9856
|
-
fill: "#F4603E"
|
|
9857
|
-
}), /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9858
|
-
d: "M1.39258 12.5028C1.39258 12.5028 6.67562 10.7723 15.9868 7.73633C15.9868 7.73633 16.4968 12.7082 11.3424 15.3015C11.3424 15.3015 8.80068 16.5197 6.01215 15.7383C6.01215 15.7383 3.23545 15.2142 1.39258 12.5028Z",
|
|
9859
|
-
fill: "#1E1870"
|
|
9860
|
-
})), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("clipPath", {
|
|
9861
|
-
id: "clip0_80_246690"
|
|
9862
|
-
}, /*#__PURE__*/React__default['default'].createElement("rect", {
|
|
9863
|
-
width: "16",
|
|
9864
|
-
height: "16",
|
|
9865
|
-
fill: "white"
|
|
9866
|
-
}))))), /*#__PURE__*/React__default['default'].createElement("symbol", {
|
|
9867
|
-
id: "circle-alert",
|
|
9868
|
-
viewBox: "0 0 14 14",
|
|
9869
|
-
fill: "none"
|
|
9870
|
-
}, /*#__PURE__*/React__default['default'].createElement("svg", {
|
|
9871
|
-
width: "14",
|
|
9872
|
-
height: "14",
|
|
9873
|
-
viewBox: "0 0 14 14",
|
|
9874
|
-
fill: "none",
|
|
9875
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
9876
|
-
}, /*#__PURE__*/React__default['default'].createElement("g", {
|
|
9877
|
-
"clip-path": "url(#clip0_138_127604)"
|
|
9878
|
-
}, /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9879
|
-
d: "M6.99967 4.0835C7.32184 4.0835 7.58301 4.34466 7.58301 4.66683V7.00016C7.58301 7.32233 7.32184 7.5835 6.99967 7.5835C6.67751 7.5835 6.41634 7.32233 6.41634 7.00016V4.66683C6.41634 4.34466 6.67751 4.0835 6.99967 4.0835Z",
|
|
9880
|
-
fill: "#FB3449"
|
|
9881
|
-
}), /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9882
|
-
d: "M6.99967 8.75016C6.67751 8.75016 6.41634 9.01133 6.41634 9.3335C6.41634 9.65566 6.67751 9.91683 6.99967 9.91683H7.00551C7.32767 9.91683 7.58884 9.65566 7.58884 9.3335C7.58884 9.01133 7.32767 8.75016 7.00551 8.75016H6.99967Z",
|
|
9883
|
-
fill: "#FB3449"
|
|
9884
|
-
}), /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9885
|
-
"fill-rule": "evenodd",
|
|
9886
|
-
"clip-rule": "evenodd",
|
|
9887
|
-
d: "M0.583008 7.00016C0.583008 3.45634 3.45585 0.583496 6.99967 0.583496C10.5435 0.583496 13.4163 3.45634 13.4163 7.00016C13.4163 10.544 10.5435 13.4168 6.99967 13.4168C3.45585 13.4168 0.583008 10.544 0.583008 7.00016ZM6.99967 1.75016C4.10018 1.75016 1.74967 4.10067 1.74967 7.00016C1.74967 9.89966 4.10018 12.2502 6.99967 12.2502C9.89917 12.2502 12.2497 9.89966 12.2497 7.00016C12.2497 4.10067 9.89917 1.75016 6.99967 1.75016Z",
|
|
9888
|
-
fill: "#FB3449"
|
|
9889
|
-
})), /*#__PURE__*/React__default['default'].createElement("defs", null, /*#__PURE__*/React__default['default'].createElement("clipPath", {
|
|
9890
|
-
id: "clip0_138_127604"
|
|
9891
|
-
}, /*#__PURE__*/React__default['default'].createElement("rect", {
|
|
9892
|
-
width: "14",
|
|
9893
|
-
height: "14",
|
|
9894
|
-
fill: "white"
|
|
9895
|
-
}))))), /*#__PURE__*/React__default['default'].createElement("symbol", {
|
|
9896
|
-
id: "caret-down-fill",
|
|
9897
|
-
width: "14",
|
|
9898
|
-
height: "14",
|
|
9899
|
-
viewBox: "0 0 14 14",
|
|
9900
|
-
fill: "none"
|
|
9901
|
-
}, /*#__PURE__*/React__default['default'].createElement("rect", {
|
|
9902
|
-
width: "14",
|
|
9903
|
-
height: "14",
|
|
9904
|
-
rx: "4",
|
|
9905
|
-
fill: "black",
|
|
9906
|
-
"fill-opacity": "0.1"
|
|
9907
|
-
}), /*#__PURE__*/React__default['default'].createElement("path", {
|
|
9908
|
-
d: "M6.64775 8.97978L3.77152 6.10355C3.45654 5.78857 3.67962 5.25 4.12507 5.25H9.87753C10.323 5.25 10.5461 5.78857 10.2311 6.10355L7.35486 8.97978C7.15959 9.17504 6.84301 9.17504 6.64775 8.97978Z",
|
|
9909
|
-
fill: "#363B3F"
|
|
9910
9556
|
}))));
|
|
9911
9557
|
};
|
|
9912
9558
|
|
|
@@ -10546,9 +10192,6 @@ function generateAPIs(context, setContext, handleUndo, handleRedo, settings, cel
|
|
|
10546
10192
|
},
|
|
10547
10193
|
getLocaleContext: function getLocaleContext() {
|
|
10548
10194
|
return fortuneCore.locale(context);
|
|
10549
|
-
},
|
|
10550
|
-
getWorkbookContect: function getWorkbookContect() {
|
|
10551
|
-
return context;
|
|
10552
10195
|
}
|
|
10553
10196
|
};
|
|
10554
10197
|
}
|
|
@@ -11272,48 +10915,6 @@ var SheetList = function SheetList() {
|
|
|
11272
10915
|
}));
|
|
11273
10916
|
};
|
|
11274
10917
|
|
|
11275
|
-
var DunePreview = function DunePreview(_ref) {
|
|
11276
|
-
var url = _ref.url,
|
|
11277
|
-
position = _ref.position,
|
|
11278
|
-
onKeepAsLink = _ref.onKeepAsLink,
|
|
11279
|
-
onEmbed = _ref.onEmbed;
|
|
11280
|
-
var embedUrl = fortuneCore.sanitizeDuneUrl(url);
|
|
11281
|
-
if (!embedUrl) return null;
|
|
11282
|
-
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11283
|
-
className: "fortune-dune-preview",
|
|
11284
|
-
style: {
|
|
11285
|
-
left: position.left,
|
|
11286
|
-
top: position.top
|
|
11287
|
-
},
|
|
11288
|
-
onClick: function onClick(e) {
|
|
11289
|
-
return e.stopPropagation();
|
|
11290
|
-
}
|
|
11291
|
-
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11292
|
-
className: "fortune-dune-preview-header"
|
|
11293
|
-
}, /*#__PURE__*/React__default['default'].createElement("span", {
|
|
11294
|
-
className: "fortune-dune-preview-title"
|
|
11295
|
-
}, "Detected Dune chart link")), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11296
|
-
className: "fortune-dune-preview-content"
|
|
11297
|
-
}, /*#__PURE__*/React__default['default'].createElement("iframe", {
|
|
11298
|
-
src: embedUrl,
|
|
11299
|
-
title: "Dune Chart Preview",
|
|
11300
|
-
style: {
|
|
11301
|
-
width: "100%",
|
|
11302
|
-
height: "100%",
|
|
11303
|
-
border: "none"
|
|
11304
|
-
}
|
|
11305
|
-
})), /*#__PURE__*/React__default['default'].createElement("p", null, "Do you want to insert Dune chart?"), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
11306
|
-
className: "fortune-dune-preview-footer"
|
|
11307
|
-
}, /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
11308
|
-
variant: "ghost",
|
|
11309
|
-
onClick: onKeepAsLink,
|
|
11310
|
-
className: "!w-fit px-0"
|
|
11311
|
-
}, "Keep as Link"), /*#__PURE__*/React__default['default'].createElement(ui.Button, {
|
|
11312
|
-
onClick: onEmbed,
|
|
11313
|
-
className: "!w-fit px-0"
|
|
11314
|
-
}, "Embed")));
|
|
11315
|
-
};
|
|
11316
|
-
|
|
11317
10918
|
var _excluded = ["onChange", "onOp", "data"];
|
|
11318
10919
|
produce.enablePatches();
|
|
11319
10920
|
var triggerGroupValuesRefresh = function triggerGroupValuesRefresh(ctx) {
|
|
@@ -11846,25 +11447,7 @@ var Workbook = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
|
|
|
11846
11447
|
style: {
|
|
11847
11448
|
width: "60px"
|
|
11848
11449
|
}
|
|
11849
|
-
}, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min))))
|
|
11850
|
-
url: context.showDunePreview.url,
|
|
11851
|
-
position: context.showDunePreview.position,
|
|
11852
|
-
onKeepAsLink: function onKeepAsLink() {
|
|
11853
|
-
setContextWithProduce(function (draftCtx) {
|
|
11854
|
-
draftCtx.showDunePreview = undefined;
|
|
11855
|
-
}, {
|
|
11856
|
-
noHistory: true
|
|
11857
|
-
});
|
|
11858
|
-
},
|
|
11859
|
-
onEmbed: function onEmbed() {
|
|
11860
|
-
setContextWithProduce(function (draftCtx) {
|
|
11861
|
-
fortuneCore.insertDuneChart(draftCtx, context.showDunePreview.url);
|
|
11862
|
-
draftCtx.showDunePreview = undefined;
|
|
11863
|
-
}, {
|
|
11864
|
-
noHistory: true
|
|
11865
|
-
});
|
|
11866
|
-
}
|
|
11867
|
-
})))));
|
|
11450
|
+
}, formula.count, ": ", calInfo.count)), !!calInfo.numberC && !!calInfo.sum && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.sum, ": ", calInfo.sum)), !!calInfo.numberC && !!calInfo.average && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.average, ": ", calInfo.average)), !!calInfo.numberC && !!calInfo.max && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.max, ": ", calInfo.max)), !!calInfo.numberC && !!calInfo.min && (/*#__PURE__*/React__default['default'].createElement("div", null, formula.min, ": ", calInfo.min)))))));
|
|
11868
11451
|
});
|
|
11869
11452
|
|
|
11870
11453
|
exports.Workbook = Workbook;
|