pixuireactcomponents 1.1.21 → 1.1.22

package/ui/components/outlinetext/OutlineText.d.ts

@@ -1,73 +1,73 @@
-import { Component, h, CSSProperties } from 'preact';
-declare enum FontStyle {
-    Normal = 0,
-    Bold = 1,
-    Italic = 2,
-    BoldAndItalic = 3
-}
-declare enum TextAnchor {
-    UpperLeft = 0,
-    UpperCenter = 1,
-    UpperRight = 2,
-    MiddleLeft = 3,
-    MiddleCenter = 4,
-    MiddleRight = 5,
-    LowerLeft = 6,
-    LowerCenter = 7,
-    LowerRight = 8
-}
-declare enum HorizontalWrapMode {
-    Wrap = 0,
-    Overflow = 1
-}
-declare enum VerticalWrapMode {
-    Truncate = 0,
-    Overflow = 1
-}
-export interface OutlineTextProps {
-    style?: CSSProperties;
-    text?: string;
-    font?: string;
-    fontStyle?: FontStyle;
-    fontSize?: number;
-    lineSpacing?: number;
-    alignment?: TextAnchor;
-    alignByGeometry?: boolean;
-    horizontalOverflow?: HorizontalWrapMode;
-    verticalOverflow?: VerticalWrapMode;
-    color: string;
-    outlineColor: string;
-    outlineDistance: {
-        x: number;
-        y: number;
-    };
-}
-export declare class OutlineText extends Component<OutlineTextProps, OutlineTextProps> {
-    text: any;
-    outline: any;
-    constructor(props: any);
-    static defaultProps: {
-        style: import("../../lib/preact/src/jsx").JCSSProperties;
-        text: string;
-        font: string;
-        fontStyle: FontStyle;
-        fontSize: number;
-        lineSpacing: number;
-        alignment: TextAnchor;
-        alignByGeometry: boolean;
-        horizontalOverflow: HorizontalWrapMode;
-        verticalOverflow: VerticalWrapMode;
-        color: string;
-        outlineColor: string;
-        outlineDistance: {
-            x: number;
-            y: number;
-        };
-    };
-    componentDidUpdate(): void;
-    OnLoad: (e: any) => void;
-    colorRgb(colorStr: any): any;
-    updateOutlineText(): void;
-    render(): h.JSX.Element;
-}
-export {};
+import { Component, h, CSSProperties } from 'preact';
+declare enum FontStyle {
+    Normal = 0,
+    Bold = 1,
+    Italic = 2,
+    BoldAndItalic = 3
+}
+declare enum TextAnchor {
+    UpperLeft = 0,
+    UpperCenter = 1,
+    UpperRight = 2,
+    MiddleLeft = 3,
+    MiddleCenter = 4,
+    MiddleRight = 5,
+    LowerLeft = 6,
+    LowerCenter = 7,
+    LowerRight = 8
+}
+declare enum HorizontalWrapMode {
+    Wrap = 0,
+    Overflow = 1
+}
+declare enum VerticalWrapMode {
+    Truncate = 0,
+    Overflow = 1
+}
+export interface OutlineTextProps {
+    style?: CSSProperties;
+    text?: string;
+    font?: string;
+    fontStyle?: FontStyle;
+    fontSize?: number;
+    lineSpacing?: number;
+    alignment?: TextAnchor;
+    alignByGeometry?: boolean;
+    horizontalOverflow?: HorizontalWrapMode;
+    verticalOverflow?: VerticalWrapMode;
+    color: string;
+    outlineColor: string;
+    outlineDistance: {
+        x: number;
+        y: number;
+    };
+}
+export declare class OutlineText extends Component<OutlineTextProps, OutlineTextProps> {
+    text: any;
+    outline: any;
+    constructor(props: any);
+    static defaultProps: {
+        style: import("../../lib/preact/src/jsx").JCSSProperties;
+        text: string;
+        font: string;
+        fontStyle: FontStyle;
+        fontSize: number;
+        lineSpacing: number;
+        alignment: TextAnchor;
+        alignByGeometry: boolean;
+        horizontalOverflow: HorizontalWrapMode;
+        verticalOverflow: VerticalWrapMode;
+        color: string;
+        outlineColor: string;
+        outlineDistance: {
+            x: number;
+            y: number;
+        };
+    };
+    componentDidUpdate(): void;
+    OnLoad: (e: any) => void;
+    colorRgb(colorStr: any): any;
+    updateOutlineText(): void;
+    render(): h.JSX.Element;
+}
+export {};

