wz-h5-design 1.0.4 → 1.0.5

package/dist/Button/style/index.css

@@ -1 +1 @@
-.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}
+.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";font-weight:600;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:46px;padding:10px 20px;font-size:18px;line-height:26px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:22px}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:20px}.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}.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/Button/style.css

@@ -1 +1 @@
-.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}
+.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";font-weight:600;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:46px;padding:10px 20px;font-size:18px;line-height:26px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:22px}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:20px}.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}.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/ButtonGroup/index.js

@@ -4,7 +4,7 @@ const ButtonGroup = ({
   height,
   padding = "2px 10px",
   fixed = false,
-  gap = 12,
+  gap = 9,
   className = "",
   style = {},
   children

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ButtonGroup={},e.jsxRuntime)}(this,(function(e,t){"use strict";const o=({bgColor:e="#fff",height:o,padding:n="2px 10px",fixed:i=!1,gap:u=12,className:r="",style:d={},children:s})=>{const f=e=>{if(void 0!==e)return"number"==typeof e?`${e}px`:e},l={backgroundColor:e,height:f(o),padding:f(n),gap:f(u),...d},p=["wz-button-group",i?"wz-button-group--fixed":"",r].filter(Boolean).join(" ");return t.jsx("div",{className:p,style:l,children:s})};o.displayName="ButtonGroup",e.ButtonGroup=o,e.default=o,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ButtonGroup={},e.jsxRuntime)}(this,(function(e,t){"use strict";const o=({bgColor:e="#fff",height:o,padding:n="2px 10px",fixed:i=!1,gap:u=9,className:r="",style:d={},children:s})=>{const f=e=>{if(void 0!==e)return"number"==typeof e?`${e}px`:e},l={backgroundColor:e,height:f(o),padding:f(n),gap:f(u),...d},p=["wz-button-group",i?"wz-button-group--fixed":"",r].filter(Boolean).join(" ");return t.jsx("div",{className:p,style:l,children:s})};o.displayName="ButtonGroup",e.ButtonGroup=o,e.default=o,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/ButtonGroup/style/index.css

@@ -1 +1 @@
-.wz-button-group{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.wz-button-group--fixed{z-index:100;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.wz-button-group>.wz-button{flex:1}.wz-button-group>.wz-button--text{flex:none}
+.wz-button-group{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.wz-button-group--fixed{z-index:100;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.wz-button-group>.wz-button{flex:1}.wz-button-group>.wz-button--text{flex:none}

package/dist/ButtonGroup/style.css

@@ -1 +1 @@
-.wz-button-group{box-sizing:border-box;justify-content:center;align-items:center;display:flex}.wz-button-group--fixed{z-index:100;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.wz-button-group>.wz-button{flex:1}.wz-button-group>.wz-button--text{flex:none}
+.wz-button-group{box-sizing:border-box;justify-content:center;align-items:center;width:100%;display:flex}.wz-button-group--fixed{z-index:100;padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.wz-button-group>.wz-button{flex:1}.wz-button-group>.wz-button--text{flex:none}

package/dist/Cell/style/index.css

@@ -1 +1 @@
-.wz-cell-group{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:12px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{color:var(--wz-text-color-secondary,#999);align-items:center;margin-left:12px;display:flex}.wz-cell-extra{color:var(--wz-text-color-regular,#666);align-items:center;min-width:0;margin-left:8px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:var(--wz-bg-color-light,#f8f8f8)}
+.wz-cell-group{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:0 14px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex-shrink:0;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:4px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{color:var(--wz-text-color-secondary,#999);align-items:center;margin-left:12px;display:flex}.wz-cell-extra{color:var(--wz-text-color-regular,#666);flex:1;align-items:center;min-width:0;margin-left:10px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:var(--wz-bg-color-light,#f8f8f8)}

package/dist/Cell/style.css

@@ -1 +1 @@
-.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:12px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{color:var(--wz-text-color-secondary,#999);align-items:center;margin-left:12px;display:flex}.wz-cell-extra{color:var(--wz-text-color-regular,#666);align-items:center;min-width:0;margin-left:8px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:var(--wz-bg-color-light,#f8f8f8)}.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-cell-group{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}
+.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:0 14px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex-shrink:0;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:4px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{color:var(--wz-text-color-secondary,#999);align-items:center;margin-left:12px;display:flex}.wz-cell-extra{color:var(--wz-text-color-regular,#666);flex:1;align-items:center;min-width:0;margin-left:10px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:var(--wz-bg-color-light,#f8f8f8)}.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-cell-group{background-color:var(--wz-bg-color-white,#fff);border-radius:10px;overflow:hidden}

package/dist/Checkbox/style/index.css

@@ -1 +1 @@
-.wz-checkbox-group{flex-direction:column;gap:12px;display:inline-flex}.wz-checkbox-group.wz-checkbox-group--horizontal{flex-direction:row;align-items:center}.wz-checkbox-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-checkbox-wrapper.wz-checkbox--small .wz-checkbox-inner{font-size:16px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{margin-left:8px;font-size:13px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-inner{font-size:18px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{margin-left:12px;font-size:14px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-inner{font-size:20px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-label{margin-left:16px;font-size:16px}.wz-checkbox-wrapper.wz-checkbox--disabled{cursor:not-allowed;opacity:.6}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-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-checkbox-input:checked+.wz-checkbox-inner,.wz-checkbox-input:focus+.wz-checkbox-inner{color:var(--wz-primary-color,#22c94d)}.wz-checkbox-wrapper:hover .wz-checkbox-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-checkbox-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-checkbox-wrapper:hover .wz-checkbox-label{color:var(--wz-primary-color,#22c94d)}@media screen and (max-width:767px){.wz-checkbox-group{gap:8px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{font-size:14px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{font-size:15px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-label{font-size:16px}}
+.wz-checkbox-group{flex-direction:column;gap:12px;display:inline-flex}.wz-checkbox-group.wz-checkbox-group--horizontal{flex-direction:row;align-items:center}.wz-checkbox-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-checkbox-wrapper.wz-checkbox--small .wz-checkbox-inner{font-size:16px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{margin-left:8px;font-size:13px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-inner{font-size:18px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{margin-left:12px;font-size:14px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-inner{font-size:20px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-label{margin-left:16px;font-size:16px}.wz-checkbox-wrapper.wz-checkbox--disabled{cursor:not-allowed;opacity:.6}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-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-checkbox-input:checked+.wz-checkbox-inner,.wz-checkbox-input:focus+.wz-checkbox-inner{color:var(--wz-primary-color,#22c94d)}.wz-checkbox-wrapper:hover .wz-checkbox-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-checkbox-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-checkbox-wrapper:hover .wz-checkbox-label{color:var(--wz-primary-color,#22c94d)}

package/dist/Checkbox/style.css

@@ -1 +1 @@
-.wz-checkbox-group{flex-direction:column;gap:12px;display:inline-flex}.wz-checkbox-group.wz-checkbox-group--horizontal{flex-direction:row;align-items:center}.wz-checkbox-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-checkbox-wrapper.wz-checkbox--small .wz-checkbox-inner{font-size:16px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{margin-left:8px;font-size:13px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-inner{font-size:18px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{margin-left:12px;font-size:14px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-inner{font-size:20px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-label{margin-left:16px;font-size:16px}.wz-checkbox-wrapper.wz-checkbox--disabled{cursor:not-allowed;opacity:.6}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-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-checkbox-input:checked+.wz-checkbox-inner,.wz-checkbox-input:focus+.wz-checkbox-inner{color:var(--wz-primary-color,#22c94d)}.wz-checkbox-wrapper:hover .wz-checkbox-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-checkbox-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-checkbox-wrapper:hover .wz-checkbox-label{color:var(--wz-primary-color,#22c94d)}@media screen and (max-width:767px){.wz-checkbox-group{gap:8px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{font-size:14px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{font-size:15px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-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-checkbox-group{flex-direction:column;gap:12px;display:inline-flex}.wz-checkbox-group.wz-checkbox-group--horizontal{flex-direction:row;align-items:center}.wz-checkbox-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-checkbox-wrapper.wz-checkbox--small .wz-checkbox-inner{font-size:16px}.wz-checkbox-wrapper.wz-checkbox--small .wz-checkbox-label{margin-left:8px;font-size:13px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-inner{font-size:18px}.wz-checkbox-wrapper.wz-checkbox--medium .wz-checkbox-label{margin-left:12px;font-size:14px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-inner{font-size:20px}.wz-checkbox-wrapper.wz-checkbox--large .wz-checkbox-label{margin-left:16px;font-size:16px}.wz-checkbox-wrapper.wz-checkbox--disabled{cursor:not-allowed;opacity:.6}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-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-checkbox-input:checked+.wz-checkbox-inner,.wz-checkbox-input:focus+.wz-checkbox-inner{color:var(--wz-primary-color,#22c94d)}.wz-checkbox-wrapper:hover .wz-checkbox-inner{color:var(--wz-primary-color,#22c94d);opacity:.8}.wz-checkbox-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-checkbox-wrapper:hover .wz-checkbox-label{color:var(--wz-primary-color,#22c94d)}.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/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--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}
+.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";font-weight:600;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:46px;padding:10px 20px;font-size:18px;line-height:26px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:22px}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:20px}.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}.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/style/index.css

@@ -1 +1 @@
-.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px}.wz-divider--horizontal{width:100%;height:1px}
+.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px;margin:0 12px}.wz-divider--horizontal{width:100%;height:1px}

package/dist/Divider/style.css

@@ -1 +1 @@
-.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px}.wz-divider--horizontal{width:100%;height:1px}
+.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px;margin:0 12px}.wz-divider--horizontal{width:100%;height:1px}

package/dist/GridView/index.js

@@ -2,7 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const GridViewItem = ({
   icon,
   text,
+  textColor,
+  textSize,
   description,
+  descriptionColor,
+  descriptionSize,
   badge,
   corner,
   onClick,
@@ -49,8 +53,28 @@ const GridViewItem = ({
     /* @__PURE__ */ jsxs("div", { className: "wz-grid-view-item__content", children: [
       icon && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__icon", children: icon }),
       /* @__PURE__ */ jsxs("div", { className: "wz-grid-view-item__text", children: [
-        text && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__title", children: text }),
-        description && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__desc", children: description })
+        text && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "wz-grid-view-item__title",
+            style: {
+              ...textColor ? { color: textColor } : {},
+              ...textSize ? { fontSize: typeof textSize === "number" ? `${textSize}px` : textSize } : {}
+            },
+            children: text
+          }
+        ),
+        description && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "wz-grid-view-item__desc",
+            style: {
+              ...descriptionColor ? { color: descriptionColor } : {},
+              ...descriptionSize ? { fontSize: typeof descriptionSize === "number" ? `${descriptionSize}px` : descriptionSize } : {}
+            },
+            children: description
+          }
+        )
       ] })
     ] }),
     badge && /* @__PURE__ */ jsx("div", { className: "wz-grid-view-item__badge", children: badge })

package/dist/GridView/index.umd.cjs

@@ -1 +1 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).GridView={},e.jsxRuntime)}(this,(function(e,i){"use strict";const r=({columns:e=4,gap:r=0,square:d=!0,className:s="",style:t={},children:n,noBg:a=!1,rounded:o=!1,shadow:c=!1,horizontal:l=!1})=>{const w={gridTemplateColumns:`repeat(${e}, 1fr)`,gap:"number"==typeof r?`${r}px`:r,...t},m=["wz-grid-view",d?"wz-grid-view--square":"",a?"wz-grid-view--no-bg":"",o?"wz-grid-view--rounded":"",c?"wz-grid-view--shadow":"",l?"wz-grid-view--horizontal":"",s].filter(Boolean).join(" ");return i.jsx("div",{className:m,style:w,children:n})};r.Item=({icon:e,text:r,description:d,badge:s,corner:t,onClick:n,className:a="",style:o={},disabled:c=!1,children:l,horizontal:w=!1,compact:m=!1,backgroundImage:g,backgroundStyle:v={}})=>{const u=()=>{!c&&n&&n()},z=["wz-grid-view-item",c?"wz-grid-view-item--disabled":"",n?"wz-grid-view-item--clickable":"",w?"wz-grid-view-item--horizontal":"",m?"wz-grid-view-item--compact":"",g?"wz-grid-view-item--with-bg":"",a].filter(Boolean).join(" "),h=g?{backgroundImage:`url(${g})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",...v,...o}:o;return l?i.jsxs("div",{className:z,style:h,onClick:u,children:[t&&i.jsx("div",{className:"wz-grid-view-item__corner",children:t}),l,s&&i.jsx("div",{className:"wz-grid-view-item__badge",children:s})]}):i.jsxs("div",{className:z,style:h,onClick:u,children:[t&&i.jsx("div",{className:"wz-grid-view-item__corner",children:t}),i.jsxs("div",{className:"wz-grid-view-item__content",children:[e&&i.jsx("div",{className:"wz-grid-view-item__icon",children:e}),i.jsxs("div",{className:"wz-grid-view-item__text",children:[r&&i.jsx("div",{className:"wz-grid-view-item__title",children:r}),d&&i.jsx("div",{className:"wz-grid-view-item__desc",children:d})]})]}),s&&i.jsx("div",{className:"wz-grid-view-item__badge",children:s})]})},e.GridView=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports,require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime"],i):i((e="undefined"!=typeof globalThis?globalThis:e||self).GridView={},e.jsxRuntime)}(this,(function(e,i){"use strict";const r=({columns:e=4,gap:r=0,square:t=!0,className:d="",style:o={},children:s,noBg:n=!1,rounded:c=!1,shadow:l=!1,horizontal:a=!1})=>{const w={gridTemplateColumns:`repeat(${e}, 1fr)`,gap:"number"==typeof r?`${r}px`:r,...o},m=["wz-grid-view",t?"wz-grid-view--square":"",n?"wz-grid-view--no-bg":"",c?"wz-grid-view--rounded":"",l?"wz-grid-view--shadow":"",a?"wz-grid-view--horizontal":"",d].filter(Boolean).join(" ");return i.jsx("div",{className:m,style:w,children:s})};r.Item=({icon:e,text:r,textColor:t,textSize:d,description:o,descriptionColor:s,descriptionSize:n,badge:c,corner:l,onClick:a,className:w="",style:m={},disabled:g=!1,children:v,horizontal:u=!1,compact:z=!1,backgroundImage:p,backgroundStyle:x={}})=>{const h=()=>{!g&&a&&a()},b=["wz-grid-view-item",g?"wz-grid-view-item--disabled":"",a?"wz-grid-view-item--clickable":"",u?"wz-grid-view-item--horizontal":"",z?"wz-grid-view-item--compact":"",p?"wz-grid-view-item--with-bg":"",w].filter(Boolean).join(" "),f=p?{backgroundImage:`url(${p})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",...x,...m}:m;return v?i.jsxs("div",{className:b,style:f,onClick:h,children:[l&&i.jsx("div",{className:"wz-grid-view-item__corner",children:l}),v,c&&i.jsx("div",{className:"wz-grid-view-item__badge",children:c})]}):i.jsxs("div",{className:b,style:f,onClick:h,children:[l&&i.jsx("div",{className:"wz-grid-view-item__corner",children:l}),i.jsxs("div",{className:"wz-grid-view-item__content",children:[e&&i.jsx("div",{className:"wz-grid-view-item__icon",children:e}),i.jsxs("div",{className:"wz-grid-view-item__text",children:[r&&i.jsx("div",{className:"wz-grid-view-item__title",style:{...t?{color:t}:{},...d?{fontSize:"number"==typeof d?`${d}px`:d}:{}},children:r}),o&&i.jsx("div",{className:"wz-grid-view-item__desc",style:{...s?{color:s}:{},...n?{fontSize:"number"==typeof n?`${n}px`:n}:{}},children:o})]})]}),c&&i.jsx("div",{className:"wz-grid-view-item__badge",children:c})]})},e.GridView=r,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/GridView/style/index.css

@@ -1 +1 @@
-.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ee0a24);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,#ff976a);color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}
+.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ff4d4f);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border:1px solid #fff;border-radius:10px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:15px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,linear-gradient(110deg,#fba956 0%,#fe8a11 100%));color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:10px 10px 10px 0;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:4px;left:35px}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}

package/dist/GridView/style.css

@@ -1 +1 @@
-.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ee0a24);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,#ff976a);color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}
+.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ff4d4f);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border:1px solid #fff;border-radius:10px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:15px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,linear-gradient(110deg,#fba956 0%,#fe8a11 100%));color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:10px 10px 10px 0;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:4px;left:35px}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}

package/dist/Input/index.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
+import { forwardRef, useState, useRef, useEffect, useCallback } from "react";
 const Icon = ({
   name,
   size = 24,
@@ -30,7 +30,7 @@ const Icon = ({
 const Input = forwardRef(
   ({
     clearable = false,
-    align = "center",
+    align = "left",
     value,
     defaultValue,
     onChange,
@@ -45,12 +45,49 @@ const Input = forwardRef(
     borderRadius,
     backgroundColor,
     bordered,
+    codeCountdown = 60,
+    onGetCode,
+    codeText = "获取验证码",
+    codeCountingText = "{s}s后重新获取",
+    codeResendText = "重新获取验证码",
     ...props
   }, ref) => {
     const isControlled = value !== void 0;
     const [innerValue, setInnerValue] = useState(defaultValue || "");
     const showClear = clearable && !!(isControlled ? value : innerValue);
     const [passwordVisible, setPasswordVisible] = useState(false);
+    const [counting, setCounting] = useState(false);
+    const [countdown, setCountdown] = useState(codeCountdown);
+    const [hasSent, setHasSent] = useState(false);
+    const [suffixWidth, setSuffixWidth] = useState(0);
+    const suffixRef = useRef(null);
+    useEffect(() => {
+      if (suffixRef.current) {
+        const width = suffixRef.current.offsetWidth;
+        setSuffixWidth(width);
+      }
+    }, [counting, countdown, hasSent, suffix, codeText, codeCountingText, codeResendText]);
+    useEffect(() => {
+      let timer;
+      if (counting && countdown > 0) {
+        timer = setInterval(() => {
+          setCountdown((prev) => prev - 1);
+        }, 1e3);
+      } else if (countdown === 0) {
+        setCounting(false);
+        setCountdown(codeCountdown);
+      }
+      return () => clearInterval(timer);
+    }, [counting, countdown, codeCountdown]);
+    const handleGetCode = useCallback(async () => {
+      if (counting) return;
+      try {
+        await (onGetCode == null ? void 0 : onGetCode());
+        setCounting(true);
+        setHasSent(true);
+      } catch {
+      }
+    }, [counting, onGetCode]);
     const handleChange = (e) => {
       if (!isControlled) setInnerValue(e.target.value);
       onChange == null ? void 0 : onChange(e);
@@ -75,7 +112,8 @@ const Input = forwardRef(
       textAlign: align,
       borderRadius,
       backgroundColor,
-      border: bordered !== void 0 ? void 0 : "none"
+      border: bordered !== void 0 ? void 0 : "none",
+      ...suffixWidth > 0 && (suffix || type === "code") ? { paddingRight: suffixWidth + 22 + 12 } : {}
     };
     const currentValue = isControlled ? value : innerValue;
     const count = (currentValue == null ? void 0 : currentValue.toString().length) || 0;
@@ -127,15 +165,19 @@ const Input = forwardRef(
     return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `wz-input-affix-wrapper ${type === "textarea" ? "wz-input-affix-wrapper-textarea" : ""} ${suffix ? "wz-input-has-suffix" : ""} ${bordered === void 0 ? "wz-input-no-border" : ""}`,
+        className: `wz-input-affix-wrapper ${type === "textarea" ? "wz-input-affix-wrapper-textarea" : ""} ${suffix || type === "code" ? "wz-input-has-suffix" : ""} ${bordered === void 0 ? "wz-input-no-border" : ""} ${clearable ? "wz-input-has-clear" : ""} ${type === "password" ? "wz-input-has-password" : ""}`,
         style: wrapperStyle,
         children: [
           renderInput(),
           showClear && !props.disabled && type !== "textarea" && !suffix && /* @__PURE__ */ jsx("span", { className: "wz-input-clear", onClick: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 22 }) }),
           type === "password" && !suffix && /* @__PURE__ */ jsx("span", { className: "wz-input-password", onClick: handlePasswordVisible, children: /* @__PURE__ */ jsx(Icon, { name: passwordVisible ? "eyes-close" : "eyes-open", size: 22 }) }),
-          suffix && /* @__PURE__ */ jsxs("div", { className: "wz-input-suffix", children: [
+          suffix && /* @__PURE__ */ jsxs("div", { className: "wz-input-suffix", ref: suffixRef, children: [
             /* @__PURE__ */ jsx("span", { className: "wz-input-suffix-divider" }),
             suffix
+          ] }),
+          type === "code" && /* @__PURE__ */ jsxs("div", { className: "wz-input-suffix", ref: !suffix ? suffixRef : void 0, children: [
+            /* @__PURE__ */ jsx("span", { className: "wz-input-suffix-divider" }),
+            counting ? /* @__PURE__ */ jsx("span", { className: "wz-input-code-btn wz-input-code-btn--disabled", children: codeCountingText.replace("{s}", String(countdown)) }) : /* @__PURE__ */ jsx("span", { className: "wz-input-code-btn", onClick: handleGetCode, children: hasSent ? codeResendText : codeText })
           ] })
         ]
       }

package/dist/Input/index.umd.cjs

@@ -1 +1 @@
-!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).Input=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const n=({name:t,size:n=24,color:s="currentColor",className:a="",style:i,onClick:o,type:r="yunying"})=>{const l={fontSize:"number"==typeof n?`${n}px`:n,color:s,...i},u=`iconfont-${r}`,c=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${u} ${c} ${a}`,style:l,onClick:o})},s=t.forwardRef((({clearable:s=!1,align:a="center",value:i,defaultValue:o,onChange:r,style:l,className:u="",type:c="text",showCount:d=!1,rows:p=3,maxLength:x,countStyle:f,suffix:m,borderRadius:w,backgroundColor:y,bordered:h,...g},z)=>{const j=void 0!==i,[v,b]=t.useState(o||""),N=s&&!!(j?i:v),[C,$]=t.useState(!1),k=e=>{j||b(e.target.value),null==r||r(e)},R={position:"relative",width:null==l?void 0:l.width,...l},S={textAlign:a,borderRadius:w,backgroundColor:y,border:void 0!==h?void 0:"none"},L=j?i:v,q=(null==L?void 0:L.toString().length)||0,I=x&&q>x;return e.jsxs("div",{className:`wz-input-affix-wrapper ${"textarea"===c?"wz-input-affix-wrapper-textarea":""} ${m?"wz-input-has-suffix":""} ${void 0===h?"wz-input-no-border":""}`,style:R,children:["textarea"===c?e.jsxs(e.Fragment,{children:[e.jsx("textarea",{ref:z,className:`wz-input ${u}`,value:L,onChange:k,style:{...S,resize:"none"},rows:p,maxLength:x,...g}),d&&x&&e.jsxs("div",{className:"wz-input-count "+(I?"wz-input-count-exceeded":""),style:f,children:[q,"/",x]})]}):e.jsx("input",{ref:z,className:`wz-input ${u}`,value:L,onChange:k,style:S,type:"password"===c&&C?"text":c,maxLength:x,...g}),N&&!g.disabled&&"textarea"!==c&&!m&&e.jsx("span",{className:"wz-input-clear",onClick:()=>{j||b("");const e={...g,target:{value:""}};null==r||r(e)},children:e.jsx(n,{name:"close",size:22})}),"password"===c&&!m&&e.jsx("span",{className:"wz-input-password",onClick:()=>{$(!C)},children:e.jsx(n,{name:C?"eyes-close":"eyes-open",size:22})}),m&&e.jsxs("div",{className:"wz-input-suffix",children:[e.jsx("span",{className:"wz-input-suffix-divider"}),m]})]})}));return s.displayName="Input",s}));
+!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).Input=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const s=({name:t,size:s=24,color:n="currentColor",className:a="",style:i,onClick:o,type:r="yunying"})=>{const l={fontSize:"number"==typeof s?`${s}px`:s,color:n,...i},u=`iconfont-${r}`,c=`icon-${t}`;return e.jsx("i",{className:`wz-icon ${u} ${c} ${a}`,style:l,onClick:o})},n=t.forwardRef((({clearable:n=!1,align:a="left",value:i,defaultValue:o,onChange:r,style:l,className:u="",type:c="text",showCount:d=!1,rows:p=3,maxLength:f,countStyle:x,suffix:w,borderRadius:m,backgroundColor:h,bordered:z,codeCountdown:y=60,onGetCode:g,codeText:v="获取验证码",codeCountingText:j="{s}s后重新获取",codeResendText:b="重新获取验证码",...C},N)=>{const $=void 0!==i,[S,k]=t.useState(o||""),R=n&&!!($?i:S),[T,I]=t.useState(!1),[L,q]=t.useState(!1),[E,A]=t.useState(y),[F,G]=t.useState(!1),[V,W]=t.useState(0),B=t.useRef(null);t.useEffect((()=>{if(B.current){const e=B.current.offsetWidth;W(e)}}),[L,E,F,w,v,j,b]),t.useEffect((()=>{let e;return L&&E>0?e=setInterval((()=>{A((e=>e-1))}),1e3):0===E&&(q(!1),A(y)),()=>clearInterval(e)}),[L,E,y]);const D=t.useCallback((async()=>{if(!L)try{await(null==g?void 0:g()),q(!0),G(!0)}catch{}}),[L,g]),H=e=>{$||k(e.target.value),null==r||r(e)},J={position:"relative",width:null==l?void 0:l.width,...l},K={textAlign:a,borderRadius:m,backgroundColor:h,border:void 0!==z?void 0:"none",...V>0&&(w||"code"===c)?{paddingRight:V+22+12}:{}},M=$?i:S,O=(null==M?void 0:M.toString().length)||0,P=f&&O>f;return e.jsxs("div",{className:`wz-input-affix-wrapper ${"textarea"===c?"wz-input-affix-wrapper-textarea":""} ${w||"code"===c?"wz-input-has-suffix":""} ${void 0===z?"wz-input-no-border":""} ${n?"wz-input-has-clear":""} ${"password"===c?"wz-input-has-password":""}`,style:J,children:["textarea"===c?e.jsxs(e.Fragment,{children:[e.jsx("textarea",{ref:N,className:`wz-input ${u}`,value:M,onChange:H,style:{...K,resize:"none"},rows:p,maxLength:f,...C}),d&&f&&e.jsxs("div",{className:"wz-input-count "+(P?"wz-input-count-exceeded":""),style:x,children:[O,"/",f]})]}):e.jsx("input",{ref:N,className:`wz-input ${u}`,value:M,onChange:H,style:K,type:"password"===c&&T?"text":c,maxLength:f,...C}),R&&!C.disabled&&"textarea"!==c&&!w&&e.jsx("span",{className:"wz-input-clear",onClick:()=>{$||k("");const e={...C,target:{value:""}};null==r||r(e)},children:e.jsx(s,{name:"close",size:22})}),"password"===c&&!w&&e.jsx("span",{className:"wz-input-password",onClick:()=>{I(!T)},children:e.jsx(s,{name:T?"eyes-close":"eyes-open",size:22})}),w&&e.jsxs("div",{className:"wz-input-suffix",ref:B,children:[e.jsx("span",{className:"wz-input-suffix-divider"}),w]}),"code"===c&&e.jsxs("div",{className:"wz-input-suffix",ref:w?void 0:B,children:[e.jsx("span",{className:"wz-input-suffix-divider"}),L?e.jsx("span",{className:"wz-input-code-btn wz-input-code-btn--disabled",children:j.replace("{s}",String(E))}):e.jsx("span",{className:"wz-input-code-btn",onClick:D,children:F?b:v})]})]})}));return n.displayName="Input",n}));

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::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-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:left;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 14px;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:0;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:0;transform:translateY(-50%)}.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-left:22px}.wz-input-has-clear .wz-input,.wz-input-has-password .wz-input{padding-right:40px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#eee);width:1px;height:16px;margin-left:12px;margin-right:12px}.wz-input-code-btn{color:var(--wz-input-code-btn-color,var(--wz-primary-color,#22c94d));cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500}.wz-input-code-btn:active{opacity:.7}.wz-input-code-btn--disabled{color:var(--wz-input-code-btn-disabled-color,var(--wz-text-color-secondary,#999));cursor:not-allowed}.wz-input-code-btn--disabled:active{opacity:1}

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::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:""}
+.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:left;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 14px;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:0;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:0;transform:translateY(-50%)}.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-left:22px}.wz-input-has-clear .wz-input,.wz-input-has-password .wz-input{padding-right:40px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#eee);width:1px;height:16px;margin-left:12px;margin-right:12px}.wz-input-code-btn{color:var(--wz-input-code-btn-color,var(--wz-primary-color,#22c94d));cursor:pointer;white-space:nowrap;font-size:14px;font-weight:500}.wz-input-code-btn:active{opacity:.7}.wz-input-code-btn--disabled{color:var(--wz-input-code-btn-disabled-color,var(--wz-text-color-secondary,#999));cursor:not-allowed}.wz-input-code-btn--disabled:active{opacity:1}.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/Popup/style/index.css

@@ -1 +1 @@
-.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}@media (max-width:767px){.wz-popup--bottom,.wz-popup--top{max-height:80%}.wz-popup--left,.wz-popup--right{max-width:80%}}
+.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}

package/dist/Popup/style.css

@@ -1 +1 @@
-.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}@media (max-width:767px){.wz-popup--bottom,.wz-popup--top{max-height:80%}.wz-popup--left,.wz-popup--right{max-width:80%}}
+.wz-popup-container{pointer-events:none;z-index:var(--wz-popup-z-index,1000);width:100%;height:100%;display:none;position:fixed;top:0;left:0}.wz-popup--display{display:block}.wz-popup-mask{background-color:var(--wz-popup-mask-color,#0009);opacity:0;transition:opacity var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;width:100%;height:100%;position:absolute;top:0;left:0}.wz-popup-mask--active{opacity:1}.wz-popup{background-color:var(--wz-popup-background,#fff);transition:all var(--wz-popup-transition-duration,.3s)ease;pointer-events:auto;-webkit-overflow-scrolling:touch;max-height:100%;padding:10px;position:absolute;overflow:auto}.wz-popup-title{text-align:center;color:var(--wz-popup-title-color,#323233);padding:5px;font-size:16px;font-weight:600;line-height:24px;position:relative}.wz-popup-close{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;top:10px;right:16px}.wz-popup-close-icon{text-align:center;color:var(--wz-popup-close-icon-color,#969799);width:24px;height:24px;font-size:24px;font-weight:300;line-height:24px;display:block}.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)}.wz-popup--top{width:100%;top:0;left:0;transform:translateY(-100%)}.wz-popup--top.wz-popup--active{transform:translateY(0)}.wz-popup--right{height:100%;top:0;right:0;transform:translate(100%)}.wz-popup--right.wz-popup--active{transform:translate(0)}.wz-popup--bottom{width:100%;bottom:0;left:0;transform:translateY(100%)}.wz-popup--bottom.wz-popup--active{transform:translateY(0)}.wz-popup--left{height:100%;top:0;left:0;transform:translate(-100%)}.wz-popup--left.wz-popup--active{transform:translate(0)}.wz-popup--bottom.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0 0}.wz-popup--top.wz-popup--round{border-radius:0 0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)}.wz-popup--right.wz-popup--round{border-radius:var(--wz-popup-round-radius,16px)0 0 var(--wz-popup-round-radius,16px)}.wz-popup--left.wz-popup--round{border-radius:0 var(--wz-popup-round-radius,16px)var(--wz-popup-round-radius,16px)0}

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-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}}
+.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)}

package/dist/Radio/style.css

@@ -1 +1 @@
-.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}}
+.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)}

package/dist/Search/index.js

@@ -39,6 +39,7 @@ const Search = forwardRef(
     suffix,
     leftIcon = /* @__PURE__ */ jsx(Icon, { name: "search", size: 16 }),
     actionText = "搜索",
+    actionColor,
     showCancel = false,
     cancelText = "返回",
     background,
@@ -135,13 +136,20 @@ const Search = forwardRef(
                           ...props
                         }
                       ),
-                      showClear && /* @__PURE__ */ jsx("div", { className: "wz-search-clear", onMouseDown: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16, color: "#BDBDBD" }) })
+                      showClear && /* @__PURE__ */ jsx("div", { className: "wz-search-clear", onMouseDown: handleClear, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16, color: "#CCCCCC" }) })
                     ]
                   }
                 ),
                 actionText && /* @__PURE__ */ jsxs("div", { className: "wz-search-action", onClick: handleSearch, children: [
                   /* @__PURE__ */ jsx("div", { className: "wz-search-divider" }),
-                  /* @__PURE__ */ jsx("div", { className: "wz-search-action-text", children: actionText })
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "wz-search-action-text",
+                      style: actionColor ? { color: actionColor } : void 0,
+                      children: actionText
+                    }
+                  )
                 ] })
               ]
             }

package/dist/Search/index.umd.cjs

@@ -1 +1 @@
-!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],s):(e="undefined"!=typeof globalThis?globalThis:e||self).Search=s(e.jsxRuntime,e.React)}(this,(function(e,s){"use strict";const a=({name:s,size:a=24,color:n="currentColor",className:c="",style:l,onClick:r,type:i="yunying"})=>{const o={fontSize:"number"==typeof a?`${a}px`:a,color:n,...l},t=`iconfont-${i}`,u=`icon-${s}`;return e.jsx("i",{className:`wz-icon ${t} ${u} ${c}`,style:o,onClick:r})},n=s.forwardRef((({value:n,defaultValue:c,placeholder:l="输入关键词搜索",shape:r="round",clearable:i=!0,disabled:o=!1,prefix:t,suffix:u,leftIcon:d=e.jsx(a,{name:"search",size:16}),actionText:h="搜索",showCancel:f=!1,cancelText:x="返回",background:m,style:p,className:w="",onSearch:z,onClear:v,onChange:j,onFocus:N,onBlur:y,onCancel:b,...C},$)=>{const g=void 0!==n,[k,D]=s.useState(c||""),[S,B]=s.useState(!1),R=s.useRef(null);s.useImperativeHandle($,(()=>R.current));const T=g?n:k,q=i&&T&&S&&!o,F=()=>{var e;o||(null==(e=R.current)||e.blur(),null==z||z(T))},I=()=>{B(!1),null==b||b()},E={...p,backgroundColor:m};return e.jsxs("div",{className:`wz-search ${S?"wz-search-focused":""} ${w}`,style:E,children:[t&&e.jsx("div",{className:"wz-search-prefix",children:t}),!t&&f&&S?e.jsx("div",{className:"wz-search-cancel",onClick:I,children:x}):null,e.jsxs("div",{className:`wz-search-content wz-search-shape-${r} ${o?"wz-search-disabled":""}`,children:[e.jsxs("div",{className:"wz-search-input-wrapper "+(q?"wz-search-input-wrapper--with-clear":""),children:[d&&e.jsx("div",{className:"wz-search-left-icon",children:d}),e.jsx("input",{ref:R,className:"wz-search-input",value:T,onChange:e=>{const s=e.target.value;g||D(s),null==j||j(s)},onFocus:e=>{B(!0),null==N||N(e)},onBlur:e=>{B(!1),null==y||y(e)},onKeyDown:e=>{"Enter"!==e.key||o||F()},placeholder:l,disabled:o,...C}),q&&e.jsx("div",{className:"wz-search-clear",onMouseDown:e=>{var s;e.preventDefault(),g||D(""),null==j||j(""),null==v||v(),null==(s=R.current)||s.focus()},children:e.jsx(a,{name:"close",size:16,color:"#BDBDBD"})})]}),h&&e.jsxs("div",{className:"wz-search-action",onClick:F,children:[e.jsx("div",{className:"wz-search-divider"}),e.jsx("div",{className:"wz-search-action-text",children:h})]})]}),u&&e.jsx("div",{className:"wz-search-suffix",children:u})]})}));return n.displayName="Search",n}));
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?module.exports=s(require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["react/jsx-runtime","react"],s):(e="undefined"!=typeof globalThis?globalThis:e||self).Search=s(e.jsxRuntime,e.React)}(this,(function(e,s){"use strict";const a=({name:s,size:a=24,color:n="currentColor",className:c="",style:l,onClick:r,type:o="yunying"})=>{const i={fontSize:"number"==typeof a?`${a}px`:a,color:n,...l},t=`iconfont-${o}`,u=`icon-${s}`;return e.jsx("i",{className:`wz-icon ${t} ${u} ${c}`,style:i,onClick:r})},n=s.forwardRef((({value:n,defaultValue:c,placeholder:l="输入关键词搜索",shape:r="round",clearable:o=!0,disabled:i=!1,prefix:t,suffix:u,leftIcon:d=e.jsx(a,{name:"search",size:16}),actionText:h="搜索",actionColor:f,showCancel:x=!1,cancelText:m="返回",background:p,style:w,className:v="",onSearch:z,onClear:j,onChange:C,onFocus:y,onBlur:N,onCancel:b,...$},g)=>{const k=void 0!==n,[S,R]=s.useState(c||""),[T,D]=s.useState(!1),q=s.useRef(null);s.useImperativeHandle(g,(()=>q.current));const B=k?n:S,F=o&&B&&T&&!i,I=()=>{var e;i||(null==(e=q.current)||e.blur(),null==z||z(B))},E=()=>{D(!1),null==b||b()},H={...w,backgroundColor:p};return e.jsxs("div",{className:`wz-search ${T?"wz-search-focused":""} ${v}`,style:H,children:[t&&e.jsx("div",{className:"wz-search-prefix",children:t}),!t&&x&&T?e.jsx("div",{className:"wz-search-cancel",onClick:E,children:m}):null,e.jsxs("div",{className:`wz-search-content wz-search-shape-${r} ${i?"wz-search-disabled":""}`,children:[e.jsxs("div",{className:"wz-search-input-wrapper "+(F?"wz-search-input-wrapper--with-clear":""),children:[d&&e.jsx("div",{className:"wz-search-left-icon",children:d}),e.jsx("input",{ref:q,className:"wz-search-input",value:B,onChange:e=>{const s=e.target.value;k||R(s),null==C||C(s)},onFocus:e=>{D(!0),null==y||y(e)},onBlur:e=>{D(!1),null==N||N(e)},onKeyDown:e=>{"Enter"!==e.key||i||I()},placeholder:l,disabled:i,...$}),F&&e.jsx("div",{className:"wz-search-clear",onMouseDown:e=>{var s;e.preventDefault(),k||R(""),null==C||C(""),null==j||j(),null==(s=q.current)||s.focus()},children:e.jsx(a,{name:"close",size:16,color:"#CCCCCC"})})]}),h&&e.jsxs("div",{className:"wz-search-action",onClick:I,children:[e.jsx("div",{className:"wz-search-divider"}),e.jsx("div",{className:"wz-search-action-text",style:f?{color:f}:void 0,children:h})]})]}),u&&e.jsx("div",{className:"wz-search-suffix",children:u})]})}));return n.displayName="Search",n}));

package/dist/Search/style/index.css

@@ -1 +1 @@
-:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:var(--wz-bg-color-base,#f5f5f5);--wz-search-active-bg:#f0f0f0;--wz-search-border:var(--wz-border-color-lighter,#ebebeb);--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:var(--wz-text-color-placeholder,#c0c4cc);--wz-search-text-color:var(--wz-text-color-primary,#333);--wz-search-divider-color:var(--wz-border-color-lighter,#ebebeb);--wz-search-btn-color:var(--wz-info-color,#1890ff);--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{background-color:var(--wz-bg-color-base,#f7f8fa);box-sizing:border-box;align-items:center;width:100%;padding:8px 12px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:var(--wz-bg-color-white,#fff);flex:1;align-items:center;min-width:0;padding:6px 12px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:100px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{background-color:var(--wz-disabled-bg,#f2f3f5);opacity:.6;cursor:not-allowed}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:var(--wz-text-color-secondary,#999);align-items:center;margin-right:6px;display:flex}.wz-search-input{color:var(--wz-text-color-primary,#333);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:var(--wz-text-color-placeholder,#b3b3b3)}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}
+:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:var(--wz-bg-color-base,#f5f5f5);--wz-search-active-bg:#f0f0f0;--wz-search-border:var(--wz-border-color-lighter,#ebebeb);--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:var(--wz-text-color-placeholder,#c0c4cc);--wz-search-text-color:var(--wz-text-color-primary,#333);--wz-search-divider-color:var(--wz-border-color-lighter,#ebebeb);--wz-search-btn-color:var(--wz-info-color,#1890ff);--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{background-color:var(--wz-bg-color-base,#f7f8fa);box-sizing:border-box;align-items:center;width:100%;padding:4px 14px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:var(--wz-bg-color-white,#fff);flex:1;align-items:center;min-width:0;padding:5px 14px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:35px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{background-color:var(--wz-disabled-bg,#f2f3f5);opacity:.6;cursor:not-allowed}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:var(--wz-text-color-secondary,#999);align-items:center;margin-right:6px;display:flex}.wz-search-input{color:var(--wz-text-color-primary,#333);text-overflow:ellipsis;white-space:nowrap;caret-color:var(--wz-primary-color,#22c94d);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:var(--wz-text-color-placeholder,#b3b3b3)}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}

package/dist/Search/style.css

@@ -1 +1 @@
-.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:""}:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:var(--wz-bg-color-base,#f5f5f5);--wz-search-active-bg:#f0f0f0;--wz-search-border:var(--wz-border-color-lighter,#ebebeb);--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:var(--wz-text-color-placeholder,#c0c4cc);--wz-search-text-color:var(--wz-text-color-primary,#333);--wz-search-divider-color:var(--wz-border-color-lighter,#ebebeb);--wz-search-btn-color:var(--wz-info-color,#1890ff);--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{background-color:var(--wz-bg-color-base,#f7f8fa);box-sizing:border-box;align-items:center;width:100%;padding:8px 12px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:var(--wz-bg-color-white,#fff);flex:1;align-items:center;min-width:0;padding:6px 12px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:100px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{background-color:var(--wz-disabled-bg,#f2f3f5);opacity:.6;cursor:not-allowed}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:var(--wz-text-color-secondary,#999);align-items:center;margin-right:6px;display:flex}.wz-search-input{color:var(--wz-text-color-primary,#333);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:var(--wz-text-color-placeholder,#b3b3b3)}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}
+.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:""}:root{--wz-search-height:48px;--wz-search-radius:8px;--wz-search-bg:var(--wz-bg-color-base,#f5f5f5);--wz-search-active-bg:#f0f0f0;--wz-search-border:var(--wz-border-color-lighter,#ebebeb);--wz-search-shadow:0 2px 8px #00000008;--wz-search-font-size:16px;--wz-search-placeholder-color:var(--wz-text-color-placeholder,#c0c4cc);--wz-search-text-color:var(--wz-text-color-primary,#333);--wz-search-divider-color:var(--wz-border-color-lighter,#ebebeb);--wz-search-btn-color:var(--wz-info-color,#1890ff);--wz-search-btn-active-color:#096dd9;--wz-search-btn-text:"搜索";--wz-search-padding:12px;--wz-search-inner-padding:0 16px;--wz-search-disabled-opacity:.5}.wz-search{background-color:var(--wz-bg-color-base,#f7f8fa);box-sizing:border-box;align-items:center;width:100%;padding:4px 14px;display:flex}.wz-search-cancel{color:var(--wz-primary-color,#22c94d);cursor:pointer;white-space:nowrap;padding-right:12px;font-size:14px}.wz-search-prefix{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.wz-search-content{background-color:var(--wz-bg-color-white,#fff);flex:1;align-items:center;min-width:0;padding:5px 14px;transition:all .2s;display:flex}.wz-search-content.wz-search-shape-round{border-radius:35px}.wz-search-content.wz-search-shape-square{border-radius:4px}.wz-search-content.wz-search-disabled{background-color:var(--wz-disabled-bg,#f2f3f5);opacity:.6;cursor:not-allowed}.wz-search-focused .wz-search.wz-search-content{border:1px solid var(--wz-primary-color,#22c94d);padding:5px 11px}.wz-search-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.wz-search-left-icon{color:var(--wz-text-color-secondary,#999);align-items:center;margin-right:6px;display:flex}.wz-search-input{color:var(--wz-text-color-primary,#333);text-overflow:ellipsis;white-space:nowrap;caret-color:var(--wz-primary-color,#22c94d);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;line-height:1.5;overflow:hidden}.wz-search-input-wrapper--with-clear .wz-search-input{padding-right:22px}.wz-search-input::placeholder{color:var(--wz-text-color-placeholder,#b3b3b3)}.wz-search-clear{cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.wz-search-action{cursor:pointer;align-items:center;display:flex}.wz-search-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin:0 12px}.wz-search-action-text{color:var(--wz-primary-color,#22c94d);white-space:nowrap;font-size:14px}.wz-search-suffix{cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;padding-left:12px;display:flex}