@nutui/nutui-react-taro 3.0.0-beta.4 → 3.0.0-beta.6

package/dist/cjs/packages/rate/types.d.ts

@@ -0,0 +1,18 @@
+import { BasicComponent } from "../../utils/typings";
+export type RateSize = 'large' | 'normal' | 'small';
+export interface RateProps extends BasicComponent {
+    size: RateSize;
+    showScore: boolean;
+    count: number;
+    value: number;
+    defaultValue: number;
+    min: number;
+    checkedIcon: React.ReactNode;
+    uncheckedIcon: React.ReactNode;
+    disabled: boolean;
+    readOnly: boolean;
+    allowHalf: boolean;
+    touchable: boolean;
+    onChange: (value: number) => void;
+    onTouchEnd: (e: TouchEvent, value: number) => void;
+}

package/dist/cjs/packages/rate/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/dist/cjs/packages/resultpage/resultpage.js

@@ -9,13 +9,12 @@ Object.defineProperty(exports, "ResultPage", {
     }
 });
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-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 _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _iconsreacttaro = require("@nutui/icons-react-taro");
 var _components = require("@tarojs/components");
 var _typings = require("../../utils/typings");
 var _button = require("../button/button");
@@ -31,20 +30,28 @@ var ResultPage = function ResultPage(props) {
     var classPrefix = "nut-resultpage";
     var cls = (0, _classnames.default)(classPrefix, className);
     var defaultStatus = {
-        success: 'https://img11.360buyimg.com/imagetools/jfs/t1/233690/33/17768/1251/66543101F2589003b/f5dcaea8e29c23aa.png',
-        error: 'https://img14.360buyimg.com/imagetools/jfs/t1/224715/38/17932/1426/66543101F1dbc50e8/eaffdb926b00584b.png',
-        warning: 'https://img13.360buyimg.com/imagetools/jfs/t1/200545/24/43507/1219/66543101Fe58cfbe4/c29054555f3bcb4b.png',
-        info: 'https://img13.360buyimg.com/imagetools/jfs/t1/199421/5/44230/1320/66543100F23a9466e/0e9eadd5cebf07fb.png',
-        waiting: 'https://img11.360buyimg.com/imagetools/jfs/t1/226266/21/17859/1428/66543101F2dc4c3f3/44e2ae2b51c6e0ed.png'
+        success: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Success, {
+            color: "#00D900"
+        }),
+        error: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Failure, {
+            color: "#FF0F23"
+        }),
+        warning: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Warning, {
+            color: "#FFBF00"
+        }),
+        info: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Tips, {
+            color: "#0073FF"
+        }),
+        waiting: /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Ask, {
+            color: "#0073FF"
+        })
     };
-    var _useState = (0, _sliced_to_array._)((0, _react.useState)("".concat(typeof icon === 'string' && icon ? icon : defaultStatus[status])), 1), iconSrc = _useState[0];
     return /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: cls,
         style: style
-    }, typeof icon === 'string' ? /*#__PURE__*/ _react.default.createElement(_components.Image, {
-        src: iconSrc,
+    }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-icon")
-    }) : null, typeof title === 'string' && title ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+    }, icon || defaultStatus[status]), typeof title === 'string' && title ? /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: "".concat(classPrefix, "-title")
     }, title) : title, typeof description === 'string' && description ? /*#__PURE__*/ _react.default.createElement(_components.Text, {
         numberOfLines: 2,
@@ -59,7 +66,7 @@ var ResultPage = function ResultPage(props) {
             className: "".concat(classPrefix, "-action"),
             key: index
         }, /*#__PURE__*/ _react.default.createElement(_button.Button, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
-            size: "small"
+            size: "large"
         }), action === null || action === void 0 ? void 0 : action.text));
     })) : null, children);
 };

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

