@nutui/nutui-react 3.0.16 → 3.0.17-beta.0

package/dist/cjs/packages/trendarrow/trendarrow.js

@@ -1,99 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "TrendArrow", {
-    enumerable: true,
-    get: function() {
-        return TrendArrow;
-    }
-});
-var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _iconsreact = require("@nutui/icons-react");
-var _typings = require("../../utils/typings");
-var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
-    value: 0,
-    digits: 2,
-    symbol: false,
-    zero: false,
-    left: false,
-    sync: true,
-    color: '',
-    riseColor: 'var(--nutui-brand-6)',
-    dropColor: 'var(--nutui-secondary-1)',
-    riseIcon: null,
-    dropIcon: null
-});
-var TrendArrow = function TrendArrow(props) {
-    var _ref = (0, _object_spread._)({}, defaultProps, props), value = _ref.value, digits = _ref.digits, symbol = _ref.symbol, zero = _ref.zero, left = _ref.left, sync = _ref.sync, color = _ref.color, riseColor = _ref.riseColor, dropColor = _ref.dropColor, riseIcon = _ref.riseIcon, dropIcon = _ref.dropIcon, className = _ref.className, style = _ref.style, children = _ref.children, rest = (0, _object_without_properties._)(_ref, [
-        "value",
-        "digits",
-        "symbol",
-        "zero",
-        "left",
-        "sync",
-        "color",
-        "riseColor",
-        "dropColor",
-        "riseIcon",
-        "dropIcon",
-        "className",
-        "style",
-        "children"
-    ]);
-    var classPrefix = 'nut-trendarrow';
-    var rateTrend = (0, _react.useRef)(value > 0);
-    var myFixed = function myFixed(num) {
-        var digit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
-        if (Object.is(parseFloat(num), NaN)) {
-            return console.warn("传入的值：".concat(num, "不是一个数字"));
-        }
-        num = parseFloat(num);
-        // eslint-disable-next-line no-restricted-properties
-        var numPow = Math.pow(10, digit);
-        return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-    };
-    var calcStyle = function() {
-        var arrowColor = rateTrend.current ? riseColor : dropColor;
-        var textEquArrowColor = sync ? arrowColor : color;
-        var style = {
-            color: value === 0 ? color : textEquArrowColor
-        };
-        return style;
-    }();
-    var calcRate = function() {
-        rateTrend.current = value > 0;
-        var absRate = Math.abs(value);
-        if (!zero && value === 0) {
-            return '--';
-        }
-        var resultRate = "".concat(symbol && value !== 0 ? rateTrend.current ? '+' : '-' : '').concat(myFixed(Number(absRate), digits), "%");
-        return resultRate;
-    }();
-    var calcIconProps = function() {
-        var iconProps = {
-            color: rateTrend.current ? riseColor : dropColor
-        };
-        return iconProps;
-    }();
-    var renderContent = function renderContent(left) {
-        var classNameSuffix = !left ? 'icon-after' : 'icon-before';
-        return /*#__PURE__*/ _react.default.createElement("span", {
-            className: "".concat(classPrefix, "-").concat(classNameSuffix, " ").concat(classPrefix, "-value"),
-            style: calcStyle
-        }, calcRate);
-    };
-    return /*#__PURE__*/ _react.default.createElement("div", (0, _object_spread._)({
-        className: "".concat(classPrefix, " ").concat(className),
-        style: style
-    }, rest), !left && renderContent(!left), Number(value) !== 0 && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, rateTrend.current ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, riseIcon || /*#__PURE__*/ _react.default.createElement(_iconsreact.TriangleUp, {
-        color: calcIconProps.color
-    })) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, dropIcon || /*#__PURE__*/ _react.default.createElement(_iconsreact.TriangleDown, {
-        color: calcIconProps.color
-    }))), left && renderContent(!left));
-};
-TrendArrow.displayName = 'NutTrendArrow';

package/dist/cjs/packages/uploader/index.d.ts

@@ -1,3 +0,0 @@
-import { Uploader } from './uploader';
-export type { UploaderFileType, UploaderFileItem, UploaderFileStatus, WebUploaderProps as UploaderProps, } from "../../types";
-export default Uploader;

package/dist/cjs/packages/uploader/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _uploader = require("./uploader");
-var _default = _uploader.Uploader;

package/dist/cjs/packages/uploader/preview.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const Preview: React.FunctionComponent<any>;

