跑通ts调试

2024-12-17 22:28:44 +08:00
parent 146c818c74
commit 4b73c63ad8
25 changed files with 1002 additions and 12 deletions
@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBar = void 0;
+const React = require("react");
+const react_umg_1 = require("react-umg");
+let SlotOfProgressBar = {
+    Size: {
+        SizeRule: 1
+    }
+};
+class StatusBar extends React.Component {
+    constructor(props) {
+        super(props);
+        this.onIncrement = () => this.setState({ percent: this.state.percent + 0.01 });
+        this.onDecrement = () => this.setState({ percent: this.state.percent - 0.01 });
+        if ((props.initialPercent || 0) < 0) {
+            throw new Error('initialPercent < 0');
+        }
+        this.state = {
+            percent: props.initialPercent || 0.5
+        };
+    }
+    get color() {
+        return { R: 1 - this.state.percent, G: 0, B: this.state.percent };
+    }
+    render() {
+        return (React.createElement(react_umg_1.HorizontalBox, null,
+            React.createElement(react_umg_1.TextBlock, { Text: `${this.props.name}(${this.state.percent.toFixed(2)})` }),
+            React.createElement(react_umg_1.ProgressBar, { Percent: this.state.percent, Slot: SlotOfProgressBar, FillColorAndOpacity: this.color }),
+            React.createElement(react_umg_1.Button, { OnClicked: this.onIncrement }, "+"),
+            React.createElement(react_umg_1.Button, { OnClicked: this.onDecrement }, "-")));
+    }
+}
+exports.StatusBar = StatusBar;
+//# sourceMappingURL=ui-components.js.map