@nutui/nutui-react 2.7.0 → 3.0.0-beta.0

package/dist/cjs/utils/use-refs.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return useRefs;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+function useRefs() {
+    var refs = _react.default.useRef([]);
+    var setRefs = _react.default.useCallback(function(index) {
+        return function(el) {
+            if (el) refs.current[index] = el;
+        };
+    }, []);
+    var reset = _react.default.useCallback(function() {
+        refs.current = [];
+    }, []);
+    return [
+        refs.current,
+        setRefs,
+        reset
+    ];
+}

package/dist/cjs/utils/use-taro-rect.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getTaroRectById", {
+    enumerable: true,
+    get: function() {
+        return getTaroRectById;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _taro = /*#__PURE__*/ _interop_require_wildcard._(require("@tarojs/taro"));
+var getTaroRectById = function getTaroRectById(id) {
+    return new Promise(function(resolve, reject) {
+        if (_taro.default.getEnv() === _taro.default.ENV_TYPE.WEB) {
+            var t = document ? document.querySelector("#".concat(id)) : '';
+            if (t) {
+                resolve(t === null || t === void 0 ? void 0 : t.getBoundingClientRect());
+            }
+            reject();
+        } else {
+            var query = (0, _taro.createSelectorQuery)();
+            query.select("#".concat(id)).boundingClientRect().exec(function(rect) {
+                if (rect[0]) {
+                    resolve(rect[0]);
+                } else {
+                    reject();
+                }
+            });
+        }
+    });
+};

package/dist/cjs/utils/use-touch.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type Direction = '' | 'vertical' | 'horizontal';
+export declare function useTouch(): {
+    end: (event: React.TouchEvent<HTMLElement>) => void;
+    move: (event: React.TouchEvent<HTMLElement>) => void;
+    start: (event: React.TouchEvent<HTMLElement>) => void;
+    reset: () => void;
+    touchTime: React.MutableRefObject<number>;
+    startX: React.MutableRefObject<number>;
+    startY: React.MutableRefObject<number>;
+    deltaX: React.MutableRefObject<number>;
+    deltaY: React.MutableRefObject<number>;
+    delta: React.MutableRefObject<number>;
+    offsetX: React.MutableRefObject<number>;
+    offsetY: React.MutableRefObject<number>;
+    direction: React.MutableRefObject<Direction>;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+    last: React.MutableRefObject<boolean>;
+};
+export {};

package/dist/cjs/utils/use-touch.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useTouch", {
+    enumerable: true,
+    get: function() {
+        return useTouch;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var MIN_DISTANCE = 10;
+function getDirection(x, y) {
+    if (x > y && x > MIN_DISTANCE) {
+        return 'horizontal';
+    }
+    if (y > x && y > MIN_DISTANCE) {
+        return 'vertical';
+    }
+    return '';
+}
+function useTouch() {
+    var startX = (0, _react.useRef)(0);
+    var startY = (0, _react.useRef)(0);
+    var deltaX = (0, _react.useRef)(0);
+    var deltaY = (0, _react.useRef)(0);
+    var delta = (0, _react.useRef)(0);
+    var offsetX = (0, _react.useRef)(0);
+    var offsetY = (0, _react.useRef)(0);
+    var direction = (0, _react.useRef)('');
+    var last = (0, _react.useRef)(false);
+    var velocity = (0, _react.useRef)(0);
+    var touchTime = (0, _react.useRef)(Date.now());
+    var isVertical = function isVertical() {
+        return direction.current === 'vertical';
+    };
+    var isHorizontal = function isHorizontal() {
+        return direction.current === 'horizontal';
+    };
+    var reset = function reset() {
+        touchTime.current = Date.now();
+        deltaX.current = 0;
+        deltaY.current = 0;
+        offsetX.current = 0;
+        offsetY.current = 0;
+        delta.current = 0;
+        direction.current = '';
+        last.current = false;
+    };
+    var getTouch = function getTouch(event) {
+        var touch = event.touches ? event.touches[0] : event.nativeEvent;
+        return touch;
+    };
+    var getX = function getX(touch) {
+        if (typeof touch.clientX !== 'undefined' && typeof touch.pageX !== 'undefined') return touch.pageX;
+        var _touch_screenX, _ref, _ref1;
+        return (_ref1 = (_ref = (_touch_screenX = touch.screenX) !== null && _touch_screenX !== void 0 ? _touch_screenX : touch.pageX) !== null && _ref !== void 0 ? _ref : touch.clientX) !== null && _ref1 !== void 0 ? _ref1 : 0;
+    };
+    var getY = function getY(touch) {
+        if (typeof touch.clientY !== 'undefined' && typeof touch.pageY !== 'undefined') return touch.pageY;
+        var _touch_screenY, _ref, _ref1;
+        return (_ref1 = (_ref = (_touch_screenY = touch.screenY) !== null && _touch_screenY !== void 0 ? _touch_screenY : touch.pageY) !== null && _ref !== void 0 ? _ref : touch.clientY) !== null && _ref1 !== void 0 ? _ref1 : 0;
+    };
+    var start = function start(event) {
+        reset();
+        touchTime.current = Date.now();
+        startX.current = getX(getTouch(event));
+        startY.current = getY(getTouch(event));
+    };
+    var move = function move(event) {
+        var touch = getTouch(event);
+        var clientX = getX(touch);
+        var clientY = getY(touch);
+        // Fix: Safari back will set clientX to negative number
+        deltaX.current = clientX < 0 ? 0 : clientX - startX.current;
+        deltaY.current = clientY - startY.current;
+        offsetX.current = Math.abs(deltaX.current);
+        offsetY.current = Math.abs(deltaY.current);
+        delta.current = isVertical() ? deltaY.current : deltaX.current;
+        if (!direction.current) {
+            direction.current = getDirection(offsetX.current, offsetY.current);
+        }
+    };
+    var end = function end(event) {
+        last.current = true;
+        velocity.current = Math.sqrt(Math.pow(deltaX.current, 2) + Math.pow(deltaY.current, 2)) / (Date.now() - touchTime.current);
+    };
+    return {
+        end: end,
+        move: move,
+        start: start,
+        reset: reset,
+        touchTime: touchTime,
+        startX: startX,
+        startY: startY,
+        deltaX: deltaX,
+        deltaY: deltaY,
+        delta: delta,
+        offsetX: offsetX,
+        offsetY: offsetY,
+        direction: direction,
+        isVertical: isVertical,
+        isHorizontal: isHorizontal,
+        last: last
+    };
+}

package/dist/cjs/utils/use-uuid.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return useUuid;
+    }
+});
+var _react = require("react");
+var idCounter = {};
+function uniqueId() {
+    var prefix = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : '$nut$';
+    if (!idCounter[prefix]) {
+        idCounter[prefix] = 0;
+    }
+    var id = ++idCounter[prefix];
+    if (prefix === '$nut$') {
+        return "".concat(id);
+    }
+    return "".concat(prefix).concat(id);
+}
+function useUuid() {
+    var idRef = (0, _react.useRef)(uniqueId());
+    return idRef.current;
+}

