@nutui/nutui-react-taro 2.7.0 → 3.0.0-beta.1

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

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ResultPage", {
+    enumerable: true,
+    get: function() {
+        return 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 _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _components = require("@tarojs/components");
+var _typings = require("../../utils/typings");
+var _button = require("../button/button");
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    title: null,
+    description: null,
+    icon: '',
+    status: 'info',
+    actions: []
+});
+var ResultPage = function ResultPage(props) {
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, title = _$_object_spread.title, description = _$_object_spread.description, icon = _$_object_spread.icon, status = _$_object_spread.status, actions = _$_object_spread.actions, children = _$_object_spread.children;
+    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'
+    };
+    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,
+        className: "".concat(classPrefix, "-icon")
+    }) : null, 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,
+        className: "".concat(classPrefix, "-description")
+    }, description) : description, actions.length ? /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: "".concat(classPrefix, "-actions")
+    }, actions.map(function(action, index) {
+        var text = action.text, rest = (0, _object_without_properties._)(action, [
+            "text"
+        ]);
+        return /*#__PURE__*/ _react.default.createElement(_components.View, {
+            className: "".concat(classPrefix, "-action"),
+            key: index
+        }, /*#__PURE__*/ _react.default.createElement(_button.Button, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+            size: "small"
+        }), action === null || action === void 0 ? void 0 : action.text));
+    })) : null, children);
+};
+ResultPage.displayName = 'NutResultPage';

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

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

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

@@ -0,0 +1,41 @@
+.nut-resultpage {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+  &-icon {
+    height: $resultpage-icon-size;
+    width: $resultpage-icon-size;
+    margin-bottom: $resultpage-icon-margin-bottom;
+    background-size: 100%;
+  }
+  &-title {
+    width: $resultpage-width;
+    margin-bottom: $resultpage-title-margin-bottom;
+    font-size: $resultpage-title-font-size;
+    color: $resultpage-title-color;
+    font-weight: $font-weight-bold;
+    text-align: center;
+  }
+  &-description {
+    width: $resultpage-width;
+    line-height: $resultpage-description-line-height;
+    font-size: $resultpage-description-font-size;
+    color: $resultpage-description-color;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    word-break: break-all;
+  }
+  &-actions {
+    display: flex;
+    flex-direction: row;
+    margin-top: $resultpage-actions-margin-top;
+  }
+  &-action {
+    margin-left: 6px;
+    margin-right: 6px;
+  }
+}

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

@@ -0,0 +1,41 @@
+.nut-resultpage {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  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%;
+}
+.nut-resultpage-title {
+  width: var(--nutui-resultpage-width, 247px);
+  margin-bottom: var(--nutui-resultpage-title-margin-bottom, 9px);
+  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);
+  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));
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+}
+.nut-resultpage-actions {
+  display: flex;
+  flex-direction: row;
+  margin-top: var(--nutui-resultpage-actions-margin-top, 21px);
+}
+.nut-resultpage-action {
+  margin-left: 6px;
+  margin-right: 6px;
+}

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

@@ -0,0 +1,44 @@
+.nut-resultpage {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin: 0 auto;
+}
+.nut-resultpage-icon {
+  height: 48px;
+  width: 48px;
+  margin-bottom: 16px;
+  background-size: 100%;
+}
+.nut-resultpage-title {
+  width: 247px;
+  margin-bottom: 9px;
+  font-size: 20px;
+  color: #1a1a1a;
+  font-weight: 600;
+  text-align: center;
+}
+.nut-resultpage-description {
+  width: 247px;
+  line-height: 20px;
+  font-size: 14px;
+  color: #505259;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  word-break: break-all;
+}
+.nut-resultpage-actions {
+  display: flex;
+  flex-direction: row;
+  margin-top: 21px;
+}
+.nut-resultpage-action {
+  margin-left: 6px;
+  margin-right: 6px;
+}
+.nut-resultpage-action-button {
+  white-space: nowrap;
+}

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

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

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

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

package/dist/cjs/packages/row/context.d.ts

@@ -0,0 +1 @@
+export declare const DataContext: import("react").Context<{}>;

package/dist/cjs/packages/row/context.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DataContext", {
+    enumerable: true,
+    get: function() {
+        return DataContext;
+    }
+});
+var _react = require("react");
+var DataContext = /*#__PURE__*/ (0, _react.createContext)({});

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

