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

package/dist/es/packages/shortpassword/shortpassword.js

@@ -1,148 +0,0 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import React, { useEffect, useImperativeHandle, useMemo } from "react";
-import { Tips } from "@nutui/icons-react";
-import classNames from "classnames";
-import Popup from "../popup/index";
-import { useConfig } from "../configprovider";
-import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../hooks/use-props-value";
-var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    value: '',
-    visible: false,
-    plain: false,
-    hideFooter: true,
-    length: 6,
-    autoFocus: false
-});
-export var InternalShortPassword = function(props, ref) {
-    var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), title = _ref.title, description = _ref.description, tips = _ref.tips, outerVisible = _ref.visible, value = _ref.value, error = _ref.error, hideFooter = _ref.hideFooter, length = _ref.length, plain = _ref.plain, style = _ref.style, className = _ref.className, closeable = _ref.closeable, autoFocus = _ref.autoFocus, round = _ref.round, onFocus = _ref.onFocus, onChange = _ref.onChange, onConfirm = _ref.onConfirm, onTips = _ref.onTips, onCancel = _ref.onCancel, onClose = _ref.onClose, onComplete = _ref.onComplete, onOverlayClick = _ref.onOverlayClick, onCloseIconClick = _ref.onCloseIconClick, rest = _object_without_properties(_ref, [
-        "title",
-        "description",
-        "tips",
-        "visible",
-        "value",
-        "error",
-        "hideFooter",
-        "length",
-        "plain",
-        "style",
-        "className",
-        "closeable",
-        "autoFocus",
-        "round",
-        "onFocus",
-        "onChange",
-        "onConfirm",
-        "onTips",
-        "onCancel",
-        "onClose",
-        "onComplete",
-        "onOverlayClick",
-        "onCloseIconClick"
-    ]);
-    var classPrefix = 'nut-shortpassword';
-    var comLen = useMemo(function() {
-        return Math.min(Math.max(4, length || 4), 6);
-    }, [
-        length
-    ]);
-    var format = function(val) {
-        return val.slice(0, comLen);
-    };
-    var _usePropsValue = _sliced_to_array(usePropsValue({
-        value: outerVisible,
-        defaultValue: false,
-        finalValue: false
-    }), 2), visible = _usePropsValue[0], setVisible = _usePropsValue[1];
-    var handleClose = function() {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-        setVisible(false);
-    };
-    var actions = {
-        open: function() {
-            setVisible(true);
-        },
-        close: function() {
-            setVisible(false);
-        }
-    };
-    useImperativeHandle(ref, function() {
-        return actions;
-    });
-    var _usePropsValue1 = _sliced_to_array(usePropsValue({
-        value: value,
-        onChange: onChange
-    }), 2), inputValue = _usePropsValue1[0], setInputValue = _usePropsValue1[1];
-    useEffect(function() {
-        if (visible && autoFocus) {
-            onFocus && onFocus();
-        }
-    }, [
-        visible
-    ]);
-    useEffect(function() {
-        var val = format(value);
-        if (val.length >= comLen) {
-            onComplete && onComplete(val);
-        }
-        setInputValue(format(value));
-    }, [
-        value
-    ]);
-    var sure = function() {
-        onConfirm && onConfirm(inputValue);
-    };
-    return /*#__PURE__*/ React.createElement(Popup, _object_spread({
-        className: "".concat(classPrefix, "-popup"),
-        visible: visible,
-        closeable: true,
-        onOverlayClick: handleClose,
-        onCloseIconClick: handleClose,
-        round: round
-    }, rest), /*#__PURE__*/ React.createElement("div", {
-        className: classNames(classPrefix, className),
-        style: style
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-title")
-    }, title || locale.shortpassword.title), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-description")
-    }, description || locale.shortpassword.description), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-input"),
-        onClick: onFocus
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-input-site")
-    }), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-input-fake")
-    }, _to_consumable_array(new Array(comLen).keys()).map(function(item, index) {
-        return /*#__PURE__*/ React.createElement("div", {
-            className: "".concat(classPrefix, "-input-fake-li"),
-            key: index
-        }, inputValue.length > index && /*#__PURE__*/ React.createElement(React.Fragment, null, plain ? inputValue[index] : /*#__PURE__*/ React.createElement("div", {
-            className: "".concat(classPrefix, "-input-fake-li-icon")
-        })));
-    }))), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-message")
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-message-error")
-    }, error), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-message-forget"),
-        onClick: onTips
-    }, tips || /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Tips, {
-        width: 11,
-        height: 11
-    }), locale.shortpassword.tips))), !hideFooter && /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-footer")
-    }, /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-footer-cancel"),
-        onClick: onCancel
-    }, locale.cancel), /*#__PURE__*/ React.createElement("div", {
-        className: "".concat(classPrefix, "-footer-sure"),
-        onClick: sure
-    }, locale.confirm))));
-};
-export var ShortPassword = /*#__PURE__*/ React.forwardRef(InternalShortPassword);

