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

package/dist/es/packages/tag/style-jrkf/style.css

@@ -0,0 +1,73 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-tag {
+  padding: var(--nutui-tag-padding, 0 var(--nutui-spacing-xs));
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));
+  border-radius: var(--nutui-tag-border-radius, var(--nutui-radius-xs));
+  height: var(--nutui-tag-height, 20px);
+  color: var(--nutui-tag-color, var(--nutui-color-text-dark));
+  border: var(--nutui-tag-border-width, 1px) solid transparent;
+}
+.nut-tag .nut-icon {
+  vertical-align: middle;
+  margin-left: 4px;
+  color: var(--nutui-tag-color, var(--nutui-color-text-dark));
+}
+.nut-tag-text {
+  font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));
+  color: var(--nutui-tag-color, var(--nutui-color-text-dark));
+}
+.nut-tag-text-plain {
+  color: var(--nutui-color-title);
+}
+.nut-tag-default {
+  background: var(--nutui-tag-background-color, var(--nutui-color-title));
+}
+.nut-tag-primary {
+  background: #fa2c19;
+}
+.nut-tag-info {
+  background: var(--nutui-tag-info-background-color, var(--nutui-color-info));
+}
+.nut-tag-success {
+  background: var(--nutui-tag-success-background-color, var(--nutui-color-success));
+}
+.nut-tag-danger {
+  background: var(--nutui-tag-danger-background-color, var(--nutui-color-danger));
+}
+.nut-tag-warning {
+  background: var(--nutui-tag-warning-background-color, var(--nutui-color-warning));
+}
+.nut-tag-round {
+  border-radius: var(--nutui-tag-round-border-radius, 8px);
+}
+.nut-tag-mark {
+  border-radius: var(--nutui-tag-mark-border-radius, 0 8px 8px 0);
+}
+.nut-tag-close {
+  cursor: pointer;
+}
+.nut-tag-custom-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: var(--nutui-tag-font-size, var(--nutui-font-text-xs));
+  color: var(--nutui-tag-color, var(--nutui-color-text-dark));
+  margin-left: 4px;
+}
+.nut-tag-plain {
+  background-color: #fff;
+  border: var(--nutui-tag-border-width, 1px) solid var(--nutui-color-title);
+}
+
+[dir=rtl] .nut-tag .nut-icon,
+.nut-rtl .nut-tag .nut-icon {
+  margin-left: 0;
+  margin-right: 4px;
+}

package/dist/es/packages/tag/style-jrkf/tag.scss

@@ -0,0 +1,85 @@
+.nut-tag {
+  padding: $tag-padding;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  font-size: $tag-font-size;
+  border-radius: $tag-border-radius;
+  height: $tag-height;
+  color: $tag-color;
+  border: $tag-border-width solid transparent;
+
+  .nut-icon {
+    vertical-align: middle;
+    margin-left: 4px;
+    color: $tag-color;
+  }
+
+  &-text {
+    font-size: $tag-font-size;
+    color: $tag-color;
+
+    &-plain {
+      color: $color-title;
+    }
+  }
+
+  &-default {
+    background: $tag-background-color;
+  }
+
+  &-primary {
+    background: #fa2c19;
+  }
+
+  &-info {
+    background: $tag-info-background-color;
+  }
+
+  &-success {
+    background: $tag-success-background-color;
+  }
+
+  &-danger {
+    background: $tag-danger-background-color;
+  }
+
+  &-warning {
+    background: $tag-warning-background-color;
+  }
+
+  &-round {
+    border-radius: $tag-round-border-radius;
+  }
+
+  &-mark {
+    border-radius: $tag-mark-border-radius;
+  }
+
+  &-close {
+    cursor: pointer;
+  }
+
+  &-custom-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: $tag-font-size;
+    color: $tag-color;
+    margin-left: 4px;
+  }
+
+  &-plain {
+    background-color: #fff;
+    border: $tag-border-width solid $color-title;
+  }
+}
+
+[dir='rtl'] .nut-tag,
+.nut-rtl .nut-tag {
+  .nut-icon {
+    margin-left: 0;
+    margin-right: 4px;
+  }
+}

package/dist/es/packages/tag/tag.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+import { TaroTagProps } from "../../types";
+export declare const Tag: FunctionComponent<Partial<TaroTagProps>>;

package/dist/es/packages/tag/tag.js

