@pnkx-lib/ui 1.9.180 → 1.9.181
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/es/fields/CascaderField.js +5 -5
- package/es/fields/Checkbox.js +5 -5
- package/es/fields/DatePicker.js +5 -5
- package/es/fields/DateRangePicker.js +5 -5
- package/es/fields/Input.js +10 -10
- package/es/fields/PnkxField.js +3 -3
- package/es/fields/Radio.js +5 -5
- package/es/fields/Select.js +5 -5
- package/es/fields/SliderRanger.js +5 -5
- package/es/fields/SliderSingle.js +5 -5
- package/es/fields/Switch.js +5 -5
- package/es/fields/Textarea.js +5 -5
- package/es/fields/TinyMCE.js +5 -5
- package/es/fields/Upload.js +9 -9
- package/es/ui/Alert.js +2 -2
- package/es/ui/Anchor.js +2 -2
- package/es/ui/Appfix.js +2 -2
- package/es/ui/AutoComplete.js +2 -2
- package/es/ui/Badge.js +2 -2
- package/es/ui/BottomPagination.js +10 -10
- package/es/ui/Breadcrumb.js +2 -2
- package/es/ui/BreadcrumbHeading.js +5 -5
- package/es/ui/Button.js +2 -2
- package/es/ui/Card.js +2 -2
- package/es/ui/Cascader.js +2 -2
- package/es/ui/CategoryStatus.js +5 -5
- package/es/ui/Col.js +2 -2
- package/es/ui/Collapse.js +2 -2
- package/es/ui/ColorPicker.js +2 -2
- package/es/ui/ConfigProvider.js +2 -2
- package/es/ui/ConfirmModal.js +22 -22
- package/es/ui/Container.js +2 -2
- package/es/ui/Divider.js +2 -2
- package/es/ui/Drawer.js +2 -2
- package/es/ui/Dropdown.js +2 -2
- package/es/ui/Empty.js +2 -2
- package/es/ui/ErrorBoundary.js +9 -9
- package/es/ui/ErrorMessage.js +2 -2
- package/es/ui/Flex.js +2 -2
- package/es/ui/Footer.js +2 -2
- package/es/ui/Heading.js +7 -7
- package/es/ui/Image.js +2 -2
- package/es/ui/Label.js +4 -4
- package/es/ui/Layout.js +2 -2
- package/es/ui/Menu.js +4 -4
- package/es/ui/Modal.js +2 -2
- package/es/ui/PageNotFound.js +81 -81
- package/es/ui/Pagination.js +2 -2
- package/es/ui/Popconfirm.js +2 -2
- package/es/ui/Popover.js +2 -2
- package/es/ui/QRCode.js +2 -2
- package/es/ui/Rate.js +2 -2
- package/es/ui/Result.js +2 -2
- package/es/ui/Row.js +2 -2
- package/es/ui/SearchFilterForm.js +8 -8
- package/es/ui/Segmented.js +2 -2
- package/es/ui/Sidebar.js +31 -31
- package/es/ui/Skeleton.js +8 -8
- package/es/ui/Space.js +2 -2
- package/es/ui/Spin.js +2 -2
- package/es/ui/Splitter.js +2 -2
- package/es/ui/Statistic.js +2 -2
- package/es/ui/Steps.js +2 -2
- package/es/ui/Tabs.js +2 -2
- package/es/ui/Tag.js +2 -2
- package/es/ui/Timeline.js +2 -2
- package/es/ui/Tooltip.js +2 -2
- package/es/ui/Tour.js +2 -2
- package/es/ui/Tree.js +2 -2
- package/es/ui/Typography.js +4 -4
- package/es/ui/UploadImage.js +9 -9
- package/es/ui/Watermark.js +7 -7
- package/es/ui/index.js +97 -97
- package/package.json +1 -1
- package/es/chunks/jsx-runtime-DFKOoQSG.js +0 -430
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Cascader as Cascader$1 } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -28,7 +28,7 @@ const Cascader = (props) => {
|
|
|
28
28
|
};
|
|
29
29
|
const renderErrorMessage = () => {
|
|
30
30
|
if (!errorMessage) return null;
|
|
31
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
32
|
ErrorMessage,
|
|
33
33
|
{
|
|
34
34
|
errorMessage,
|
|
@@ -38,9 +38,9 @@ const Cascader = (props) => {
|
|
|
38
38
|
);
|
|
39
39
|
};
|
|
40
40
|
//! Render
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
label && /* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ jsxs("div", { className: classNameContainer, children: [
|
|
42
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
43
|
+
/* @__PURE__ */ jsx(
|
|
44
44
|
Cascader$1,
|
|
45
45
|
{
|
|
46
46
|
onChange: handleChange,
|
package/es/fields/Checkbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Checkbox as Checkbox$1 } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -27,7 +27,7 @@ const Checkbox = (props) => {
|
|
|
27
27
|
};
|
|
28
28
|
const renderErrorMessage = () => {
|
|
29
29
|
if (!errorMessage) return null;
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
31
|
ErrorMessage,
|
|
32
32
|
{
|
|
33
33
|
errorMessage,
|
|
@@ -37,8 +37,8 @@ const Checkbox = (props) => {
|
|
|
37
37
|
);
|
|
38
38
|
};
|
|
39
39
|
//! Render
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
/* @__PURE__ */
|
|
40
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
41
|
+
/* @__PURE__ */ jsx(
|
|
42
42
|
Checkbox$1,
|
|
43
43
|
{
|
|
44
44
|
onBlur,
|
|
@@ -46,7 +46,7 @@ const Checkbox = (props) => {
|
|
|
46
46
|
onChange: handleChange,
|
|
47
47
|
className: customStyleCheckbox,
|
|
48
48
|
...restProps,
|
|
49
|
-
children: /* @__PURE__ */
|
|
49
|
+
children: /* @__PURE__ */ jsx(Typography.Text, { children: label })
|
|
50
50
|
}
|
|
51
51
|
),
|
|
52
52
|
renderErrorMessage()
|
package/es/fields/DatePicker.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { createElement, Component, createRef, useRef } from 'react';
|
|
4
4
|
import { c as className } from '../chunks/index-mzHK7Za8.js';
|
|
@@ -12925,7 +12925,7 @@ const DatePicker = (props) => {
|
|
|
12925
12925
|
const dateVal = new Date(val);
|
|
12926
12926
|
return maxDate && dateVal > maxDate ? maxDate : dateVal;
|
|
12927
12927
|
};
|
|
12928
|
-
const renderErrorMessage = () => errorMessage && /* @__PURE__ */
|
|
12928
|
+
const renderErrorMessage = () => errorMessage && /* @__PURE__ */ jsx(
|
|
12929
12929
|
ErrorMessage,
|
|
12930
12930
|
{
|
|
12931
12931
|
errorMessage,
|
|
@@ -12934,9 +12934,9 @@ const DatePicker = (props) => {
|
|
|
12934
12934
|
}
|
|
12935
12935
|
);
|
|
12936
12936
|
const isTypingRef = useRef(false);
|
|
12937
|
-
return /* @__PURE__ */
|
|
12938
|
-
label && /* @__PURE__ */
|
|
12939
|
-
/* @__PURE__ */
|
|
12937
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
12938
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
12939
|
+
/* @__PURE__ */ jsx(
|
|
12940
12940
|
er,
|
|
12941
12941
|
{
|
|
12942
12942
|
ref: datePickerRef,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { DatePicker } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -28,7 +28,7 @@ const RangePicker = (props) => {
|
|
|
28
28
|
};
|
|
29
29
|
const renderErrorMessage = () => {
|
|
30
30
|
if (!errorMessage) return null;
|
|
31
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ jsx(
|
|
32
32
|
ErrorMessage,
|
|
33
33
|
{
|
|
34
34
|
errorMessage,
|
|
@@ -38,9 +38,9 @@ const RangePicker = (props) => {
|
|
|
38
38
|
);
|
|
39
39
|
};
|
|
40
40
|
//! Render
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
label && /* @__PURE__ */
|
|
43
|
-
/* @__PURE__ */
|
|
41
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
42
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
43
|
+
/* @__PURE__ */ jsx(
|
|
44
44
|
RangePickerPnkx,
|
|
45
45
|
{
|
|
46
46
|
value,
|
package/es/fields/Input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { useRef, useState, useEffect, useLayoutEffect, useMemo, forwardRef, useCallback } from 'react';
|
|
3
3
|
import { Input as Input$1 } from 'antd';
|
|
4
4
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
@@ -1252,7 +1252,7 @@ const Input = (props) => {
|
|
|
1252
1252
|
//! Function
|
|
1253
1253
|
const renderErrorMessage = () => {
|
|
1254
1254
|
if (!errorMessage) return null;
|
|
1255
|
-
return /* @__PURE__ */
|
|
1255
|
+
return /* @__PURE__ */ jsx(
|
|
1256
1256
|
ErrorMessage,
|
|
1257
1257
|
{
|
|
1258
1258
|
errorMessage,
|
|
@@ -1263,7 +1263,7 @@ const Input = (props) => {
|
|
|
1263
1263
|
};
|
|
1264
1264
|
const wrapWithTooltip = (node) => {
|
|
1265
1265
|
if (contentTooltip) {
|
|
1266
|
-
return /* @__PURE__ */
|
|
1266
|
+
return /* @__PURE__ */ jsx(
|
|
1267
1267
|
Tooltip,
|
|
1268
1268
|
{
|
|
1269
1269
|
trigger: ["focus"],
|
|
@@ -1286,7 +1286,7 @@ const Input = (props) => {
|
|
|
1286
1286
|
const renderInput = () => {
|
|
1287
1287
|
const isNumberInput = type === "number" || type === "money";
|
|
1288
1288
|
if (isNumberInput) {
|
|
1289
|
-
return /* @__PURE__ */
|
|
1289
|
+
return /* @__PURE__ */ jsx(
|
|
1290
1290
|
NumericFormatCustom,
|
|
1291
1291
|
{
|
|
1292
1292
|
name,
|
|
@@ -1302,8 +1302,8 @@ const Input = (props) => {
|
|
|
1302
1302
|
}
|
|
1303
1303
|
);
|
|
1304
1304
|
}
|
|
1305
|
-
return /* @__PURE__ */
|
|
1306
|
-
/* @__PURE__ */
|
|
1305
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1306
|
+
/* @__PURE__ */ jsx(
|
|
1307
1307
|
Input$1,
|
|
1308
1308
|
{
|
|
1309
1309
|
ref: inputRef,
|
|
@@ -1321,8 +1321,8 @@ const Input = (props) => {
|
|
|
1321
1321
|
] });
|
|
1322
1322
|
};
|
|
1323
1323
|
//! Render
|
|
1324
|
-
return /* @__PURE__ */
|
|
1325
|
-
label && /* @__PURE__ */
|
|
1324
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
1325
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
1326
1326
|
wrapWithTooltip(renderInput())
|
|
1327
1327
|
] });
|
|
1328
1328
|
};
|
|
@@ -1356,8 +1356,8 @@ const NumericFormatCustom = forwardRef((props, ref) => {
|
|
|
1356
1356
|
}
|
|
1357
1357
|
};
|
|
1358
1358
|
//! Render
|
|
1359
|
-
return /* @__PURE__ */
|
|
1360
|
-
/* @__PURE__ */
|
|
1359
|
+
return /* @__PURE__ */ jsxs("div", { children: [
|
|
1360
|
+
/* @__PURE__ */ jsx(
|
|
1361
1361
|
NumericFormat,
|
|
1362
1362
|
{
|
|
1363
1363
|
allowNegative,
|
package/es/fields/PnkxField.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { C as Controller } from '../chunks/index.esm-DPdCEbIy.js';
|
|
4
4
|
|
|
5
5
|
class PnkxField extends React.PureComponent {
|
|
6
6
|
render() {
|
|
7
7
|
const { name, component: Component, control, ...rest } = this.props;
|
|
8
|
-
return /* @__PURE__ */
|
|
8
|
+
return /* @__PURE__ */ jsx(
|
|
9
9
|
Controller,
|
|
10
10
|
{
|
|
11
11
|
control,
|
|
12
12
|
name,
|
|
13
|
-
render: ({ field, formState }) => /* @__PURE__ */
|
|
13
|
+
render: ({ field, formState }) => /* @__PURE__ */ jsx(Component, { field, formState, ...rest })
|
|
14
14
|
}
|
|
15
15
|
);
|
|
16
16
|
}
|
package/es/fields/Radio.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Radio } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -26,7 +26,7 @@ const RadioGroup = (props) => {
|
|
|
26
26
|
};
|
|
27
27
|
const renderErrorMessage = () => {
|
|
28
28
|
if (!errorMessage) return null;
|
|
29
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ jsx(
|
|
30
30
|
ErrorMessage,
|
|
31
31
|
{
|
|
32
32
|
errorMessage,
|
|
@@ -36,13 +36,13 @@ const RadioGroup = (props) => {
|
|
|
36
36
|
);
|
|
37
37
|
};
|
|
38
38
|
//! Render
|
|
39
|
-
return /* @__PURE__ */
|
|
40
|
-
/* @__PURE__ */
|
|
39
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleWrap, children: [
|
|
40
|
+
/* @__PURE__ */ jsx(Radio.Group, { onChange: handleChange, value, ...restProps, children: options.map((item) => /* @__PURE__ */ jsx(
|
|
41
41
|
Radio,
|
|
42
42
|
{
|
|
43
43
|
value: item.value,
|
|
44
44
|
className: customStyleRadio,
|
|
45
|
-
children: /* @__PURE__ */
|
|
45
|
+
children: /* @__PURE__ */ jsxs(Typography.Text, { children: [
|
|
46
46
|
" ",
|
|
47
47
|
item.label
|
|
48
48
|
] })
|
package/es/fields/Select.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Select as Select$1 } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -29,7 +29,7 @@ const Select = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
const renderErrorMessage = () => {
|
|
31
31
|
if (!errorMessage) return null;
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsx(
|
|
33
33
|
ErrorMessage,
|
|
34
34
|
{
|
|
35
35
|
errorMessage,
|
|
@@ -39,9 +39,9 @@ const Select = (props) => {
|
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
//! Render
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
label && /* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ jsxs("div", { className: classNameContainer, children: [
|
|
43
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
45
|
Select$1,
|
|
46
46
|
{
|
|
47
47
|
onChange: handleChange,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Slider } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -29,7 +29,7 @@ const SliderRange = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
const renderErrorMessage = () => {
|
|
31
31
|
if (!errorMessage) return null;
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsx(
|
|
33
33
|
ErrorMessage,
|
|
34
34
|
{
|
|
35
35
|
errorMessage,
|
|
@@ -39,9 +39,9 @@ const SliderRange = (props) => {
|
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
//! Render
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
label && /* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
43
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
45
|
Slider,
|
|
46
46
|
{
|
|
47
47
|
className: twMerge("focus:outline-none", customStyleSlider),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Slider } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -29,7 +29,7 @@ const SliderSingle = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
const renderErrorMessage = () => {
|
|
31
31
|
if (!errorMessage) return null;
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsx(
|
|
33
33
|
ErrorMessage,
|
|
34
34
|
{
|
|
35
35
|
errorMessage,
|
|
@@ -39,9 +39,9 @@ const SliderSingle = (props) => {
|
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
//! Render
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
label && /* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
43
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
45
|
Slider,
|
|
46
46
|
{
|
|
47
47
|
className: twMerge("focus:outline-none", customStyleSlider),
|
package/es/fields/Switch.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Switch as Switch$1 } from 'antd';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { ErrorMessage } from '../ui/ErrorMessage.js';
|
|
@@ -29,7 +29,7 @@ const Switch = (props) => {
|
|
|
29
29
|
};
|
|
30
30
|
const renderErrorMessage = () => {
|
|
31
31
|
if (!errorMessage) return null;
|
|
32
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ jsx(
|
|
33
33
|
ErrorMessage,
|
|
34
34
|
{
|
|
35
35
|
errorMessage,
|
|
@@ -39,9 +39,9 @@ const Switch = (props) => {
|
|
|
39
39
|
);
|
|
40
40
|
};
|
|
41
41
|
//! Render
|
|
42
|
-
return /* @__PURE__ */
|
|
43
|
-
label && /* @__PURE__ */
|
|
44
|
-
/* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
43
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
44
|
+
/* @__PURE__ */ jsx(
|
|
45
45
|
Switch$1,
|
|
46
46
|
{
|
|
47
47
|
checked: !!value,
|
package/es/fields/Textarea.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { g as get } from '../chunks/get-C880miVG.js';
|
|
4
4
|
import { Input } from 'antd';
|
|
@@ -27,7 +27,7 @@ const Textarea = forwardRef(
|
|
|
27
27
|
//! Function
|
|
28
28
|
const renderErrorMessage = () => {
|
|
29
29
|
if (!errorMessage) return null;
|
|
30
|
-
return /* @__PURE__ */
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
31
|
ErrorMessage,
|
|
32
32
|
{
|
|
33
33
|
errorMessage,
|
|
@@ -37,9 +37,9 @@ const Textarea = forwardRef(
|
|
|
37
37
|
);
|
|
38
38
|
};
|
|
39
39
|
//! Render
|
|
40
|
-
return /* @__PURE__ */
|
|
41
|
-
label && /* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
40
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
41
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
42
|
+
/* @__PURE__ */ jsx(
|
|
43
43
|
TextArea,
|
|
44
44
|
{
|
|
45
45
|
ref,
|
package/es/fields/TinyMCE.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { T as TINY_API } from '../chunks/common-CocKiHtC.js';
|
|
4
4
|
import { get } from 'lodash';
|
|
@@ -1923,7 +1923,7 @@ const TinyMCE = (props) => {
|
|
|
1923
1923
|
//! Function
|
|
1924
1924
|
const renderErrorMessage = () => {
|
|
1925
1925
|
if (!errorMessage) return null;
|
|
1926
|
-
return /* @__PURE__ */
|
|
1926
|
+
return /* @__PURE__ */ jsx(
|
|
1927
1927
|
ErrorMessage,
|
|
1928
1928
|
{
|
|
1929
1929
|
errorMessage,
|
|
@@ -1933,9 +1933,9 @@ const TinyMCE = (props) => {
|
|
|
1933
1933
|
);
|
|
1934
1934
|
};
|
|
1935
1935
|
//! Render
|
|
1936
|
-
return /* @__PURE__ */
|
|
1937
|
-
label && /* @__PURE__ */
|
|
1938
|
-
/* @__PURE__ */
|
|
1936
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1937
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
1938
|
+
/* @__PURE__ */ jsx(
|
|
1939
1939
|
Editor,
|
|
1940
1940
|
{
|
|
1941
1941
|
value,
|
package/es/fields/Upload.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Upload, Image } from 'antd';
|
|
@@ -63,13 +63,13 @@ const UploadField = (props) => {
|
|
|
63
63
|
onChange?.(fileList);
|
|
64
64
|
afterOnChange?.(fileList);
|
|
65
65
|
};
|
|
66
|
-
const uploadButton = /* @__PURE__ */
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
/* @__PURE__ */
|
|
66
|
+
const uploadButton = /* @__PURE__ */ jsxs("button", { style: { border: 0, background: "none" }, type: "button", children: [
|
|
67
|
+
/* @__PURE__ */ jsx(RefIcon, {}),
|
|
68
|
+
/* @__PURE__ */ jsx("div", { style: { marginTop: 8 }, children: uploadButtonText })
|
|
69
69
|
] });
|
|
70
70
|
const renderErrorMessage = () => {
|
|
71
71
|
if (!errorMessage) return null;
|
|
72
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ jsx(
|
|
73
73
|
ErrorMessage,
|
|
74
74
|
{
|
|
75
75
|
errorMessage,
|
|
@@ -79,9 +79,9 @@ const UploadField = (props) => {
|
|
|
79
79
|
);
|
|
80
80
|
};
|
|
81
81
|
//! Render
|
|
82
|
-
return /* @__PURE__ */
|
|
83
|
-
label && /* @__PURE__ */
|
|
84
|
-
/* @__PURE__ */
|
|
82
|
+
return /* @__PURE__ */ jsxs("div", { className: customStyleContainer, children: [
|
|
83
|
+
label && /* @__PURE__ */ jsx(Label, { label, required }),
|
|
84
|
+
/* @__PURE__ */ jsx(
|
|
85
85
|
Upload,
|
|
86
86
|
{
|
|
87
87
|
listType: "picture-card",
|
|
@@ -95,7 +95,7 @@ const UploadField = (props) => {
|
|
|
95
95
|
}
|
|
96
96
|
),
|
|
97
97
|
renderErrorMessage(),
|
|
98
|
-
previewImage && /* @__PURE__ */
|
|
98
|
+
previewImage && /* @__PURE__ */ jsx(
|
|
99
99
|
Image,
|
|
100
100
|
{
|
|
101
101
|
wrapperStyle: { display: "none" },
|
package/es/ui/Alert.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Alert as Alert$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Alert = (props) => {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsx(Alert$1, { ...props });
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { Alert };
|
package/es/ui/Anchor.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Anchor as Anchor$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Anchor = (props) => {
|
|
5
5
|
const { containerClassName, anchorClassName, ...restProps } = props;
|
|
6
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Anchor$1, { className: anchorClassName, ...restProps }) });
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { Anchor };
|
package/es/ui/Appfix.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Affix } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Appfix = ({ children, ...rest }) => {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsx(Affix, { ...rest, children });
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { Appfix };
|
package/es/ui/AutoComplete.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { AutoComplete as AutoComplete$1, Input } from 'antd';
|
|
3
3
|
|
|
4
4
|
const AutoComplete = (props) => {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsx(AutoComplete$1, { ...props, children: /* @__PURE__ */ jsx(Input, {}) });
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { AutoComplete };
|
package/es/ui/Badge.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Badge as Badge$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const typeColorMap = {
|
|
@@ -9,7 +9,7 @@ const typeColorMap = {
|
|
|
9
9
|
};
|
|
10
10
|
const Badge = ({ type, children, customColor, ...rest }) => {
|
|
11
11
|
const color = type ? typeColorMap[type] : customColor;
|
|
12
|
-
return /* @__PURE__ */
|
|
12
|
+
return /* @__PURE__ */ jsx(Badge$1, { color, ...rest, children });
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { Badge, typeColorMap };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Select } from '../fields/Select.js';
|
|
3
3
|
import { Pagination } from './Pagination.js';
|
|
4
4
|
|
|
@@ -13,9 +13,9 @@ const BottomPagination = (props) => {
|
|
|
13
13
|
value: size,
|
|
14
14
|
label: `${size}`
|
|
15
15
|
}));
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
/* @__PURE__ */
|
|
18
|
-
/* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ jsxs("div", { className: "w-full flex align-center justify-between pl-2.5 pr-2.5", children: [
|
|
17
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
|
|
18
|
+
/* @__PURE__ */ jsx(
|
|
19
19
|
Select,
|
|
20
20
|
{
|
|
21
21
|
onChange: (value) => onChange?.(current, Number(value) || 10),
|
|
@@ -23,12 +23,12 @@ const BottomPagination = (props) => {
|
|
|
23
23
|
options: defaultPageSizeOptions
|
|
24
24
|
}
|
|
25
25
|
),
|
|
26
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ jsx("span", { className: "text-sm", children: `${(current - 1) * pageSize + 1} - ${current * pageSize > total ? total : current * pageSize} trên tổng ${total}` })
|
|
27
27
|
] }),
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
/* @__PURE__ */
|
|
28
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
|
|
29
|
+
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
|
|
30
|
+
/* @__PURE__ */ jsx("span", { className: "text-sm", children: "xem trang" }),
|
|
31
|
+
/* @__PURE__ */ jsx(
|
|
32
32
|
Select,
|
|
33
33
|
{
|
|
34
34
|
onChange: (value) => onChange?.(Number(value), pageSize || 10),
|
|
@@ -38,7 +38,7 @@ const BottomPagination = (props) => {
|
|
|
38
38
|
}
|
|
39
39
|
)
|
|
40
40
|
] }),
|
|
41
|
-
/* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ jsx(
|
|
42
42
|
Pagination,
|
|
43
43
|
{
|
|
44
44
|
className: "show-total-range",
|
package/es/ui/Breadcrumb.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Breadcrumb as Breadcrumb$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Breadcrumb = (props) => {
|
|
5
5
|
const { containerClassName, breadcrumbClassName, ...restProps } = props;
|
|
6
|
-
return /* @__PURE__ */
|
|
6
|
+
return /* @__PURE__ */ jsx("div", { className: containerClassName, children: /* @__PURE__ */ jsx(Breadcrumb$1, { className: breadcrumbClassName, ...restProps }) });
|
|
7
7
|
};
|
|
8
8
|
|
|
9
9
|
export { Breadcrumb };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { c as className } from '../chunks/index-mzHK7Za8.js';
|
|
3
3
|
import { Breadcrumb } from './Breadcrumb.js';
|
|
4
4
|
import { useLocation, Link } from 'react-router';
|
|
@@ -8,14 +8,14 @@ const BreadcrumbHeading = (props) => {
|
|
|
8
8
|
const location = useLocation();
|
|
9
9
|
const pathUrl = location.pathname;
|
|
10
10
|
const breadcrumbsItem = [
|
|
11
|
-
{ title: /* @__PURE__ */
|
|
11
|
+
{ title: /* @__PURE__ */ jsx(Link, { to: "/", children: "Trang chủ" }) }
|
|
12
12
|
];
|
|
13
13
|
function findBreadcrumbs(items, currentPath, trail = []) {
|
|
14
14
|
for (const item of items) {
|
|
15
15
|
if (!item || !item.path) continue;
|
|
16
16
|
if (currentPath === item.path) {
|
|
17
17
|
if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
|
|
18
|
-
return [...trail, { title: /* @__PURE__ */
|
|
18
|
+
return [...trail, { title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name }) }];
|
|
19
19
|
}
|
|
20
20
|
return trail;
|
|
21
21
|
}
|
|
@@ -23,7 +23,7 @@ const BreadcrumbHeading = (props) => {
|
|
|
23
23
|
const newTrail = [...trail];
|
|
24
24
|
if (!Object.prototype.hasOwnProperty.call(item, "isShowLabel") || item.isShowLabel) {
|
|
25
25
|
newTrail.push({
|
|
26
|
-
title: /* @__PURE__ */
|
|
26
|
+
title: /* @__PURE__ */ jsx(Link, { to: item.path, children: item.name })
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
29
|
if (item.children && item.children.length > 0) {
|
|
@@ -48,7 +48,7 @@ const BreadcrumbHeading = (props) => {
|
|
|
48
48
|
];
|
|
49
49
|
console.log("dataBreadcum", dataBreadcum);
|
|
50
50
|
//! Render
|
|
51
|
-
return /* @__PURE__ */
|
|
51
|
+
return /* @__PURE__ */ jsx("div", { className: className("flex justify-between items-end"), children: /* @__PURE__ */ jsx(Breadcrumb, { items: dataBreadcum }) });
|
|
52
52
|
};
|
|
53
53
|
|
|
54
54
|
export { BreadcrumbHeading };
|
package/es/ui/Button.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Button as Button$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Button = (props) => {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsx(Button$1, { ...props });
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { Button };
|
package/es/ui/Card.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Card as Card$1 } from 'antd';
|
|
3
3
|
|
|
4
4
|
const Card = ({ children, ...rest }) => {
|
|
5
|
-
return /* @__PURE__ */
|
|
5
|
+
return /* @__PURE__ */ jsx(Card$1, { ...rest, children });
|
|
6
6
|
};
|
|
7
7
|
|
|
8
8
|
export { Card };
|