@nutui/nutui-react-taro 3.0.18 → 3.0.19-cpp-beta.1

package/dist/cjs/packages/audio/style-jmapp/audio.scss

@@ -1,96 +0,0 @@
-.nut-audio {
-  &-icon {
-    position: relative;
-    display: inline-block;
-
-    &-box {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 30px;
-      height: 30px;
-      background: $white;
-      border-radius: 50%;
-      box-shadow: 0 0 8px $color-text-disabled;
-    }
-
-    .nut-audio-icon-stop {
-      position: relative;
-
-      &::after {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translateX(-50%);
-        content: '';
-        height: 2px;
-        width: 30px;
-        background: $color-text-disabled;
-        transform: rotate(45deg);
-        transform-origin: 8px -18px;
-      }
-    }
-  }
-
-  &-progress {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin: 0px auto;
-    padding: 10px 0;
-
-    &-bar-wrapper {
-      flex: 1;
-      margin: 0 10px;
-    }
-
-    .time {
-      min-width: 50px;
-      font-size: 12px;
-      text-align: center;
-    }
-
-    .nut-range-button {
-      width: 8px;
-      height: 8px;
-    }
-  }
-
-  .custom-button-group {
-    .nut-button-primary {
-      margin: 0 5px;
-    }
-  }
-
-  .custom-button-group-disable {
-    .nut-button-primary {
-      margin: 0 5px;
-      pointer-events: none;
-    }
-  }
-
-  .disable {
-    color: blue;
-  }
-
-  .nut-audio-none-container {
-    .nut-voice {
-      border: 1px solid $color-title;
-      align-items: center;
-    }
-  }
-}
-
-[dir='rtl'] .nut-audio,
-.nut-rtl .nut-audio {
-  &-icon {
-    .nut-audio-icon-stop {
-      &::after {
-        left: auto;
-        right: 50%;
-        transform: rotate(-45deg);
-        transform-origin: 20px -18px;
-      }
-    }
-  }
-}

package/dist/cjs/packages/audio/style-jmapp/css.js

@@ -1,3 +0,0 @@
-import '../../button/style-jmapp/css';
-import '../../range/style-jmapp/css';
-import './style.css';

package/dist/cjs/packages/audio/style-jmapp/index.js

@@ -1,3 +0,0 @@
-import '../../button/style-jmapp';
-import '../../range/style-jmapp';
-import './audio.scss';

package/dist/cjs/packages/audio/style-jmapp/style.css

@@ -1,75 +0,0 @@
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
-.nut-audio-icon {
-  position: relative;
-  display: inline-block;
-}
-.nut-audio-icon-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  background: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 0 8px var(--nutui-color-text-disabled);
-}
-.nut-audio-icon .nut-audio-icon-stop {
-  position: relative;
-}
-.nut-audio-icon .nut-audio-icon-stop::after {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%);
-  content: "";
-  height: 2px;
-  width: 30px;
-  background: var(--nutui-color-text-disabled);
-  transform: rotate(45deg);
-  transform-origin: 8px -18px;
-}
-.nut-audio-progress {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin: 0px auto;
-  padding: 10px 0;
-}
-.nut-audio-progress-bar-wrapper {
-  flex: 1;
-  margin: 0 10px;
-}
-.nut-audio-progress .time {
-  min-width: 50px;
-  font-size: 12px;
-  text-align: center;
-}
-.nut-audio-progress .nut-range-button {
-  width: 8px;
-  height: 8px;
-}
-.nut-audio .custom-button-group .nut-button-primary {
-  margin: 0 5px;
-}
-.nut-audio .custom-button-group-disable .nut-button-primary {
-  margin: 0 5px;
-  pointer-events: none;
-}
-.nut-audio .disable {
-  color: blue;
-}
-.nut-audio .nut-audio-none-container .nut-voice {
-  border: 1px solid var(--nutui-color-title);
-  align-items: center;
-}
-
-[dir=rtl] .nut-audio-icon .nut-audio-icon-stop::after,
-.nut-rtl .nut-audio-icon .nut-audio-icon-stop::after {
-  left: auto;
-  right: 50%;
-  transform: rotate(-45deg);
-  transform-origin: 20px -18px;
-}

package/dist/cjs/packages/audio/style-jrkf/audio.scss

