pixuireactcomponents 1.1.21 → 1.1.22

package/README.md

@@ -1,5 +1,5 @@
-# 组件库
-
-本组件库目前分为2大类：ui组件和工具组件。分别参见目录ui/和目录tools。
-具体组件说明，参见对应类别目录下的md文档
-
+# 组件库
+
+本组件库目前分为2大类：ui组件和工具组件。分别参见目录ui/和目录tools。
+具体组件说明，参见对应类别目录下的md文档
+

package/index.d.ts

@@ -1,15 +1,15 @@
-export { Tabs } from "./ui/components/tab/Tabs";
-export { Tab } from "./ui/components/tab/Tab";
-export { Slider } from "./ui/components/slider/Slider";
-export { Progress } from "./ui/components/progress/Progress";
-export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
-export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
-export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
-export { GradientText } from "./ui/components/gradient/GradientText";
-export { OutlineText } from "./ui/components/outlinetext/OutlineText";
-export { Logger } from "./tools/Logger";
-export { EventDispatcherJs } from "./tools/EventDispatcherJs";
-export { Carousel } from "./ui/components/carousel/Carousel";
-export { Slapface } from "./ui/components/slapface/Slapface";
-export { Button } from "./ui/components/button/Button";
-export { Dropdown, DropdownConfig } from "./ui/components/dropdown/Dropdown";
+export { Tabs } from "./ui/components/tab/Tabs";
+export { Tab } from "./ui/components/tab/Tab";
+export { Slider } from "./ui/components/slider/Slider";
+export { Progress } from "./ui/components/progress/Progress";
+export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
+export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
+export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
+export { GradientText } from "./ui/components/gradient/GradientText";
+export { OutlineText } from "./ui/components/outlinetext/OutlineText";
+export { Logger } from "./tools/Logger";
+export { EventDispatcherJs } from "./tools/EventDispatcherJs";
+export { Carousel } from "./ui/components/carousel/Carousel";
+export { Slapface } from "./ui/components/slapface/Slapface";
+export { Button } from "./ui/components/button/Button";
+export { Dropdown, DropdownConfig } from "./ui/components/dropdown/Dropdown";

package/index.js

@@ -1,16 +1,16 @@
-export { Tabs } from "./ui/components/tab/Tabs";
-export { Tab } from "./ui/components/tab/Tab";
-export { Slider } from "./ui/components/slider/Slider";
-export { Progress } from "./ui/components/progress/Progress";
-export { Dropdown } from "./ui/components/dropdown/Dropdown";
-export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
-export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
-export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
-export { GradientText } from "./ui/components/gradient/GradientText";
-export { OutlineText } from "./ui/components/outlinetext/OutlineText";
-export { Logger } from "./tools/Logger";
-export { EventDispatcherJs } from "./tools/EventDispatcherJs";
-export { Carousel } from "./ui/components/carousel/Carousel";
-export { Slapface } from "./ui/components/slapface/Slapface";
-export { Button } from "./ui/components/button/Button";
-console.log("Hello, 欢迎使用PixUI React Components");
+export { Tabs } from "./ui/components/tab/Tabs";
+export { Tab } from "./ui/components/tab/Tab";
+export { Slider } from "./ui/components/slider/Slider";
+export { Progress } from "./ui/components/progress/Progress";
+export { Dropdown } from "./ui/components/dropdown/Dropdown";
+export { DropdownOptionUI } from "./ui/components/dropdown/DropdownOptionUI";
+export { DropdownSpreadMainUI } from "./ui/components/dropdown/DropdownSpreadMainUI";
+export { DropdownUnspreadMainUI } from "./ui/components/dropdown/DropdownUnspreadMainUI";
+export { GradientText } from "./ui/components/gradient/GradientText";
+export { OutlineText } from "./ui/components/outlinetext/OutlineText";
+export { Logger } from "./tools/Logger";
+export { EventDispatcherJs } from "./tools/EventDispatcherJs";
+export { Carousel } from "./ui/components/carousel/Carousel";
+export { Slapface } from "./ui/components/slapface/Slapface";
+export { Button } from "./ui/components/button/Button";
+console.log("Hello, 欢迎使用PixUI React Components");

package/package.json

@@ -1,11 +1,11 @@
-{
-    "name": "pixuireactcomponents",
-    "version": "1.1.21",
-    "description": "pixui react components",
-    "main": "index.js",
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1"
-    },
-    "author": "hardenzheng",
-    "license": "ISC"
-}
+{
+    "name": "pixuireactcomponents",
+    "version": "1.1.22",
+    "description": "pixui react components",
+    "main": "index.js",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "author": "hardenzheng",
+    "license": "ISC"
+}

