@orderly.network/ui 2.8.10-alpha.0 → 2.8.11-alpha.0
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/index.css +15 -77
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +90 -132
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +90 -132
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +7 -5
- package/src/tailwind/base.ts +19 -0
- package/src/tailwind/chart.ts +28 -0
- package/src/tailwind/components.ts +16 -0
- package/src/tailwind/gradient.ts +38 -0
- package/src/tailwind/index.ts +8 -0
- package/src/tailwind/position.ts +13 -0
- package/src/tailwind/scrollBar.ts +48 -0
- package/src/tailwind/size.ts +13 -0
- package/src/tailwind/theme.ts +102 -0
- package/tailwind.config.js +252 -0
package/dist/index.mjs
CHANGED
|
@@ -692,8 +692,7 @@ var BaseButton = React68__default.forwardRef(
|
|
|
692
692
|
}) : null;
|
|
693
693
|
}, [size, icon]);
|
|
694
694
|
const content = useMemo(() => {
|
|
695
|
-
if (!leading && !trailing && !iconElement)
|
|
696
|
-
return children;
|
|
695
|
+
if (!leading && !trailing && !iconElement) return children;
|
|
697
696
|
return /* @__PURE__ */ jsxs(Flex, { as: "span", itemAlign: "center", className: "oui-space-x-1", children: [
|
|
698
697
|
leading,
|
|
699
698
|
iconElement,
|
|
@@ -4234,12 +4233,9 @@ var Numeral = (props) => {
|
|
|
4234
4233
|
} = props;
|
|
4235
4234
|
const num = Number(props.children);
|
|
4236
4235
|
const child = useMemo(() => {
|
|
4237
|
-
if (props.children === "-")
|
|
4238
|
-
|
|
4239
|
-
if (
|
|
4240
|
-
return placeholder ?? "--";
|
|
4241
|
-
if (typeof visible !== "undefined" && !visible)
|
|
4242
|
-
return masking ?? "*****";
|
|
4236
|
+
if (props.children === "-") return props.children;
|
|
4237
|
+
if (isNaN(num)) return placeholder ?? "--";
|
|
4238
|
+
if (typeof visible !== "undefined" && !visible) return masking ?? "*****";
|
|
4243
4239
|
if (ignoreDP) {
|
|
4244
4240
|
if (!!props.showIdentifier) {
|
|
4245
4241
|
return Math.abs(num).toString();
|
|
@@ -4257,31 +4253,23 @@ var Numeral = (props) => {
|
|
|
4257
4253
|
}, [num, visible, tick, dp]);
|
|
4258
4254
|
const defaultColor = rest.color || "inherit";
|
|
4259
4255
|
const colorName = useMemo(() => {
|
|
4260
|
-
if (!coloring)
|
|
4261
|
-
|
|
4262
|
-
if (typeof visible !== "undefined" && !visible)
|
|
4263
|
-
return defaultColor;
|
|
4256
|
+
if (!coloring) return defaultColor;
|
|
4257
|
+
if (typeof visible !== "undefined" && !visible) return defaultColor;
|
|
4264
4258
|
if (Number.isNaN(num)) {
|
|
4265
4259
|
return defaultColor;
|
|
4266
4260
|
}
|
|
4267
|
-
if (num === 0)
|
|
4268
|
-
|
|
4269
|
-
if (num < 0)
|
|
4270
|
-
return "lose";
|
|
4261
|
+
if (num === 0) return "neutral";
|
|
4262
|
+
if (num < 0) return "lose";
|
|
4271
4263
|
return "profit";
|
|
4272
4264
|
}, [coloring, num, rest.color, props.visible]);
|
|
4273
4265
|
const identifier = useMemo(() => {
|
|
4274
|
-
if (!showIdentifier || Number.isNaN(num) || num === 0)
|
|
4275
|
-
|
|
4276
|
-
if (typeof visible !== "undefined" && !visible)
|
|
4277
|
-
return null;
|
|
4266
|
+
if (!showIdentifier || Number.isNaN(num) || num === 0) return null;
|
|
4267
|
+
if (typeof visible !== "undefined" && !visible) return null;
|
|
4278
4268
|
if (num < 0) {
|
|
4279
|
-
if (identifiers?.loss)
|
|
4280
|
-
return identifiers.loss;
|
|
4269
|
+
if (identifiers?.loss) return identifiers.loss;
|
|
4281
4270
|
return /* @__PURE__ */ jsx("span", { children: "-" });
|
|
4282
4271
|
}
|
|
4283
|
-
if (identifiers?.profit)
|
|
4284
|
-
return identifiers.profit;
|
|
4272
|
+
if (identifiers?.profit) return identifiers.profit;
|
|
4285
4273
|
return /* @__PURE__ */ jsx("span", { children: "+" });
|
|
4286
4274
|
}, [num, props.visible, showIdentifier]);
|
|
4287
4275
|
const childWithUnit = useMemo(() => {
|
|
@@ -4457,8 +4445,7 @@ var BaseInput = forwardRef(
|
|
|
4457
4445
|
return formatters ?? [];
|
|
4458
4446
|
}, [formatters]);
|
|
4459
4447
|
useEffect(() => {
|
|
4460
|
-
if (!ref)
|
|
4461
|
-
return;
|
|
4448
|
+
if (!ref) return;
|
|
4462
4449
|
if (typeof ref === "function") {
|
|
4463
4450
|
ref(innerInputRef.current);
|
|
4464
4451
|
} else {
|
|
@@ -4469,8 +4456,7 @@ var BaseInput = forwardRef(
|
|
|
4469
4456
|
(value2) => {
|
|
4470
4457
|
if (!Array.isArray(innerFormatters) || innerFormatters.length === 0)
|
|
4471
4458
|
return value2;
|
|
4472
|
-
if (value2 === null || value2 === void 0)
|
|
4473
|
-
return "";
|
|
4459
|
+
if (value2 === null || value2 === void 0) return "";
|
|
4474
4460
|
let index = 0;
|
|
4475
4461
|
while (index < innerFormatters.length) {
|
|
4476
4462
|
value2 = innerFormatters[index].onRenderBefore(value2, {
|
|
@@ -4486,8 +4472,7 @@ var BaseInput = forwardRef(
|
|
|
4486
4472
|
(value2, originValue) => {
|
|
4487
4473
|
if (!Array.isArray(innerFormatters) || innerFormatters.length === 0)
|
|
4488
4474
|
return value2;
|
|
4489
|
-
if (value2 === null || value2 === void 0)
|
|
4490
|
-
return "";
|
|
4475
|
+
if (value2 === null || value2 === void 0) return "";
|
|
4491
4476
|
let index = innerFormatters.length - 1;
|
|
4492
4477
|
while (index > -1) {
|
|
4493
4478
|
value2 = innerFormatters[index].onSendBefore(value2, {
|
|
@@ -4501,13 +4486,11 @@ var BaseInput = forwardRef(
|
|
|
4501
4486
|
[innerFormatters]
|
|
4502
4487
|
);
|
|
4503
4488
|
const formattedValue = useMemo(() => {
|
|
4504
|
-
if (typeof value === "undefined" || value === null)
|
|
4505
|
-
return "";
|
|
4489
|
+
if (typeof value === "undefined" || value === null) return "";
|
|
4506
4490
|
return formatToRender(value);
|
|
4507
4491
|
}, [value, formatToRender]);
|
|
4508
4492
|
useEffect(() => {
|
|
4509
|
-
if (document.activeElement !== innerInputRef.current)
|
|
4510
|
-
return;
|
|
4493
|
+
if (document.activeElement !== innerInputRef.current) return;
|
|
4511
4494
|
const nextValueLen = `${formattedValue}`.length;
|
|
4512
4495
|
const prevValueLen = prevInputValue.current?.length || 0;
|
|
4513
4496
|
const next = cursor ? cursor + (nextValueLen - prevValueLen) : 0;
|
|
@@ -5676,13 +5659,11 @@ __export(formatter_exports, {
|
|
|
5676
5659
|
});
|
|
5677
5660
|
var currencyFormatter = {
|
|
5678
5661
|
onRenderBefore: function(value, options) {
|
|
5679
|
-
if (value === null || value === void 0)
|
|
5680
|
-
return "";
|
|
5662
|
+
if (value === null || value === void 0) return "";
|
|
5681
5663
|
return commify(value);
|
|
5682
5664
|
},
|
|
5683
5665
|
onSendBefore: function(value, options) {
|
|
5684
|
-
if (value === null || value === void 0)
|
|
5685
|
-
return "";
|
|
5666
|
+
if (value === null || value === void 0) return "";
|
|
5686
5667
|
value = value.replace(/,/g, "");
|
|
5687
5668
|
return value;
|
|
5688
5669
|
}
|
|
@@ -5694,10 +5675,8 @@ var numberFormatter = {
|
|
|
5694
5675
|
return "" + value;
|
|
5695
5676
|
},
|
|
5696
5677
|
onSendBefore: function(value, options) {
|
|
5697
|
-
if (value.startsWith("."))
|
|
5698
|
-
|
|
5699
|
-
if (value === "00")
|
|
5700
|
-
return "0";
|
|
5678
|
+
if (value.startsWith(".")) return `0${value}`;
|
|
5679
|
+
if (value === "00") return "0";
|
|
5701
5680
|
value = value.replace(/[^\d.]/g, "").replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
|
|
5702
5681
|
return value;
|
|
5703
5682
|
}
|
|
@@ -5720,10 +5699,8 @@ var createRegexInputFormatter = (regex, onSendBefore) => ({
|
|
|
5720
5699
|
// src/input/formatter/dp.ts
|
|
5721
5700
|
var dpFormatter = (dp, config) => {
|
|
5722
5701
|
const onBefore = (value, options) => {
|
|
5723
|
-
if (typeof value === "number")
|
|
5724
|
-
|
|
5725
|
-
if (!value || value.endsWith("."))
|
|
5726
|
-
return value;
|
|
5702
|
+
if (typeof value === "number") value = value.toString();
|
|
5703
|
+
if (!value || value.endsWith(".")) return value;
|
|
5727
5704
|
return truncateNumber(value, dp);
|
|
5728
5705
|
};
|
|
5729
5706
|
return {
|
|
@@ -5743,12 +5720,9 @@ function truncateNumber(numStr, decimalPlaces) {
|
|
|
5743
5720
|
// src/input/formatter/range.ts
|
|
5744
5721
|
var rangeFormatter = (props) => {
|
|
5745
5722
|
const onBefore = (value, options) => {
|
|
5746
|
-
if (typeof value === "number")
|
|
5747
|
-
|
|
5748
|
-
if (value
|
|
5749
|
-
return "0.";
|
|
5750
|
-
if (!value || value.endsWith("."))
|
|
5751
|
-
return value;
|
|
5723
|
+
if (typeof value === "number") value = value.toString();
|
|
5724
|
+
if (value === ".") return "0.";
|
|
5725
|
+
if (!value || value.endsWith(".")) return value;
|
|
5752
5726
|
const { max, min, dp } = props;
|
|
5753
5727
|
const numValue = Number(value);
|
|
5754
5728
|
if (isNaN(numValue)) {
|
|
@@ -5778,28 +5752,21 @@ var identifierFormatter = () => {
|
|
|
5778
5752
|
const negative = "-";
|
|
5779
5753
|
return {
|
|
5780
5754
|
onRenderBefore: (value, options) => {
|
|
5781
|
-
if (typeof value === "number")
|
|
5782
|
-
|
|
5783
|
-
if (!value || value.endsWith("."))
|
|
5784
|
-
return value;
|
|
5755
|
+
if (typeof value === "number") value = value.toString();
|
|
5756
|
+
if (!value || value.endsWith(".")) return value;
|
|
5785
5757
|
const _value = Number(value);
|
|
5786
5758
|
if (_value) {
|
|
5787
|
-
if (_value > 0 && !value.startsWith(integer))
|
|
5788
|
-
|
|
5789
|
-
if (_value < 0 && !value.startsWith(negative))
|
|
5790
|
-
return negative + value;
|
|
5759
|
+
if (_value > 0 && !value.startsWith(integer)) return integer + value;
|
|
5760
|
+
if (_value < 0 && !value.startsWith(negative)) return negative + value;
|
|
5791
5761
|
}
|
|
5792
5762
|
return value;
|
|
5793
5763
|
},
|
|
5794
5764
|
onSendBefore: (value, options) => {
|
|
5795
|
-
if (typeof value === "number")
|
|
5796
|
-
|
|
5797
|
-
if (!value || value.endsWith("."))
|
|
5798
|
-
return value;
|
|
5765
|
+
if (typeof value === "number") value = value.toString();
|
|
5766
|
+
if (!value || value.endsWith(".")) return value;
|
|
5799
5767
|
const _value = Number(value);
|
|
5800
5768
|
if (_value) {
|
|
5801
|
-
if (_value > 0)
|
|
5802
|
-
return value.replace(integer, "");
|
|
5769
|
+
if (_value > 0) return value.replace(integer, "");
|
|
5803
5770
|
}
|
|
5804
5771
|
return value;
|
|
5805
5772
|
}
|
|
@@ -5810,14 +5777,12 @@ var decimalPointFormatter = {
|
|
|
5810
5777
|
return String(value);
|
|
5811
5778
|
},
|
|
5812
5779
|
onSendBefore: function(value, options) {
|
|
5813
|
-
if (value === null || value === void 0)
|
|
5814
|
-
return "";
|
|
5780
|
+
if (value === null || value === void 0) return "";
|
|
5815
5781
|
return replaceComma(value, options?.originValue);
|
|
5816
5782
|
}
|
|
5817
5783
|
};
|
|
5818
5784
|
var replaceComma = (value, originValue) => {
|
|
5819
|
-
if (value === null || value === void 0)
|
|
5820
|
-
return "";
|
|
5785
|
+
if (value === null || value === void 0) return "";
|
|
5821
5786
|
if (value.endsWith(",")) {
|
|
5822
5787
|
return value.slice(0, -1) + ".";
|
|
5823
5788
|
}
|
|
@@ -6233,8 +6198,7 @@ function useInit(params) {
|
|
|
6233
6198
|
const { dataSource, loading, ignoreLoadingCheck } = params;
|
|
6234
6199
|
const [initialized, setInitialized] = useState(false);
|
|
6235
6200
|
useEffect(() => {
|
|
6236
|
-
if (initialized)
|
|
6237
|
-
return;
|
|
6201
|
+
if (initialized) return;
|
|
6238
6202
|
if (ignoreLoadingCheck || loading || Array.isArray(dataSource)) {
|
|
6239
6203
|
setInitialized(true);
|
|
6240
6204
|
}
|
|
@@ -6328,8 +6292,7 @@ function useSort(props) {
|
|
|
6328
6292
|
function useWrap(deps) {
|
|
6329
6293
|
const wrapRef = useRef(null);
|
|
6330
6294
|
useEffect(() => {
|
|
6331
|
-
if (!wrapRef.current)
|
|
6332
|
-
return;
|
|
6295
|
+
if (!wrapRef.current) return;
|
|
6333
6296
|
const bgColor = window.getComputedStyle(wrapRef.current).backgroundColor;
|
|
6334
6297
|
wrapRef.current.style.setProperty("--oui-table-background-color", bgColor);
|
|
6335
6298
|
}, deps);
|
|
@@ -7161,12 +7124,9 @@ var TablePlaceholder = (props) => {
|
|
|
7161
7124
|
);
|
|
7162
7125
|
};
|
|
7163
7126
|
var compareValues = (aValue, bValue) => {
|
|
7164
|
-
if (aValue == null && bValue == null)
|
|
7165
|
-
|
|
7166
|
-
if (
|
|
7167
|
-
return 1;
|
|
7168
|
-
if (bValue == null)
|
|
7169
|
-
return -1;
|
|
7127
|
+
if (aValue == null && bValue == null) return 0;
|
|
7128
|
+
if (aValue == null) return 1;
|
|
7129
|
+
if (bValue == null) return -1;
|
|
7170
7130
|
const aStr = String(aValue).trim();
|
|
7171
7131
|
const bStr = String(bValue).trim();
|
|
7172
7132
|
const aNum = Number(aStr);
|
|
@@ -7206,12 +7166,9 @@ var createMultiSortComparator = (sortId, isDesc) => {
|
|
|
7206
7166
|
};
|
|
7207
7167
|
const aValue = getNestedValue(a, sortId) ?? a[sortId];
|
|
7208
7168
|
const bValue = getNestedValue(b, sortId) ?? b[sortId];
|
|
7209
|
-
if (aValue == null && bValue == null)
|
|
7210
|
-
|
|
7211
|
-
if (
|
|
7212
|
-
return 1;
|
|
7213
|
-
if (bValue == null)
|
|
7214
|
-
return -1;
|
|
7169
|
+
if (aValue == null && bValue == null) return 0;
|
|
7170
|
+
if (aValue == null) return 1;
|
|
7171
|
+
if (bValue == null) return -1;
|
|
7215
7172
|
const aNum = Number(aValue);
|
|
7216
7173
|
const bNum = Number(bValue);
|
|
7217
7174
|
if (!isNaN(aNum) && !isNaN(bNum)) {
|
|
@@ -7240,8 +7197,7 @@ var Transform = {
|
|
|
7240
7197
|
multiSort: {
|
|
7241
7198
|
...multiSort,
|
|
7242
7199
|
onSort: (fieldKey, sortOrder) => {
|
|
7243
|
-
if (!setSorting)
|
|
7244
|
-
return;
|
|
7200
|
+
if (!setSorting) return;
|
|
7245
7201
|
if (!sortOrder) {
|
|
7246
7202
|
setSorting([]);
|
|
7247
7203
|
} else {
|
|
@@ -7655,10 +7611,8 @@ var DateRangePicker = (props) => {
|
|
|
7655
7611
|
return placeholder ?? locale.selectDate;
|
|
7656
7612
|
}
|
|
7657
7613
|
const arr = [];
|
|
7658
|
-
if (dateRange.from)
|
|
7659
|
-
|
|
7660
|
-
if (dateRange.to)
|
|
7661
|
-
arr.push(format(dateRange.to, formatString));
|
|
7614
|
+
if (dateRange.from) arr.push(format(dateRange.from, formatString));
|
|
7615
|
+
if (dateRange.to) arr.push(format(dateRange.to, formatString));
|
|
7662
7616
|
return `${arr.join(" - ")}`;
|
|
7663
7617
|
}, [dateRange, placeholder, locale]);
|
|
7664
7618
|
const onOpenChange = (nextOpen) => {
|
|
@@ -7760,16 +7714,18 @@ var DatePicker = (props) => {
|
|
|
7760
7714
|
value,
|
|
7761
7715
|
size,
|
|
7762
7716
|
className,
|
|
7717
|
+
children,
|
|
7763
7718
|
...calendarProps
|
|
7764
7719
|
} = props;
|
|
7765
7720
|
const [locale] = useLocale("picker");
|
|
7766
|
-
const { trigger } = selectVariants({ size
|
|
7721
|
+
const { trigger } = selectVariants({ size });
|
|
7767
7722
|
const [open, setOpen] = useState(false);
|
|
7768
7723
|
const formattedValue = useMemo(() => {
|
|
7769
7724
|
if (typeof value === "undefined") {
|
|
7770
7725
|
return placeholder ?? locale.selectDate;
|
|
7771
7726
|
}
|
|
7772
|
-
|
|
7727
|
+
return format(value, dateFormat ?? "yyyy/MM/dd");
|
|
7728
|
+
}, [value, placeholder, locale, dateFormat]);
|
|
7773
7729
|
const onSelect = (day, selectedDay, activeModifiers, e) => {
|
|
7774
7730
|
calendarProps.onSelect?.(day, selectedDay, activeModifiers, e);
|
|
7775
7731
|
if (day) {
|
|
@@ -7785,21 +7741,38 @@ var DatePicker = (props) => {
|
|
|
7785
7741
|
contentProps: {
|
|
7786
7742
|
className: "oui-w-auto oui-p-0"
|
|
7787
7743
|
},
|
|
7788
|
-
content: /* @__PURE__ */ jsx(
|
|
7789
|
-
|
|
7744
|
+
content: /* @__PURE__ */ jsx(
|
|
7745
|
+
Calendar,
|
|
7746
|
+
{
|
|
7747
|
+
mode: "single",
|
|
7748
|
+
selected: value,
|
|
7749
|
+
onSelect,
|
|
7750
|
+
...calendarProps
|
|
7751
|
+
}
|
|
7752
|
+
),
|
|
7753
|
+
children: children ?? /* @__PURE__ */ jsxs(
|
|
7790
7754
|
"button",
|
|
7791
7755
|
{
|
|
7792
7756
|
className: trigger({
|
|
7793
|
-
className: "
|
|
7757
|
+
className: cnBase("oui-datepicker-trigger oui-group", className)
|
|
7794
7758
|
}),
|
|
7795
7759
|
children: [
|
|
7796
|
-
/* @__PURE__ */
|
|
7797
|
-
|
|
7760
|
+
/* @__PURE__ */ jsxs("div", { className: "oui-flex oui-items-center oui-gap-x-2", children: [
|
|
7761
|
+
/* @__PURE__ */ jsx("span", { className: "oui-datepicker-trigger-icon", children: /* @__PURE__ */ jsx(
|
|
7762
|
+
CalendarIcon,
|
|
7763
|
+
{
|
|
7764
|
+
size: 14,
|
|
7765
|
+
className: "oui-text-inherit",
|
|
7766
|
+
opacity: 1
|
|
7767
|
+
}
|
|
7768
|
+
) }),
|
|
7769
|
+
/* @__PURE__ */ jsx("span", { children: formattedValue })
|
|
7770
|
+
] }),
|
|
7798
7771
|
/* @__PURE__ */ jsx(
|
|
7799
7772
|
CaretDownIcon,
|
|
7800
7773
|
{
|
|
7801
7774
|
size: 12,
|
|
7802
|
-
className: "
|
|
7775
|
+
className: "oui-datepicker-trigger-arrow oui-text-inherit oui-transition-transform group-data-[state=closed]:oui-rotate-0 group-data-[state=open]:oui-rotate-180",
|
|
7803
7776
|
opacity: 1
|
|
7804
7777
|
}
|
|
7805
7778
|
)
|
|
@@ -7971,12 +7944,11 @@ var SheetDescription = React68.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
7971
7944
|
SheetDescription.displayName = DialogPrimitive.Description.displayName;
|
|
7972
7945
|
|
|
7973
7946
|
// src/modal/utils.ts
|
|
7974
|
-
var symModalId = Symbol("modalId");
|
|
7947
|
+
var symModalId = /* @__PURE__ */ Symbol("modalId");
|
|
7975
7948
|
var uidSeed = 0;
|
|
7976
7949
|
var getUid = () => `__modal_${uidSeed++}`;
|
|
7977
7950
|
var getModalId = (modal2) => {
|
|
7978
|
-
if (typeof modal2 === "string")
|
|
7979
|
-
return modal2;
|
|
7951
|
+
if (typeof modal2 === "string") return modal2;
|
|
7980
7952
|
if (!modal2[symModalId]) {
|
|
7981
7953
|
modal2[symModalId] = getUid();
|
|
7982
7954
|
}
|
|
@@ -8091,8 +8063,7 @@ var create = (Comp) => {
|
|
|
8091
8063
|
};
|
|
8092
8064
|
}, [id, show2, defaultVisible]);
|
|
8093
8065
|
useEffect(() => {
|
|
8094
|
-
if (keepMounted)
|
|
8095
|
-
modalActions.setStates(id, { keepMounted: true });
|
|
8066
|
+
if (keepMounted) modalActions.setStates(id, { keepMounted: true });
|
|
8096
8067
|
}, [id, keepMounted]);
|
|
8097
8068
|
const delayVisible = modals[id]?.delayVisible;
|
|
8098
8069
|
useEffect(() => {
|
|
@@ -8100,8 +8071,7 @@ var create = (Comp) => {
|
|
|
8100
8071
|
show2(args);
|
|
8101
8072
|
}
|
|
8102
8073
|
}, [delayVisible, args, show2]);
|
|
8103
|
-
if (!shouldMount)
|
|
8104
|
-
return null;
|
|
8074
|
+
if (!shouldMount) return null;
|
|
8105
8075
|
return /* @__PURE__ */ jsx(ModalIdContext.Provider, { value: id, children: /* @__PURE__ */ jsx(Comp, { ...props, ...args }) });
|
|
8106
8076
|
};
|
|
8107
8077
|
};
|
|
@@ -8669,8 +8639,7 @@ var SimpleDialogFooter = (props) => {
|
|
|
8669
8639
|
setPrimaryLoading(false);
|
|
8670
8640
|
};
|
|
8671
8641
|
}, [actions?.primary?.loading]);
|
|
8672
|
-
if (!actions)
|
|
8673
|
-
return null;
|
|
8642
|
+
if (!actions) return null;
|
|
8674
8643
|
const buttons = useMemo(() => {
|
|
8675
8644
|
const buttons2 = [];
|
|
8676
8645
|
if (actions.secondary && typeof actions.secondary.onClick === "function") {
|
|
@@ -8710,8 +8679,7 @@ var SimpleDialogFooter = (props) => {
|
|
|
8710
8679
|
...rest,
|
|
8711
8680
|
"data-testid": actions.primary?.["data-testid"],
|
|
8712
8681
|
onClick: async (event) => {
|
|
8713
|
-
if (primaryLoading)
|
|
8714
|
-
return;
|
|
8682
|
+
if (primaryLoading) return;
|
|
8715
8683
|
try {
|
|
8716
8684
|
setPrimaryLoading(true);
|
|
8717
8685
|
await onClick(event);
|
|
@@ -8855,8 +8823,7 @@ function useLongPress(callback, longPressTime = 600) {
|
|
|
8855
8823
|
);
|
|
8856
8824
|
const handleMouseDown = useCallback(
|
|
8857
8825
|
(e) => {
|
|
8858
|
-
if (e.button !== 0)
|
|
8859
|
-
return;
|
|
8826
|
+
if (e.button !== 0) return;
|
|
8860
8827
|
startLongPress(e);
|
|
8861
8828
|
},
|
|
8862
8829
|
[startLongPress]
|
|
@@ -8866,8 +8833,7 @@ function useLongPress(callback, longPressTime = 600) {
|
|
|
8866
8833
|
}, [clearLongPress]);
|
|
8867
8834
|
const handleMouseMove = useCallback(
|
|
8868
8835
|
(e) => {
|
|
8869
|
-
if (isLongPressTriggeredRef.current)
|
|
8870
|
-
return;
|
|
8836
|
+
if (isLongPressTriggeredRef.current) return;
|
|
8871
8837
|
if (startPositionRef.current) {
|
|
8872
8838
|
const deltaX = Math.abs(e.clientX - startPositionRef.current.x);
|
|
8873
8839
|
const deltaY = Math.abs(e.clientY - startPositionRef.current.y);
|
|
@@ -8902,8 +8868,7 @@ function useLongPress(callback, longPressTime = 600) {
|
|
|
8902
8868
|
if (timeoutRef.current) {
|
|
8903
8869
|
e.preventDefault();
|
|
8904
8870
|
}
|
|
8905
|
-
if (isLongPressTriggeredRef.current)
|
|
8906
|
-
return;
|
|
8871
|
+
if (isLongPressTriggeredRef.current) return;
|
|
8907
8872
|
if (startPositionRef.current && e.touches[0]) {
|
|
8908
8873
|
const deltaX = Math.abs(
|
|
8909
8874
|
e.touches[0].clientX - startPositionRef.current.x
|
|
@@ -9856,15 +9821,13 @@ function useDrag(containerRef) {
|
|
|
9856
9821
|
const [startX, setStartX] = useState(0);
|
|
9857
9822
|
const [scrollLeft, setScrollLeft] = useState(0);
|
|
9858
9823
|
const handleMouseDown = (e) => {
|
|
9859
|
-
if (!containerRef.current)
|
|
9860
|
-
return;
|
|
9824
|
+
if (!containerRef.current) return;
|
|
9861
9825
|
setIsDragging(true);
|
|
9862
9826
|
setStartX(e.pageX - containerRef.current.offsetLeft);
|
|
9863
9827
|
setScrollLeft(containerRef.current.scrollLeft);
|
|
9864
9828
|
};
|
|
9865
9829
|
const handleMouseMove = (e) => {
|
|
9866
|
-
if (!isDragging || !containerRef.current)
|
|
9867
|
-
return;
|
|
9830
|
+
if (!isDragging || !containerRef.current) return;
|
|
9868
9831
|
e.preventDefault();
|
|
9869
9832
|
const x = e.pageX - containerRef.current.offsetLeft;
|
|
9870
9833
|
const walk = x - startX;
|
|
@@ -9885,12 +9848,10 @@ function useScroll2() {
|
|
|
9885
9848
|
const [tailingVisible, setTailingVisible] = useState(false);
|
|
9886
9849
|
const containerRef = useRef(null);
|
|
9887
9850
|
useEffect(() => {
|
|
9888
|
-
if (!containerRef.current)
|
|
9889
|
-
return;
|
|
9851
|
+
if (!containerRef.current) return;
|
|
9890
9852
|
const handleScroll = () => {
|
|
9891
9853
|
const container2 = containerRef.current;
|
|
9892
|
-
if (!container2)
|
|
9893
|
-
return;
|
|
9854
|
+
if (!container2) return;
|
|
9894
9855
|
setLeadingVisible(container2.scrollLeft > 0);
|
|
9895
9856
|
setTailingVisible(
|
|
9896
9857
|
container2.scrollLeft + container2.clientWidth < container2.scrollWidth
|
|
@@ -9912,8 +9873,7 @@ function useScroll2() {
|
|
|
9912
9873
|
};
|
|
9913
9874
|
}, []);
|
|
9914
9875
|
useEffect(() => {
|
|
9915
|
-
if (!containerRef.current)
|
|
9916
|
-
return;
|
|
9876
|
+
if (!containerRef.current) return;
|
|
9917
9877
|
const intersectionObserver = new IntersectionObserver((entries) => {
|
|
9918
9878
|
entries.forEach((entry) => {
|
|
9919
9879
|
if (entry.isIntersecting) ;
|
|
@@ -10846,8 +10806,7 @@ var ListViewInner = (props, ref) => {
|
|
|
10846
10806
|
return props.dataSource.map((item, index) => /* @__PURE__ */ jsx(React68__default.Fragment, { children: props.renderItem(item, index, props.extraData) }, index));
|
|
10847
10807
|
}, [emptyDataSouce, props.dataSource, props.extraData, props.emptyView]);
|
|
10848
10808
|
const loadingViewElement = useMemo(() => {
|
|
10849
|
-
if ((props.dataSource?.length || 0) === 0)
|
|
10850
|
-
return null;
|
|
10809
|
+
if ((props.dataSource?.length || 0) === 0) return null;
|
|
10851
10810
|
if (!props.isLoading) {
|
|
10852
10811
|
return null;
|
|
10853
10812
|
}
|
|
@@ -11312,8 +11271,7 @@ var Either = memo((props) => {
|
|
|
11312
11271
|
|
|
11313
11272
|
// src/utils/string.ts
|
|
11314
11273
|
var capitalizeFirstLetter = (str, fallback) => {
|
|
11315
|
-
if (typeof str === "undefined" || str === null)
|
|
11316
|
-
return fallback ?? void 0;
|
|
11274
|
+
if (typeof str === "undefined" || str === null) return fallback ?? void 0;
|
|
11317
11275
|
return str.charAt(0).toUpperCase() + str.slice(1);
|
|
11318
11276
|
};
|
|
11319
11277
|
|
|
@@ -11408,5 +11366,5 @@ var DotStatus = (props) => {
|
|
|
11408
11366
|
DotStatus.displayName = "DotStatus";
|
|
11409
11367
|
|
|
11410
11368
|
export { ActionSheet, AddCircleIcon, AffiliateIcon, AlertDialog, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, Button, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, collapse_default as Collapse, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ConfirmDialog, CopyIcon, DataFilter, DataTable, DatePicker2 as DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, GradientText, Grid2 as Grid, HoverCard, HoverCardContent, HoverCardRoot, HoverCardTrigger, Icon, InfoCircleIcon, Input2 as Input, InputAdditional, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, LocaleContext, LocaleProvider, Logo, MarketsActiveIcon, MarketsInactiveIcon, Marquee, ModalContext, ModalIdContext, ModalProvider, MultiSortHeader, NewsFillIcon, tailwind_exports as OUITailwind, OrderlyIcon, OrderlyThemeProvider, PaginationItems, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, Select2 as Select, SelectItem, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, SimpleDropdownMenu, SimpleSheet, Slider, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, features_exports as TableFeatures, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text2 as Text, TextField, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, VaultsIcon, VectorIcon, WalletIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, formatter_exports as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
|
|
11411
|
-
//# sourceMappingURL=
|
|
11369
|
+
//# sourceMappingURL=index.mjs.map
|
|
11412
11370
|
//# sourceMappingURL=index.mjs.map
|