@@ -1,96 +0,0 @@
-.nut-audio {
-  &-icon {
-    position: relative;
-    display: inline-block;
-
-    &-box {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 30px;
-      height: 30px;
-      background: $white;
-      border-radius: 50%;
-      box-shadow: 0 0 8px $color-text-disabled;
-    }
-
-    .nut-audio-icon-stop {
-      position: relative;
-
-      &::after {
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translateX(-50%);
-        content: '';
-        height: 2px;
-        width: 30px;
-        background: $color-text-disabled;
-        transform: rotate(45deg);
-        transform-origin: 8px -18px;
-      }
-    }
-  }
-
-  &-progress {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin: 0px auto;
-    padding: 10px 0;
-
-    &-bar-wrapper {
-      flex: 1;
-      margin: 0 10px;
-    }
-
-    .time {
-      min-width: 50px;
-      font-size: 12px;
-      text-align: center;
-    }
-
-    .nut-range-button {
-      width: 8px;
-      height: 8px;
-    }
-  }
-
-  .custom-button-group {
-    .nut-button-primary {
-      margin: 0 5px;
-    }
-  }
-
-  .custom-button-group-disable {
-    .nut-button-primary {
-      margin: 0 5px;
-      pointer-events: none;
-    }
-  }
-
-  .disable {
-    color: blue;
-  }
-
-  .nut-audio-none-container {
-    .nut-voice {
-      border: 1px solid $color-title;
-      align-items: center;
-    }
-  }
-}
-
-[dir='rtl'] .nut-audio,
-.nut-rtl .nut-audio {
-  &-icon {
-    .nut-audio-icon-stop {
-      &::after {
-        left: auto;
-        right: 50%;
-        transform: rotate(-45deg);
-        transform-origin: 20px -18px;
-      }
-    }
-  }
-}

package/dist/cjs/packages/audio/style-jrkf/css.js

@@ -1,3 +0,0 @@
-import '../../button/style-jrkf/css';
-import '../../range/style-jrkf/css';
-import './style.css';

package/dist/cjs/packages/audio/style-jrkf/index.js

@@ -1,3 +0,0 @@
-import '../../button/style-jrkf';
-import '../../range/style-jrkf';
-import './audio.scss';

package/dist/cjs/packages/audio/style-jrkf/style.css

@@ -1,75 +0,0 @@
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
-.nut-audio-icon {
-  position: relative;
-  display: inline-block;
-}
-.nut-audio-icon-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  background: #ffffff;
-  border-radius: 50%;
-  box-shadow: 0 0 8px var(--nutui-color-text-disabled);
-}
-.nut-audio-icon .nut-audio-icon-stop {
-  position: relative;
-}
-.nut-audio-icon .nut-audio-icon-stop::after {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translateX(-50%);
-  content: "";
-  height: 2px;
-  width: 30px;
-  background: var(--nutui-color-text-disabled);
-  transform: rotate(45deg);
-  transform-origin: 8px -18px;
-}
-.nut-audio-progress {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin: 0px auto;
-  padding: 10px 0;
-}
-.nut-audio-progress-bar-wrapper {
-  flex: 1;
-  margin: 0 10px;
-}
-.nut-audio-progress .time {
-  min-width: 50px;
-  font-size: 12px;
-  text-align: center;
-}
-.nut-audio-progress .nut-range-button {
-  width: 8px;
-  height: 8px;
-}
-.nut-audio .custom-button-group .nut-button-primary {
-  margin: 0 5px;
-}
-.nut-audio .custom-button-group-disable .nut-button-primary {
-  margin: 0 5px;
-  pointer-events: none;
-}
-.nut-audio .disable {
-  color: blue;
-}
-.nut-audio .nut-audio-none-container .nut-voice {
-  border: 1px solid var(--nutui-color-title);
-  align-items: center;
-}
-
-[dir=rtl] .nut-audio-icon .nut-audio-icon-stop::after,
-.nut-rtl .nut-audio-icon .nut-audio-icon-stop::after {
-  left: auto;
-  right: 50%;
-  transform: rotate(-45deg);
-  transform-origin: 20px -18px;
-}

package/dist/cjs/packages/avatar/avatar.d.ts

@@ -1,6 +0,0 @@
-import { FunctionComponent } from 'react';
-import AvatarGroup from "../avatargroup/index";
-import { TaroAvatarProps } from "../../types";
-export declare const Avatar: FunctionComponent<Partial<TaroAvatarProps>> & {
-    Group: typeof AvatarGroup;
-};

package/dist/cjs/packages/avatar/avatar.js