@@ -0,0 +1,3 @@
+import { Row } from "./row";
+export type { RowEventType, RowProps } from "./row";
+export default Row;

package/dist/cjs/packages/row/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 _row = require("./row");
+var _default = _row.Row;

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

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+import type { MouseEvent } from 'react';
+import { ITouchEvent } from '@tarojs/components';
+import { BasicComponent } from "../../utils/typings";
+export type RowEventType = 'row' | 'col';
+export interface RowProps extends BasicComponent {
+    type: string;
+    justify: string;
+    align: string;
+    wrap: string;
+    gutter: string | number;
+    onClick: (e: React.MouseEvent<Element, MouseEvent> | ITouchEvent, type: RowEventType) => void;
+}
+export declare const Row: FunctionComponent<Partial<RowProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

package/dist/cjs/packages/row/row.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Row", {
+    enumerable: true,
+    get: function() {
+        return Row;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _components = require("@tarojs/components");
+var _context = require("./context");
+var _typings = require("../../utils/typings");
+var classPrefix = 'nut-row';
+var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typings.ComponentDefaults), {
+    type: '',
+    justify: 'start',
+    align: 'flex-start',
+    wrap: 'nowrap',
+    gutter: '0'
+});
+var Row = function Row(props) {
+    var _$_object_spread = (0, _object_spread._)({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
+    var getClass = function getClass(prefix, type) {
+        var classType = type ? "nut-row-".concat(prefix, "-").concat(type) : '';
+        if (prefix) return classType;
+        if (type) return "nut-row-".concat(type);
+        return '';
+    };
+    var getClasses = function getClasses() {
+        return (0, _classnames.default)(classPrefix, getClass('', type), getClass('justify', justify), getClass('align', align), getClass('flex', wrap));
+    };
+    var parentRow = {
+        gutter: gutter
+    };
+    return /*#__PURE__*/ _react.default.createElement(_context.DataContext.Provider, {
+        value: parentRow
+    }, /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)(getClasses(), className),
+        style: style,
+        onClick: function onClick1(e) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e, 'row');
+        }
+    }, _react.default.Children.map(children, function(child, index) {
+        var _child_type;
+        // @ts-ignore
+        return (child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === 'NutCol' ? /*#__PURE__*/ _react.default.cloneElement(child, {
+            isFirst: index === 0,
+            isLast: index === _react.default.Children.count(children) - 1
+        }) : child;
+    })));
+};
+Row.displayName = 'NutRow';

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

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

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

@@ -0,0 +1,63 @@
+.nut-row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  overflow: hidden;
+
+  &:after {
+    display: block;
+    height: 0;
+    clear: both;
+    visibility: hidden;
+    content: '';
+  }
+
+  &-flex {
+    display: flex;
+
+    &:after {
+      display: none;
+    }
+  }
+
+  &-justify-center {
+    justify-content: center;
+  }
+
+  &-justify-end {
+    justify-content: flex-end;
+  }
+
+  &-justify-space-between {
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  &-justify-space-around {
+    justify-content: space-around;
+  }
+
+  &-align-flex-start {
+    align-items: flex-start;
+  }
+
+  &-align-center {
+    align-items: center;
+  }
+
+  &-align-flex-end {
+    align-items: flex-end;
+  }
+
+  &-flex-wrap {
+    flex-wrap: wrap;
+  }
+
+  &-flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  &-flex-reverse {
+    flex-wrap: wrap-reverse;
+  }
+}

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

@@ -0,0 +1,50 @@
+.nut-row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  overflow: hidden;
+}
+.nut-row:after {
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  content: "";
+}
+.nut-row-flex {
+  display: flex;
+}
+.nut-row-flex:after {
+  display: none;
+}
+.nut-row-justify-center {
+  justify-content: center;
+}
+.nut-row-justify-end {
+  justify-content: flex-end;
+}
+.nut-row-justify-space-between {
+  justify-content: space-between;
+  align-items: center;
+}
+.nut-row-justify-space-around {
+  justify-content: space-around;
+}
+.nut-row-align-flex-start {
+  align-items: flex-start;
+}
+.nut-row-align-center {
+  align-items: center;
+}
+.nut-row-align-flex-end {
+  align-items: flex-end;
+}
+.nut-row-flex-wrap {
+  flex-wrap: wrap;
+}
+.nut-row-flex-nowrap {
+  flex-wrap: nowrap;
+}
+.nut-row-flex-reverse {
+  flex-wrap: wrap-reverse;
+}

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