@@ -5,10 +5,12 @@
   align-items: center;
   margin: 0 auto;
   &-icon {
-    height: $resultpage-icon-size;
-    width: $resultpage-icon-size;
+    display: inline-flex;
     margin-bottom: $resultpage-icon-margin-bottom;
-    background-size: 100%;
+    .nut-icon {
+      height: $resultpage-icon-size;
+      width: $resultpage-icon-size;
+    }
   }
   &-title {
     width: $resultpage-width;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-resultpage {
   width: 100%;
   display: flex;
@@ -6,21 +10,23 @@
   margin: 0 auto;
 }
 .nut-resultpage-icon {
-  height: var(--nutui-resultpage-icon-size, 48px);
-  width: var(--nutui-resultpage-icon-size, 48px);
-  margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 16px);
-  background-size: 100%;
+  display: inline-flex;
+  margin-bottom: var(--nutui-resultpage-icon-margin-bottom, 12px);
+}
+.nut-resultpage-icon .nut-icon {
+  height: var(--nutui-resultpage-icon-size, 36px);
+  width: var(--nutui-resultpage-icon-size, 36px);
 }
 .nut-resultpage-title {
-  width: var(--nutui-resultpage-width, 247px);
-  margin-bottom: var(--nutui-resultpage-title-margin-bottom, 9px);
+  width: var(--nutui-resultpage-width, 240px);
+  margin-bottom: var(--nutui-resultpage-title-margin-bottom, 12px);
   font-size: var(--nutui-resultpage-title-font-size, var(--nutui-font-size-xl, 18px));
   color: var(--nutui-resultpage-title-color, var(--nutui-color-title, #1a1a1a));
   font-weight: var(--nutui-font-weight-bold, 600);
   text-align: center;
 }
 .nut-resultpage-description {
-  width: var(--nutui-resultpage-width, 247px);
+  width: var(--nutui-resultpage-width, 240px);
   line-height: var(--nutui-resultpage-description-line-height, 20px);
   font-size: var(--nutui-resultpage-description-font-size, var(--nutui-font-size-base, 14px));
   color: var(--nutui-resultpage-description-color, var(--nutui-color-text, #505259));
@@ -33,7 +39,7 @@
 .nut-resultpage-actions {
   display: flex;
   flex-direction: row;
-  margin-top: var(--nutui-resultpage-actions-margin-top, 21px);
+  margin-top: var(--nutui-resultpage-actions-margin-top, 16px);
 }
 .nut-resultpage-action {
   margin-left: 6px;

package/dist/cjs/packages/resultpage/types.d.ts

@@ -1,4 +1,4 @@
 export type ResultPageStatusOptions = {
-    [key: string]: string;
+    [key: string]: React.ReactNode;
 };
 export type ResultPageStatus = 'success' | 'error' | 'warning' | 'info' | 'waiting';

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-row {
   display: flex;
   flex-direction: row;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-safe-area {
   display: flex;
   width: 100%;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-searchbar {
   display: flex;
   align-items: center;

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

@@ -0,0 +1,3 @@
+import { Segmented } from "./segmented";
+export type { SegmentedProps, SegmentedItem } from './types';
+export default Segmented;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SegmentedProps } from './types';
+export declare const Segmented: (props: Partial<SegmentedProps>) => React.JSX.Element;

package/dist/cjs/packages/segmented/segmented.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Segmented", {
+    enumerable: true,
+    get: function() {
+        return Segmented;
+    }
+});
+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 _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _components = require("@tarojs/components");
+var _usepropsvalue = require("../../utils/use-props-value");
+var _mergeprops = require("../../utils/merge-props");
+var defaultProps = {
+    options: [],
+    onChange: function onChange(value) {}
+};
+var Segmented = function Segmented(props) {
+    var classPrefix = 'nut-segmented';
+    var itemClassPrefix = 'nut-segmented-item';
+    var mergedProps = (0, _mergeprops.mergeProps)(defaultProps, props);
+    var options = mergedProps.options, onChange = mergedProps.onChange;
+    var _usePropsValue = (0, _sliced_to_array._)((0, _usepropsvalue.usePropsValue)({
+        value: mergedProps.value,
+        defaultValue: mergedProps.defaultValue,
+        finalValue: 0,
+        onChange: mergedProps.onChange
+    }), 2), value = _usePropsValue[0], setValue = _usePropsValue[1];
+    var renderItems = (0, _react.useCallback)(function(options, value) {
+        return options.map(function(option, index) {
+            var optionType = typeof option === "undefined" ? "undefined" : (0, _type_of._)(option);
+            switch(optionType){
+                case 'object':
+                    // eslint-disable-next-line no-case-declarations
+                    var opt = option;
+                    var _obj;
+                    return /*#__PURE__*/ _react.default.createElement(_components.View, {
+                        className: (0, _classnames.default)(itemClassPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(itemClassPrefix, "-active"), opt.value === value), (0, _define_property._)(_obj, "".concat(opt.className), !!opt.className), _obj)),
+                        key: opt.value,
+                        onClick: function onClick() {
+                            if (opt.disabled) return;
+                            setValue(option.value);
+                        }
+                    }, opt.icon ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+                        className: "nut-segmented-icon"
+                    }, opt.icon) : null, opt.label);
+                default:
+                    {
+                        if (typeof option !== 'string' && typeof option !== 'number') {
+                            console.warn('Unsupported option type:', optionType);
+                        }
+                        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+                            className: (0, _classnames.default)(itemClassPrefix, (0, _define_property._)({}, "".concat(itemClassPrefix, "-active"), index === value)),
+                            key: option.toString(),
+                            onClick: function onClick() {
+                                setValue(index);
+                            }
+                        }, option);
+                    }
+            }
+        });
+    }, [
+        value
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)(classPrefix),
+        style: mergedProps.style
+    }, renderItems(options, value));
+};

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

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

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

