@ray-js/t-agent-ui-ray 0.1.0-beta-8 → 0.1.0-beta-10
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.
|
@@ -18,4 +18,4 @@ export interface OperateCardTileProps extends TileProps {
|
|
|
18
18
|
show: boolean;
|
|
19
19
|
}) => React.ReactNode;
|
|
20
20
|
}
|
|
21
|
-
export default function OperateCardTile(
|
|
21
|
+
export default function OperateCardTile(props: OperateCardTileProps): React.JSX.Element | null;
|
|
@@ -71,18 +71,17 @@ const handleDesc = (detail, t) => {
|
|
|
71
71
|
items: desc.join(t('t-agent.operate-card-tile.description.separator'))
|
|
72
72
|
});
|
|
73
73
|
};
|
|
74
|
-
export default function OperateCardTile(
|
|
75
|
-
|
|
76
|
-
|
|
74
|
+
export default function OperateCardTile(props) {
|
|
75
|
+
const {
|
|
76
|
+
tile,
|
|
77
77
|
renderDetail
|
|
78
|
-
} =
|
|
78
|
+
} = props;
|
|
79
79
|
const {
|
|
80
80
|
deviceInfo = [],
|
|
81
81
|
sceneInfo = [],
|
|
82
82
|
changeInfo = []
|
|
83
|
-
} = data || {};
|
|
83
|
+
} = tile.data || {};
|
|
84
84
|
const t = useTranslate();
|
|
85
|
-
const [show, setShow] = useState(false);
|
|
86
85
|
const [showDetail, setShowDetail] = useState(false);
|
|
87
86
|
const tapDevice = e => {
|
|
88
87
|
const deviceId = e.currentTarget.dataset.id;
|
|
@@ -111,7 +110,6 @@ export default function OperateCardTile(_ref) {
|
|
|
111
110
|
const {
|
|
112
111
|
operations
|
|
113
112
|
} = useMemo(() => {
|
|
114
|
-
let isShow = show;
|
|
115
113
|
const operations = {
|
|
116
114
|
device: [],
|
|
117
115
|
scene: [],
|
|
@@ -126,7 +124,6 @@ export default function OperateCardTile(_ref) {
|
|
|
126
124
|
} = i;
|
|
127
125
|
switch (intent) {
|
|
128
126
|
case 'controlDevice':
|
|
129
|
-
isShow = true;
|
|
130
127
|
operations.device.push(i);
|
|
131
128
|
break;
|
|
132
129
|
default:
|
|
@@ -148,12 +145,10 @@ export default function OperateCardTile(_ref) {
|
|
|
148
145
|
break;
|
|
149
146
|
case 'deleteScene':
|
|
150
147
|
if (i.success) {
|
|
151
|
-
isShow = true;
|
|
152
148
|
operations.scene.push(i);
|
|
153
149
|
}
|
|
154
150
|
break;
|
|
155
151
|
default:
|
|
156
|
-
isShow = true;
|
|
157
152
|
operations.scene.push(_objectSpread(_objectSpread({}, i), {}, {
|
|
158
153
|
displayType: 'execute'
|
|
159
154
|
}));
|
|
@@ -162,7 +157,6 @@ export default function OperateCardTile(_ref) {
|
|
|
162
157
|
});
|
|
163
158
|
}
|
|
164
159
|
if (changeInfo !== null && changeInfo !== void 0 && changeInfo.length) {
|
|
165
|
-
isShow = true;
|
|
166
160
|
changeInfo.forEach(i => {
|
|
167
161
|
switch (i.type) {
|
|
168
162
|
case 'scene':
|
|
@@ -192,35 +186,31 @@ export default function OperateCardTile(_ref) {
|
|
|
192
186
|
}
|
|
193
187
|
});
|
|
194
188
|
}
|
|
195
|
-
if (isShow && !show) {
|
|
196
|
-
setShow(true);
|
|
197
|
-
}
|
|
198
189
|
return {
|
|
199
190
|
operations
|
|
200
191
|
};
|
|
201
|
-
}, [deviceInfo, sceneInfo, changeInfo,
|
|
192
|
+
}, [deviceInfo, sceneInfo, changeInfo, t]);
|
|
202
193
|
const desc = useMemo(() => handleDesc(operations, t), [operations, t]);
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
};
|
|
206
|
-
if (show) {
|
|
207
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
208
|
-
className: "t-agent-scene-control-tile"
|
|
209
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
210
|
-
className: "t-agent-scene-control-tile-summary"
|
|
211
|
-
}, t('t-agent.operate-card-tile.operation.impact'), desc, /*#__PURE__*/React.createElement(Text, {
|
|
212
|
-
className: "t-agent-scene-control-tile-summary-detail",
|
|
213
|
-
onClick: toggleDetail
|
|
214
|
-
}, showDetail ? t('t-agent.operate-card-tile.hide.details') : t('t-agent.operate-card-tile.view.details'))), renderDetail && renderDetail({
|
|
215
|
-
operations,
|
|
216
|
-
tapDevice,
|
|
217
|
-
tapScene,
|
|
218
|
-
show: showDetail
|
|
219
|
-
}), showDetail && !renderDetail && /*#__PURE__*/React.createElement(Expand, {
|
|
220
|
-
operations: operations,
|
|
221
|
-
tapDevice: tapDevice,
|
|
222
|
-
tapScene: tapScene
|
|
223
|
-
}));
|
|
194
|
+
if (!operations.device.length && !operations.scene.length && !operations.moreDevice.length && !operations.moreScene.length) {
|
|
195
|
+
return null;
|
|
224
196
|
}
|
|
225
|
-
return
|
|
197
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
198
|
+
className: "t-agent-scene-control-tile"
|
|
199
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
200
|
+
className: "t-agent-scene-control-tile-summary"
|
|
201
|
+
}, t('t-agent.operate-card-tile.operation.impact'), desc, /*#__PURE__*/React.createElement(Text, {
|
|
202
|
+
className: "t-agent-scene-control-tile-summary-detail",
|
|
203
|
+
onClick: () => {
|
|
204
|
+
setShowDetail(!showDetail);
|
|
205
|
+
}
|
|
206
|
+
}, showDetail ? t('t-agent.operate-card-tile.hide.details') : t('t-agent.operate-card-tile.view.details'))), renderDetail && renderDetail({
|
|
207
|
+
operations,
|
|
208
|
+
tapDevice,
|
|
209
|
+
tapScene,
|
|
210
|
+
show: showDetail
|
|
211
|
+
}), showDetail && !renderDetail && /*#__PURE__*/React.createElement(Expand, {
|
|
212
|
+
operations: operations,
|
|
213
|
+
tapDevice: tapDevice,
|
|
214
|
+
tapScene: tapScene
|
|
215
|
+
}));
|
|
226
216
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ray-js/t-agent-ui-ray",
|
|
3
|
-
"version": "0.1.0-beta-
|
|
3
|
+
"version": "0.1.0-beta-10",
|
|
4
4
|
"author": "Tuya.inc",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"@types/echarts": "^4.9.22",
|
|
42
42
|
"@types/markdown-it": "^14.1.1"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "5ce69dc93b2129369eb8ebfe409cf172b7ba379e"
|
|
45
45
|
}
|