60 lines
2.6 KiB
TypeScript
60 lines
2.6 KiB
TypeScript
// Module ID: 12222
|
|
// Function ID: 12223
|
|
// Name: renderCircle
|
|
// Dependencies: [19, 17, 21, 4444, 4172, 712, 8052, 2]
|
|
|
|
// Module 12222 (renderCircle)
|
|
import ThemesDefault from "Themes" /* 712 */;
|
|
import inlineStyles from "inlineStyles" /* 8052 */;
|
|
import inlineStylesDefault from "inlineStyles" /* 8052 */;
|
|
import { View } from "get ActivityIndicator" /* 17 */;
|
|
import jsxProd from "jsxProd" /* 21 */;
|
|
import createCacheKey from "createCacheKey" /* 4444 */;
|
|
import importAllResult from "noop" /* 19 */;
|
|
|
|
require = arg1;
|
|
({ jsx: c4, jsxs: c5 } = jsxProd);
|
|
let closure_6 = createCacheKey.createLegacyClassComponentStyles({ progressCircle: { alignItems: "center", justifyContent: "center" }, circle: { position: "absolute", width: "100%", height: "100%" }, circleOverlay: { position: "relative", display: "flex", justifyContent: "center", alignItems: "center" } });
|
|
const Component = importAllResult.Component;
|
|
class ProgressCircle extends Component {
|
|
}
|
|
const prototype = ProgressCircle.prototype;
|
|
prototype["renderCircle"] = function renderCircle() {
|
|
const props = this.props;
|
|
({ size, strokeWidth } = props);
|
|
const result = (size - strokeWidth) / 2;
|
|
const result1 = result * Math.PI * 2;
|
|
const bound = Math.min(Math.max(props.percent, 0), 100);
|
|
let obj = { viewBox: null, style: null, children: null };
|
|
const tmp = callback2(this.context);
|
|
obj[0] = "0 0 " + size + " " + size;
|
|
obj[1] = tmp.circle;
|
|
obj = { fill: "none", cx: size / 2, cy: size / 2, r: result, strokeWidth, strokeLinecap: "round", transform: "rotate(-90 " + size / 2 + " " + size / 2 + ")", stroke: props.color, style: obj };
|
|
obj = { strokeDasharray: result1, strokeDashoffset: (1 - bound / 100) * result1 };
|
|
obj[2] = callback(inlineStyles.Circle, obj);
|
|
return callback(inlineStylesDefault, obj);
|
|
};
|
|
prototype["render"] = function render() {
|
|
const tmp = callback2(this.context);
|
|
const props = this.props;
|
|
const children = props.children;
|
|
let obj = { style: items, children: null };
|
|
items = [tmp.progressCircle, props.style];
|
|
const items1 = [this.renderCircle(), ];
|
|
let tmp4 = null;
|
|
if (null != children) {
|
|
obj = { style: null, children: null };
|
|
obj[0] = tmp.circleOverlay;
|
|
obj[1] = children;
|
|
tmp4 = callback(tmp3, obj);
|
|
}
|
|
items1[1] = tmp4;
|
|
obj[1] = items1;
|
|
return closure_5(View, obj);
|
|
};
|
|
ProgressCircle.contextType = require("ManaContext").ThemeContext;
|
|
createCacheKey = { size: 20, strokeWidth: 0.9, color: ThemesDefault.unsafe_rawColors.GUILD_BOOSTING_PINK };
|
|
ProgressCircle.defaultProps = createCacheKey;
|
|
let result = require("set").fileFinishedImporting("modules/premium/native/components/ProgressCircle.tsx");
|
|
|
|
export default ProgressCircle;
|