package/dist/cjs/packages/uploader/preview.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Preview", {
-    enumerable: true,
-    get: function() {
-        return Preview;
-    }
-});
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
-var _iconsreact = require("@nutui/icons-react");
-var _image = /*#__PURE__*/ _interop_require_default._(require("../image"));
-var _progress = require("../progress/progress");
-var Preview = function Preview(param) {
-    var fileList = param.fileList, previewType = param.previewType, deletable = param.deletable, onDeleteItem = param.onDeleteItem, handleItemClick = param.handleItemClick, previewUrl = param.previewUrl, deleteIcon = param.deleteIcon, children = param.children;
-    var renderIcon = function renderIcon(item) {
-        if (item.status === 'error') {
-            return item.failIcon || /*#__PURE__*/ _react.default.createElement(_iconsreact.Failure, {
-                color: "#fff"
-            });
-        }
-        return item.loadingIcon || /*#__PURE__*/ _react.default.createElement(_iconsreact.Loading, {
-            className: "nut-icon-loading",
-            color: "#fff"
-        });
-    };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, fileList.length !== 0 && fileList.map(function(item, index) {
-        var _item_status = item.status, status = _item_status === void 0 ? 'success' : _item_status, _item_uid = item.uid, uid = _item_uid === void 0 ? index : _item_uid, url = item.url, _item_message = item.message, message = _item_message === void 0 ? '' : _item_message, _item_name = item.name, name = _item_name === void 0 ? '' : _item_name, _item_type = item.type, type = _item_type === void 0 ? 'image' : _item_type;
-        return /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview ".concat(previewType),
-            key: uid
-        }, previewType === 'picture' && !children && deletable && /*#__PURE__*/ _react.default.createElement("div", {
-            onClick: function onClick() {
-                return onDeleteItem(item, index);
-            },
-            className: "close"
-        }, deleteIcon), previewType === 'picture' && !children && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-img"
-        }, status === 'ready' ? /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-progress"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-progress-msg"
-        }, message)) : status !== 'success' && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-progress"
-        }, renderIcon(item), /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-progress-msg"
-        }, message)), type.includes('image') ? /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, url && /*#__PURE__*/ _react.default.createElement(_image.default, {
-            className: "nut-uploader-preview-img-c",
-            style: {
-                objectFit: 'fill'
-            },
-            src: url,
-            alt: "",
-            onClick: function onClick() {
-                return handleItemClick(item, index);
-            }
-        })) : /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, previewUrl ? /*#__PURE__*/ _react.default.createElement(_image.default, {
-            className: "nut-uploader-preview-img-c",
-            src: previewUrl,
-            alt: "",
-            onClick: function onClick() {
-                return handleItemClick(item, index);
-            }
-        }) : /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-img-file"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            onClick: function onClick() {
-                return handleItemClick(item, index);
-            },
-            className: "nut-uploader-preview-img-file-name"
-        }, /*#__PURE__*/ _react.default.createElement(_iconsreact.Link, {
-            color: "#808080"
-        }), /*#__PURE__*/ _react.default.createElement("span", null, "\xa0", name)))), status === 'success' && name ? /*#__PURE__*/ _react.default.createElement("div", {
-            className: "tips"
-        }, name) : null), previewType === 'list' && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-list"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            className: "nut-uploader-preview-img-file-name ".concat(status),
-            onClick: function onClick() {
-                return handleItemClick(item, index);
-            }
-        }, /*#__PURE__*/ _react.default.createElement(_iconsreact.Link, null), /*#__PURE__*/ _react.default.createElement("span", null, "\xa0", name)), deletable && /*#__PURE__*/ _react.default.createElement(_iconsreact.Del, {
-            color: "#808080",
-            className: "nut-uploader-preview-img-file-del",
-            onClick: function onClick() {
-                return onDeleteItem(item, index);
-            }
-        }), item.status === 'uploading' && item.percentage && /*#__PURE__*/ _react.default.createElement(_progress.Progress, {
-            percent: item.percentage,
-            color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
-            showText: false
-        })));
-    }));
-};

package/dist/cjs/packages/uploader/style/css.js

@@ -1,2 +0,0 @@
-import '../../progress/style/css';
-import './style.css';

package/dist/cjs/packages/uploader/style/index.js

@@ -1,3 +0,0 @@
-import '../../progress/style';
-import '../../../../styles/mixins/text-ellipsis.scss';
-import './uploader.scss';

package/dist/cjs/packages/uploader/style/style.css