package/dist/cjs/utils/use-watch.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _react = require("react");
+function useWatch(dep, callback) {
+    var config = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+        immediate: false
+    };
+    var immediate = config.immediate;
+    var prev = (0, _react.useRef)();
+    var inited = (0, _react.useRef)(false);
+    var stop = (0, _react.useRef)(false);
+    (0, _react.useEffect)(function() {
+        var execute = function execute() {
+            return callback(prev.current);
+        };
+        if (!stop.current) {
+            if (!inited.current) {
+                inited.current = true;
+                if (immediate) {
+                    execute();
+                }
+            } else {
+                execute();
+            }
+            prev.current = dep;
+        }
+    }, [
+        dep
+    ]);
+    return function() {
+        stop.current = true;
+    };
+}
+var _default = useWatch;

package/dist/es/locales/base.js

@@ -0,0 +1 @@
+export { };

package/dist/es/locales/en-US.js

@@ -0,0 +1,156 @@
+var enUS = {
+    save: 'Save',
+    confirm: 'Confirm',
+    cancel: 'Cancel',
+    done: 'Done',
+    noData: 'No Data',
+    placeholder: 'Placeholder',
+    select: 'Select',
+    edit: 'Edit',
+    reset: 'Reset',
+    video: {
+        errorTip: 'Error Tip',
+        clickRetry: 'Click Retry'
+    },
+    fixednav: {
+        activeText: 'Close Nav',
+        inactiveText: 'Open Nav'
+    },
+    infiniteloading: {
+        pullRefreshText: 'Pull Refresh',
+        loadText: 'Loading',
+        loadMoreText: "Oops, here's the bottom"
+    },
+    pagination: {
+        prev: 'Previous',
+        next: 'Next'
+    },
+    range: {
+        rangeText: 'is overflow'
+    },
+    calendaritem: {
+        weekdays: [
+            'Sun',
+            'Mon',
+            'Tue',
+            'Wed',
+            'Thu',
+            'Fri',
+            'Sat'
+        ],
+        end: 'End',
+        start: 'Start',
+        confirm: 'Confirm',
+        title: 'Calendar',
+        monthTitle: function(year, month) {
+            return "".concat(year, "/").concat(Number(month) < 10 ? "0".concat(Number(month)) : month);
+        },
+        today: 'Today',
+        loadPreviousMonth: 'Load Previous Month',
+        noEarlierMonth: 'No Earlier Month'
+    },
+    shortpassword: {
+        title: 'Please input a password',
+        description: 'Verify',
+        tips: 'Forget password'
+    },
+    uploader: {
+        list: 'Upload Files',
+        ready: 'Ready',
+        readyUpload: 'Ready to upload',
+        waitingUpload: 'Waiting for upload',
+        uploading: 'Uploading...',
+        success: 'Upload successful',
+        error: 'Upload failed',
+        deleteWord: 'The user blocked the deletion!'
+    },
+    countdown: {
+        day: ' Day ',
+        hour: ' Hour ',
+        minute: ' Minute ',
+        second: ' Second '
+    },
+    address: {
+        selectRegion: 'Choose Address',
+        deliveryTo: 'Delivery To',
+        chooseAnotherAddress: 'Choose Another Address'
+    },
+    signature: {
+        reSign: 'Re Sign',
+        unsupported: "Sorry, the current browser doesn't support canvas, so we can't use this control!"
+    },
+    ecard: {
+        chooseText: 'Select',
+        otherValueText: 'Other Value',
+        placeholder: 'Placeholder'
+    },
+    timeselect: {
+        pickupTime: 'Pickup Time'
+    },
+    sku: {
+        buyNow: 'Buy Now',
+        buyNumber: 'Buy Number',
+        addToCard: 'Add to Card'
+    },
+    skuheader: {
+        skuId: 'Sku Number'
+    },
+    addresslist: {
+        addAddress: 'Add New Address'
+    },
+    comment: {
+        complaintsText: 'I have a complaint',
+        additionalReview: function(day) {
+            return "Review after ".concat(day, " days of purchase");
+        },
+        additionalImages: function(length) {
+            return "There are ".concat(length, " follow-up comments");
+        }
+    },
+    searchbar: {
+        basePlaceholder: 'Go to jd.com and buy good things',
+        text: 'text',
+        test: 'test',
+        title1: 'basic usage',
+        title2: 'search box shape and maximum length',
+        title3: 'background settings inside and outside the search box',
+        title4: 'search box text settings',
+        title5: 'custom icon settings',
+        title6: 'data change monitoring'
+    },
+    audio: {
+        back: 'fastBack',
+        forward: 'forward',
+        pause: 'pause',
+        start: 'start',
+        mute: 'mute',
+        tips: 'The onplayend event will only be triggered when loop = false'
+    },
+    avatarCropper: {
+        rotate: 'Rotate',
+        selectImage: 'Select Image'
+    },
+    datepicker: {
+        year: 'Year',
+        month: 'Month',
+        day: 'Day',
+        hour: 'Hour',
+        min: 'Minute',
+        seconds: 'Second'
+    },
+    pullToRefresh: {
+        pullingText: 'Pulling',
+        canReleaseText: 'Release to refresh',
+        refreshingText: 'Loading...',
+        completeText: 'Refresh successful'
+    },
+    tour: {
+        prevStepText: 'Previous',
+        completeText: 'Finish',
+        nextStepText: 'Next step'
+    },
+    watermark: {
+        errorCanvasTips: 'Canvas is not supported in the current environment'
+    }
+};
+export default enUS;