package/dist/es/packages/shortpassword/style/css.js

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

package/dist/es/packages/shortpassword/style/index.js

@@ -1,2 +0,0 @@
-import '../../popup/style';
-import './shortpassword.scss';

package/dist/es/packages/shortpassword/style/shortpassword.scss

@@ -1,157 +0,0 @@
-.nut-shortpassword {
-  &-popup {
-    padding: 32px 24px 28px 24px;
-    border-radius: 12px;
-    text-align: center;
-  }
-
-  &-title {
-    display: flex;
-    justify-content: center;
-    line-height: 1;
-    font-size: $font-size-l;
-    color: $color-title;
-  }
-
-  &-description {
-    display: flex;
-    justify-content: center;
-    margin-top: 12px;
-    margin-bottom: 24px;
-    line-height: 1;
-    font-size: $font-size-s;
-    color: $color-text;
-  }
-
-  &-input {
-    padding: 0 0 10px;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-
-    &-real {
-      position: absolute;
-      right: 0;
-      width: 247px;
-      height: 41px;
-      outline: 0 none;
-      border: 0;
-      text-decoration: none;
-      z-index: -99;
-    }
-
-    &-site {
-      width: 247px;
-      height: 41px;
-      border-radius: 4px;
-    }
-
-    &-fake {
-      top: 5%;
-      width: 100%;
-      height: 41px;
-      margin: 0 auto;
-      box-sizing: border-box;
-      background: $shortpassword-background-color;
-      border-radius: 4px;
-      border: 1px solid $shortpassword-border-color;
-      display: flex;
-      position: absolute;
-      left: 0;
-
-      &-li {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &-icon {
-          height: 6px;
-          width: 6px;
-          border-radius: 50%;
-          background: #000;
-          display: inline-block;
-        }
-      }
-    }
-  }
-
-  &-message {
-    margin-top: 9px;
-    display: flex;
-    justify-content: space-between;
-    width: 247px;
-
-    &-error {
-      line-height: 1;
-      font-size: $font-size-xs;
-      color: $shortpassword-error;
-    }
-
-    &-forget {
-      line-height: 1;
-      font-size: $font-size-s;
-      color: $shortpassword-forget;
-      display: flex;
-      align-items: center;
-
-      .nut-icon {
-        margin-right: 3px;
-      }
-    }
-  }
-
-  &-footer {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 20px;
-
-    &-cancel {
-      background: $white;
-      border: 1px solid $color-primary;
-      border-radius: 15px;
-      padding: 8px 38px;
-      line-height: 1;
-      font-size: $font-size-base;
-      color: $color-primary;
-    }
-
-    &-sure {
-      background: linear-gradient(
-        135deg,
-        $color-primary 0%,
-        $color-primary-stop-2 100%
-      );
-      border-radius: 15px;
-      padding: 8px 38px;
-      line-height: 1;
-      font-size: $font-size-base;
-      color: $color-primary-text;
-    }
-  }
-}
-
-[dir='rtl'] .nut-shortpassword,
-.nut-rtl .nut-shortpassword {
-  &-input {
-    &-real {
-      right: auto;
-      left: 0;
-    }
-
-    &-fake {
-      left: auto;
-      right: 0;
-    }
-  }
-
-  &-footer {
-    &-sure {
-      background: linear-gradient(
-        -135deg,
-        $color-primary 0%,
-        $color-primary-stop-2 100%
-      );
-    }
-  }
-}

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