@@ -1,229 +0,0 @@
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
-.nut-uploader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-}
-.nut-uploader-slot {
-  position: relative;
-}
-.nut-uploader-upload {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--nutui-uploader-background, var(--nutui-color-background, #f2f3f5));
-  width: var(--nutui-uploader-image-width, 100px);
-  height: var(--nutui-uploader-image-height, 100px);
-  border: var(--nutui-uploader-image-border, 0px);
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-}
-.nut-uploader-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
-}
-.nut-uploader-icon i,
-.nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-color, var(--nutui-color-text-help, #888b94));
-  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
-}
-.nut-uploader-icon-tip {
-  font-size: var(--nutui-uploader-image-icon-tip-font-size, 12px);
-}
-.nut-uploader-input {
-  position: absolute !important;
-  top: 0;
-  left: 0;
-  width: 100% !important;
-  height: 100% !important;
-  overflow: hidden;
-  cursor: pointer;
-  opacity: 0;
-}
-.nut-uploader-input:disabled {
-  cursor: not-allowed;
-}
-.nut-uploader-upload-disabled {
-  background: var(--nutui-uploader-background-disabled, var(--nutui-color-background, #f2f3f5));
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
-}
-.nut-uploader-upload-disabled .nut-uploader-icon i,
-.nut-uploader-upload-disabled .nut-uploader-icon .nut-icon {
-  color: var(--nutui-uploader-image-disabled, var(--nutui-color-text-disabled, #c2c4cc));
-  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
-}
-.nut-uploader-preview {
-  position: relative;
-  margin-right: var(--nutui-uploader-preview-margin-right, 10px);
-  margin-bottom: var(--nutui-uploader-preview-margin-bottom, 10px);
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
-}
-.nut-uploader-preview-progress {
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-  z-index: 10;
-}
-.nut-uploader-preview-progress i {
-  margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);
-}
-.nut-uploader-preview-progress-msg {
-  color: var(--nutui-color-text-help, #888b94);
-  font-size: 12px;
-}
-.nut-uploader-preview.list {
-  width: 100%;
-  margin-right: 0px;
-  margin-bottom: 0px;
-  margin-top: 10px;
-  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.01);
-}
-.nut-uploader-preview-list {
-  width: 100%;
-  height: 32px;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 10px;
-  background-color: var(--nutui-color-background-sunken, #f7f8fc);
-}
-.nut-uploader-preview-list .nut-uploader-preview-img-file-name {
-  display: flex;
-  align-items: center;
-  -webkit-line-clamp: 1;
-  padding: 2px;
-  height: 24px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.nut-uploader-preview-list .nut-progress {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.nut-uploader-preview-list .nut-progress .nut-progress-outer {
-  height: 2px !important;
-}
-.nut-uploader-preview .close {
-  position: absolute;
-  right: var(--nutui-uploader-preview-close-right, 0px);
-  top: var(--nutui-uploader-preview-close-top, 0px);
-  transform: translate(50%, -50%);
-  z-index: 1;
-}
-.nut-uploader-preview-img {
-  position: relative;
-  width: var(--nutui-uploader-image-width, 100px);
-  height: var(--nutui-uploader-image-height, 100px);
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-  overflow: hidden;
-}
-.nut-uploader-preview-img i {
-  color: var(--nutui-color-title, #1a1a1a);
-}
-.nut-uploader-preview-img .tips {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  font-size: 12px;
-  color: #ffffff;
-  text-align: center;
-  box-sizing: border-box;
-  height: var(--nutui-uploader-preview-tips-height, 24px);
-  line-height: var(--nutui-uploader-preview-tips-height, 24px);
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  padding: var(--nutui-uploader-preview-tips-padding, 0 5px);
-  background: var(--nutui-uploader-preview-tips-background, var(--nutui-black-7));
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.nut-uploader-preview-img-c {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  position: initial;
-  border-radius: var(--nutui-uploader-image-border-radius, 4px);
-}
-.nut-uploader-preview-img-file {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.3s;
-}
-.nut-uploader-preview-img-file-name {
-  display: flex;
-  width: 90%;
-  font-size: 12px;
-  color: var(--nutui-color-text, #505259);
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-all;
-}
-.nut-uploader-preview-img-file-name.error {
-  color: red !important;
-}
-.nut-uploader-preview-img-file-name.success {
-  color: #1890ff !important;
-}
-.nut-uploader-preview-img-file-name .nut-icon-Link {
-  flex-shrink: 0;
-}
-
-[dir=rtl] .nut-uploader-input,
-.nut-rtl .nut-uploader-input {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-uploader-preview,
-.nut-rtl .nut-uploader-preview {
-  margin-right: 0;
-  margin-left: var(--nutui-uploader-preview-margin-right, 10px);
-}
-[dir=rtl] .nut-uploader-preview-progress,
-.nut-rtl .nut-uploader-preview-progress {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-uploader-preview.list,
-.nut-rtl .nut-uploader-preview.list {
-  margin-right: 0;
-  margin-left: 0px;
-}
-[dir=rtl] .nut-uploader-preview .close,
-.nut-rtl .nut-uploader-preview .close {
-  right: auto;
-  left: var(--nutui-uploader-preview-close-right, 0px);
-  transform: translate(-50%, -50%);
-}
-[dir=rtl] .nut-uploader-preview-img .tips,
-.nut-rtl .nut-uploader-preview-img .tips {
-  left: auto;
-  right: 0;
-}