@@ -0,0 +1,50 @@
+.nut-row {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  overflow: hidden;
+}
+.nut-row:after {
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+  content: "";
+}
+.nut-row-flex {
+  display: flex;
+}
+.nut-row-flex:after {
+  display: none;
+}
+.nut-row-justify-center {
+  justify-content: center;
+}
+.nut-row-justify-end {
+  justify-content: flex-end;
+}
+.nut-row-justify-space-between {
+  justify-content: space-between;
+  align-items: center;
+}
+.nut-row-justify-space-around {
+  justify-content: space-around;
+}
+.nut-row-align-flex-start {
+  align-items: flex-start;
+}
+.nut-row-align-center {
+  align-items: center;
+}
+.nut-row-align-flex-end {
+  align-items: flex-end;
+}
+.nut-row-flex-wrap {
+  flex-wrap: wrap;
+}
+.nut-row-flex-nowrap {
+  flex-wrap: nowrap;
+}
+.nut-row-flex-reverse {
+  flex-wrap: wrap-reverse;
+}

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

@@ -0,0 +1,3 @@
+import { SafeArea } from "./safearea";
+export type { SafeAreaProps } from "./safearea";
+export default SafeArea;

package/dist/cjs/packages/safearea/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 _safearea = require("./safearea");
+var _default = _safearea.SafeArea;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { BasicComponent } from "../../utils/typings";
+export interface SafeAreaProps extends BasicComponent {
+    position: 'top' | 'bottom';
+}
+export declare const SafeArea: FC<SafeAreaProps>;

package/dist/cjs/packages/safearea/safearea.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SafeArea", {
+    enumerable: true,
+    get: function() {
+        return SafeArea;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default._(require("classnames"));
+var _components = require("@tarojs/components");
+var classPrefix = 'nut-safe-area';
+var SafeArea = function SafeArea(props) {
+    return /*#__PURE__*/ _react.default.createElement(_components.View, {
+        className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
+    });
+};
+SafeArea.displayName = 'NutSafeArea';

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

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

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

@@ -0,0 +1,10 @@
+.nut-safe-area {
+  display: block;
+  width: 100%;
+}
+.nut-safe-area-position-top {
+  padding-top: calc(env(safe-area-inset-top) * var(--nutui-safe-area-multiple, 1));
+}
+.nut-safe-area-position-bottom {
+  padding-bottom: calc(env(safe-area-inset-bottom) * var(--nutui-safe-area-multiple, 1));
+}

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

@@ -0,0 +1,10 @@
+.nut-safe-area {
+  display: block;
+  width: 100%;
+}
+.nut-safe-area-position-top {
+  padding-top: calc(env(safe-area-inset-top) * 1);
+}
+.nut-safe-area-position-bottom {
+  padding-bottom: calc(env(safe-area-inset-bottom) * 1);
+}

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

@@ -0,0 +1,3 @@
+import { SearchBar } from "./searchbar";
+export type { SearchBarProps } from "./searchbar";
+export default SearchBar;

package/dist/cjs/packages/searchbar/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 _searchbar = require("./searchbar");
+var _default = _searchbar.SearchBar;

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

@@ -0,0 +1,26 @@
+import React, { FunctionComponent } from 'react';
+import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import { ITouchEvent } from '@tarojs/components';
+import { BasicComponent } from "../../utils/typings";
+export interface SearchBarProps extends BasicComponent {
+    value?: number | string;
+    placeholder?: string;
+    shape?: 'square' | 'round';
+    disabled?: boolean;
+    maxLength?: number;
+    clearable?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    backable: boolean;
+    left: React.ReactNode;
+    right: React.ReactNode;
+    leftIn: React.ReactNode;
+    rightIn: React.ReactNode;
+    onSearch?: (val: string) => void;
+    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onClear?: (event: React.MouseEvent<Element, MouseEvent> | ITouchEvent) => void;
+    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+}
+export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;