package/ui/components/outlinetext/OutlineText.js

@@ -1,157 +1,157 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-import { Component, h } from 'preact';
-var FontStyle;
-(function (FontStyle) {
-    FontStyle[FontStyle["Normal"] = 0] = "Normal";
-    FontStyle[FontStyle["Bold"] = 1] = "Bold";
-    FontStyle[FontStyle["Italic"] = 2] = "Italic";
-    FontStyle[FontStyle["BoldAndItalic"] = 3] = "BoldAndItalic";
-})(FontStyle || (FontStyle = {}));
-var TextAnchor;
-(function (TextAnchor) {
-    TextAnchor[TextAnchor["UpperLeft"] = 0] = "UpperLeft";
-    TextAnchor[TextAnchor["UpperCenter"] = 1] = "UpperCenter";
-    TextAnchor[TextAnchor["UpperRight"] = 2] = "UpperRight";
-    TextAnchor[TextAnchor["MiddleLeft"] = 3] = "MiddleLeft";
-    TextAnchor[TextAnchor["MiddleCenter"] = 4] = "MiddleCenter";
-    TextAnchor[TextAnchor["MiddleRight"] = 5] = "MiddleRight";
-    TextAnchor[TextAnchor["LowerLeft"] = 6] = "LowerLeft";
-    TextAnchor[TextAnchor["LowerCenter"] = 7] = "LowerCenter";
-    TextAnchor[TextAnchor["LowerRight"] = 8] = "LowerRight";
-})(TextAnchor || (TextAnchor = {}));
-var HorizontalWrapMode;
-(function (HorizontalWrapMode) {
-    HorizontalWrapMode[HorizontalWrapMode["Wrap"] = 0] = "Wrap";
-    HorizontalWrapMode[HorizontalWrapMode["Overflow"] = 1] = "Overflow";
-})(HorizontalWrapMode || (HorizontalWrapMode = {}));
-var VerticalWrapMode;
-(function (VerticalWrapMode) {
-    VerticalWrapMode[VerticalWrapMode["Truncate"] = 0] = "Truncate";
-    VerticalWrapMode[VerticalWrapMode["Overflow"] = 1] = "Overflow";
-})(VerticalWrapMode || (VerticalWrapMode = {}));
-var defaultStyle = {
-    width: 200,
-    height: 200
-};
-var OutlineText = /** @class */ (function (_super) {
-    __extends(OutlineText, _super);
-    function OutlineText(props) {
-        var _this = _super.call(this, props) || this;
-        _this.OnLoad = function (e) {
-            console.log('!!!!!!!!!!!!!!');
-            if (!require) {
-                console.error('need puerts env');
-            }
-            var CS = window.require('csharp');
-            if (!CS) {
-                console.error('need puerts env');
-                return;
-            }
-            var puerts = window.require('puerts');
-            console.log('?????');
-            var windowId = window.external.id;
-            var handle = e.target.attachment.handle;
-            var attachment = CS.com.tencent.pandora.CSharpInterface.GetSlotAttachmentByHandle(windowId, handle);
-            if (!attachment) {
-                console.error("can't get relected attachment, handle:".concat(handle));
-                return;
-            }
-            var placeholder = attachment.GetMountingGameObject();
-            var text = placeholder.AddComponent(puerts.$typeof(CS.UnityEngine.UI.Text));
-            _this.text = text;
-            var outline = placeholder.AddComponent(puerts.$typeof(CS.UnityEngine.UI.Outline));
-            _this.outline = outline;
-            _this.updateOutlineText();
-        };
-        return _this;
-    }
-    OutlineText.prototype.componentDidUpdate = function () {
-        console.log('componentDidUpdate');
-        this.updateOutlineText();
-    };
-    OutlineText.prototype.colorRgb = function (colorStr) {
-        //十六进制颜色值的正则表达式
-        var reg = /^#([0-9a-fA-f]{0,}|)$/;
-        var matchRes = colorStr.toString().toLowerCase().match(reg);
-        var transColor = '';
-        if (matchRes.length > 0)
-            transColor = matchRes[matchRes.length - 1];
-        // eslint-disable-next-line @typescript-eslint/no-array-constructor
-        var colorList = new Array();
-        while (transColor != '') {
-            var hex = '0x' + transColor.substring(0, 2);
-            colorList.push(parseInt(hex, 16));
-            transColor = transColor.substring(2, transColor.length);
-        }
-        var r, g, b, a = 1;
-        for (var i = 0; i < colorList.length; i++) {
-            if (i == 0 && colorList[i] != null && colorList[i] != undefined) {
-                r = colorList[i] / 255;
-            }
-            if (i == 1 && colorList[i] != null && colorList[i] != undefined) {
-                g = colorList[i] / 255;
-            }
-            if (i == 2 && colorList[i] != null && colorList[i] != undefined) {
-                b = colorList[i] / 255;
-            }
-            if (i == 3 && colorList[i] != null && colorList[i] != undefined) {
-                a = colorList[i] / 255;
-            }
-        }
-        var CS = window.require('csharp');
-        return CS.UnityEngine.Color(r, g, b, a);
-    };
-    OutlineText.prototype.updateOutlineText = function () {
-        var CS = window.require('csharp');
-        this.text.text = this.props.text;
-        this.text.font = CS.com.tencent.pandora.TextPartner.GetFont.Invoke(this.props.font);
-        this.text.fontStyle = this.props.fontStyle;
-        this.text.fontSize = this.props.fontSize;
-        this.text.lineSpacing = this.props.lineSpacing;
-        this.text.alignment = this.props.alignment;
-        this.text.alignByGeometry = this.props.alignByGeometry;
-        this.text.horizontalOverflow = this.props.horizontalOverflow;
-        this.text.verticalOverflow = this.props.verticalOverflow;
-        this.text.color = this.colorRgb(this.props.color);
-        this.outline.effectColor = this.colorRgb(this.props.outlineColor);
-        this.outline.effectDistance = new CS.UnityEngine.Vector2(this.props.outlineDistance.x, this.props.outlineDistance.y);
-    };
-    OutlineText.prototype.render = function () {
-        return (h("div", { style: this.props.style },
-            h("pixslot", { style: { width: '100%', height: '100%' }, src: 'pixui://method:placeholder', onLoad: this.OnLoad.bind(this) })));
-    };
-    OutlineText.defaultProps = {
-        style: defaultStyle,
-        text: 'NEW TEXT',
-        font: 'gamefont',
-        fontStyle: FontStyle.Normal,
-        fontSize: 14,
-        lineSpacing: 1,
-        alignment: TextAnchor.UpperLeft,
-        alignByGeometry: false,
-        horizontalOverflow: HorizontalWrapMode.Wrap,
-        verticalOverflow: VerticalWrapMode.Truncate,
-        color: '#FFFFFF',
-        outlineColor: '#000000',
-        outlineDistance: {
-            x: 1,
-            y: -1
-        },
-    };
-    return OutlineText;
-}(Component));
-export { OutlineText };
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Component, h } from 'preact';
+var FontStyle;
+(function (FontStyle) {
+    FontStyle[FontStyle["Normal"] = 0] = "Normal";
+    FontStyle[FontStyle["Bold"] = 1] = "Bold";
+    FontStyle[FontStyle["Italic"] = 2] = "Italic";
+    FontStyle[FontStyle["BoldAndItalic"] = 3] = "BoldAndItalic";
+})(FontStyle || (FontStyle = {}));
+var TextAnchor;
+(function (TextAnchor) {
+    TextAnchor[TextAnchor["UpperLeft"] = 0] = "UpperLeft";
+    TextAnchor[TextAnchor["UpperCenter"] = 1] = "UpperCenter";
+    TextAnchor[TextAnchor["UpperRight"] = 2] = "UpperRight";
+    TextAnchor[TextAnchor["MiddleLeft"] = 3] = "MiddleLeft";
+    TextAnchor[TextAnchor["MiddleCenter"] = 4] = "MiddleCenter";
+    TextAnchor[TextAnchor["MiddleRight"] = 5] = "MiddleRight";
+    TextAnchor[TextAnchor["LowerLeft"] = 6] = "LowerLeft";
+    TextAnchor[TextAnchor["LowerCenter"] = 7] = "LowerCenter";
+    TextAnchor[TextAnchor["LowerRight"] = 8] = "LowerRight";
+})(TextAnchor || (TextAnchor = {}));
+var HorizontalWrapMode;
+(function (HorizontalWrapMode) {
+    HorizontalWrapMode[HorizontalWrapMode["Wrap"] = 0] = "Wrap";
+    HorizontalWrapMode[HorizontalWrapMode["Overflow"] = 1] = "Overflow";
+})(HorizontalWrapMode || (HorizontalWrapMode = {}));
+var VerticalWrapMode;
+(function (VerticalWrapMode) {
+    VerticalWrapMode[VerticalWrapMode["Truncate"] = 0] = "Truncate";
+    VerticalWrapMode[VerticalWrapMode["Overflow"] = 1] = "Overflow";
+})(VerticalWrapMode || (VerticalWrapMode = {}));
+var defaultStyle = {
+    width: 200,
+    height: 200
+};
+var OutlineText = /** @class */ (function (_super) {
+    __extends(OutlineText, _super);
+    function OutlineText(props) {
+        var _this = _super.call(this, props) || this;
+        _this.OnLoad = function (e) {
+            console.log('!!!!!!!!!!!!!!');
+            if (!require) {
+                console.error('need puerts env');
+            }
+            var CS = window.require('csharp');
+            if (!CS) {
+                console.error('need puerts env');
+                return;
+            }
+            var puerts = window.require('puerts');
+            console.log('?????');
+            var windowId = window.external.id;
+            var handle = e.target.attachment.handle;
+            var attachment = CS.com.tencent.pandora.CSharpInterface.GetSlotAttachmentByHandle(windowId, handle);
+            if (!attachment) {
+                console.error("can't get relected attachment, handle:".concat(handle));
+                return;
+            }
+            var placeholder = attachment.GetMountingGameObject();
+            var text = placeholder.AddComponent(puerts.$typeof(CS.UnityEngine.UI.Text));
+            _this.text = text;
+            var outline = placeholder.AddComponent(puerts.$typeof(CS.UnityEngine.UI.Outline));
+            _this.outline = outline;
+            _this.updateOutlineText();
+        };
+        return _this;
+    }
+    OutlineText.prototype.componentDidUpdate = function () {
+        console.log('componentDidUpdate');
+        this.updateOutlineText();
+    };
+    OutlineText.prototype.colorRgb = function (colorStr) {
+        //十六进制颜色值的正则表达式
+        var reg = /^#([0-9a-fA-f]{0,}|)$/;
+        var matchRes = colorStr.toString().toLowerCase().match(reg);
+        var transColor = '';
+        if (matchRes.length > 0)
+            transColor = matchRes[matchRes.length - 1];
+        // eslint-disable-next-line @typescript-eslint/no-array-constructor
+        var colorList = new Array();
+        while (transColor != '') {
+            var hex = '0x' + transColor.substring(0, 2);
+            colorList.push(parseInt(hex, 16));
+            transColor = transColor.substring(2, transColor.length);
+        }
+        var r, g, b, a = 1;
+        for (var i = 0; i < colorList.length; i++) {
+            if (i == 0 && colorList[i] != null && colorList[i] != undefined) {
+                r = colorList[i] / 255;
+            }
+            if (i == 1 && colorList[i] != null && colorList[i] != undefined) {
+                g = colorList[i] / 255;
+            }
+            if (i == 2 && colorList[i] != null && colorList[i] != undefined) {
+                b = colorList[i] / 255;
+            }
+            if (i == 3 && colorList[i] != null && colorList[i] != undefined) {
+                a = colorList[i] / 255;
+            }
+        }
+        var CS = window.require('csharp');
+        return CS.UnityEngine.Color(r, g, b, a);
+    };
+    OutlineText.prototype.updateOutlineText = function () {
+        var CS = window.require('csharp');
+        this.text.text = this.props.text;
+        this.text.font = CS.com.tencent.pandora.TextPartner.GetFont.Invoke(this.props.font);
+        this.text.fontStyle = this.props.fontStyle;
+        this.text.fontSize = this.props.fontSize;
+        this.text.lineSpacing = this.props.lineSpacing;
+        this.text.alignment = this.props.alignment;
+        this.text.alignByGeometry = this.props.alignByGeometry;
+        this.text.horizontalOverflow = this.props.horizontalOverflow;
+        this.text.verticalOverflow = this.props.verticalOverflow;
+        this.text.color = this.colorRgb(this.props.color);
+        this.outline.effectColor = this.colorRgb(this.props.outlineColor);
+        this.outline.effectDistance = new CS.UnityEngine.Vector2(this.props.outlineDistance.x, this.props.outlineDistance.y);
+    };
+    OutlineText.prototype.render = function () {
+        return (h("div", { style: this.props.style },
+            h("pixslot", { style: { width: '100%', height: '100%' }, src: 'pixui://method:placeholder', onLoad: this.OnLoad.bind(this) })));
+    };
+    OutlineText.defaultProps = {
+        style: defaultStyle,
+        text: 'NEW TEXT',
+        font: 'gamefont',
+        fontStyle: FontStyle.Normal,
+        fontSize: 14,
+        lineSpacing: 1,
+        alignment: TextAnchor.UpperLeft,
+        alignByGeometry: false,
+        horizontalOverflow: HorizontalWrapMode.Wrap,
+        verticalOverflow: VerticalWrapMode.Truncate,
+        color: '#FFFFFF',
+        outlineColor: '#000000',
+        outlineDistance: {
+            x: 1,
+            y: -1
+        },
+    };
+    return OutlineText;
+}(Component));
+export { OutlineText };