package/tools/EventDispatcherJs.d.ts

@@ -1,10 +1,10 @@
-declare class EventDispatcherCls {
-    private listeners;
-    AddEventListener(eventName: string, listener: any, ...args: any[]): void;
-    HasEventListener(eventName: string): boolean;
-    RemoveEventListener(eventName: string, listener: any): void;
-    RemoveEventAllListener(eventName: string): void;
-    DispatchEvent(eventName: string, ...args: any[]): void;
-}
-export declare let EventDispatcherJs: Readonly<EventDispatcherCls>;
-export {};
+declare class EventDispatcherCls {
+    private listeners;
+    AddEventListener(eventName: string, listener: any, ...args: any[]): void;
+    HasEventListener(eventName: string): boolean;
+    RemoveEventListener(eventName: string, listener: any): void;
+    RemoveEventAllListener(eventName: string): void;
+    DispatchEvent(eventName: string, ...args: any[]): void;
+}
+export declare let EventDispatcherJs: Readonly<EventDispatcherCls>;
+export {};

package/tools/EventDispatcherJs.js

@@ -1,71 +1,71 @@
-var EventDispatcherCls = /** @class */ (function () {
-    function EventDispatcherCls() {
-        this.listeners = {};
-    }
-    EventDispatcherCls.prototype.AddEventListener = function (eventName, listener) {
-        var args = [];
-        for (var _i = 2; _i < arguments.length; _i++) {
-            args[_i - 2] = arguments[_i];
-        }
-        if (listener == undefined) {
-            console.warn("listener为空, eventName: " + eventName);
-            return;
-        }
-        var listeners = this.listeners;
-        if (listeners[eventName] == undefined) {
-            listeners[eventName] = [];
-        }
-        var eventList = listeners[eventName];
-        eventList.forEach(function (v) {
-            if (v.eventName == eventName && v.listener == listener) {
-                console.warn("重复添加的事件监听, eventName: " + eventName);
-                return;
-            }
-        });
-        eventList.push({ "eventName": eventName, "listener": listener, "args": args, });
-    };
-    EventDispatcherCls.prototype.HasEventListener = function (eventName) {
-        if (this.listeners[eventName] == undefined || this.listeners[eventName].length == 0) {
-            return false;
-        }
-        return true;
-    };
-    EventDispatcherCls.prototype.RemoveEventListener = function (eventName, listener) {
-        if (this.HasEventListener(eventName) == false) {
-            return;
-        }
-        var eventList = this.listeners[eventName];
-        for (var i = eventList.length - 1; i >= 0; --i) {
-            var event_1 = eventList[i];
-            if (event_1.eventName == eventName && event_1.listener == listener) {
-                eventList.splice(i, 1);
-            }
-        }
-        if (eventList.length == 0) {
-            this.listeners[eventName] = null;
-        }
-    };
-    EventDispatcherCls.prototype.RemoveEventAllListener = function (eventName) {
-        if (this.HasEventListener(eventName)) {
-            this.listeners[eventName] = null;
-        }
-    };
-    EventDispatcherCls.prototype.DispatchEvent = function (eventName) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        if (eventName == undefined || this.HasEventListener(eventName) == false) {
-            return;
-        }
-        var eventList = this.listeners[eventName].slice(0);
-        for (var i = 0; i < eventList.length; ++i) {
-            var obj = eventList[i];
-            var listener = obj.listener;
-            // listener.apply(this, obj.args.concat(args));
-            listener.apply(void 0, obj.args.concat(args));
-        }
-    };
-    return EventDispatcherCls;
-}());
-export var EventDispatcherJs = Object.freeze(new EventDispatcherCls());
+var EventDispatcherCls = /** @class */ (function () {
+    function EventDispatcherCls() {
+        this.listeners = {};
+    }
+    EventDispatcherCls.prototype.AddEventListener = function (eventName, listener) {
+        var args = [];
+        for (var _i = 2; _i < arguments.length; _i++) {
+            args[_i - 2] = arguments[_i];
+        }
+        if (listener == undefined) {
+            console.warn("listener为空, eventName: " + eventName);
+            return;
+        }
+        var listeners = this.listeners;
+        if (listeners[eventName] == undefined) {
+            listeners[eventName] = [];
+        }
+        var eventList = listeners[eventName];
+        eventList.forEach(function (v) {
+            if (v.eventName == eventName && v.listener == listener) {
+                console.warn("重复添加的事件监听, eventName: " + eventName);
+                return;
+            }
+        });
+        eventList.push({ "eventName": eventName, "listener": listener, "args": args, });
+    };
+    EventDispatcherCls.prototype.HasEventListener = function (eventName) {
+        if (this.listeners[eventName] == undefined || this.listeners[eventName].length == 0) {
+            return false;
+        }
+        return true;
+    };
+    EventDispatcherCls.prototype.RemoveEventListener = function (eventName, listener) {
+        if (this.HasEventListener(eventName) == false) {
+            return;
+        }
+        var eventList = this.listeners[eventName];
+        for (var i = eventList.length - 1; i >= 0; --i) {
+            var event_1 = eventList[i];
+            if (event_1.eventName == eventName && event_1.listener == listener) {
+                eventList.splice(i, 1);
+            }
+        }
+        if (eventList.length == 0) {
+            this.listeners[eventName] = null;
+        }
+    };
+    EventDispatcherCls.prototype.RemoveEventAllListener = function (eventName) {
+        if (this.HasEventListener(eventName)) {
+            this.listeners[eventName] = null;
+        }
+    };
+    EventDispatcherCls.prototype.DispatchEvent = function (eventName) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        if (eventName == undefined || this.HasEventListener(eventName) == false) {
+            return;
+        }
+        var eventList = this.listeners[eventName].slice(0);
+        for (var i = 0; i < eventList.length; ++i) {
+            var obj = eventList[i];
+            var listener = obj.listener;
+            // listener.apply(this, obj.args.concat(args));
+            listener.apply(void 0, obj.args.concat(args));
+        }
+    };
+    return EventDispatcherCls;
+}());
+export var EventDispatcherJs = Object.freeze(new EventDispatcherCls());