@@ -0,0 +1 @@
+import './segmented.scss';

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

@@ -0,0 +1,38 @@
+.nut-segmented {
+  display: inline-flex;
+  height: $segmented-height;
+  min-width: 24px;
+  padding: $segmented-padding;
+  align-items: center;
+  border-radius: $segmented-border-radius;
+  background: $color-mask-part;
+  box-sizing: border-box;
+}
+
+.nut-segmented-item {
+  display: flex;
+  height: $segmented-item-height;
+  align-items: center;
+  justify-content: center;
+  padding: $segmented-item-padding;
+  border-radius: $segmented-item-radius;
+  color: $segmented-item-color;
+  font-size: $segmented-item-fontsize;
+  line-height: 1;
+  box-sizing: border-box;
+}
+
+.nut-segmented-item-active {
+  background: $segmented-active-background;
+}
+
+.nut-segmented-icon {
+  height: 10px;
+  width: 10px;
+  margin-right: $segmented-icon-margin-right;
+  .nut-icon {
+    height: 10px;
+    width: 10px;
+    font-size: 10px;
+  }
+}

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

@@ -0,0 +1,42 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-segmented {
+  display: inline-flex;
+  height: var(--nutui-segmented-height, 24px);
+  min-width: 24px;
+  padding: var(--nutui-segmented-padding, var(--nutui-spacing-xxxs, 2px));
+  align-items: center;
+  border-radius: var(--nutui-segmented-radius, var(--nutui-radius-xs, 4px));
+  background: var(--nutui-color-mask-part, rgba(0, 0, 0, 0.4));
+  box-sizing: border-box;
+}
+
+.nut-segmented-item {
+  display: flex;
+  height: var(--nutui-segmented-height, 20px);
+  align-items: center;
+  justify-content: center;
+  padding: var(--nutui-segmented-item-padding, 0 var(--nutui-spacing-xs, 6px));
+  border-radius: var(--nutui-segmented-item-radius, var(--nutui-radius-xs, 4px));
+  color: var(--nutui-segmented-item-color, var(--nutui-color-primary-text, #ffffff));
+  font-size: var(--nutui-segmented-item-fontsize, var(--nutui-font-size-s, 12px));
+  line-height: 1;
+  box-sizing: border-box;
+}
+
+.nut-segmented-item-active {
+  background: var(--nutui-segmented-active-background, var(--nutui-color-mask-part, rgba(0, 0, 0, 0.4)));
+}
+
+.nut-segmented-icon {
+  height: 10px;
+  width: 10px;
+  margin-right: var(--nutui-segmented-icon-margin-right, var(--nutui-spacing-xxxs, 2px));
+}
+.nut-segmented-icon .nut-icon {
+  height: 10px;
+  width: 10px;
+  font-size: 10px;
+}

package/dist/cjs/packages/segmented/types.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { BasicComponent } from "../../utils/typings";
+export interface SegmentedItem {
+    label: ReactNode;
+    value: string | number;
+    icon?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export interface SegmentedProps extends BasicComponent {
+    options: string[] | number[] | SegmentedItem[];
+    value: string | number;
+    defaultValue: string | number;
+    onChange: (value: string | number) => void;
+}

package/dist/cjs/packages/segmented/types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

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

@@ -1,4 +1,8 @@
 @charset "UTF-8";
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-overlay {
   /* #ifdef rn */
   position: absolute;
@@ -146,9 +150,6 @@
   bottom: 0;
   left: 0;
   width: 100%;
-  /* #ifdef rn */
-  height: 300px;
-  /* #endif */
 }
 .nut-popup-bottom.nut-popup-round {
   border-radius: var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-subsidenavbar-item {
   height: var(--nutui-sidenavbar-item-height, 40px);
   color: var(--nutui-sidenavbar-sub-item-color, var(--nutui-color-text, #505259));

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-signature .spcanvas_WEAPP {
   width: 100%;
   height: 100%;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-image {
   display: block;
   position: relative;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-space {
   display: flex;
 }

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-step {
   flex-grow: 0;
   flex-shrink: 0;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-step {
   flex-grow: 0;
   flex-shrink: 0;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-sticky-fixed {
   position: fixed;
 }

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-subsidenavbar-title {
   height: var(--nutui-sidenavbar-item-height, 40px);
   padding: var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-swipe {
   display: flex;
   flex-direction: row;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-indicator {
   display: flex;
   flex-direction: row;

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

@@ -1,3 +1,7 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
 .nut-swiper-item {
   height: 100%;
 }