@@ -0,0 +1,85 @@
+import { _ as _define_property } from "@swc/helpers/_/_define_property";
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
+import React, { useState } from "react";
+import { View } from "@tarojs/components";
+import { Close } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { ComponentDefaults } from "../../utils/typings";
+var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    type: 'default',
+    background: '',
+    color: '',
+    plain: false,
+    round: false,
+    mark: false,
+    closeable: false,
+    closeIcon: null,
+    onClose: function(e) {},
+    onClick: function(e) {}
+});
+export var Tag = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps, props), className = _$_object_spread.className, style = _$_object_spread.style, background = _$_object_spread.background, plain = _$_object_spread.plain, type = _$_object_spread.type, round = _$_object_spread.round, children = _$_object_spread.children, mark = _$_object_spread.mark, closeable = _$_object_spread.closeable, closeIcon = _$_object_spread.closeIcon, color = _$_object_spread.color, onClick = _$_object_spread.onClick, onClose = _$_object_spread.onClose;
+    var _useState = _sliced_to_array(useState(true), 2), visible = _useState[0], setVisible = _useState[1];
+    var classPrefix = 'nut-tag';
+    var _obj;
+    var classes = classNames((_obj = {}, _define_property(_obj, classPrefix, true), _define_property(_obj, "".concat(classPrefix, "-").concat(type), type), _define_property(_obj, "".concat(classPrefix, "-plain"), plain), _define_property(_obj, "".concat(classPrefix, "-round"), round), _define_property(_obj, "".concat(classPrefix, "-mark"), mark), _define_property(_obj, "".concat(classPrefix, "-close"), closeable), _define_property(_obj, "".concat(className), className), _obj));
+    var handleClick = function(e) {
+        onClick && onClick(e);
+    };
+    // 综合考虑 color、background、plain 组合使用时的效果
+    var getStyle = function() {
+        var style = {};
+        // 标签背景与边框颜色
+        if (plain) {
+            style.borderColor = background;
+        } else if (background) {
+            style.backgroundColor = background;
+        }
+        return style;
+    };
+    var getTextStyle = function() {
+        var style = {};
+        // 标签内字体颜色
+        if (color) {
+            style.color = color;
+        } else if (background && plain) {
+            style.color = background;
+        }
+        return style;
+    };
+    var textClasses = classNames("".concat(classPrefix, "-text"), _define_property({}, "".concat(classPrefix, "-text-plain"), plain));
+    return /*#__PURE__*/ React.createElement(React.Fragment, null, closeable ? visible && /*#__PURE__*/ React.createElement(View, {
+        className: classes,
+        style: _object_spread({}, style, getStyle()),
+        onClick: function(e) {
+            return handleClick(e);
+        }
+    }, children && /*#__PURE__*/ React.createElement(View, {
+        className: textClasses,
+        style: getTextStyle()
+    }, children), closeIcon ? /*#__PURE__*/ React.createElement(View, {
+        className: "".concat(classPrefix, "-custom-icon"),
+        onClick: function(e) {
+            setVisible(false);
+            onClose && onClose(e);
+        }
+    }, closeIcon) : /*#__PURE__*/ React.createElement(Close, {
+        size: 8,
+        onClick: function(e) {
+            setVisible(false);
+            onClose && onClose(e);
+        }
+    })) : /*#__PURE__*/ React.createElement(View, {
+        className: classes,
+        style: _object_spread({}, style, getStyle()),
+        onClick: function(e) {
+            return handleClick(e);
+        }
+    }, children && /*#__PURE__*/ React.createElement(View, {
+        className: textClasses,
+        style: getTextStyle()
+    }, children)));
+};
+Tag.displayName = 'NutTag';

package/dist/es/packages/textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { TextArea } from "./textarea";
+export type { TaroTextAreaProps as TextAreaProps } from "../../types";
+export default TextArea;

package/dist/es/packages/textarea/index.js

@@ -0,0 +1,2 @@
+import { TextArea } from "./textarea";
+export default TextArea;

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

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

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

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

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