package/tools/Logger.d.ts

@@ -1,6 +1,6 @@
-export declare function Logger(): void;
-export declare namespace Logger {
-    var ObjectPrinter: (object: any, name: any) => void;
-    var ObjectPrinter2: (object: any, name: any) => void;
-    var HierarchyPrinter: (object: any, name: any) => void;
-}
+export declare function Logger(): void;
+export declare namespace Logger {
+    var ObjectPrinter: (object: any, name: any) => void;
+    var ObjectPrinter2: (object: any, name: any) => void;
+    var HierarchyPrinter: (object: any, name: any) => void;
+}

package/tools/Logger.js

@@ -1,138 +1,138 @@
-export function Logger() {
-}
-// 移除最后一个(key, value)后面的 ','
-var regex = new RegExp("(,)(\n$)");
-/**
- * printer1: 完整打印，用4个空格缩进
- * @param object Object
- * @param name string
- */
-Logger.ObjectPrinter = function (object, name) {
-    var strResult = "";
-    strResult += name + " = ";
-    strResult += getTreeStyleStr(object, 1);
-    strResult = strResult.replace(regex, "$2");
-    console.warn(strResult);
-};
-function getTreeStyleStr(object, level) {
-    var isArray = object instanceof Array;
-    var str = isArray ? "[\n" : "{\n";
-    for (var key in object) {
-        var value = object[key];
-        var curSeparation = getSeparation1(level);
-        if (typeof (value) != 'object') {
-            str += curSeparation + key + " : " + value + ",\n";
-        }
-        else {
-            str += curSeparation + key + " : " + getTreeStyleStr(value, level + 1);
-        }
-    }
-    str = str.replace(regex, "$2");
-    str += getSeparation1(level - 1) + (isArray ? "],\n" : "},\n");
-    return str;
-}
-var SEPARARION1 = "    ";
-function getSeparation1(level) {
-    var totalSeparation = "";
-    while (level > 0) {
-        totalSeparation += SEPARARION1;
-        level--;
-    }
-    return totalSeparation;
-}
-var regexForLine = new RegExp(",$");
-/**
- * printer2: 完整打印，用\t
- * @param object Object
- * @param name sring
- */
-Logger.ObjectPrinter2 = function (object, name) {
-    var lines = [];
-    lines.push("".concat(name, " = "));
-    getTreeStyleLines(object, 1, lines);
-    console.warn(lines.join("\n"));
-};
-function getTreeStyleLines(object, level, lines) {
-    var isArray = object instanceof Array;
-    var linePostFix = isArray ? "[" : "{";
-    var lastLine = lines.pop();
-    lines.push(lastLine + linePostFix);
-    for (var key in object) {
-        var value = object[key];
-        var curSeparation = getSeparation2(level);
-        if (typeof (value) != 'object') {
-            var curLine = curSeparation + key + " : " + value + ",";
-            lines.push(curLine);
-        }
-        else {
-            var curLinePreFix = curSeparation + key + " : ";
-            lines.push(curLinePreFix);
-            getTreeStyleLines(value, level + 1, lines);
-        }
-    }
-    lastLine = lines.pop();
-    if (lastLine)
-        lines.push(lastLine.replace(regexForLine, "")); // 一定执行
-    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"));
-}
-var SEPARARION2 = "\t";
-function getSeparation2(level) {
-    var totalSeparation = "";
-    while (level > 0) {
-        totalSeparation += SEPARARION2;
-        level--;
-    }
-    return totalSeparation;
-}
-/**
- *
-    printer3: 打印关键层级信息，如果是数组，只打印第一个，后续用 ...len 代替（PS: 假定数组中每个元素都是一样的格式）
- * @param object Object
- * @param name string
- */
-Logger.HierarchyPrinter = function (object, name) {
-    var lines = [];
-    lines.push("".concat(name, " = "));
-    getTreeStyleHierarchyLines(object, 1, lines);
-    console.warn(lines.join("\n"));
-};
-function getTreeStyleHierarchyLines(object, level, lines) {
-    var isArray = object instanceof Array;
-    var linePostFix = isArray ? "[" : "{";
-    var lastLine = lines.pop();
-    lines.push(lastLine + linePostFix);
-    if (isArray) {
-        var key = 0;
-        var value = object[key];
-        var curSeparation = getSeparation2(level);
-        if (typeof (value) != 'object') {
-            var curLine = curSeparation + key + " : " + value + ",";
-            lines.push(curLine);
-        }
-        else {
-            var curLinePreFix = curSeparation + key + " : ";
-            lines.push(curLinePreFix);
-            getTreeStyleHierarchyLines(value, level + 1, lines);
-        }
-        lines.push(curSeparation + "...len=" + object.length);
-    }
-    else {
-        for (var key in object) {
-            var value = object[key];
-            var curSeparation = getSeparation2(level);
-            if (typeof (value) != 'object') {
-                var curLine = curSeparation + key + " : " + value + ",";
-                lines.push(curLine);
-            }
-            else {
-                var curLinePreFix = curSeparation + key + " : ";
-                lines.push(curLinePreFix);
-                getTreeStyleHierarchyLines(value, level + 1, lines);
-            }
-        }
-        lastLine = lines.pop();
-        if (lastLine)
-            lines.push(lastLine.replace(regexForLine, "")); // 一定执行
-    }
-    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"));
-}
+export function Logger() {
+}
+// 移除最后一个(key, value)后面的 ','
+var regex = new RegExp("(,)(\n$)");
+/**
+ * printer1: 完整打印，用4个空格缩进
+ * @param object Object
+ * @param name string
+ */
+Logger.ObjectPrinter = function (object, name) {
+    var strResult = "";
+    strResult += name + " = ";
+    strResult += getTreeStyleStr(object, 1);
+    strResult = strResult.replace(regex, "$2");
+    console.warn(strResult);
+};
+function getTreeStyleStr(object, level) {
+    var isArray = object instanceof Array;
+    var str = isArray ? "[\n" : "{\n";
+    for (var key in object) {
+        var value = object[key];
+        var curSeparation = getSeparation1(level);
+        if (typeof (value) != 'object') {
+            str += curSeparation + key + " : " + value + ",\n";
+        }
+        else {
+            str += curSeparation + key + " : " + getTreeStyleStr(value, level + 1);
+        }
+    }
+    str = str.replace(regex, "$2");
+    str += getSeparation1(level - 1) + (isArray ? "],\n" : "},\n");
+    return str;
+}
+var SEPARARION1 = "    ";
+function getSeparation1(level) {
+    var totalSeparation = "";
+    while (level > 0) {
+        totalSeparation += SEPARARION1;
+        level--;
+    }
+    return totalSeparation;
+}
+var regexForLine = new RegExp(",$");
+/**
+ * printer2: 完整打印，用\t
+ * @param object Object
+ * @param name sring
+ */
+Logger.ObjectPrinter2 = function (object, name) {
+    var lines = [];
+    lines.push("".concat(name, " = "));
+    getTreeStyleLines(object, 1, lines);
+    console.warn(lines.join("\n"));
+};
+function getTreeStyleLines(object, level, lines) {
+    var isArray = object instanceof Array;
+    var linePostFix = isArray ? "[" : "{";
+    var lastLine = lines.pop();
+    lines.push(lastLine + linePostFix);
+    for (var key in object) {
+        var value = object[key];
+        var curSeparation = getSeparation2(level);
+        if (typeof (value) != 'object') {
+            var curLine = curSeparation + key + " : " + value + ",";
+            lines.push(curLine);
+        }
+        else {
+            var curLinePreFix = curSeparation + key + " : ";
+            lines.push(curLinePreFix);
+            getTreeStyleLines(value, level + 1, lines);
+        }
+    }
+    lastLine = lines.pop();
+    if (lastLine)
+        lines.push(lastLine.replace(regexForLine, "")); // 一定执行
+    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"));
+}
+var SEPARARION2 = "\t";
+function getSeparation2(level) {
+    var totalSeparation = "";
+    while (level > 0) {
+        totalSeparation += SEPARARION2;
+        level--;
+    }
+    return totalSeparation;
+}
+/**
+ *
+    printer3: 打印关键层级信息，如果是数组，只打印第一个，后续用 ...len 代替（PS: 假定数组中每个元素都是一样的格式）
+ * @param object Object
+ * @param name string
+ */
+Logger.HierarchyPrinter = function (object, name) {
+    var lines = [];
+    lines.push("".concat(name, " = "));
+    getTreeStyleHierarchyLines(object, 1, lines);
+    console.warn(lines.join("\n"));
+};
+function getTreeStyleHierarchyLines(object, level, lines) {
+    var isArray = object instanceof Array;
+    var linePostFix = isArray ? "[" : "{";
+    var lastLine = lines.pop();
+    lines.push(lastLine + linePostFix);
+    if (isArray) {
+        var key = 0;
+        var value = object[key];
+        var curSeparation = getSeparation2(level);
+        if (typeof (value) != 'object') {
+            var curLine = curSeparation + key + " : " + value + ",";
+            lines.push(curLine);
+        }
+        else {
+            var curLinePreFix = curSeparation + key + " : ";
+            lines.push(curLinePreFix);
+            getTreeStyleHierarchyLines(value, level + 1, lines);
+        }
+        lines.push(curSeparation + "...len=" + object.length);
+    }
+    else {
+        for (var key in object) {
+            var value = object[key];
+            var curSeparation = getSeparation2(level);
+            if (typeof (value) != 'object') {
+                var curLine = curSeparation + key + " : " + value + ",";
+                lines.push(curLine);
+            }
+            else {
+                var curLinePreFix = curSeparation + key + " : ";
+                lines.push(curLinePreFix);
+                getTreeStyleHierarchyLines(value, level + 1, lines);
+            }
+        }
+        lastLine = lines.pop();
+        if (lastLine)
+            lines.push(lastLine.replace(regexForLine, "")); // 一定执行
+    }
+    lines.push(getSeparation2(level - 1) + (isArray ? "]" : "}"));
+}

