wz-h5-design 1.0.2 → 1.0.4

package/dist/DateRangePicker/style/index.css

@@ -1 +1 @@
-.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--wz-text-color-primary,#333);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--wz-text-color-placeholder,#bbb);background:var(--wz-bg-color-white,#fff);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--wz-primary-color,#0599f7);border-color:var(--wz-primary-color,#0599f7);background:#0599f71a;font-weight:700}.wz-date-range-picker-sep{color:var(--wz-text-color-primary,#333);align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}
+.wz-date-range-picker{--active-color:var(--wz-primary-color,#0599f7);--active-bg:#0599f71a;--active-border:var(--wz-primary-color,#0599f7);--label-color:var(--wz-text-color-primary,#333);--value-color:var(--wz-text-color-placeholder,#bbb);--value-bg:var(--wz-bg-color-white,#fff);--sep-color:var(--wz-text-color-primary,#333)}.wz-date-range-picker-row{justify-content:center;align-items:flex-start;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:stretch;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--label-color);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--value-color);background:var(--value-bg);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--active-color);background:var(--active-bg);border-color:var(--active-border);font-weight:700}.wz-date-range-picker-sep{color:var(--sep-color);flex-shrink:0;align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-range-picker-long-term{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:flex-start;align-items:center;gap:6px;margin-top:12px;display:flex}.wz-date-range-picker-long-term-text{color:var(--label-color);font-size:14px}.wz-date-range-picker-value.disabled{opacity:.6;cursor:not-allowed}

package/dist/DateRangePicker/style.css

@@ -1 +1 @@
-.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--wz-text-color-primary,#333);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--wz-text-color-placeholder,#bbb);background:var(--wz-bg-color-white,#fff);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--wz-primary-color,#0599f7);border-color:var(--wz-primary-color,#0599f7);background:#0599f71a;font-weight:700}.wz-date-range-picker-sep{color:var(--wz-text-color-primary,#333);align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-picker{background:var(--wz-date-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-date-picker-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-date-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex:1 1 0;min-width:0;position:relative;overflow-y:scroll}.wz-date-picker-list::-webkit-scrollbar{display:none}.wz-date-picker-item{color:var(--wz-date-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-family:"阿里巴巴普惠体 2.0";font-size:20px;font-weight:600;transition:color .2s;display:flex}.wz-date-picker-item.active{color:var(--wz-date-picker-active-color,#000)}.wz-date-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-date-picker-mask-top{background:linear-gradient(to bottom,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-date-picker-mask-bottom{background:linear-gradient(to top,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-date-picker-indicator{z-index:1;pointer-events:none;border-radius:var(--wz-date-picker-radius,10px);background:var(--wz-date-picker-active-bg,#fff);position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}
+.wz-date-range-picker{--active-color:var(--wz-primary-color,#0599f7);--active-bg:#0599f71a;--active-border:var(--wz-primary-color,#0599f7);--label-color:var(--wz-text-color-primary,#333);--value-color:var(--wz-text-color-placeholder,#bbb);--value-bg:var(--wz-bg-color-white,#fff);--sep-color:var(--wz-text-color-primary,#333)}.wz-date-range-picker-row{justify-content:center;align-items:flex-start;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:stretch;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--label-color);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--value-color);background:var(--value-bg);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--active-color);background:var(--active-bg);border-color:var(--active-border);font-weight:700}.wz-date-range-picker-sep{color:var(--sep-color);flex-shrink:0;align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-range-picker-long-term{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:flex-start;align-items:center;gap:6px;margin-top:12px;display:flex}.wz-date-range-picker-long-term-text{color:var(--label-color);font-size:14px}.wz-date-range-picker-value.disabled{opacity:.6;cursor:not-allowed}.wz-date-picker{background:var(--wz-date-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-date-picker-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-date-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex:1 1 0;min-width:0;position:relative;overflow-y:scroll}.wz-date-picker-list::-webkit-scrollbar{display:none}.wz-date-picker-item{color:var(--wz-date-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-family:"阿里巴巴普惠体 2.0";font-size:20px;font-weight:600;transition:color .2s;display:flex}.wz-date-picker-item.active{color:var(--wz-date-picker-active-color,#000)}.wz-date-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-date-picker-mask-top{background:linear-gradient(to bottom,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-date-picker-mask-bottom{background:linear-gradient(to top,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-date-picker-indicator{z-index:1;pointer-events:none;border-radius:var(--wz-date-picker-radius,10px);background:var(--wz-date-picker-active-bg,#fff);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}

package/dist/Dialog/index.js

@@ -60,6 +60,9 @@ const Button = forwardRef(({
   color = "",
   textColor = "",
   borderColor = "",
+  width,
+  height,
+  fontSize,
   className = "",
   style = {},
   children,
@@ -69,12 +72,22 @@ const Button = forwardRef(({
 }, ref) => {
   const [isActive, setIsActive] = useState(false);
   const timerRef = useRef(null);
+  const formatSize = (value) => {
+    if (value === void 0) return void 0;
+    return typeof value === "number" ? `${value}px` : value;
+  };
   const buttonStyle = useMemo(() => {
+    const customStyle = {
+      width: formatSize(width),
+      height: formatSize(height),
+      fontSize: formatSize(fontSize)
+    };
     if (type === "cancel") {
       return {
         background: "#D6D6D6",
         color: textColor || "#fff",
-        ...style
+        ...style,
+        ...customStyle
       };
     }
     if (type === "outline") {
@@ -82,7 +95,8 @@ const Button = forwardRef(({
         color: textColor || "var(--wz-primary-color)",
         borderColor: borderColor || "var(--wz-primary-color)",
         background: "transparent",
-        ...style
+        ...style,
+        ...customStyle
       };
     }
     if (type === "text") {
@@ -91,7 +105,17 @@ const Button = forwardRef(({
         background: "transparent",
         border: "none",
         boxShadow: "none",
-        ...style
+        ...style,
+        ...customStyle
+      };
+    }
+    if (type === "plain") {
+      return {
+        color: textColor || "#666666",
+        borderColor: borderColor || "#666666",
+        background: "transparent",
+        ...style,
+        ...customStyle
       };
     }
     if (type === "primary") {
@@ -100,10 +124,10 @@ const Button = forwardRef(({
         s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
       }
       s.color = textColor || "#fff";
-      return s;
+      return { ...s, ...customStyle };
     }
-    return style;
-  }, [type, color, textColor, borderColor, style]);
+    return { ...style, ...customStyle };
+  }, [type, color, textColor, borderColor, width, height, fontSize, style]);
   const handleClick = (e) => {
     if (disabled) return;
     setIsActive(true);
@@ -136,7 +160,8 @@ const Button = forwardRef(({
         type === "primary" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && disabled && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--disabled" }),
-        type === "cancel" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--cancel" })
+        type === "cancel" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--cancel" }),
+        type === "plain" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" })
       ]
     }
   );

package/dist/Dialog/index.umd.cjs

@@ -1,6 +1,6 @@
-!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("react/jsx-runtime"),require("react"),require("react-dom/client")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react","react-dom/client"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).Dialog={},e.jsxRuntime,e.React,e.client)}(this,(function(e,o,t,n){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i,l={exports:{}};
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("react/jsx-runtime"),require("react"),require("react-dom/client")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react","react-dom/client"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).Dialog={},e.jsxRuntime,e.React,e.client)}(this,(function(e,o,t,n){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var i,a={exports:{}};
 /*!
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
-  */i=l,function(){var e={}.hasOwnProperty;function o(){for(var t=[],n=0;n<arguments.length;n++){var r=arguments[n];if(r){var i=typeof r;if("string"===i||"number"===i)t.push(r);else if(Array.isArray(r)){if(r.length){var l=o.apply(null,r);l&&t.push(l)}}else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){t.push(r.toString());continue}for(var a in r)e.call(r,a)&&r[a]&&t.push(a)}}}return t.join(" ")}i.exports?(o.default=o,i.exports=o):window.classNames=o}();const a=r(l.exports),s=t.forwardRef((({type:e="primary",size:n="medium",block:r=!1,disabled:i=!1,color:l="",textColor:a="",borderColor:s="",className:c="",style:u={},children:d,icon:m,iconPosition:f="left",onClick:p},b)=>{const[w,y]=t.useState(!1),x=t.useRef(null),v=t.useMemo((()=>{if("cancel"===e)return{background:"#D6D6D6",color:a||"#fff",...u};if("outline"===e)return{color:a||"var(--wz-primary-color)",borderColor:s||"var(--wz-primary-color)",background:"transparent",...u};if("text"===e)return{color:a||u.color||"var(--wz-primary-color, #22C94D)",background:"transparent",border:"none",boxShadow:"none",...u};if("primary"===e){let e={...u};return i||(e.background=l||"var(--wz-primary-gradient, var(--wz-primary-color))"),e.color=a||"#fff",e}return u}),[e,l,a,s,u]),g=["wz-button",`wz-button--${e}`,`wz-button--${n}`,r?"wz-button--block":"",i?"wz-button--disabled":"",w&&!i?"wz-button--active":"",c].filter(Boolean).join(" ");return o.jsxs("button",{ref:b,type:"button",className:g,style:v,disabled:i,onClick:e=>{i||(y(!0),x.current&&window.clearTimeout(x.current),x.current=window.setTimeout((()=>y(!1)),100),null==p||p(e))},children:["left"===f&&m,d,"right"===f&&m,"primary"===e&&w&&o.jsx("span",{className:"wz-button__mask"}),"outline"===e&&w&&o.jsx("span",{className:"wz-button__mask"}),"outline"===e&&i&&o.jsx("span",{className:"wz-button__mask--disabled"}),"cancel"===e&&w&&o.jsx("span",{className:"wz-button__mask--cancel"})]})}));s.displayName="Button";const c=({visible:e,title:t,content:n,onClose:r,actions:i,closeOnAction:l,closeOnMaskClick:c})=>o.jsxs("div",{className:a("wz-dialog-root",{visible:e}),children:[o.jsx("div",{className:"wz-dialog-mask",onClick:()=>{c&&(null==r||r())}}),o.jsxs("div",{className:"wz-dialog-wrap",children:[t&&o.jsx("div",{className:"wz-dialog-header",children:o.jsx("div",{className:"wz-dialog-title",children:t})}),o.jsx("div",{className:"wz-dialog-content",children:n}),o.jsx("div",{className:"wz-dialog-footer",children:null==i?void 0:i.map((e=>o.jsx(s,{className:"wz-dialog-button",onClick:()=>{return null==(o=e.onClick)||o(),void(l&&(null==r||r()));var o},children:e.text},e.key)))})]})]}),u=e=>{const t=document.createElement("div");document.body.appendChild(t);const r=n.createRoot(t);r.render(o.jsx(c,{...e,visible:!0,onClose:()=>{r.unmount(),document.body.removeChild(t)}}))},d=e=>{u({...e,closeOnAction:!0,actions:[{key:"confirm",text:"确定",onClick:e.onConfirm}]})},m=e=>{u({...e,closeOnAction:!0,actions:[{key:"cancel",text:"取消",onClick:e.onCancel},{key:"confirm",text:"确定",onClick:e.onConfirm}]})},f=Object.assign(c,{alert:d,confirm:m});e.Dialog=f,e.alert=d,e.confirm=m,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+  */i=a,function(){var e={}.hasOwnProperty;function o(){for(var t=[],n=0;n<arguments.length;n++){var r=arguments[n];if(r){var i=typeof r;if("string"===i||"number"===i)t.push(r);else if(Array.isArray(r)){if(r.length){var a=o.apply(null,r);a&&t.push(a)}}else if("object"===i){if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]")){t.push(r.toString());continue}for(var l in r)e.call(r,l)&&r[l]&&t.push(l)}}}return t.join(" ")}i.exports?(o.default=o,i.exports=o):window.classNames=o}();const l=r(a.exports),s=t.forwardRef((({type:e="primary",size:n="medium",block:r=!1,disabled:i=!1,color:a="",textColor:l="",borderColor:s="",width:c,height:u,fontSize:d,className:m="",style:f={},children:p,icon:b,iconPosition:w="left",onClick:y},x)=>{const[g,h]=t.useState(!1),v=t.useRef(null),k=e=>{if(void 0!==e)return"number"==typeof e?`${e}px`:e},z=t.useMemo((()=>{const o={width:k(c),height:k(u),fontSize:k(d)};if("cancel"===e)return{background:"#D6D6D6",color:l||"#fff",...f,...o};if("outline"===e)return{color:l||"var(--wz-primary-color)",borderColor:s||"var(--wz-primary-color)",background:"transparent",...f,...o};if("text"===e)return{color:l||f.color||"var(--wz-primary-color, #22C94D)",background:"transparent",border:"none",boxShadow:"none",...f,...o};if("plain"===e)return{color:l||"#666666",borderColor:s||"#666666",background:"transparent",...f,...o};if("primary"===e){let e={...f};return i||(e.background=a||"var(--wz-primary-gradient, var(--wz-primary-color))"),e.color=l||"#fff",{...e,...o}}return{...f,...o}}),[e,a,l,s,c,u,d,f]),j=["wz-button",`wz-button--${e}`,`wz-button--${n}`,r?"wz-button--block":"",i?"wz-button--disabled":"",g&&!i?"wz-button--active":"",m].filter(Boolean).join(" ");return o.jsxs("button",{ref:x,type:"button",className:j,style:z,disabled:i,onClick:e=>{i||(h(!0),v.current&&window.clearTimeout(v.current),v.current=window.setTimeout((()=>h(!1)),100),null==y||y(e))},children:["left"===w&&b,p,"right"===w&&b,"primary"===e&&g&&o.jsx("span",{className:"wz-button__mask"}),"outline"===e&&g&&o.jsx("span",{className:"wz-button__mask"}),"outline"===e&&i&&o.jsx("span",{className:"wz-button__mask--disabled"}),"cancel"===e&&g&&o.jsx("span",{className:"wz-button__mask--cancel"}),"plain"===e&&g&&o.jsx("span",{className:"wz-button__mask"})]})}));s.displayName="Button";const c=({visible:e,title:t,content:n,onClose:r,actions:i,closeOnAction:a,closeOnMaskClick:c})=>o.jsxs("div",{className:l("wz-dialog-root",{visible:e}),children:[o.jsx("div",{className:"wz-dialog-mask",onClick:()=>{c&&(null==r||r())}}),o.jsxs("div",{className:"wz-dialog-wrap",children:[t&&o.jsx("div",{className:"wz-dialog-header",children:o.jsx("div",{className:"wz-dialog-title",children:t})}),o.jsx("div",{className:"wz-dialog-content",children:n}),o.jsx("div",{className:"wz-dialog-footer",children:null==i?void 0:i.map((e=>o.jsx(s,{className:"wz-dialog-button",onClick:()=>{return null==(o=e.onClick)||o(),void(a&&(null==r||r()));var o},children:e.text},e.key)))})]})]}),u=e=>{const t=document.createElement("div");document.body.appendChild(t);const r=n.createRoot(t);r.render(o.jsx(c,{...e,visible:!0,onClose:()=>{r.unmount(),document.body.removeChild(t)}}))},d=e=>{u({...e,closeOnAction:!0,actions:[{key:"confirm",text:"确定",onClick:e.onConfirm}]})},m=e=>{u({...e,closeOnAction:!0,actions:[{key:"cancel",text:"取消",onClick:e.onCancel},{key:"confirm",text:"确定",onClick:e.onConfirm}]})},f=Object.assign(c,{alert:d,confirm:m});e.Dialog=f,e.alert=d,e.confirm=m,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/Dialog/style.css

@@ -1 +1 @@
-.wz-dialog-root{z-index:1000;visibility:hidden;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.wz-dialog-root.visible{visibility:visible;opacity:1}.wz-dialog-mask{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.wz-dialog-wrap{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:85%;max-width:300px;padding-top:24px;position:relative;overflow:hidden}.wz-dialog-header{text-align:center;padding:0 24px 8px}.wz-dialog-title{font-size:18px;font-weight:500}.wz-dialog-content{text-align:center;color:var(--wz-text-color-regular,#666);padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{background-color:var(--wz-primary-color,#00b578);color:var(--wz-text-color-white,#fff);border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:45px;padding:10px 20px;font-size:18px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px}.wz-button--small{border-radius:13px;height:25px;padding:3px 10px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);background:0 0}
+.wz-dialog-root{z-index:1000;visibility:hidden;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.wz-dialog-root.visible{visibility:visible;opacity:1}.wz-dialog-mask{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.wz-dialog-wrap{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:85%;max-width:300px;padding-top:24px;position:relative;overflow:hidden}.wz-dialog-header{text-align:center;padding:0 24px 8px}.wz-dialog-title{font-size:18px;font-weight:500}.wz-dialog-content{text-align:center;color:var(--wz-text-color-regular,#666);padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{background-color:var(--wz-primary-color,#00b578);color:var(--wz-text-color-white,#fff);border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #666}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #ccc!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:45px;padding:10px 20px;font-size:18px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px}.wz-button--small{border-radius:13px;height:25px;padding:3px 10px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.8}.wz-button--active{opacity:.6}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);background:0 0}

package/dist/Divider/index.js

@@ -1,21 +1,30 @@
 import { jsx } from "react/jsx-runtime";
+const COLOR_MAP = {
+  horizontal: {
+    default: "#f7f7f7",
+    emphasis: "#eeeeee"
+  },
+  vertical: "rgba(0, 0, 0, 0.1)"
+};
 const Divider = ({
   direction = "horizontal",
-  color = "#eee",
+  type = "default",
+  color,
   length,
   margin,
   style,
   className = ""
 }) => {
   const isVertical = direction === "vertical";
+  const defaultColor = isVertical ? COLOR_MAP.vertical : COLOR_MAP.horizontal[type];
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: `wz-divider wz-divider--${direction} ${className}`,
       style: {
-        background: color,
-        width: isVertical ? 1 : length || "100%",
-        height: isVertical ? length || 24 : 1,
+        background: color || defaultColor,
+        width: isVertical ? 2 : length || "100%",
+        height: isVertical ? length || 24 : 2,
         margin,
         ...style
       }

package/dist/Divider/index.umd.cjs

@@ -1 +1 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],i):(e="undefined"!=typeof globalThis?globalThis:e||self).Divider=i(e.jsxRuntime)}(this,(function(e){"use strict";return({direction:i="horizontal",color:t="#eee",length:n,margin:r,style:o,className:d=""})=>{const s="vertical"===i;return e.jsx("div",{className:`wz-divider wz-divider--${i} ${d}`,style:{background:t,width:s?1:n||"100%",height:s?n||24:1,margin:r,...o}})}}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Divider=t(e.jsxRuntime)}(this,(function(e){"use strict";const t={horizontal:{default:"#f7f7f7",emphasis:"#eeeeee"},vertical:"rgba(0, 0, 0, 0.1)"};return({direction:i="horizontal",type:n="default",color:r,length:o,margin:a,style:s,className:d=""})=>{const l="vertical"===i,f=l?t.vertical:t.horizontal[n];return e.jsx("div",{className:`wz-divider wz-divider--${i} ${d}`,style:{background:r||f,width:l?2:o||"100%",height:l?o||24:2,margin:a,...s}})}}));

package/dist/Input/style/index.css

@@ -1 +1 @@
-.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#eee);cursor:not-allowed;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-border-color-light,#e5e7eb)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#f5222d)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin-right:12px}
+.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input::placeholder{color:var(--wz-text-color-placeholder,#ccc)}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#ccc);cursor:not-allowed;border:none}.wz-input:disabled::placeholder{color:var(--wz-disabled-color,#ccc)}.wz-input-clear{cursor:pointer;z-index:2;color:var(--wz-text-color-secondary,#999);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-bg-color-light,#f5f5f5)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;color:var(--wz-text-color-secondary,#999);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#ff4c4f)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#eee);width:1px;height:16px;margin-right:12px}

package/dist/Input/style.css

@@ -1 +1 @@
-.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#eee);cursor:not-allowed;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-border-color-light,#e5e7eb)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#f5222d)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin-right:12px}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}
+.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input::placeholder{color:var(--wz-text-color-placeholder,#ccc)}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#ccc);cursor:not-allowed;border:none}.wz-input:disabled::placeholder{color:var(--wz-disabled-color,#ccc)}.wz-input-clear{cursor:pointer;z-index:2;color:var(--wz-text-color-secondary,#999);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-bg-color-light,#f5f5f5)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;color:var(--wz-text-color-secondary,#999);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#ff4c4f)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#eee);width:1px;height:16px;margin-right:12px}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}

package/dist/Radio/index.js

@@ -1,5 +1,32 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useContext, createContext } from "react";
+const Icon = ({
+  name,
+  size = 24,
+  color = "currentColor",
+  className = "",
+  style,
+  onClick,
+  type = "yunying"
+  // 默认使用yunying图标库
+}) => {
+  const iconStyle = {
+    fontSize: typeof size === "number" ? `${size}px` : size,
+    color,
+    ...style
+  };
+  const iconFontClass = `iconfont-${type}`;
+  const iconPrefix = "icon-";
+  const iconClass = `${iconPrefix}${name}`;
+  return /* @__PURE__ */ jsx(
+    "i",
+    {
+      className: `wz-icon ${iconFontClass} ${iconClass} ${className}`,
+      style: iconStyle,
+      onClick
+    }
+  );
+};
 const RadioGroupContext = createContext({});
 const Radio = ({
   size,
@@ -27,6 +54,11 @@ const Radio = ({
   const isChecked = isInGroup ? groupContext.value === value : checked;
   const isDisabled = disabled || groupContext.disabled;
   const radioSize = size || groupContext.size || "medium";
+  const iconSizeMap = {
+    small: 16,
+    medium: 18,
+    large: 20
+  };
   return /* @__PURE__ */ jsxs(
     "label",
     {
@@ -45,7 +77,7 @@ const Radio = ({
             ...rest
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "wz-radio-inner" }),
+        /* @__PURE__ */ jsx("span", { className: "wz-radio-inner", children: /* @__PURE__ */ jsx(Icon, { name: isChecked ? "radio-sel" : "radio-nor", type: "yunying", size: iconSizeMap[radioSize] }) }),
         children && /* @__PURE__ */ jsx("span", { className: "wz-radio-label", children })
       ]
     }

package/dist/Radio/index.umd.cjs

@@ -1 +1 @@
-!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],a):(e="undefined"!=typeof globalThis?globalThis:e||self).Radio=a(e.jsxRuntime,e.React)}(this,(function(e,a){"use strict";const s=a.createContext({}),i=({size:i,checked:l,disabled:d,onChange:n,children:r,value:t,className:o="",style:u,...c})=>{const p=a.useContext(s),h=!!p.value,m=h?p.value===t:l,f=d||p.disabled,x=i||p.size||"medium";return e.jsxs("label",{className:`wz-radio-wrapper ${f?"wz-radio--disabled":""} wz-radio--${x} ${o}`,style:u,children:[e.jsx("input",{type:"radio",className:"wz-radio-input",checked:m,disabled:f,onChange:e=>{var a;d||p.disabled||(h?null==(a=p.onChange)||a.call(p,t):null==n||n(e.target.checked))},value:t,...c}),e.jsx("span",{className:"wz-radio-inner"}),r&&e.jsx("span",{className:"wz-radio-label",children:r})]})},l=({value:i,defaultValue:l,onChange:d,disabled:n,size:r,children:t,className:o="",style:u})=>{const[c,p]=a.useState(l),h={value:void 0!==i?i:c,onChange:e=>{p(e),null==d||d(e)},disabled:n,size:r};return e.jsx(s.Provider,{value:h,children:e.jsx("div",{className:`wz-radio-group ${o}`,style:u,children:t})})};return i.Group=l,i.displayName="Radio",l.displayName="Radio.Group",i}));
+!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],a):(e="undefined"!=typeof globalThis?globalThis:e||self).Radio=a(e.jsxRuntime,e.React)}(this,(function(e,a){"use strict";const i=({name:a,size:i=24,color:s="currentColor",className:l="",style:n,onClick:o,type:r="yunying"})=>{const d={fontSize:"number"==typeof i?`${i}px`:i,color:s,...n},t=`iconfont-${r}`,c=`icon-${a}`;return e.jsx("i",{className:`wz-icon ${t} ${c} ${l}`,style:d,onClick:o})},s=a.createContext({}),l=({size:l,checked:n,disabled:o,onChange:r,children:d,value:t,className:c="",style:u,...m})=>{const p=a.useContext(s),y=!!p.value,h=y?p.value===t:n,f=o||p.disabled,x=l||p.size||"medium";return e.jsxs("label",{className:`wz-radio-wrapper ${f?"wz-radio--disabled":""} wz-radio--${x} ${c}`,style:u,children:[e.jsx("input",{type:"radio",className:"wz-radio-input",checked:h,disabled:f,onChange:e=>{var a;o||p.disabled||(y?null==(a=p.onChange)||a.call(p,t):null==r||r(e.target.checked))},value:t,...m}),e.jsx("span",{className:"wz-radio-inner",children:e.jsx(i,{name:h?"radio-sel":"radio-nor",type:"yunying",size:{small:16,medium:18,large:20}[x]})}),d&&e.jsx("span",{className:"wz-radio-label",children:d})]})},n=({value:i,defaultValue:l,onChange:n,disabled:o,size:r,children:d,className:t="",style:c})=>{const[u,m]=a.useState(l),p={value:void 0!==i?i:u,onChange:e=>{m(e),null==n||n(e)},disabled:o,size:r};return e.jsx(s.Provider,{value:p,children:e.jsx("div",{className:`wz-radio-group ${t}`,style:c,children:d})})};return l.Group=n,l.displayName="Radio",n.displayName="Radio.Group",l}));

package/dist/Radio/style/index.css

@@ -1 +1 @@
-.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color:var(--wz-disabled-bg,#f5f7fa);border-color:var(--wz-disabled-border,#e4e7ed)}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{border:1px solid var(--wz-border-color-base,#dcdfe6);background-color:var(--wz-bg-color-white,#fff);border-radius:50%;transition:all .2s ease-in-out;display:inline-block;position:relative}.wz-radio-inner:after{content:"";background-color:var(--wz-primary-color,#22c94d);border-radius:50%;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wz-radio-input:checked+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-input:checked+.wz-radio-inner:after{transform:translate(-50%,-50%)scale(1)}.wz-radio-input:focus+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 2px #22c94d26}.wz-radio-wrapper:hover .wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-label{color:var(--wz-text-color-primary,#333);font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}
+.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{color:var(--wz-border-color-base,#dcdfe6);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.wz-radio-input:checked+.wz-radio-inner,.wz-radio-input:focus+.wz-radio-inner{color:var(--wz-primary-color,#22c94d)}.wz-radio-wrapper:hover .wz-radio-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-radio-label{color:var(--wz-text-color-primary,#333);font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5;transition:color .2s}.wz-radio-wrapper:hover .wz-radio-label{color:var(--wz-primary-color,#22c94d)}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}

package/dist/Radio/style.css

@@ -1 +1 @@
-.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color:var(--wz-disabled-bg,#f5f7fa);border-color:var(--wz-disabled-border,#e4e7ed)}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{border:1px solid var(--wz-border-color-base,#dcdfe6);background-color:var(--wz-bg-color-white,#fff);border-radius:50%;transition:all .2s ease-in-out;display:inline-block;position:relative}.wz-radio-inner:after{content:"";background-color:var(--wz-primary-color,#22c94d);border-radius:50%;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wz-radio-input:checked+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-input:checked+.wz-radio-inner:after{transform:translate(-50%,-50%)scale(1)}.wz-radio-input:focus+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 2px #22c94d26}.wz-radio-wrapper:hover .wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-label{color:var(--wz-text-color-primary,#333);font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}
+.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{color:var(--wz-border-color-base,#dcdfe6);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.wz-radio-input:checked+.wz-radio-inner,.wz-radio-input:focus+.wz-radio-inner{color:var(--wz-primary-color,#22c94d)}.wz-radio-wrapper:hover .wz-radio-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-radio-label{color:var(--wz-text-color-primary,#333);font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5;transition:color .2s}.wz-radio-wrapper:hover .wz-radio-label{color:var(--wz-primary-color,#22c94d)}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}

package/dist/TimePicker/style/index.css

@@ -1 +1 @@
-.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}
+.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}

package/dist/TimePicker/style.css

@@ -1 +1 @@
-.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}
+.wz-time-picker{background:var(--wz-time-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-time-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;position:relative;overflow-y:scroll}.wz-time-picker-list::-webkit-scrollbar{display:none}.wz-time-picker-item{font-size:var(--wz-time-picker-font-size,22px);color:var(--wz-time-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-weight:600;transition:color .2s;display:flex}.wz-time-picker-item.active{color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-time-picker-mask-top{background:linear-gradient(to bottom,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-time-picker-mask-bottom{background:linear-gradient(to top,var(--wz-time-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-time-picker-indicator{z-index:1;pointer-events:none;background:var(--wz-time-picker-active-bg,#fff);border-radius:10px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.wz-time-picker-list:after{content:"";z-index:-1;pointer-events:none;display:block;position:absolute;top:33.33%;bottom:33.33%;left:0;right:0}.wz-time-picker-item:nth-child(n+2):nth-child(-n+99):nth-child(2n){color:var(--wz-time-picker-active-color,#111)}.wz-time-picker-double-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-time-picker-list{flex:1 1 0;min-width:0}

package/dist/Tip/index.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -82,20 +83,42 @@ const Tip = ({
   className,
   visible = true,
   onClose,
-  action,
-  marquee = false
+  marquee = false,
+  bold = false,
+  icon,
+  showAction = false,
+  actionText = "查看",
+  onAction
 }) => {
+  const contentRef = useRef(null);
+  const [isMultiLine, setIsMultiLine] = useState(false);
+  useEffect(() => {
+    if (contentRef.current && !marquee) {
+      const el = contentRef.current;
+      const lineHeight = parseFloat(getComputedStyle(el).lineHeight) || 20;
+      setIsMultiLine(el.scrollHeight > lineHeight * 1.5);
+    }
+  }, [content, marquee]);
   if (!visible) {
     return null;
   }
   const baseClass = "wz-tip";
+  const hasRightArea = showAction || onClose;
   const tipClass = classnames(baseClass, className, {
-    [`${baseClass}--marquee`]: marquee
+    [`${baseClass}--marquee`]: marquee,
+    [`${baseClass}--bold`]: bold,
+    [`${baseClass}--center`]: !marquee && !isMultiLine,
+    [`${baseClass}--left`]: !marquee && isMultiLine,
+    [`${baseClass}--has-icon`]: !!icon,
+    [`${baseClass}--has-right`]: hasRightArea
   });
   const contentNode = marquee ? /* @__PURE__ */ jsx("div", { className: `${baseClass}-marquee-box`, children: /* @__PURE__ */ jsx("span", { children: content }) }) : content;
   return /* @__PURE__ */ jsxs("div", { className: tipClass, children: [
-    /* @__PURE__ */ jsx("div", { className: `${baseClass}-content`, children: contentNode }),
-    action && /* @__PURE__ */ jsx("div", { className: `${baseClass}-action`, children: action }),
+    /* @__PURE__ */ jsxs("div", { className: `${baseClass}-content`, ref: contentRef, children: [
+      icon && /* @__PURE__ */ jsx("span", { className: `${baseClass}-icon`, children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 16 }) }),
+      /* @__PURE__ */ jsx("span", { className: `${baseClass}-text`, children: contentNode })
+    ] }),
+    showAction && /* @__PURE__ */ jsx("div", { className: `${baseClass}-action`, onClick: onAction, children: actionText }),
     onClose && /* @__PURE__ */ jsx("div", { className: `${baseClass}-close`, onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16 }) })
   ] });
 };

package/dist/Tip/index.umd.cjs

@@ -1,6 +1,6 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?module.exports=n(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],n):(e="undefined"!=typeof globalThis?globalThis:e||self).Tip=n(e.jsxRuntime)}(this,(function(e){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var t,o={exports:{}};
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Tip=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s,o={exports:{}};
 /*!
   	Copyright (c) 2018 Jed Watson.
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
-  */t=o,function(){var e={}.hasOwnProperty;function n(){for(var t=[],o=0;o<arguments.length;o++){var i=arguments[o];if(i){var s=typeof i;if("string"===s||"number"===s)t.push(i);else if(Array.isArray(i)){if(i.length){var r=n.apply(null,i);r&&t.push(r)}}else if("object"===s){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){t.push(i.toString());continue}for(var l in i)e.call(i,l)&&i[l]&&t.push(l)}}}return t.join(" ")}t.exports?(n.default=n,t.exports=n):window.classNames=n}();const i=n(o.exports),s=({name:n,size:t=24,color:o="currentColor",className:i="",style:s,onClick:r,type:l="yunying"})=>{const c={fontSize:"number"==typeof t?`${t}px`:t,color:o,...s},a=`iconfont-${l}`,u=`icon-${n}`;return e.jsx("i",{className:`wz-icon ${a} ${u} ${i}`,style:c,onClick:r})};return({content:n,className:t,visible:o=!0,onClose:r,action:l,marquee:c=!1})=>{if(!o)return null;const a="wz-tip",u=i(a,t,{[`${a}--marquee`]:c}),f=c?e.jsx("div",{className:`${a}-marquee-box`,children:e.jsx("span",{children:n})}):n;return e.jsxs("div",{className:u,children:[e.jsx("div",{className:`${a}-content`,children:f}),l&&e.jsx("div",{className:`${a}-action`,children:l}),r&&e.jsx("div",{className:`${a}-close`,onClick:r,children:e.jsx(s,{name:"close",size:16})})]})}}));
+  */s=o,function(){var e={}.hasOwnProperty;function t(){for(var n=[],s=0;s<arguments.length;s++){var o=arguments[s];if(o){var i=typeof o;if("string"===i||"number"===i)n.push(o);else if(Array.isArray(o)){if(o.length){var r=t.apply(null,o);r&&n.push(r)}}else if("object"===i){if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]")){n.push(o.toString());continue}for(var c in o)e.call(o,c)&&o[c]&&n.push(c)}}}return n.join(" ")}s.exports?(t.default=t,s.exports=t):window.classNames=t}();const i=n(o.exports),r=({name:t,size:n=24,color:s="currentColor",className:o="",style:i,onClick:r,type:c="yunying"})=>{const l={fontSize:"number"==typeof n?`${n}px`:n,color:s,...i},a=`iconfont-${c}`,u=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${a} ${u} ${o}`,style:l,onClick:r})};return({content:n,className:s,visible:o=!0,onClose:c,marquee:l=!1,bold:a=!1,icon:u,showAction:f=!1,actionText:d="查看",onAction:p})=>{const m=t.useRef(null),[h,x]=t.useState(!1);if(t.useEffect((()=>{if(m.current&&!l){const e=m.current,t=parseFloat(getComputedStyle(e).lineHeight)||20;x(e.scrollHeight>1.5*t)}}),[n,l]),!o)return null;const j="wz-tip",y=f||c,$=i(j,s,{[`${j}--marquee`]:l,[`${j}--bold`]:a,[`${j}--center`]:!l&&!h,[`${j}--left`]:!l&&h,[`${j}--has-icon`]:!!u,[`${j}--has-right`]:y}),g=l?e.jsx("div",{className:`${j}-marquee-box`,children:e.jsx("span",{children:n})}):n;return e.jsxs("div",{className:$,children:[e.jsxs("div",{className:`${j}-content`,ref:m,children:[u&&e.jsx("span",{className:`${j}-icon`,children:e.jsx(r,{name:u,size:16})}),e.jsx("span",{className:`${j}-text`,children:g})]}),f&&e.jsx("div",{className:`${j}-action`,onClick:p,children:d}),c&&e.jsx("div",{className:`${j}-close`,onClick:c,children:e.jsx(r,{name:"close",size:16})})]})}}));

package/dist/Tip/style/index.css

@@ -1 +1 @@
-.wz-tip{color:var(--wz-danger-color,#ff4d4f);background-color:#ff4d4f1f;align-items:center;padding:6px 12px;font-size:13px;display:flex}.wz-tip-content{flex:1}.wz-tip-close{cursor:pointer;margin-left:8px}.wz-tip-action{margin-left:8px}.wz-tip--marquee .wz-tip-content{white-space:nowrap;overflow:hidden}.wz-tip--marquee .wz-tip-marquee-box{padding-left:100%;animation:10s linear infinite marquee;display:inline-block}.wz-tip--marquee .wz-tip-marquee-box span{padding-right:1.5em}@keyframes marquee{to{transform:translate(-100%)}}
+.wz-tip{color:var(--wz-danger-color,#ff4d4f);background-color:#ff4d4f1f;align-items:center;padding:6px 12px;font-size:13px;display:flex}.wz-tip-icon{flex-shrink:0;align-items:center;margin-right:4px;display:inline-flex}.wz-tip-content{flex:1;justify-content:center;align-items:center;display:flex}.wz-tip-text{text-align:center}.wz-tip-close{cursor:pointer;color:#999;flex-shrink:0;align-items:center;margin-left:8px;display:flex}.wz-tip-action{cursor:pointer;border:1px solid #ff4d4f;border-radius:16px;flex-shrink:0;margin-left:8px;padding:2px 14px;font-family:PingFang SC;font-size:13px;font-weight:400}.wz-tip--bold .wz-tip-text{font-weight:600}.wz-tip--left .wz-tip-content{justify-content:flex-start}.wz-tip--left .wz-tip-text{text-align:left}.wz-tip--marquee .wz-tip-content{white-space:nowrap;overflow:hidden}.wz-tip--marquee .wz-tip-marquee-box{padding-left:100%;animation:10s linear infinite marquee;display:inline-block}.wz-tip--marquee .wz-tip-marquee-box span{padding-right:1.5em}@keyframes marquee{to{transform:translate(-100%)}}

package/dist/Tip/style.css

@@ -1 +1 @@
-.wz-tip{color:var(--wz-danger-color,#ff4d4f);background-color:#ff4d4f1f;align-items:center;padding:6px 12px;font-size:13px;display:flex}.wz-tip-content{flex:1}.wz-tip-close{cursor:pointer;margin-left:8px}.wz-tip-action{margin-left:8px}.wz-tip--marquee .wz-tip-content{white-space:nowrap;overflow:hidden}.wz-tip--marquee .wz-tip-marquee-box{padding-left:100%;animation:10s linear infinite marquee;display:inline-block}.wz-tip--marquee .wz-tip-marquee-box span{padding-right:1.5em}@keyframes marquee{to{transform:translate(-100%)}}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}
+.wz-tip{color:var(--wz-danger-color,#ff4d4f);background-color:#ff4d4f1f;align-items:center;padding:6px 12px;font-size:13px;display:flex}.wz-tip-icon{flex-shrink:0;align-items:center;margin-right:4px;display:inline-flex}.wz-tip-content{flex:1;justify-content:center;align-items:center;display:flex}.wz-tip-text{text-align:center}.wz-tip-close{cursor:pointer;color:#999;flex-shrink:0;align-items:center;margin-left:8px;display:flex}.wz-tip-action{cursor:pointer;border:1px solid #ff4d4f;border-radius:16px;flex-shrink:0;margin-left:8px;padding:2px 14px;font-family:PingFang SC;font-size:13px;font-weight:400}.wz-tip--bold .wz-tip-text{font-weight:600}.wz-tip--left .wz-tip-content{justify-content:flex-start}.wz-tip--left .wz-tip-text{text-align:left}.wz-tip--marquee .wz-tip-content{white-space:nowrap;overflow:hidden}.wz-tip--marquee .wz-tip-marquee-box{padding-left:100%;animation:10s linear infinite marquee;display:inline-block}.wz-tip--marquee .wz-tip-marquee-box span{padding-right:1.5em}@keyframes marquee{to{transform:translate(-100%)}}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}