@nutui/nutui-react-taro 2.0.0-alpha.13 → 2.0.0-alpha.15

package/dist/esm/popover.taro-ba6c323a.js

@@ -0,0 +1,229 @@
+import React, { useRef, useState, useEffect } from "react";
+import classNames from "classnames";
+import { P as Popup } from "./popup.taro-e756f3fc.js";
+import Taro from "@tarojs/taro";
+import { a as getRect, g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
+import { u as upperCaseFirst } from "./index-0a89a47b.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  list: [],
+  location: "bottom",
+  visible: false,
+  offset: [0, 12],
+  targetId: "",
+  className: "",
+  background: "",
+  color: "",
+  showArrow: true,
+  duration: 0.3,
+  overlay: false,
+  overlayClassName: "",
+  overlayStyle: {},
+  closeOnClickOutside: true,
+  closeOnClickAction: true,
+  closeOnOverlayClick: true,
+  onClick: () => {
+  },
+  onOpen: () => {
+  },
+  onClose: () => {
+  },
+  onSelect: (item, index) => {
+  }
+};
+const classPrefix = `nut-popover`;
+const Popover = (props) => {
+  const { children, list, location, visible, offset, targetId, overlay, overlayStyle, overlayClassName, closeOnClickOutside, closeOnClickAction, closeOnOverlayClick, className, showArrow, style, background, color, onClick, onOpen, onClose, onSelect, ...reset } = {
+    ...defaultProps,
+    ...props
+  };
+  const popoverRef = useRef(null);
+  const popoverContentRef = useRef(null);
+  const [showPopup, setShowPopup] = useState(false);
+  const [elWidth, setElWidth] = useState(0);
+  const [elHeight, setElHeight] = useState(0);
+  const [rootPosition, setRootPosition] = useState();
+  useEffect(() => {
+    setShowPopup(visible);
+    if (visible) {
+      setTimeout(() => {
+        getContentWidth();
+      }, 0);
+    }
+  }, [visible]);
+  const getContentWidth = async () => {
+    let rect;
+    if (targetId) {
+      if (Taro.getEnv() == Taro.ENV_TYPE.WEB) {
+        rect = getRect(document.querySelector(`#${targetId}`));
+      } else {
+        rect = await getRectTaro(targetId);
+      }
+    } else {
+      rect = await getRectByTaro(popoverRef.current);
+    }
+    setRootPosition({
+      width: rect.width,
+      height: rect.height,
+      left: rect.left,
+      top: rect.top,
+      right: rect.right
+    });
+    setTimeout(() => {
+      getPopoverContentW();
+    }, 300);
+  };
+  const getRectTaro = async (targetId2) => {
+    return new Promise((resolve) => {
+      const query = Taro.createSelectorQuery();
+      query.select(`#${targetId2}`) && query.select(`#${targetId2}`).boundingClientRect();
+      query.exec(function(res) {
+        resolve(res[0]);
+      });
+    });
+  };
+  const getPopoverContentW = async () => {
+    let rectContent = await getRectByTaro(popoverContentRef.current);
+    setElWidth(rectContent.width);
+    setElHeight(rectContent.height);
+  };
+  const clickAway = () => {
+    if (closeOnClickOutside) {
+      props.onClick && props.onClick();
+      onClose && onClose();
+    }
+  };
+  const classes = classNames({
+    [`${classPrefix}`]: true
+  }, className);
+  const customStyle = () => {
+    const styles = {};
+    if (background) {
+      styles.background = background;
+    }
+    if (color) {
+      styles.color = color;
+    }
+    return styles;
+  };
+  const popoverArrow = () => {
+    const prefixCls = "nut-popover-arrow";
+    const loca = location;
+    const direction = loca.split("-")[0];
+    return `${prefixCls} ${prefixCls}-${direction} ${prefixCls}--${loca}`;
+  };
+  const popoverArrowStyle = () => {
+    const styles = {};
+    const { background: background2 } = props;
+    const direction = location.split("-")[0];
+    if (background2) {
+      styles[`border${upperCaseFirst(direction)}Color`] = background2;
+    }
+    return styles;
+  };
+  const getRootPosition = () => {
+    let styles = {};
+    if (!rootPosition) {
+      styles.visibility = "hidden";
+      return styles;
+    }
+    const contentWidth = elWidth;
+    const contentHeight = elHeight;
+    const { width, height, left, top, right } = rootPosition;
+    const direction = location.split("-")[0];
+    const skew = location.split("-")[1];
+    let cross = 0;
+    let parallel = 0;
+    if (Array.isArray(offset) && offset.length == 2) {
+      cross += +offset[1];
+      parallel += +offset[0];
+    }
+    if (width) {
+      if (["bottom", "top"].includes(direction)) {
+        const h = direction == "bottom" ? height + cross : -(contentHeight + cross);
+        styles.top = `${top + h}px`;
+        if (!skew) {
+          styles.left = `${-(contentWidth - width) / 2 + left + parallel}px`;
+        }
+        if (skew == "start") {
+          styles.left = `${left + parallel}px`;
+        }
+        if (skew == "end") {
+          styles.left = `${right + parallel}px`;
+        }
+      }
+      if (["left", "right"].includes(direction)) {
+        const contentW = direction == "left" ? -(contentWidth + cross) : width + cross;
+        styles.left = `${left + contentW}px`;
+        if (!skew) {
+          styles.top = `${top - contentHeight / 2 + height / 2 - 4 + parallel}px`;
+        }
+        if (skew == "start") {
+          styles.top = `${top + parallel}px`;
+        }
+        if (skew == "end") {
+          styles.top = `${top + height + parallel}px`;
+        }
+      }
+    }
+    if (elWidth === 0) {
+      styles.visibility = "hidden";
+    } else {
+      styles.visibility = "initial";
+    }
+    return styles;
+  };
+  const handleSelect = (item, index) => {
+    if (!item.disabled) {
+      onSelect(item, index);
+    }
+    if (closeOnClickAction) {
+      props.onClick && props.onClick();
+      onClose && onClose();
+    }
+  };
+  return React.createElement(
+    React.Fragment,
+    null,
+    !targetId && React.createElement("div", { className: "nut-popover-wrapper", ref: popoverRef, onClick: () => {
+      props.onClick && props.onClick();
+      if (!visible) {
+        onOpen && onOpen();
+      } else {
+        onClose && onClose();
+      }
+    }, style }, Array.isArray(children) ? children[0] : children),
+    React.createElement(
+      "div",
+      { className: classes, style: getRootPosition(), ...reset },
+      React.createElement(
+        Popup,
+        { className: `nut-popover-content nut-popover-content--${location}`, style: customStyle(), position: "default", overlay, overlayStyle, overlayClassName, closeOnOverlayClick, visible: showPopup },
+        React.createElement(
+          "div",
+          { className: "nut-popover-content-group", ref: popoverContentRef },
+          showArrow && React.createElement("div", { className: popoverArrow(), style: popoverArrowStyle() }),
+          Array.isArray(children) ? children[1] : "",
+          list.map((item, index) => {
+            return React.createElement(
+              "div",
+              { className: classNames({
+                "nut-popover-menu-item": true,
+                "nut-popover-menu-disabled": item.disabled
+              }, item.className), key: item.key, onClick: () => handleSelect(item, index) },
+              item.icon ? item.icon : null,
+              React.createElement("div", { className: "nut-popover-menu-item-name" }, item.name)
+            );
+          })
+        )
+      ),
+      showPopup && React.createElement("div", { className: "nut-popover-content-bg", onClick: clickAway, onTouchMove: clickAway })
+    )
+  );
+};
+Popover.defaultProps = defaultProps;
+Popover.displayName = "NutPopover";
+export {
+  Popover as P
+};