package/ui/components/progress/Progress.d.ts

@@ -1,34 +1,34 @@
-import { Component, h } from 'preact';
-export interface ProgressProps {
-    percent: number;
-    wrapperWidth: number;
-    wrapperHeight: number;
-    height: number;
-    dotWidth: number;
-    dotHeight: number;
-    dotWrapperWidth: number;
-    dotWrapperHeight: number;
-    outerBg: string;
-    innerBg: string;
-    dotBg: string;
-    onDragStart: Function | null;
-    onDrag: Function | null;
-    onDragEnd: Function | null;
-}
-export declare class Progress extends Component<ProgressProps, {
-    percent: number;
-}> {
-    private refWrapper;
-    constructor(props: any);
-    componentDidMount(): void;
-    componentWillReceiveProps(nextProps: any): void;
-    onDragStart: (event: any) => void;
-    onDrag: (event: any) => void;
-    onDragEnd: (event: any) => void;
-    computeWrapperStyle: () => void;
-    computeOuterStyle: () => void;
-    computeInnerStyle: () => void;
-    computeDotWrapperStyle: () => void;
-    computeDotStyle: () => void;
-    render(): h.JSX.Element;
-}
+import { Component, h } from 'preact';
+export interface ProgressProps {
+    percent: number;
+    wrapperWidth: number;
+    wrapperHeight: number;
+    height: number;
+    dotWidth: number;
+    dotHeight: number;
+    dotWrapperWidth: number;
+    dotWrapperHeight: number;
+    outerBg: string;
+    innerBg: string;
+    dotBg: string;
+    onDragStart: Function | null;
+    onDrag: Function | null;
+    onDragEnd: Function | null;
+}
+export declare class Progress extends Component<ProgressProps, {
+    percent: number;
+}> {
+    private refWrapper;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: any): void;
+    onDragStart: (event: any) => void;
+    onDrag: (event: any) => void;
+    onDragEnd: (event: any) => void;
+    computeWrapperStyle: () => void;
+    computeOuterStyle: () => void;
+    computeInnerStyle: () => void;
+    computeDotWrapperStyle: () => void;
+    computeDotStyle: () => void;
+    render(): h.JSX.Element;
+}