package/tools/tools.md

@@ -1,22 +1,22 @@
-# 工具类组件
-### 1. EventDispatcherJs.tsx
-React里可供使用的事件派发器，类似Pandora Lua里的EventDispatcher。
-
-用法主要就3个接口：
-
-* AddEventListener： 添加监听事件
-* DispatchEvent： 分发监听事件
-* RemoveEventListener： 移除监听事件
-
-### 2. Logger.tsx
-React里可供使用的对象（数组）打印器。
-
-直接console.log一个对象时，在游戏引擎中，无法打印出这个对象里的东西。而实际开发时，前后端联调时，需要方便的确认各种对象里的细节。
-
- 用法一共3个接口，打印粒度有差异。
-
-* ObjectPrinter: 打印一个对象的内部细节，效果如下
-	![](./img/logger.png)
-	
-* ObjectPrinter2：比上一个打印的信息更多
+# 工具类组件
+### 1. EventDispatcherJs.tsx
+React里可供使用的事件派发器，类似Pandora Lua里的EventDispatcher。
+
+用法主要就3个接口：
+
+* AddEventListener： 添加监听事件
+* DispatchEvent： 分发监听事件
+* RemoveEventListener： 移除监听事件
+
+### 2. Logger.tsx
+React里可供使用的对象（数组）打印器。
+
+直接console.log一个对象时，在游戏引擎中，无法打印出这个对象里的东西。而实际开发时，前后端联调时，需要方便的确认各种对象里的细节。
+
+ 用法一共3个接口，打印粒度有差异。
+
+* ObjectPrinter: 打印一个对象的内部细节，效果如下
+	![](./img/logger.png)
+	
+* ObjectPrinter2：比上一个打印的信息更多
 * HierarchyPrinter： 采样打印，对数组进行采样，能打印最多的信息

package/ui/components/button/Button.d.ts

@@ -1,5 +1,5 @@
-import { h, Component } from "preact";
-export declare class Button extends Component<any, any> {
-    private btnImg;
-    render(props: any): h.JSX.Element;
-}
+import { h, Component } from "preact";
+export declare class Button extends Component<any, any> {
+    private btnImg;
+    render(props: any): h.JSX.Element;
+}