@@ -1,119 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Avatar", {
-    enumerable: true,
-    get: function() {
-        return Avatar;
-    }
-});
-var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _define_property = require("@swc/helpers/_/_define_property");
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
-var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _components = require("@tarojs/components");
-var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
-var _iconsreacttaro = require("@nutui/icons-react-taro");
-var _context = require("../avatargroup/context");
-var _typings = require("../../utils/typings");
-var _platform = require("../../utils/taro/platform");
-var _index = /*#__PURE__*/ _interop_require_default._(require("../avatargroup/index"));
-var _pxtransform = require("../../utils/taro/px-transform");
-var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
-    size: (0, _platform.harmony)() || (0, _platform.td)() ? '40' : '',
-    shape: 'round',
-    icon: '',
-    background: '#eee',
-    color: '#666',
-    fit: 'cover',
-    src: '',
-    alt: '',
-    avatarIndex: 0
-});
-var classPrefix = "nut-avatar";
-var Avatar = function Avatar(props) {
-    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
-    var _useState // 是否显示的最大头像个数
-     = (0, _sliced_to_array._)((0, _react.useState)(false), 2), showMax = _useState[0], setShowMax = _useState[1];
-    var avatarRef = (0, _react.useRef)(null);
-    var parent = (0, _react.useContext)(_context.AvatarContext);
-    var sizeValue = [
-        'large',
-        'normal',
-        'small'
-    ];
-    var propAvatarGroup = parent.propAvatarGroup;
-    var groupSize = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.size;
-    var groupShape = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.shape;
-    var groupCount = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.avatarCount;
-    var groupMax = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.max;
-    var _obj;
-    var classes = (0, _classnames.default)((_obj = {}, (0, _define_property._)(_obj, "nut-avatar-".concat(groupSize || size || 'normal'), true), (0, _define_property._)(_obj, "nut-avatar-".concat(groupShape || shape), true), (0, _define_property._)(_obj, "nut-avatar-".concat(groupSize || size || 'normal', "-round"), shape === 'round' && true), _obj));
-    var nativeClasses = (0, _classnames.default)((0, _define_property._)({}, "nut-avatar-first-child", avatarIndex === 1));
-    var cls = (0, _classnames.default)(classPrefix, classes, className, nativeClasses);
-    var _obj1;
-    var styles = (0, _object_spread._)((_obj1 = {
-        width: sizeValue.indexOf(size) > -1 ? '' : (0, _pxtransform.pxTransform)(parseInt(size)),
-        height: sizeValue.indexOf(size) > -1 ? '' : (0, _pxtransform.pxTransform)(parseInt(size)),
-        backgroundColor: "".concat(background),
-        color: color
-    }, (0, _define_property._)(_obj1, (0, _platform.harmony)() ? 'marginRight' : 'marginLeft', avatarIndex !== 1 && (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap) ? "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap, "px") : ''), (0, _define_property._)(_obj1, "zIndex", (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.level) === 'right' ? Math.abs(groupCount - avatarIndex) : ''), _obj1), style);
-    var maxStyles = {
-        backgroundColor: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxBackground),
-        color: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxColor)
-    };
-    (0, _react.useEffect)(function() {
-        var maxCount = groupMax || groupCount;
-        if (avatarIndex === groupCount && avatarIndex !== maxCount && groupCount > maxCount) {
-            setShowMax(true);
-        }
-    }, [
-        avatarIndex,
-        groupCount
-    ]);
-    var errorEvent = function errorEvent() {
-        onError && onError();
-    };
-    var clickAvatar = function clickAvatar(e) {
-        onClick && onClick(e);
-    };
-    return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, (showMax || !groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: cls,
-        style: !showMax ? styles : maxStyles,
-        onClick: clickAvatar,
-        ref: avatarRef
-    }, (!groupMax || avatarIndex <= groupMax) && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, src && /*#__PURE__*/ _react.default.createElement(_components.Image, {
-        className: "nut-avatar-img nut-avatar-".concat(groupSize || size || 'normal', "-img"),
-        src: src,
-        style: {
-            objectFit: fit
-        },
-        onError: errorEvent
-    }), /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-avatar-text"
-    }, /*#__PURE__*/ _react.default.cloneElement(icon, (0, _object_spread_props._)((0, _object_spread._)({}, icon.props), {
-        color: color,
-        className: "".concat(icon.props.className || '', " nut-avatar-icon nut-avatar-").concat(groupSize || size || 'normal', "-icon")
-    }))) : null, children && /*#__PURE__*/ _react.default.createElement(_components.View, {
-        style: {
-            color: color
-        },
-        className: "nut-avatar-text nut-avatar-".concat(groupSize || size || 'normal', "-text")
-    }, children), !src && !icon && !children && /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-avatar-text"
-    }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.User, {
-        style: {
-            color: color
-        },
-        className: "nut-avatar-icon nut-avatar-".concat(groupSize || size || 'normal', "-icon")
-    }))), showMax && /*#__PURE__*/ _react.default.createElement(_components.View, {
-        className: "nut-avatar-text nut-avatar-".concat(groupSize || 'normal', "-text"),
-        style: (0, _object_spread._)({}, maxStyles)
-    }, (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent) ? propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent : "+ ".concat(avatarIndex - Number(groupMax || 0)))));
-};
-Avatar.displayName = 'NutAvatar';
-Avatar.Group = _index.default;

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