package/dist/esm/{pulltorefresh.taro-5b36a881.js → pulltorefresh.taro-3719fdfb.js}

@@ -1,6 +1,6 @@
 import React, { useRef, useState } from "react";
 import { View } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 function bound(position, min, max) {

package/dist/esm/{range.taro-615e193a.js → range.taro-a1d1ad25.js}

@@ -2,7 +2,7 @@ import React, { useState, useRef, useEffect, useCallback } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { u as useTouch } from "./use-touch-ff43512c.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
+import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps = {

package/dist/esm/{searchbar.taro-09468fff.js → searchbar.taro-39351331.js}

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from "react";
 import { Search, CircleClose } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{shortpassword.taro-eabbde1b.js → shortpassword.taro-cff61e4e.js}

@@ -2,7 +2,7 @@ import React, { useMemo, useEffect } from "react";
 import { Tips } from "@nutui/icons-react-taro";
 import classNames from "classnames";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps = {

package/dist/esm/{sidenavbar.taro-9f210df4.js → sidenavbar.taro-1aefdd3c.js}

@@ -1,17 +1,20 @@
 import React, { useState } from "react";
+import classNames from "classnames";
 import { P as Popup } from "./popup.taro-e756f3fc.js";
-import { O as OffsetContext } from "./offsetContext-f32a9246.js";
+import { O as OffsetContext } from "./context-f32a9246.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
-  showhead: false,
+  ...ComponentDefaults,
   position: "left",
   width: "80%"
 };
 const SideNavBar = (props) => {
-  const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
+  const classPrefix = "nut-sidenavbar";
+  const { title, visible, width, position, children, className, onClose, ...rest } = {
     ...defaultProps,
     ...props
   };
-  const offset = props.offset ? Number(props.offset) : 20;
+  const indent = props.indent ? Number(props.indent) : 20;
   const [sidenavbarShow, setSidenavbarShow] = useState(true);
   const handleClick = () => {
     setSidenavbarShow(!sidenavbarShow);
@@ -21,23 +24,23 @@ const SideNavBar = (props) => {
     { visible, style: { width, height: "100%" }, position, onClose },
     React.createElement(
       "div",
-      { className: className ? `${className} nut-sidenavbar` : "nut-sidenavbar", ...rest },
+      { className: classNames(className, classPrefix), ...rest },
       React.createElement(
         "div",
-        { className: "nut-sidenavbar__content" },
+        { className: `${classPrefix}__content` },
         React.createElement(
           "div",
-          { className: `nut-sidenavbar__list ${sidenavbarShow ? "nutShow" : "nutHide"}`, onClick: handleClick },
+          { className: `${classPrefix}__list ${sidenavbarShow ? "sidenavbar-show" : "sidenavbar-hide"}`, onClick: handleClick },
           React.createElement(
             "div",
-            { className: "nut-sidenavbar__title border-bt ", style: { paddingLeft: `${offset}px` } },
+            { className: `${classPrefix}__title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
             title,
             React.createElement("i", { className: `arrow-icon ${sidenavbarShow ? "arrow-up" : "arrow-down"}` })
           ),
           React.createElement(
             OffsetContext.Provider,
-            { value: offset },
-            React.createElement("div", { className: "nut-sidenavbar__content" }, children)
+            { value: indent },
+            React.createElement("div", { className: `${classPrefix}__content` }, children)
           )
         )
       )

package/dist/esm/sidenavbaritem.taro-7d805f92.js

@@ -0,0 +1,13 @@
+import React from "react";
+const SideNavBarItem = (props) => {
+  const classPrefix = "nut-subsidenavbar";
+  const { title, value, children, onClick, ...rest } = props;
+  const clickFn = (e) => {
+    e.stopPropagation();
+    onClick && onClick({ title, value });
+  };
+  return React.createElement("div", { className: `${classPrefix}__item ${classPrefix}-border-bt`, onClick: clickFn, ...rest }, title);
+};
+export {
+  SideNavBarItem as S
+};

package/dist/esm/{signature.taro-c57469aa.js → signature.taro-4f68516a.js}

@@ -1,22 +1,19 @@
-import React, { useRef, useState, useEffect } from "react";
+import React, { useRef, useState, useImperativeHandle, useEffect } from "react";
 import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from "@tarojs/taro";
-import { B as Button } from "./button.taro-01eae688.js";
-import { c as cn } from "./bem-cdccae08.js";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
+  ...ComponentDefaults,
   canvasId: "spcanvas",
   type: "png",
   lineWidth: 2,
-  strokeStyle: "#000",
-  className: ""
+  strokeStyle: "#000"
 };
-const Signature = (props) => {
-  const { locale } = useConfig();
-  const { canvasId, type, lineWidth, strokeStyle, unSupportTpl, className, confirm, clear, onConfirm, onClear, ...rest } = {
+const InternalSignature = (props, ref) => {
+  const { canvasId, type, lineWidth, strokeStyle, className, style, onConfirm, onClear, ...rest } = {
     ...defaultProps,
     ...props
   };
-  const b = cn("signature");
+  const classPrefix = `nut-signature`;
   const canvasRef = useRef(null);
   const wrapRef = useRef(null);
   const [canvasHeight, setCanvasHeight] = useState(0);
@@ -54,12 +51,8 @@ const Signature = (props) => {
       ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
       ctx.current.closePath();
     }
-    clear && clear();
     onClear && onClear();
   };
-  const handleConfirmBtn = () => {
-    onSave();
-  };
   const onSave = () => {
     createSelectorQuery().select(`#${canvasId}`).fields({
       node: true,
@@ -71,11 +64,10 @@ const Signature = (props) => {
         canvasId: `${canvasId}`,
         success: (res2) => {
           handleClearBtn();
-          confirm && confirm(res2.tempFilePath);
           onConfirm && onConfirm(res2.tempFilePath);
         },
         fail: (res2) => {
-          console.log("保存失败");
+          console.warn("保存失败");
         }
       });
     });
@@ -95,6 +87,14 @@ const Signature = (props) => {
       ctx.current.strokeStyle = strokeStyle;
     }
   };
+  useImperativeHandle(ref, () => ({
+    confirm: () => {
+      onSave();
+    },
+    clear: () => {
+      handleClearBtn();
+    }
+  }));
   const initCanvas = () => {
     nextTick(() => {
       setTimeout(() => {
@@ -122,8 +122,8 @@ const Signature = (props) => {
   }, []);
   return React.createElement(
     "div",
-    { className: `${b()} ${className}`, ...rest },
-    React.createElement("div", { className: `${b("inner")} spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React.createElement("canvas", {
+    { className: `${classPrefix} ${className}`, ...rest },
+    React.createElement("div", { className: `${classPrefix}__inner spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React.createElement("canvas", {
       id: canvasId,
       ref: canvasRef,
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -134,11 +134,10 @@ const Signature = (props) => {
       onTouchStart: startEventHandler,
       onTouchMove: moveEventHandler,
       onTouchEnd: endEventHandler
-    }) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler })),
-    React.createElement(Button, { className: `${b("btn")}`, type: "default", onClick: () => handleClearBtn() }, locale.signature.reSign),
-    React.createElement(Button, { className: `${b("btn")}`, type: "primary", onClick: () => handleConfirmBtn() }, locale.confirm)
+    }) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))
   );
 };
+const Signature = React.forwardRef(InternalSignature);
 Signature.defaultProps = defaultProps;
 Signature.displayName = "NutSignature";
 export {

package/dist/esm/{skeleton.taro-0552c2ec.js → skeleton.taro-ce714b06.js}

@@ -1,6 +1,6 @@
 import React from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-01536aff.js";
+import { A as Avatar } from "./avatar.taro-8a26cd6c.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/{sticky.taro-f8ae8d5e.js → sticky.taro-6bc62a96.js}

@@ -2,7 +2,7 @@ import React, { useRef, useEffect, useState, useMemo, useCallback } from "react"
 import classNames from "classnames";
 import { getEnv, usePageScroll, getSystemInfoSync } from "@tarojs/taro";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
+import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
 function useWatch(dep, callback, config = { immediate: false }) {
   const { immediate } = config;
@@ -118,7 +118,7 @@ const Sticky = (props) => {
         setFixed(windowHeight - threshold < curRootRect.bottom);
       }
     } else {
-      console.log("getRectByTaro获取失败", { stickyRect, curRootRect });
+      console.warn("getRectByTaro获取失败", { stickyRect, curRootRect });
     }
   };
   const getElement = useCallback(() => {

package/dist/esm/{subsidenavbar.taro-abe07673.js → subsidenavbar.taro-47bb6e74.js}

@@ -1,10 +1,11 @@
 import React, { useState, useContext, useRef, useCallback, useEffect } from "react";
-import { O as OffsetContext } from "./offsetContext-f32a9246.js";
+import { O as OffsetContext } from "./context-f32a9246.js";
 const defaultProps = {
   open: true
 };
 const SubSideNavBar = (props) => {
-  const { title, key, children, onClick, open, ...rest } = {
+  const classPrefix = "nut-subsidenavbar";
+  const { title, value, children, onClick, open, ...rest } = {
     ...defaultProps,
     ...props
   };
@@ -13,18 +14,18 @@ const SubSideNavBar = (props) => {
   const listRef = useRef(null);
   const setListLevel = useCallback((nodeList, level = 1) => {
     const titleClass = nodeList[0].className;
-    if (titleClass.includes("nut-subsidenavbar__title")) {
+    if (titleClass.includes(`${classPrefix}__title`)) {
       const left = offset * (level + 1);
       nodeList[0].style.paddingLeft = `${left}px`;
     }
     const childNodes = nodeList[1] && nodeList[1].children && Array.from(nodeList[1].children).filter((item) => item.nodeType !== 3 && item.nodeType !== 8);
     childNodes.forEach((item) => {
       const itemClass = item.className;
-      if (itemClass.includes("nut-subsidenavbar__item")) {
+      if (itemClass.includes(`${classPrefix}__item`)) {
         const left = offset * (level + 2);
         item.style.paddingLeft = `${left}px`;
       }
-      if (itemClass.includes("nut-subsidenavbar__list")) {
+      if (itemClass.includes(`${classPrefix}__list`)) {
         let level2 = item.getAttribute("level") ? Number(item.getAttribute("level")) : 1;
         level2 += 1;
         item.setAttribute("level", level2.toString());
@@ -36,7 +37,7 @@ const SubSideNavBar = (props) => {
     e.stopPropagation();
     setSubShow(!subShow);
     const isShow = !subShow;
-    onClick && onClick({ title, key, isShow });
+    onClick && onClick({ title, value, isShow });
   };
   useEffect(() => {
     var _a, _b;
@@ -44,19 +45,19 @@ const SubSideNavBar = (props) => {
     (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
-  const divClass = subShow ? "nut-subsidenavbar__list  nutShow" : "nut-subsidenavbar__list  nutHide";
+  const divClass = subShow ? `${classPrefix}__list sidenavbar-show` : `${classPrefix}__list sidenavbar-hide`;
   const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return React.createElement(
     "div",
     { className: divClass, ref: listRef, onClick: clickFn, ...rest },
     React.createElement(
       "div",
-      { className: "nut-subsidenavbar__title border-bt" },
+      { className: `${classPrefix}__title ${classPrefix}-border-bt` },
       title,
       " ",
       React.createElement("i", { className: iconClass })
     ),
-    React.createElement("div", { className: "nut-subsidenavbar__content" }, children)
+    React.createElement("div", { className: `${classPrefix}__content` }, children)
   );
 };
 export {

package/dist/esm/{swipe.taro-de80fcd8.js → swipe.taro-966af6d3.js}

@@ -3,7 +3,7 @@ import classNames from "classnames";
 import { useReady, nextTick } from "@tarojs/taro";
 import { c as cn } from "./bem-cdccae08.js";
 import { u as useTouch } from "./use-touch-ff43512c.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
+import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();

package/dist/esm/{table.taro-15a55c5d.js → table.taro-a20f15f2.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import classNames from "classnames";
 import { DownArrow } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 const defaultProps = {
   ...ComponentDefaults,

package/dist/esm/tag.taro-614758eb.js

@@ -0,0 +1,76 @@
+import React, { useState, useEffect } from "react";
+import { Close } from "@nutui/icons-react-taro";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings-11d83a22.js";
+const defaultProps = {
+  ...ComponentDefaults,
+  type: "default",
+  background: "",
+  color: "",
+  plain: false,
+  round: false,
+  mark: false,
+  closeable: false,
+  closeIcon: null,
+  onClose: (e) => {
+  },
+  onClick: (e) => {
+  }
+};
+const Tag = (props) => {
+  const { className, style, background, plain, type, round, children, mark, closeable, closeIcon, color, onClick, onClose } = {
+    ...defaultProps,
+    ...props
+  };
+  const [tagClass, setTagClass] = useState("");
+  const [visible, setVisible] = useState(true);
+  const classPrefix = "nut-tag";
+  const classes = () => {
+    return classNames({
+      [classPrefix]: true,
+      [`${classPrefix}--${type}`]: type,
+      [`${classPrefix}--plain`]: plain,
+      [`${classPrefix}--round`]: round,
+      [`${classPrefix}--mark`]: mark,
+      [`${classPrefix}--close`]: closeable,
+      [`${className}`]: className
+    });
+  };
+  useEffect(() => {
+    setTagClass(classes());
+  }, [type, background, color, plain, round, mark, closeable, className]);
+  const handleClick = (e) => {
+    onClick && onClick(e);
+  };
+  const getStyle = () => {
+    const style2 = {};
+    if (color) {
+      style2.color = color;
+    } else if (background && plain) {
+      style2.color = background;
+    }
+    if (plain) {
+      style2.borderColor = background;
+    } else if (background) {
+      style2.background = background;
+    }
+    return style2;
+  };
+  return React.createElement(React.Fragment, null, closeable ? visible && React.createElement(
+    "div",
+    { className: tagClass, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
+    children && React.createElement("span", { className: `${classPrefix}-text` }, children),
+    React.isValidElement(closeIcon) ? React.createElement("i", { className: `${classPrefix}-custom-icon`, onClick: (e) => {
+      setVisible(false);
+      onClose && onClose(e);
+    } }, closeIcon) : React.createElement(Close, { size: 12, onClick: (e) => {
+      setVisible(false);
+      onClose && onClose(e);
+    } })
+  ) : React.createElement("div", { className: tagClass, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React.createElement("span", { className: `${classPrefix}-text` }, children)));
+};
+Tag.defaultProps = defaultProps;
+Tag.displayName = "NutTag";
+export {
+  Tag as T
+};

package/dist/esm/{textarea.taro-c110565e.js → textarea.taro-593cd471.js}

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 import classNames from "classnames";
 import Taro from "@tarojs/taro";
 import { Textarea } from "@tarojs/components";
-import { u as useConfig } from "./configprovider.taro-25758d9f.js";
+import { u as useConfig } from "./configprovider.taro-372b1525.js";
 import { C as ComponentDefaults } from "./typings-11d83a22.js";
 import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
 const defaultProps = {