@@ -1,130 +0,0 @@
-/* #ifdef harmony */
-/* #endif */
-/* #ifndef harmony */
-/* #endif */
-.nut-shortpassword-popup {
-  padding: 32px 24px 28px 24px;
-  border-radius: 12px;
-  text-align: center;
-}
-.nut-shortpassword-title {
-  display: flex;
-  justify-content: center;
-  line-height: 1;
-  font-size: var(--nutui-font-size-l, 16px);
-  color: var(--nutui-color-title, #1a1a1a);
-}
-.nut-shortpassword-description {
-  display: flex;
-  justify-content: center;
-  margin-top: 12px;
-  margin-bottom: 24px;
-  line-height: 1;
-  font-size: var(--nutui-font-size-s, 12px);
-  color: var(--nutui-color-text, #505259);
-}
-.nut-shortpassword-input {
-  padding: 0 0 10px;
-  text-align: center;
-  position: relative;
-  overflow: hidden;
-}
-.nut-shortpassword-input-real {
-  position: absolute;
-  right: 0;
-  width: 247px;
-  height: 41px;
-  outline: 0 none;
-  border: 0;
-  text-decoration: none;
-  z-index: -99;
-}
-.nut-shortpassword-input-site {
-  width: 247px;
-  height: 41px;
-  border-radius: 4px;
-}
-.nut-shortpassword-input-fake {
-  top: 5%;
-  width: 100%;
-  height: 41px;
-  margin: 0 auto;
-  box-sizing: border-box;
-  background: var(--nutui-shortpassword-background-color, var(--nutui-color-background, #f2f3f5));
-  border-radius: 4px;
-  border: 1px solid var(--nutui-shortpassword-border-color, var(--nutui-color-background, #f2f3f5));
-  display: flex;
-  position: absolute;
-  left: 0;
-}
-.nut-shortpassword-input-fake-li {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-shortpassword-input-fake-li-icon {
-  height: 6px;
-  width: 6px;
-  border-radius: 50%;
-  background: #000;
-  display: inline-block;
-}
-.nut-shortpassword-message {
-  margin-top: 9px;
-  display: flex;
-  justify-content: space-between;
-  width: 247px;
-}
-.nut-shortpassword-message-error {
-  line-height: 1;
-  font-size: var(--nutui-font-size-xs, 11px);
-  color: var(--nutui-shortpassword-error, var(--nutui-color-primary, #ff0f23));
-}
-.nut-shortpassword-message-forget {
-  line-height: 1;
-  font-size: var(--nutui-font-size-s, 12px);
-  color: var(--nutui-shortpassword-forget, var(--nutui-color-text-help, #888b94));
-  display: flex;
-  align-items: center;
-}
-.nut-shortpassword-message-forget .nut-icon {
-  margin-right: 3px;
-}
-.nut-shortpassword-footer {
-  display: flex;
-  justify-content: space-between;
-  margin-top: 20px;
-}
-.nut-shortpassword-footer-cancel {
-  background: #ffffff;
-  border: 1px solid var(--nutui-color-primary, #ff0f23);
-  border-radius: 15px;
-  padding: 8px 38px;
-  line-height: 1;
-  font-size: var(--nutui-font-size-base, 14px);
-  color: var(--nutui-color-primary, #ff0f23);
-}
-.nut-shortpassword-footer-sure {
-  background: linear-gradient(135deg, var(--nutui-color-primary, #ff0f23) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
-  border-radius: 15px;
-  padding: 8px 38px;
-  line-height: 1;
-  font-size: var(--nutui-font-size-base, 14px);
-  color: #ffffff;
-}
-
-[dir=rtl] .nut-shortpassword-input-real,
-.nut-rtl .nut-shortpassword-input-real {
-  right: auto;
-  left: 0;
-}
-[dir=rtl] .nut-shortpassword-input-fake,
-.nut-rtl .nut-shortpassword-input-fake {
-  left: auto;
-  right: 0;
-}
-[dir=rtl] .nut-shortpassword-footer-sure,
-.nut-rtl .nut-shortpassword-footer-sure {
-  background: linear-gradient(-135deg, var(--nutui-color-primary, #ff0f23) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
-}

package/dist/es/packages/shortpassword/style-jmapp/css.js

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

package/dist/es/packages/shortpassword/style-jmapp/index.js

@@ -1,2 +0,0 @@
-import '../../popup/style-jmapp';
-import './shortpassword.scss';

package/dist/es/packages/shortpassword/style-jmapp/shortpassword.scss

@@ -1,157 +0,0 @@
-.nut-shortpassword {
-  &-popup {
-    padding: 32px 24px 28px 24px;
-    border-radius: 12px;
-    text-align: center;
-  }
-
-  &-title {
-    display: flex;
-    justify-content: center;
-    line-height: 1;
-    font-size: $font-size-l;
-    color: $color-title;
-  }
-
-  &-description {
-    display: flex;
-    justify-content: center;
-    margin-top: 12px;
-    margin-bottom: 24px;
-    line-height: 1;
-    font-size: $font-size-s;
-    color: $color-text;
-  }
-
-  &-input {
-    padding: 0 0 10px;
-    text-align: center;
-    position: relative;
-    overflow: hidden;
-
-    &-real {
-      position: absolute;
-      right: 0;
-      width: 247px;
-      height: 41px;
-      outline: 0 none;
-      border: 0;
-      text-decoration: none;
-      z-index: -99;
-    }
-
-    &-site {
-      width: 247px;
-      height: 41px;
-      border-radius: 4px;
-    }
-
-    &-fake {
-      top: 5%;
-      width: 100%;
-      height: 41px;
-      margin: 0 auto;
-      box-sizing: border-box;
-      background: $shortpassword-background-color;
-      border-radius: 4px;
-      border: 1px solid $shortpassword-border-color;
-      display: flex;
-      position: absolute;
-      left: 0;
-
-      &-li {
-        flex: 1;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &-icon {
-          height: 6px;
-          width: 6px;
-          border-radius: 50%;
-          background: #000;
-          display: inline-block;
-        }
-      }
-    }
-  }
-
-  &-message {
-    margin-top: 9px;
-    display: flex;
-    justify-content: space-between;
-    width: 247px;
-
-    &-error {
-      line-height: 1;
-      font-size: $font-size-xs;
-      color: $shortpassword-error;
-    }
-
-    &-forget {
-      line-height: 1;
-      font-size: $font-size-s;
-      color: $shortpassword-forget;
-      display: flex;
-      align-items: center;
-
-      .nut-icon {
-        margin-right: 3px;
-      }
-    }
-  }
-
-  &-footer {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 20px;
-
-    &-cancel {
-      background: $white;
-      border: 1px solid $color-primary;
-      border-radius: 15px;
-      padding: 8px 38px;
-      line-height: 1;
-      font-size: $font-size-base;
-      color: $color-primary;
-    }
-
-    &-sure {
-      background: linear-gradient(
-        135deg,
-        $color-primary 0%,
-        $color-primary-stop-2 100%
-      );
-      border-radius: 15px;
-      padding: 8px 38px;
-      line-height: 1;
-      font-size: $font-size-base;
-      color: $color-primary-text;
-    }
-  }
-}
-
-[dir='rtl'] .nut-shortpassword,
-.nut-rtl .nut-shortpassword {
-  &-input {
-    &-real {
-      right: auto;
-      left: 0;
-    }
-
-    &-fake {
-      left: auto;
-      right: 0;
-    }
-  }
-
-  &-footer {
-    &-sure {
-      background: linear-gradient(
-        -135deg,
-        $color-primary 0%,
-        $color-primary-stop-2 100%
-      );
-    }
-  }
-}