@@ -1,3 +0,0 @@
-import { Avatar } from "./avatar";
-export type { TaroAvatarProps as AvatarProps } from "../../types";
-export default Avatar;

package/dist/cjs/packages/avatar/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 _avatar = require("./avatar");
-var _default = _avatar.Avatar;

package/dist/cjs/packages/avatar/style/avatar.scss

@@ -1,83 +0,0 @@
-.nut-avatar {
-  position: relative;
-  flex: 0 0 auto; // 防止被压缩
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: $avatar-normal-width;
-  height: $avatar-normal-height;
-
-  &-round {
-    border-radius: 999px;
-    overflow: hidden;
-  }
-
-  &-square {
-    border-radius: $avatar-square;
-  }
-
-  &-first-child {
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  &-img {
-    width: 100%;
-    height: 100%;
-    flex-shrink: 0;
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-
-  &-icon {
-    background-size: 100% 100%;
-  }
-
-  &-text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &-large {
-    width: $avatar-large-width;
-    height: $avatar-large-height;
-    &-img {
-      width: $avatar-large-width;
-      height: $avatar-large-height;
-    }
-    &-icon {
-      width: $avatar-large-width;
-      height: $avatar-large-height;
-    }
-    &-text {
-      width: $avatar-large-width;
-      height: $avatar-large-height;
-    }
-  }
-
-  &-small {
-    width: $avatar-small-width;
-    height: $avatar-small-height;
-    &-text {
-      width: $avatar-small-width;
-      height: $avatar-small-height;
-    }
-  }
-}
-
-// [dir='rtl'] .nut-avatar,
-// .nut-rtl .nut-avatar {
-//   .avatar-img {
-//     left: auto;
-//     right: 50%;
-//     transform: translate(50%, -50%);
-//   }
-//   .icon {
-//     left: auto;
-//     right: 50%;
-//     transform: translate(50%, -50%);
-//   }
-// }

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

@@ -1,3 +0,0 @@
-import '../../image/style/css';
-import '../../avatargroup/style/css';
-import './style.css';

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

@@ -1,3 +0,0 @@
-import '../../image/style';
-import '../../avatargroup/style';
-import './avatar.scss';

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

@@ -1,64 +0,0 @@
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
-.nut-avatar {
-  position: relative;
-  flex: 0 0 auto;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: var(--nutui-avatar-normal-width, 40px);
-  height: var(--nutui-avatar-normal-height, 40px);
-}
-.nut-avatar-round {
-  border-radius: 999px;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: var(--nutui-avatar-square, 5px);
-}
-.nut-avatar-first-child {
-  margin-left: 0;
-  margin-right: 0;
-}
-.nut-avatar-img {
-  width: 100%;
-  height: 100%;
-  flex-shrink: 0;
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-.nut-avatar-icon {
-  background-size: 100% 100%;
-}
-.nut-avatar-text {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-avatar-large {
-  width: var(--nutui-avatar-large-width, 60px);
-  height: var(--nutui-avatar-large-height, 60px);
-}
-.nut-avatar-large-img {
-  width: var(--nutui-avatar-large-width, 60px);
-  height: var(--nutui-avatar-large-height, 60px);
-}
-.nut-avatar-large-icon {
-  width: var(--nutui-avatar-large-width, 60px);
-  height: var(--nutui-avatar-large-height, 60px);
-}
-.nut-avatar-large-text {
-  width: var(--nutui-avatar-large-width, 60px);
-  height: var(--nutui-avatar-large-height, 60px);
-}
-.nut-avatar-small {
-  width: var(--nutui-avatar-small-width, 32px);
-  height: var(--nutui-avatar-small-height, 32px);
-}
-.nut-avatar-small-text {
-  width: var(--nutui-avatar-small-width, 32px);
-  height: var(--nutui-avatar-small-height, 32px);
-}