pixuireactcomponents 1.3.62 → 1.3.64

package/asset/richText.less

@@ -0,0 +1,41 @@
+div {
+    display: flex;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    word-break: break-word;
+}
+
+text {
+    /* display: flex; */
+    word-break: break-word;
+    flex-shrink: 0;
+
+}
+
+.frame {
+    display: flex;
+    flex-direction: column;
+    /* flex-basis: content; */
+    /*justify-content: space-evenly;*/
+    width: 100%;
+    height: 100%;
+}
+
+strong {
+    word-break: break-all;
+    font-weight: bold;
+}
+
+/* 斜体 */
+/* em{  单独到业务样式里设置，否则会导致不支持的业务崩掉
+    font-style: italic;
+} */
+/* 下划线 */
+u {
+    text-decoration: underline;
+}
+
+/* 删除线 */
+s {
+    text-decoration: line-through;
+}

package/index.d.ts

@@ -12,5 +12,6 @@ export { AsyncTaskProcessor } from "./src/components/tools/AsyncTaskProcessor";
 export { assetCache } from "./src/components/tools/assetCache";
 export { frameAnimationJs } from "./src/components/js/frameAnimationJs/frameAnimationJs";
 export { ScrollBar } from "./src/components/react/app/scrollBar/ScrollBar";
+export { tools } from "./src/components/tools/tools";
 export { Slider, SliderProps } from "./src/components/react/app/slider/Slider";
 export { ImgPreLoader, PreLoadPic } from "./src/components/tools/ImgPreLoader";

package/index.js

@@ -15,3 +15,4 @@ export { AsyncTaskProcessor } from './src/components/tools/AsyncTaskProcessor';
 export { assetCache } from './src/components/tools/assetCache';
 export { frameAnimationJs } from './src/components/js/frameAnimationJs/frameAnimationJs';
 export { ScrollBar } from './src/components/react/app/scrollBar/ScrollBar';
+export { tools } from './src/components/tools/tools';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.62",
+    "version": "1.3.64",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/src/components/react/app/frameAnimation/FrameAnimation.js

