pixuireactcomponents 1.2.2 → 1.2.3

package/ui/components/dropdown/Dropdown.js

@@ -0,0 +1,92 @@
+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 optionsDivStyle = {
+    marginTop: 3,
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    height: 'auto',
+    overflow: 'scroll',
+    overflowStyle: 'none',
+};
+var Dropdown = /** @class */ (function (_super) {
+    __extends(Dropdown, _super);
+    function Dropdown(props) {
+        var _this = _super.call(this, props) || this;
+        _this.addNetEvents = function () {
+        };
+        _this.removeNetEvents = function () {
+        };
+        _this.addLogicEvents = function () {
+        };
+        _this.removeLogicEvents = function () {
+        };
+        _this.openList = function () {
+            // console.warn("open dropdown====")
+            _this.setState({
+                isSpread: true
+            });
+        };
+        _this.closeList = function () {
+            // console.warn("close dropdown====")
+            _this.setState({
+                isSpread: false
+            });
+        };
+        _this.onChoose = function (index) {
+            _this.props.onChoose(index);
+            // console.warn('dropdown-=----', index)
+            _this.setState({
+                selectedIndex: index,
+                isSpread: false
+            });
+        };
+        _this.addNetEvents();
+        _this.addLogicEvents();
+        var initIndex = _this.props.defaultIndex == null ? 0 : _this.props.defaultIndex;
+        _this.state = {
+            selectedIndex: initIndex,
+            isSpread: false
+        };
+        return _this;
+    }
+    Dropdown.prototype.componentWillUnmount = function () {
+        this.removeLogicEvents();
+        this.removeNetEvents();
+    };
+    Dropdown.prototype.render = function () {
+        var _this = this;
+        if (!this.state.isSpread) {
+            this.props.unspreadMainUI.props.info = this.props.config.datas[this.state.selectedIndex];
+            this.props.unspreadMainUI.props.openList = this.openList;
+            return (h("div", null, this.props.unspreadMainUI));
+        }
+        this.props.spreadMainUI.props.info = this.props.config.datas[this.state.selectedIndex];
+        this.props.spreadMainUI.props.closeList = this.closeList;
+        this.props.optionsUI.forEach(function (v, index) { v.props.onChoose = function () { _this.onChoose(index); }; });
+        var _optionsUI = this.props.optionsUI.filter(function (v) { return v.props.index != _this.state.selectedIndex; });
+        if (_optionsUI.length > 0)
+            _optionsUI[_optionsUI.length - 1].props['isLast'] = true;
+        return (h("div", null,
+            h("div", { style: this.props.config.spreadStyle },
+                this.props.spreadMainUI,
+                h("div", { style: optionsDivStyle }, _optionsUI))));
+    };
+    return Dropdown;
+}(Component));
+export { Dropdown };

package/ui/components/dropdown/DropdownOptionUI.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'preact';
+/**
+ * dropdown 打开时options列表的单个Item UI
+ * 如果要使用滚动条,在创建改该组件时最外层div样式里面需添加flex-shrink : 0
+ */
+export declare abstract class DropdownOptionUI<T> extends Component<{
+    info: T;
+    onChoose: Function;
+    index: number;
+}, any> {
+}

package/ui/components/dropdown/DropdownOptionUI.js

@@ -0,0 +1,28 @@
+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 } from 'preact';
+/**
+ * dropdown 打开时options列表的单个Item UI
+ * 如果要使用滚动条,在创建改该组件时最外层div样式里面需添加flex-shrink : 0
+ */
+var DropdownOptionUI = /** @class */ (function (_super) {
+    __extends(DropdownOptionUI, _super);
+    function DropdownOptionUI() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return DropdownOptionUI;
+}(Component));
+export { DropdownOptionUI };

package/ui/components/dropdown/DropdownSpreadMainUI.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'preact';
+/**
+ * dropdown 打开时选中框的UI
+ */
+export declare abstract class DropdownSpreadMainUI<T> extends Component<{
+    info: T;
+    closeList: Function;
+}, any> {
+}

package/ui/components/dropdown/DropdownSpreadMainUI.js

@@ -0,0 +1,27 @@
+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 } from 'preact';
+/**
+ * dropdown 打开时选中框的UI
+ */
+var DropdownSpreadMainUI = /** @class */ (function (_super) {
+    __extends(DropdownSpreadMainUI, _super);
+    function DropdownSpreadMainUI() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return DropdownSpreadMainUI;
+}(Component));
+export { DropdownSpreadMainUI };

package/ui/components/dropdown/DropdownUnspreadMainUI.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'preact';
+/**
+ * dropdown 未打开时选中框的UI
+ */
+export declare abstract class DropdownUnspreadMainUI<T> extends Component<{
+    info: T;
+    openList: Function;
+}, any> {
+}

package/ui/components/dropdown/DropdownUnspreadMainUI.js

@@ -0,0 +1,27 @@
+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 } from 'preact';
+/**
+ * dropdown 未打开时选中框的UI
+ */
+var DropdownUnspreadMainUI = /** @class */ (function (_super) {
+    __extends(DropdownUnspreadMainUI, _super);
+    function DropdownUnspreadMainUI() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return DropdownUnspreadMainUI;
+}(Component));
+export { DropdownUnspreadMainUI };

package/ui/components/gradient/GradientText.d.ts

@@ -0,0 +1,63 @@
+import { Component, CSSProperties, h } from 'preact';
+export interface GradientTextProps {
+    style?: CSSProperties;
+    text?: string;
+    color?: string;
+    fontSize?: number;
+    font?: string;
+    alignment?: string;
+    direction?: string;
+    colorTop?: string;
+    colorBottom?: string;
+    colorLeft?: string;
+    colorRight?: string;
+    fitRectTransform?: boolean;
+    richText?: boolean;
+    alignByGeometry?: boolean;
+    horizontalOverflow?: string;
+    verticalOverflow?: string;
+    bestFit?: boolean;
+    raycastTarget?: boolean;
+    fontStyle?: string;
+    lineSpacing?: number;
+}
+export declare class GradientText extends Component<GradientTextProps, GradientTextProps> {
+    isPrintLog: boolean;
+    textObj: null;
+    gradientObj: null;
+    constructor(props: any);
+    componentDidUpdate(): void;
+    static getDerivedStateFromProps(props: any, state: any): {
+        text: any;
+        color: any;
+        fontSize: any;
+        font: any;
+        alignment: any;
+        direction: any;
+        colorTop: any;
+        colorBottom: any;
+        colorLeft: any;
+        colorRight: any;
+        fitRectTransform: any;
+        richText: any;
+        alignByGeometry: any;
+        horizontalOverflow: any;
+        verticalOverflow: any;
+        bestFit: any;
+        raycastTarget: any;
+        fontStyle: any;
+        lineSpacing: any;
+    } | null;
+    getCSharp(): any;
+    onLoad(e: any): void;
+    updateGradientText(): void;
+    transFont(fontName: any): any;
+    transHorizontalOverflow(str: any): any;
+    transVerticalOverflow(str: any): any;
+    transFontStyle(str: any): any;
+    colorRgb(colorStr: any): any;
+    printLog(text: any): void;
+    transDirection(direction: any): any;
+    transAlignment(alignment: any): any;
+    render(props: any): h.JSX.Element;
+}