pixuireactcomponents 1.3.24 → 1.3.26

package/src/sample/imageViewer/Images.jsx

@@ -1,6 +0,0 @@
-import bg1 from './asset/bg1.png';
-import bg2 from './asset/bg2.png';
-export var Images = {
-    bg1: bg1,
-    bg2: bg2,
-};

package/src/sample/imageViewer/imageViewerDemo.d.ts

@@ -1,10 +0,0 @@
-import { Component } from 'preact';
-export declare class ImageViewerDemo extends Component<any, {
-    isViewerOpen: boolean;
-    imageUrl: string;
-}> {
-    constructor(props: any);
-    onOpenImageViewer(url: any): void;
-    onCloseImageViewer: () => void;
-    render(): any;
-}

package/src/sample/imageViewer/imageViewerDemo.jsx

@@ -1,70 +0,0 @@
-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';
-import { Images } from './Images';
-import { ImageViewer } from 'src/components/react/app/imageViewer/imageViewer';
-var ImageViewerDemo = /** @class */ (function (_super) {
-    __extends(ImageViewerDemo, _super);
-    function ImageViewerDemo(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onCloseImageViewer = function () {
-            console.log('onClose');
-            _this.setState({
-                isViewerOpen: false,
-            });
-        };
-        _this.state = {
-            isViewerOpen: false,
-            imageUrl: '',
-        };
-        return _this;
-    }
-    ImageViewerDemo.prototype.onOpenImageViewer = function (url) {
-        console.log('onOpen');
-        this.setState({
-            isViewerOpen: true,
-            imageUrl: url,
-        });
-    };
-    ImageViewerDemo.prototype.render = function () {
-        var _this = this;
-        return (<div style={{
-                width: '100%',
-                height: '100%',
-            }}>
-                {/* <ImageViewer>应在root节点下才能保证全屏居中展示 */}
-                {this.state.isViewerOpen && <ImageViewer src={this.state.imageUrl} onClose={this.onCloseImageViewer} imageAreaStyle={{
-                    width: '80%',
-                    height: '80%',
-                }}/>}
-
-                <div style={{
-                backgroundColor: 'rgba(125,0,0,0.8)',
-                display: 'flex',
-                flexDirection: 'row',
-                justifyContent: 'center',
-                alignItems: 'center',
-                width: '50%',
-                height: '50%',
-            }}>
-                    <img src={Images.bg1} style={{ width: '166px', height: '102.4px' }} onClick={function () { return _this.onOpenImageViewer(Images.bg1); }}/>
-                                            <img src={Images.bg2} style={{ width: '166px', height: '102.4px' }} onClick={function () { return _this.onOpenImageViewer(Images.bg2); }}/>
-                </div>
-            </div>);
-    };
-    return ImageViewerDemo;
-}(Component));
-export { ImageViewerDemo };

package/src/sample/slider/SliderDemo.d.ts

@@ -1,10 +0,0 @@
-import { Component, h } from 'preact';
-export declare class SliderDemo extends Component<any, {
-    percent: number;
-}> {
-    constructor(props: any);
-    onDrag: (value: number) => void;
-    onDecClick: (value: number) => void;
-    onIncClick: (value: number) => void;
-    render(): h.JSX.Element;
-}

package/src/sample/slider/SliderDemo.jsx