@@ -0,0 +1,79 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-textarea {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: var(--nutui-font-size-base, 14px);
+  border-radius: var(--nutui-radius-s, 6px);
+}
+.nut-textarea-container {
+  padding: var(--nutui-textarea-padding, 12px);
+  background-color: var(--nutui-color-background-overlay, #ffffff);
+}
+.nut-textarea-error {
+  border: 0.5px solid var(--nutui-color-danger, #ff0f23);
+  background-color: var(--nutui-color-danger-light, #ffebef);
+}
+.nut-textarea-limit {
+  text-align: right;
+  font-size: var(--nutui-font-size-base, 14px);
+  line-height: var(--nutui-font-size-base, 14px);
+  margin-top: var(--nutui-spacing-base, 8px);
+  color: var(--nutui-color-text-help, #888b94);
+}
+.nut-textarea-limit-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea {
+  outline: none;
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 40px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  font-size: var(--nutui-font-size-base, 14px);
+  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
+  caret-color: var(--nutui-textarea-text-curror-color, var(--nutui-color-primary, #ff0f23));
+  text-align: left;
+  background-color: transparent;
+  border: 0;
+  resize: none;
+}
+.nut-textarea-textarea .taro-textarea {
+  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
+  background-color: transparent;
+  resize: none;
+}
+.nut-textarea-textarea::placeholder {
+  color: var(--nutui-color-text-help, #888b94);
+}
+.nut-textarea-textarea-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled::placeholder {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled .taro-textarea {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled .taro-textarea::placeholder {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea.nut-textarea-rtl-limit {
+  right: auto;
+  left: 15px;
+}
+
+.taro-textarea {
+  background-color: transparent;
+  resize: none;
+}

package/dist/es/packages/textarea/style/style.harmony.css

@@ -0,0 +1,79 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-textarea {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: var(--nutui-font-size-base, 14px);
+  border-radius: var(--nutui-radius-s, 6px);
+}
+.nut-textarea-container {
+  padding: var(--nutui-textarea-padding, 12px);
+  background-color: var(--nutui-color-background-overlay, #ffffff);
+}
+.nut-textarea-error {
+  border: 0.5px solid var(--nutui-color-danger, #ff0f23);
+  background-color: var(--nutui-color-danger-light, #ffebef);
+}
+.nut-textarea-limit {
+  text-align: right;
+  font-size: var(--nutui-font-size-base, 14px);
+  line-height: var(--nutui-font-size-base, 14px);
+  margin-top: var(--nutui-spacing-base, 8px);
+  color: var(--nutui-color-text-help, #888b94);
+}
+.nut-textarea-limit-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea {
+  outline: none;
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 40px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  font-size: var(--nutui-font-size-base, 14px);
+  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
+  caret-color: var(--nutui-textarea-text-curror-color, var(--nutui-color-primary, #ff0f23));
+  text-align: left;
+  background-color: transparent;
+  border: 0;
+  resize: none;
+}
+.nut-textarea-textarea .taro-textarea {
+  color: var(--nutui-textarea-text-color, var(--nutui-color-title, #1a1a1a));
+  background-color: transparent;
+  resize: none;
+}
+.nut-textarea-textarea::placeholder {
+  color: var(--nutui-color-text-help, #888b94);
+}
+.nut-textarea-textarea-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled::placeholder {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled .taro-textarea {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea-textarea-disabled .taro-textarea::placeholder {
+  color: var(--nutui-color-text-disabled, #c2c4cc);
+}
+.nut-textarea.nut-textarea-rtl-limit {
+  right: auto;
+  left: 15px;
+}
+
+.taro-textarea {
+  background-color: transparent;
+  resize: none;
+}

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

@@ -0,0 +1,98 @@
+.nut-textarea {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: $font-size-base;
+  border-radius: $radius-s;
+
+  &-container {
+    padding: $textarea-padding;
+    background-color: $color-background-overlay;
+  }
+
+  &-error {
+    border: 0.5px solid $color-danger;
+    background-color: $color-danger-light;
+  }
+
+  &-limit {
+    text-align: right;
+    font-size: $font-size-base;
+    line-height: $font-size-base;
+    margin-top: $spacing-base;
+    color: $color-text-help;
+    &-disabled {
+      cursor: not-allowed;
+      color: $color-text-disabled;
+    }
+  }
+
+  &-textarea {
+    outline: none;
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    height: 40px;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    font-size: $font-size-base;
+    color: $textarea-text-color;
+    caret-color: $textarea-text-curror-color;
+    text-align: left;
+    background-color: transparent;
+    border: 0;
+    resize: none;
+
+    // &::after{
+    //   content: '';
+    //   position: absolute;
+    //   width: 2px;
+    //   height: 14px;
+    //   background-color: red;
+    //   // left: 10px;
+    //   // top: 50%;
+    //   transform: translateY(-50%);
+    //   z-index: 1;
+    //   pointer-events: none;
+    // }
+
+    .taro-textarea {
+      color: $textarea-text-color;
+      background-color: transparent;
+      resize: none;
+    }
+
+    &::placeholder {
+      color: $color-text-help;
+    }
+
+    &-disabled {
+      cursor: not-allowed;
+      color: $color-text-disabled;
+      &::placeholder {
+        color: $color-text-disabled;
+      }
+      .taro-textarea {
+        color: $color-text-disabled;
+        &::placeholder {
+          color: $color-text-disabled;
+        }
+      }
+    }
+  }
+
+  &.nut-textarea-rtl {
+    &-limit {
+      right: auto;
+      left: 15px;
+    }
+  }
+}
+
+.taro-textarea {
+  background-color: transparent;
+  resize: none;
+}

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

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

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

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

package/dist/es/packages/textarea/style-jmapp/style.css

@@ -0,0 +1,79 @@
+/* #ifdef harmony */
+/* #endif */
+/* #ifndef harmony */
+/* #endif */
+.nut-textarea {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: var(--nutui-font-text);
+  border-radius: var(--nutui-radius-s);
+}
+.nut-textarea-container {
+  padding: var(--nutui-textarea-padding, var(--nutui-spacing-base) var(--nutui-spacing-xxxl));
+  background-color: var(--nutui-color-surface-2);
+}
+.nut-textarea-error {
+  border: 0.5px solid var(--nutui-color-danger);
+  background-color: var(--nutui-color-danger-light);
+}
+.nut-textarea-limit {
+  text-align: right;
+  font-size: var(--nutui-font-text);
+  line-height: var(--nutui-font-text);
+  margin-top: var(--nutui-spacing-base);
+  color: var(--nutui-color-text-help);
+}
+.nut-textarea-limit-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled);
+}
+.nut-textarea-textarea {
+  outline: none;
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 40px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  font-size: var(--nutui-font-text);
+  color: var(--nutui-textarea-text-color, var(--nutui-color-text));
+  caret-color: var(--nutui-textarea-text-curror-color, var(--nutui-color-title));
+  text-align: left;
+  background-color: transparent;
+  border: 0;
+  resize: none;
+}
+.nut-textarea-textarea .taro-textarea {
+  color: var(--nutui-textarea-text-color, var(--nutui-color-text));
+  background-color: transparent;
+  resize: none;
+}
+.nut-textarea-textarea::placeholder {
+  color: var(--nutui-color-text-help);
+}
+.nut-textarea-textarea-disabled {
+  cursor: not-allowed;
+  color: var(--nutui-color-text-disabled);
+}
+.nut-textarea-textarea-disabled::placeholder {
+  color: var(--nutui-color-text-disabled);
+}
+.nut-textarea-textarea-disabled .taro-textarea {
+  color: var(--nutui-color-text-disabled);
+}
+.nut-textarea-textarea-disabled .taro-textarea::placeholder {
+  color: var(--nutui-color-text-disabled);
+}
+.nut-textarea.nut-textarea-rtl-limit {
+  right: auto;
+  left: 15px;
+}
+
+.taro-textarea {
+  background-color: transparent;
+  resize: none;
+}

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

@@ -0,0 +1,98 @@
+.nut-textarea {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  font-size: $font-size-base;
+  border-radius: $radius-s;
+
+  &-container {
+    padding: $textarea-padding;
+    background-color: $color-background-overlay;
+  }
+
+  &-error {
+    border: 0.5px solid $color-danger;
+    background-color: $color-danger-light;
+  }
+
+  &-limit {
+    text-align: right;
+    font-size: $font-size-base;
+    line-height: $font-size-base;
+    margin-top: $spacing-base;
+    color: $color-text-help;
+    &-disabled {
+      cursor: not-allowed;
+      color: $color-text-disabled;
+    }
+  }
+
+  &-textarea {
+    outline: none;
+    display: block;
+    box-sizing: border-box;
+    width: 100%;
+    height: 40px;
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    font-size: $font-size-base;
+    color: $textarea-text-color;
+    caret-color: $textarea-text-curror-color;
+    text-align: left;
+    background-color: transparent;
+    border: 0;
+    resize: none;
+
+    // &::after{
+    //   content: '';
+    //   position: absolute;
+    //   width: 2px;
+    //   height: 14px;
+    //   background-color: red;
+    //   // left: 10px;
+    //   // top: 50%;
+    //   transform: translateY(-50%);
+    //   z-index: 1;
+    //   pointer-events: none;
+    // }
+
+    .taro-textarea {
+      color: $textarea-text-color;
+      background-color: transparent;
+      resize: none;
+    }
+
+    &::placeholder {
+      color: $color-text-help;
+    }
+
+    &-disabled {
+      cursor: not-allowed;
+      color: $color-text-disabled;
+      &::placeholder {
+        color: $color-text-disabled;
+      }
+      .taro-textarea {
+        color: $color-text-disabled;
+        &::placeholder {
+          color: $color-text-disabled;
+        }
+      }
+    }
+  }
+
+  &.nut-textarea-rtl {
+    &-limit {
+      right: auto;
+      left: 15px;
+    }
+  }
+}
+
+.taro-textarea {
+  background-color: transparent;
+  resize: none;
+}