@cloudtower/eagle 0.34.9 → 0.34.11
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/cjs/core/Progress/progress.widgets.js +2 -2
- package/dist/cjs/coreX/CheckPointList/index.js +39 -13
- package/dist/cjs/stats1.html +1 -1
- package/dist/components.css +2518 -2503
- package/dist/esm/core/Progress/progress.widgets.js +2 -2
- package/dist/esm/coreX/CheckPointList/index.js +37 -12
- package/dist/esm/stats1.html +1 -1
- package/dist/linaria.merged.scss +2862 -2841
- package/dist/src/coreX/CheckPointList/checkpointlist.type.d.ts +17 -1
- package/dist/stories/docs/core/MediumDialog.stories.d.ts +4 -0
- package/dist/stories/docs/coreX/CheckPointList.stories.d.ts +1 -1
- package/dist/style.css +2518 -2503
- package/package.json +4 -4
|
@@ -40,13 +40,13 @@ var __objRest = (source, exclude) => {
|
|
|
40
40
|
return target;
|
|
41
41
|
};
|
|
42
42
|
const titleAreaStyle = "E_t1gvlxt5";
|
|
43
|
-
const
|
|
43
|
+
const _exp2 = /*#__PURE__*/() => props => props.gap;
|
|
44
44
|
const AreaWrapper = /*#__PURE__*/react.styled('div')({
|
|
45
45
|
name: "AreaWrapper",
|
|
46
46
|
class: "E_a1ji6r68",
|
|
47
47
|
propsAsIs: false,
|
|
48
48
|
vars: {
|
|
49
|
-
"a1ji6r68-0": [
|
|
49
|
+
"a1ji6r68-0": [_exp2(), "px"]
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
const Area = ({
|
|
@@ -5,17 +5,21 @@ var core = require('@linaria/core');
|
|
|
5
5
|
var useParrotTranslation = require('../../hooks/useParrotTranslation.js');
|
|
6
6
|
var antd5 = require('antd5');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var cs = require('classnames');
|
|
8
9
|
var checkpointlist_style = require('./checkpointlist.style.js');
|
|
9
10
|
var index = require('../Show/index.js');
|
|
10
11
|
var index$1 = require('../../core/Icon/index.js');
|
|
11
12
|
var index$2 = require('../../core/Typo/index.js');
|
|
12
|
-
var index$3 = require('../../core/
|
|
13
|
-
var index$4 = require('../../core/
|
|
14
|
-
var index$5 = require('../../core/
|
|
13
|
+
var index$3 = require('../../core/Button/index.js');
|
|
14
|
+
var index$4 = require('../../core/Link/index.js');
|
|
15
|
+
var index$5 = require('../../core/Tag/index.js');
|
|
16
|
+
var index$6 = require('../../core/Alert/index.js');
|
|
17
|
+
var index$7 = require('../../core/Switch/index.js');
|
|
15
18
|
|
|
16
19
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
20
|
|
|
18
21
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
22
|
+
var cs__default = /*#__PURE__*/_interopDefault(cs);
|
|
19
23
|
|
|
20
24
|
var __defProp = Object.defineProperty;
|
|
21
25
|
var __defProps = Object.defineProperties;
|
|
@@ -41,13 +45,15 @@ const CheckPointItem = ({
|
|
|
41
45
|
status,
|
|
42
46
|
key,
|
|
43
47
|
tagProps,
|
|
44
|
-
alertProps
|
|
48
|
+
alertProps,
|
|
49
|
+
actions
|
|
45
50
|
}) => {
|
|
46
51
|
const icon = {
|
|
47
52
|
failed: iconsReact.XmarkFailedSeriousWarningFill16RedIcon,
|
|
48
53
|
success: iconsReact.CheckmarkDoneSuccessCircleFill16GreenIcon,
|
|
49
54
|
loading: iconsReact.Loading16GradientBlueIcon,
|
|
50
|
-
warning: iconsReact.NoticeTriangleFill16YellowIcon
|
|
55
|
+
warning: iconsReact.NoticeTriangleFill16YellowIcon,
|
|
56
|
+
idle: iconsReact.TimelineNotStart16GrayIcon
|
|
51
57
|
};
|
|
52
58
|
return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement(antd5.List.Item, { className: core.cx(checkpointlist_style.CheckPointItemStyle), key }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(icon) }, /* @__PURE__ */ React__default.default.createElement(
|
|
53
59
|
index$1,
|
|
@@ -56,7 +62,17 @@ const CheckPointItem = ({
|
|
|
56
62
|
className: "icon-wrapper",
|
|
57
63
|
isRotate: status === "loading"
|
|
58
64
|
}
|
|
59
|
-
)), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$2.Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.default.createElement(
|
|
65
|
+
)), /* @__PURE__ */ React__default.default.createElement("span", { className: core.cx(index$2.Typo.Label.l4_regular, "description") }, description), /* @__PURE__ */ React__default.default.createElement(antd5.Flex, { gap: 8 }, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(actions == null ? void 0 : actions.length) }, actions == null ? void 0 : actions.map((action) => {
|
|
66
|
+
if (action.type === "button") {
|
|
67
|
+
return /* @__PURE__ */ React__default.default.createElement(index$3, __spreadValues({}, action.props));
|
|
68
|
+
}
|
|
69
|
+
if (action.type === "link") {
|
|
70
|
+
return /* @__PURE__ */ React__default.default.createElement(index$4, __spreadValues({}, action.props));
|
|
71
|
+
}
|
|
72
|
+
if (action.type === "icon") {
|
|
73
|
+
return /* @__PURE__ */ React__default.default.createElement(index$1, __spreadValues({}, action.props));
|
|
74
|
+
}
|
|
75
|
+
})), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(tagProps) }, /* @__PURE__ */ React__default.default.createElement(index$5.default, __spreadValues({}, tagProps))))), /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: Boolean(alertProps) }, /* @__PURE__ */ React__default.default.createElement(index$6, __spreadValues({ showIcon: false }, alertProps))));
|
|
60
76
|
};
|
|
61
77
|
const CheckPointList = ({
|
|
62
78
|
items = [],
|
|
@@ -68,7 +84,8 @@ const CheckPointList = ({
|
|
|
68
84
|
emptyTextClassName,
|
|
69
85
|
onClickSwitch,
|
|
70
86
|
defaultChecked = false,
|
|
71
|
-
className
|
|
87
|
+
className,
|
|
88
|
+
border = true
|
|
72
89
|
}) => {
|
|
73
90
|
const { t } = useParrotTranslation();
|
|
74
91
|
const [checked, setChecked] = React.useState(defaultChecked);
|
|
@@ -78,14 +95,23 @@ const CheckPointList = ({
|
|
|
78
95
|
onClickSwitch == null ? void 0 : onClickSwitch(nextChecked);
|
|
79
96
|
}, [onClickSwitch, checked]);
|
|
80
97
|
const isEmpty = !items.length;
|
|
81
|
-
return /* @__PURE__ */ React__default.default.createElement(
|
|
82
|
-
|
|
98
|
+
return /* @__PURE__ */ React__default.default.createElement(
|
|
99
|
+
"div",
|
|
83
100
|
{
|
|
84
|
-
|
|
85
|
-
|
|
101
|
+
className: cs__default.default(checkpointlist_style.CheckPointListStyle, className, {
|
|
102
|
+
border
|
|
103
|
+
})
|
|
86
104
|
},
|
|
87
|
-
|
|
88
|
-
|
|
105
|
+
/* @__PURE__ */ React__default.default.createElement("header", { className: core.cx(index$2.Typo.Label.l4_bold) }, title, /* @__PURE__ */ React__default.default.createElement(index.Show, { condition: showSwitchControl }, /* @__PURE__ */ React__default.default.createElement("span", { className: "switch-text" }, /* @__PURE__ */ React__default.default.createElement(index$7, { checked, onChange: onClickSwitchFn, size: "small" }), /* @__PURE__ */ React__default.default.createElement("span", null, switchText || t("common.show_unpassed"))))),
|
|
106
|
+
/* @__PURE__ */ React__default.default.createElement(
|
|
107
|
+
index.Show,
|
|
108
|
+
{
|
|
109
|
+
condition: isEmpty,
|
|
110
|
+
fallback: /* @__PURE__ */ React__default.default.createElement(antd5.List, { split: false, bordered: false }, items.map((item, index) => /* @__PURE__ */ React__default.default.createElement(CheckPointItem, __spreadProps(__spreadValues({}, item), { key: `checklist-item-${index}` }))))
|
|
111
|
+
},
|
|
112
|
+
emptyRender ? emptyRender(emptyText) : /* @__PURE__ */ React__default.default.createElement("div", { className: core.cx(checkpointlist_style.EmptyWrapper, emptyTextClassName) }, emptyText)
|
|
113
|
+
)
|
|
114
|
+
);
|
|
89
115
|
};
|
|
90
116
|
|
|
91
117
|
exports.CheckPointItem = CheckPointItem;
|