@@ -1,117 +0,0 @@
-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';
-import { Slider } from 'src/components/react/app/slider/Slider';
-var Images = {
-    inner: 'https://game.gtimg.cn/images/gamelet/cp/pxidePreView-slider/inner.png',
-    outer: 'https://game.gtimg.cn/images/gamelet/cp/pxidePreView-slider/outer.png',
-    dot: 'https://game.gtimg.cn/images/gamelet/cp/pxidePreView-slider/dot.png',
-};
-var SliderWrapperStyle = {
-    position: 'absolute',
-    width: '376px',
-    height: '34px',
-    marginLeft: '32px',
-    marginTop: '14px',
-};
-var SliderData = {
-    percent: 0,
-    wrapperHeight: 34,
-    wrapperWidth: 376,
-    height: 5,
-    innerHeight: 15,
-    dotWidth: 26,
-    dotHeight: 27,
-    dotWrapperWidth: 56,
-    dotWrapperHeight: 57,
-    outerBg: Images.outer,
-    innerBg: Images.inner,
-    dotBg: Images.dot,
-    onDragStart: null,
-    onDrag: null,
-    onDragEnd: null,
-    isDiscrete: true,
-    discrete: 0,
-    maxDiscrete: 300,
-    hasIncDecButton: true,
-    incButtonWidth: 30,
-    incButtonHeight: 30,
-    decButtonWidth: 30,
-    decButtonHeight: 30,
-    incButtonBg: Images.dot,
-    decButtonBg: Images.dot,
-    overallWidth: 500,
-    //控制可拖拽范围
-    rangeControl: false,
-    startRange: 0,
-    endRange: 10,
-    hasDot: true,
-};
-var percentTextStyle = {
-    position: 'absolute',
-    width: '60px',
-    height: '34px',
-    marginLeft: '600px',
-    color: '#ffffff',
-    fontSize: '20px',
-    // backgroundColor: '#FF000055'
-};
-var SliderDemo = /** @class */ (function (_super) {
-    __extends(SliderDemo, _super);
-    function SliderDemo(props) {
-        var _this = _super.call(this, props) || this;
-        _this.onDrag = function (value) {
-            var formatPercent = Math.floor(value + 0.5);
-            formatPercent = Math.max(0, formatPercent);
-            formatPercent = Math.min(10000, formatPercent);
-            _this.setState({
-                percent: formatPercent
-            });
-        };
-        _this.onDecClick = function (value) {
-            var formatPercent = Math.floor(value + 0.5);
-            formatPercent = Math.max(0, formatPercent);
-            formatPercent = Math.min(10000, formatPercent);
-            _this.setState({
-                percent: formatPercent
-            });
-        };
-        _this.onIncClick = function (value) {
-            var formatPercent = Math.floor(value + 0.5);
-            formatPercent = Math.max(0, formatPercent);
-            formatPercent = Math.min(10000, formatPercent);
-            _this.setState({
-                percent: formatPercent
-            });
-        };
-        _this.state = {
-            percent: (SliderData.isDiscrete && SliderData.discrete) ? SliderData.discrete : SliderData.percent
-        };
-        SliderData.percent = _this.state.percent;
-        SliderData.onDrag = _this.onDrag;
-        SliderData.onDecClick = _this.onDecClick;
-        SliderData.onIncClick = _this.onIncClick;
-        return _this;
-    }
-    SliderDemo.prototype.render = function () {
-        return (<div style={SliderWrapperStyle}>
-                <Slider {...SliderData}/>
-                <text style={percentTextStyle}>{this.state.percent + '%'}</text>
-            </div>);
-    };
-    return SliderDemo;
-}(Component));
-export { SliderDemo };

package/src/sample/togglegroup/ToggleGroupDemo.d.ts

@@ -1,4 +0,0 @@
-import { Component } from 'preact';
-export declare class ToggleGroupDemo extends Component<any, any> {
-    render(): any;
-}

package/src/sample/togglegroup/ToggleGroupDemo.jsx

@@ -1,64 +0,0 @@
-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';
-import { ToggleGroup } from 'src/components/react/app/togglegroup/ToggleGroup';
-import { Images } from '../Images';
-var togglePic = {
-    selectedPic: Images.checkbox1,
-    notSelectedPic: Images.checkbox0,
-};
-var toggleArray = [
-    {
-        toggleText: '111',
-        selectedFun: function () {
-            console.log('111');
-        },
-        notSelectedFun: function () {
-            console.log('-111');
-        },
-    },
-    {
-        toggleText: '222',
-        selectedFun: function () {
-            console.log('222');
-        },
-        notSelectedFun: function () {
-            console.log('-222');
-        },
-    },
-    {
-        toggleText: '333',
-        selectedFun: function () {
-            console.log('333');
-        },
-        notSelectedFun: function () {
-            console.log('-333');
-        },
-    },
-];
-var ToggleGroupDemo = /** @class */ (function (_super) {
-    __extends(ToggleGroupDemo, _super);
-    function ToggleGroupDemo() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ToggleGroupDemo.prototype.render = function () {
-        return (<div>
-        <ToggleGroup togglePic={togglePic} toggleArray={toggleArray} isMultiOption={false}/>
-      </div>);
-    };
-    return ToggleGroupDemo;
-}(Component));
-export { ToggleGroupDemo };

package/tsconfig.json

@@ -1,55 +0,0 @@
-{
-    "compilerOptions": {
-        "target": "es5",
-        "module": "ES2022",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "baseUrl": ".",
-        "paths": {
-            "preact": [
-                "lib/preact/src"
-            ],
-            "preact/hooks": [
-                "lib/preact/hooks/src"
-            ],
-            "preact-router": [
-                "lib/preact-router"
-            ],
-            "preact-router/match": [
-                "lib/preact-router/match"
-            ]
-        },
-        "outDir": "./publish_components",
-        "allowJs": true,
-        "skipLibCheck": true,
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "moduleResolution": "node",
-        "resolveJsonModule": true,
-        "noImplicitAny": false,
-        "jsx": "preserve",
-        "jsxFactory": "h",
-        // "sourceMap": false,
-        "declaration": true,
-        "declarationDir": "./publish_components"
-    },
-    "files": [
-        "index.js",
-        "package.json",
-        "tsconfig.json",
-    ],
-    "include": [
-        "lib",
-        "src",
-    ],
-    "exclude": [
-        "lib/react-window/",
-        "node_modules",
-        "**/test"
-    ]
-}