package/dist/es/locales/id-ID.js

@@ -0,0 +1,156 @@
+var idID = {
+    save: 'Simpan',
+    confirm: 'Konfirmasi',
+    cancel: 'Batal',
+    done: 'Selesai',
+    noData: 'Tidak Ada Data',
+    placeholder: 'Kolom Input',
+    select: 'Pilih',
+    edit: 'Sunting',
+    reset: 'Mengatur Ulang',
+    video: {
+        errorTip: 'Terjadi Kesalahan',
+        clickRetry: 'Coba Lagi'
+    },
+    fixednav: {
+        activeText: 'Tutup Navigasi',
+        inactiveText: 'Buka Navigasi'
+    },
+    infiniteloading: {
+        pullRefreshText: 'Lepaskan untuk memperbarui',
+        loadText: 'Memuat',
+        loadMoreText: 'Oops, sudah sampai bawah'
+    },
+    pagination: {
+        prev: 'Sebelumnya',
+        next: 'Selanjutnya'
+    },
+    range: {
+        rangeText: 'is overflow'
+    },
+    calendaritem: {
+        weekdays: [
+            'Sun',
+            'Mon',
+            'Tue',
+            'Wed',
+            'Thu',
+            'Fri',
+            'Sat'
+        ],
+        end: 'Selesai',
+        start: 'Mulai',
+        confirm: 'Mengonfirmasi',
+        title: 'Kalender',
+        monthTitle: function(year, month) {
+            return "".concat(year, "/").concat(Number(month) < 10 ? "0".concat(Number(month)) : month);
+        },
+        today: 'Hari ini',
+        loadPreviousMonth: 'Muat Bulan Sebelumnya',
+        noEarlierMonth: 'Tidak Ada Bulan Sebelumnya'
+    },
+    shortpassword: {
+        title: 'SIlakan masukan kata sandi',
+        description: 'Anda telah menggunakan aset virtual, mohon lakukan verifikasi.',
+        tips: 'Lupa Kata Sandi'
+    },
+    uploader: {
+        list: 'Unggah file',
+        ready: 'File berhasil diunggah',
+        readyUpload: 'Siap untuk mengunggah',
+        waitingUpload: 'Menunggu untuk diunggah',
+        uploading: 'Mengunggah',
+        success: 'Berhasil Diunggah',
+        error: 'Gagal Mengunggah',
+        deleteWord: 'The user blocked the deletion!'
+    },
+    countdown: {
+        day: ' Hari ',
+        hour: ' Jam ',
+        minute: ' Menit ',
+        second: ' Detik '
+    },
+    address: {
+        selectRegion: 'Pilih Daerah',
+        deliveryTo: 'Kirim Ke',
+        chooseAnotherAddress: 'Pilih alamat lain'
+    },
+    signature: {
+        reSign: 'Masuk Kembali',
+        unsupported: "Maaf, browser Anda saat ini tidak mendukung Canvas, sehingga kita tidak dapat menggunakan kontrol ini!"
+    },
+    ecard: {
+        chooseText: 'Pilih',
+        otherValueText: 'Jumlah Lain',
+        placeholder: 'Kolom Input'
+    },
+    timeselect: {
+        pickupTime: 'Waktu Penjemputan'
+    },
+    sku: {
+        buyNow: 'Beli Sekarang',
+        buyNumber: 'Jumlah Pembelian',
+        addToCard: 'Tambahkan ke Keranjang'
+    },
+    skuheader: {
+        skuId: 'Nomor SKU'
+    },
+    addresslist: {
+        addAddress: 'Tambah Alamat Baru'
+    },
+    comment: {
+        complaintsText: 'Saya memiliki komplain',
+        additionalReview: function(day) {
+            return "Ulas setelah ".concat(day, " hari dari pembelian");
+        },
+        additionalImages: function(length) {
+            return "Terdapat ".concat(length, " komentar lainnya");
+        }
+    },
+    searchbar: {
+        basePlaceholder: 'pergi ke jd.com, membeli barang baik',
+        text: 'teks',
+        test: 'tes',
+        title1: 'penggunaan dasar',
+        title2: 'bentuk kotak pencarian dan panjang maksimum',
+        title3: 'pengaturan latar belakang di dalam dan diluar kotak pencarian',
+        title4: 'tetapan teks kotak pencarian',
+        title5: 'pengaturan ikon suai',
+        title6: 'Monitor perubahan data'
+    },
+    audio: {
+        back: 'Fastback',
+        forward: 'maju',
+        pause: 'berhenti sebentar',
+        start: 'Mulailah',
+        mute: 'bisu',
+        tips: 'Acara Onplayend hanya akan dipicu saat loop = false'
+    },
+    avatarCropper: {
+        rotate: 'Memutar',
+        selectImage: 'Pilih gambar'
+    },
+    datepicker: {
+        year: 'Tahun',
+        month: 'Bulan',
+        day: 'Hari',
+        hour: 'Jam',
+        min: 'Menit',
+        seconds: 'Detik'
+    },
+    pullToRefresh: {
+        pullingText: 'Tarik ke bawah untuk menyegarkan',
+        canReleaseText: 'Rilis untuk menyegarkan',
+        refreshingText: 'Memuat...',
+        completeText: 'Penyegaran berhasil'
+    },
+    tour: {
+        prevStepText: 'Sebelumnya',
+        completeText: 'Menyelesaikan',
+        nextStepText: 'Langkah berikutnya'
+    },
+    watermark: {
+        errorCanvasTips: 'Canvas is not supported in the current environment'
+    }
+};
+export default idID;