pixuireactcomponents 1.5.12 → 1.5.14

package/index.d.ts

@@ -18,5 +18,6 @@ export { tools } from "./src/components/tools/tools";
 export { PreloadImg } from "./src/components/react/app/preloadImg/PreloadImg";
 export { LoadChecker } from "./src/components/tools/LoadChecker";
 export { AntiRepeat } from "./src/components/tools/antiRepeat";
+export { DragList } from "./src/components/react/app/listDrag/listDrag";
 export { Slider, SliderProps } from "./src/components/react/app/slider/Slider";
 export { ImgPreLoader_base64, PreLoadPic_base64 } from "./src/components/tools/ImgPreLoader";

package/index.js

@@ -23,3 +23,4 @@ export { tools } from './src/components/tools/tools';
 export { PreloadImg } from './src/components/react/app/preloadImg/PreloadImg';
 export { LoadChecker } from './src/components/tools/LoadChecker';
 export { AntiRepeat } from './src/components/tools/antiRepeat';
+export { DragList } from './src/components/react/app/listDrag/listDrag';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.5.12",
+    "version": "1.5.14",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {
@@ -41,6 +41,7 @@
         "@types/jest": "25.2.1",
         "@types/node": "13.11.1",
         "ajv": "^8.14.0",
+        "arale-qrcode": "^3.0.5",
         "babel-loader": "^8.1.0",
         "babel-plugin-import": "^1.12.0",
         "babel-plugin-jsx-pragmatic": "^1.0.2",

package/src/components/react/app/listDrag/listDrag.d.ts

@@ -14,7 +14,7 @@ interface DragListState {
     height: number;
     hoverIndex: number | null;
 }
-declare class DragList extends Component<DragListProps, DragListState> {
+export declare class DragList extends Component<DragListProps, DragListState> {
     constructor(props: DragListProps);
     handleMouseDown: (index: number, e: MouseEvent) => void;
     handleMouseMove: (e: MouseEvent) => void;
@@ -24,4 +24,4 @@ declare class DragList extends Component<DragListProps, DragListState> {
     getDragOverIndex: (clientX: number, clientY: number) => number | null;
     render(): h.JSX.Element;
 }
-export default DragList;
+export {};

package/src/components/react/app/listDrag/listDrag.js

@@ -147,4 +147,4 @@ var DragList = /** @class */ (function (_super) {
     };
     return DragList;
 }(Component));
-export default DragList;
+export { DragList };

package/src/components/react/app/qrcode/QRCode.d.ts

@@ -0,0 +1,18 @@
+import { h } from 'preact';
+/**
+ *
+ * @param rootId 根节点id
+ * @param rootClassName 根节点className
+ * @param size 组件尺寸
+ * @param srcUrl url链接
+ */
+export declare let QRCode: (props: {
+    rootId?: string;
+    rootClassName?: string;
+    size: number;
+    srcUrl: string;
+    background?: string;
+    foreground?: string;
+    image?: string;
+    imageSize?: number;
+}) => h.JSX.Element;

package/src/components/react/app/qrcode/QRCode.js

@@ -0,0 +1,27 @@
+import { useEffect, useRef } from 'preact/hooks';
+import { h } from 'preact';
+import AraleQRCode from 'arale-qrcode';
+/**
+ *
+ * @param rootId 根节点id
+ * @param rootClassName 根节点className
+ * @param size 组件尺寸
+ * @param srcUrl url链接
+ */
+export var QRCode = function (props) {
+    var qrcodeRef = useRef(null);
+    useEffect(function () {
+        var qrcode = new AraleQRCode({
+            text: props.srcUrl,
+            size: props.size ? props.size : 100,
+            render: 'canvas',
+            background: props.background ? props.background : "#fff",
+            foreground: props.background ? props.foreground : "#000",
+            correctLevel: 1,
+        });
+        if (qrcodeRef.current) {
+            qrcodeRef.current.appendChild(qrcode);
+        }
+    }, []);
+    return (h("div", { id: props.rootId, className: props.rootClassName, ref: qrcodeRef }));
+};