@@ -19,7 +19,7 @@ import { createRef, h } from 'preact';
  */
 export var FrameAnimation = function (props) {
     var _a, _b;
-    props.preloadCount = Math.max(props.preloadCount || 5, 5);
+    props.preloadCount = Math.max(props.preloadCount || 3, 3);
     var totalTime = props.totalTime, width = props.width, height = props.height, srcArr = props.srcArr, onShow = props.onShow, preloadCount = props.preloadCount, loop = (_a = props.loop, _a === void 0 ? false : _a), onFinish = props.onFinish, showLastFrame = (_b = props.showLastFrame, _b === void 0 ? true : _b), rootId = props.rootId, rootClassName = props.rootClassName;
     var cRefArr = useRef(Array.from({ length: preloadCount }, function () { return createRef(); })).current;
     var imgEleArr = useRef(Array.from({ length: preloadCount }, function (v, i) {

package/src/components/tools/ImgPreLoader.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { h } from 'preact';
 import { useState, useEffect, useRef } from 'preact/hooks';
-import { utils } from './utils';
+import { tools } from './tools';
 import { TaskProcessor } from './AsyncTaskProcessor';
 export function ImgPreLoader() { }
 /**
@@ -50,8 +50,8 @@ ImgPreLoader.preLoadUrl = function (url) { return __awaiter(void 0, void 0, void
                 console.log('utils.preLoadUrl', url);
                 post = url.substring(url.length - 3, url.length);
                 if (!(post == 'png' || post == 'jpg')) return [3 /*break*/, 2];
-                fileName_1 = utils.getHashStr(url);
-                return [4 /*yield*/, utils.readCookie(fileName_1)];
+                fileName_1 = tools.getHashStr(url);
+                return [4 /*yield*/, tools.readCookie(fileName_1)];
             case 1:
                 stashed = _a.sent();
                 if (stashed != '') {
@@ -64,7 +64,7 @@ ImgPreLoader.preLoadUrl = function (url) { return __awaiter(void 0, void 0, void
                 xhr_1.onload = function () {
                     if (xhr_1.status === 200) {
                         console.log('utils.preLoadUrl 缓存完成', url, 'filename: ', fileName_1);
-                        utils.writeCookie(fileName_1, "data:image/".concat(post, ";base64,") + Buffer.from(xhr_1.response, 'binary').toString('base64'));
+                        tools.writeCookie(fileName_1, "data:image/".concat(post, ";base64,") + Buffer.from(xhr_1.response, 'binary').toString('base64'));
                     }
                     else {
                         console.warn('utils.preLoadUrl statue!=200', xhr_1.status);
@@ -89,7 +89,7 @@ var getPreLoadUrl = function (url) { return __awaiter(void 0, void 0, void 0, fu
     var res;
     return __generator(this, function (_a) {
         switch (_a.label) {
-            case 0: return [4 /*yield*/, utils.readCookie(utils.getHashStr(url))];
+            case 0: return [4 /*yield*/, tools.readCookie(tools.getHashStr(url))];
             case 1:
                 res = _a.sent();
                 console.log('utils.getPreLoadUrl', url, res == '' ? '未缓存' : '已缓存');

package/src/components/tools/assetCache.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { GameletAPI } from 'gamelet-pixui-frame';
 import path from 'path';
-import { utils } from './utils';
+import { tools } from './tools';
 import { LibMgr } from '../../../lib/loadlib/lib_mgr';
 var assetPrefix = 'cacheAsset';
 var isJssdkEnv = function () {
@@ -122,6 +122,6 @@ var getLocalPath = function (url) {
     if (!lib.dirExists(filePath)) {
         lib.makeDir(filePath);
     }
-    var fileName = utils.getHashStr(assetPrefix + url) + path.extname(url);
+    var fileName = tools.getHashStr(assetPrefix + url) + path.extname(url);
     return path.join(filePath, fileName);
 };

package/src/components/tools/{utils.d.ts → tools.d.ts}

@@ -1,6 +1,7 @@
-export declare function utils(): void;
-export declare namespace utils {
+export declare function tools(): void;
+export declare namespace tools {
     var writeCookie: (key: string, value: string) => Promise<void>;
     var readCookie: (key: string) => Promise<string>;
     var getHashStr: (str: string) => string;
+    var convertRichText: (str: string) => string;
 }

package/src/components/tools/{utils.js → tools.js}

@@ -36,8 +36,8 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { GameletAPI } from 'gamelet-pixui-frame';
 import { sha1 } from './Sha1';
-export function utils() { }
-utils.writeCookie = function (key, value) {
+export function tools() { }
+tools.writeCookie = function (key, value) {
     return __awaiter(this, void 0, void 0, function () {
         var ud;
         return __generator(this, function (_a) {
@@ -52,7 +52,7 @@ utils.writeCookie = function (key, value) {
         });
     });
 };
-utils.readCookie = function (key) {
+tools.readCookie = function (key) {
     return __awaiter(this, void 0, void 0, function () {
         var ud, data;
         return __generator(this, function (_a) {
@@ -72,6 +72,25 @@ utils.readCookie = function (key) {
 /**
  * 哈希生成一个长度20的字符串
  */
-utils.getHashStr = function (str) {
+tools.getHashStr = function (str) {
     return sha1(str).substring(0, 20);
 };
+tools.convertRichText = function (str) {
+    var res = str
+        .replaceAll(/<img([^>]*)>/g, '<img$1></img>') //传过来的这两个标签会少结束标签
+        .replaceAll(/<h[1,2,3,4,5,6]><br><\/h[1,2,3,4,5,6]>/g, '<br /><div style = "width:50px;height:15px;" />')
+        .replaceAll(/<br>/g, '<br /><div style = "width:50px;height:15px;" />')
+        .replaceAll(/<p/g, '<text')
+        .replaceAll(/<\/p>/g, '</text>') //包text否则会丢break word
+        .replaceAll(/<span/g, '<text')
+        .replaceAll(/<\/span>/g, '</text>') //包text否则会丢break word
+        .replaceAll(/&nbsp;/g, ' '); //单一行只有nbsp的时候，会整个解析不出来，pixui innerHtml bug
+    for (var i = 1; i <= 6; i++) {
+        res = res.replaceAll("<h".concat(i, ">"), "<h".concat(i, "><text>"));
+        res = res.replaceAll("</h".concat(i, ">"), "</text></h".concat(i, ">"));
+    }
+    for (var i = 1; i < 10; i++) {
+        res = res.replaceAll("class=\"ql-indent-".concat(i, "\""), " style=\"padding-left: ".concat(i * 2, "rem;\""));
+    }
+    return res;
+};