wz-h5-design 1.0.0 → 1.0.2

package/dist/Button/index.js

@@ -11,12 +11,20 @@ const Button = forwardRef(({
   className = "",
   style = {},
   children,
+  icon,
+  iconPosition = "left",
   onClick
 }, ref) => {
   const [isActive, setIsActive] = useState(false);
   const timerRef = useRef(null);
   const buttonStyle = useMemo(() => {
-    if (type === "cancel") return style;
+    if (type === "cancel") {
+      return {
+        background: "#D6D6D6",
+        color: textColor || "#fff",
+        ...style
+      };
+    }
     if (type === "outline") {
       return {
         color: textColor || "var(--wz-primary-color)",
@@ -36,7 +44,9 @@ const Button = forwardRef(({
     }
     if (type === "primary") {
       let s = { ...style };
-      s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
+      if (!disabled) {
+        s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
+      }
       s.color = textColor || "#fff";
       return s;
     }
@@ -68,7 +78,9 @@ const Button = forwardRef(({
       disabled,
       onClick: handleClick,
       children: [
+        iconPosition === "left" && icon,
         children,
+        iconPosition === "right" && icon,
         type === "primary" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && disabled && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--disabled" }),

package/dist/Button/index.umd.cjs

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Button={},e.jsxRuntime,e.React)}(this,(function(e,t,r){"use strict";const o=r.forwardRef((({type:e="primary",size:o="medium",block:n=!1,disabled:a=!1,color:l="",textColor:s="",borderColor:u="",className:i="",style:c={},children:d,onClick:b},m)=>{const[f,p]=r.useState(!1),w=r.useRef(null),y=r.useMemo((()=>{if("cancel"===e)return c;if("outline"===e)return{color:s||"var(--wz-primary-color)",borderColor:u||"var(--wz-primary-color)",background:"transparent",...c};if("text"===e)return{color:s||c.color||"var(--wz-primary-color, #22C94D)",background:"transparent",border:"none",boxShadow:"none",...c};if("primary"===e){let e={...c};return e.background=l||"var(--wz-primary-gradient, var(--wz-primary-color))",e.color=s||"#fff",e}return c}),[e,l,s,u,c]),z=["wz-button",`wz-button--${e}`,`wz-button--${o}`,n?"wz-button--block":"",a?"wz-button--disabled":"",f&&!a?"wz-button--active":"",i].filter(Boolean).join(" ");return t.jsxs("button",{ref:m,type:"button",className:z,style:y,disabled:a,onClick:e=>{a||(p(!0),w.current&&window.clearTimeout(w.current),w.current=window.setTimeout((()=>p(!1)),100),null==b||b(e))},children:[d,"primary"===e&&f&&t.jsx("span",{className:"wz-button__mask"}),"outline"===e&&f&&t.jsx("span",{className:"wz-button__mask"}),"outline"===e&&a&&t.jsx("span",{className:"wz-button__mask--disabled"}),"cancel"===e&&f&&t.jsx("span",{className:"wz-button__mask--cancel"})]})}));o.displayName="Button",e.Button=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"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Button={},e.jsxRuntime,e.React)}(this,(function(e,t,o){"use strict";const r=o.forwardRef((({type:e="primary",size:r="medium",block:n=!1,disabled:a=!1,color:l="",textColor:i="",borderColor:s="",className:u="",style:c={},children:d,icon:f,iconPosition:b="left",onClick:m},p)=>{const[w,y]=o.useState(!1),z=o.useRef(null),x=o.useMemo((()=>{if("cancel"===e)return{background:"#D6D6D6",color:i||"#fff",...c};if("outline"===e)return{color:i||"var(--wz-primary-color)",borderColor:s||"var(--wz-primary-color)",background:"transparent",...c};if("text"===e)return{color:i||c.color||"var(--wz-primary-color, #22C94D)",background:"transparent",border:"none",boxShadow:"none",...c};if("primary"===e){let e={...c};return a||(e.background=l||"var(--wz-primary-gradient, var(--wz-primary-color))"),e.color=i||"#fff",e}return c}),[e,l,i,s,c]),k=["wz-button",`wz-button--${e}`,`wz-button--${r}`,n?"wz-button--block":"",a?"wz-button--disabled":"",w&&!a?"wz-button--active":"",u].filter(Boolean).join(" ");return t.jsxs("button",{ref:p,type:"button",className:k,style:x,disabled:a,onClick:e=>{a||(y(!0),z.current&&window.clearTimeout(z.current),z.current=window.setTimeout((()=>y(!1)),100),null==m||m(e))},children:["left"===b&&f,d,"right"===b&&f,"primary"===e&&w&&t.jsx("span",{className:"wz-button__mask"}),"outline"===e&&w&&t.jsx("span",{className:"wz-button__mask"}),"outline"===e&&a&&t.jsx("span",{className:"wz-button__mask--disabled"}),"cancel"===e&&w&&t.jsx("span",{className:"wz-button__mask--cancel"})]})}));r.displayName="Button",e.Button=r,e.default=r,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/Button/style/index.css

@@ -1 +1 @@
-.wz-button{box-sizing:border-box;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:23px;outline:none;justify-content:center;align-items:center;height:40px;padding:0 15px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:18px;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:#fff;background:var(--wz-primary-gradient,linear-gradient(90deg,#0ac0f7 0%,#0596f7 100%));border:none;border-radius:23px}.wz-button--primary.wz-button--disabled{background:#c0c4cc}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0;border-radius:26px}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none;border-radius:26px}.wz-button--block{width:100%;display:flex}.wz-button--large{height:45px;padding:0 20px;font-size:18px}.wz-button--medium{height:30px;padding:0 16px;font-size:14px}.wz-button--small{height:25px;padding:0 12px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;min-width:0;height:auto;padding:0 8px;font-size:16px;font-weight:600;transition:color .2s}.wz-button--text:active{color:#179a38;background:#f5f7f9}.wz-button--disabled.wz-button--text{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",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:45px;padding:10px 20px;font-size:18px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px}.wz-button--small{border-radius:13px;height:25px;padding:3px 10px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);background:0 0}

package/dist/Button/style.css

@@ -1 +1 @@
-.wz-button{box-sizing:border-box;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:23px;outline:none;justify-content:center;align-items:center;height:40px;padding:0 15px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:18px;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:#fff;background:var(--wz-primary-gradient,linear-gradient(90deg,#0ac0f7 0%,#0596f7 100%));border:none;border-radius:23px}.wz-button--primary.wz-button--disabled{background:#c0c4cc}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0;border-radius:26px}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none;border-radius:26px}.wz-button--block{width:100%;display:flex}.wz-button--large{height:45px;padding:0 20px;font-size:18px}.wz-button--medium{height:30px;padding:0 16px;font-size:14px}.wz-button--small{height:25px;padding:0 12px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;min-width:0;height:auto;padding:0 8px;font-size:16px;font-weight:600;transition:color .2s}.wz-button--text:active{color:#179a38;background:#f5f7f9}.wz-button--disabled.wz-button--text{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",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:45px;padding:10px 20px;font-size:18px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px}.wz-button--small{border-radius:13px;height:25px;padding:3px 10px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);background:0 0}

package/dist/Card/style/index.css

@@ -1 +1 @@
-.wz-card{box-sizing:border-box;background-color:#fff;border-radius:10px;width:100%;transition:all .2s ease-in-out}.wz-card-bordered{border:1px solid #dcdfe6}.wz-card-no-divider .wz-card-header{border-bottom:none}.wz-card-no-divider .wz-card-actions{border-top:none}.wz-card-cover img{border-radius:4px 4px 0 0;width:100%;height:auto;display:block}.wz-card-header{border-bottom:1px solid #dcdfe6;justify-content:space-between;align-items:center;padding:12px;display:flex}.wz-card-title{color:#333;font-size:14px;font-weight:600}.wz-card-extra{color:#999;font-size:13px}.wz-card-body{color:#666;padding:12px;font-size:14px;line-height:1.5}.wz-card-actions{border-top:1px solid #dcdfe6;display:flex}.wz-card-action{text-align:center;color:#999;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;padding:12px;font-size:13px;transition:color .2s ease-in-out}.wz-card-action:not(:last-child){border-right:1px solid #dcdfe6}.wz-card-action:active{color:var(--wz-primary-color,#22c94d);background-color:#0000000d}
+.wz-card{background-color:var(--wz-bg-color-white,#fff);box-sizing:border-box;border-radius:10px;width:100%;transition:all .2s ease-in-out}.wz-card-bordered{border:1px solid var(--wz-border-color-base,#dcdfe6)}.wz-card-no-divider .wz-card-header{border-bottom:none}.wz-card-no-divider .wz-card-actions{border-top:none}.wz-card-cover img{border-radius:4px 4px 0 0;width:100%;height:auto;display:block}.wz-card-header{border-bottom:1px solid var(--wz-border-color-base,#dcdfe6);justify-content:space-between;align-items:center;padding:12px;display:flex}.wz-card-title{color:var(--wz-text-color-primary,#333);font-size:14px;font-weight:600}.wz-card-extra{color:var(--wz-text-color-secondary,#999);font-size:13px}.wz-card-body{color:var(--wz-text-color-regular,#666);padding:12px;font-size:14px;line-height:1.5}.wz-card-actions{border-top:1px solid var(--wz-border-color-base,#dcdfe6);display:flex}.wz-card-action{text-align:center;color:var(--wz-text-color-secondary,#999);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;padding:12px;font-size:13px;transition:color .2s ease-in-out}.wz-card-action:not(:last-child){border-right:1px solid var(--wz-border-color-base,#dcdfe6)}.wz-card-action:active{color:var(--wz-primary-color,#22c94d);background-color:#0000000d}

package/dist/Card/style.css

@@ -1 +1 @@
-.wz-card{box-sizing:border-box;background-color:#fff;border-radius:10px;width:100%;transition:all .2s ease-in-out}.wz-card-bordered{border:1px solid #dcdfe6}.wz-card-no-divider .wz-card-header{border-bottom:none}.wz-card-no-divider .wz-card-actions{border-top:none}.wz-card-cover img{border-radius:4px 4px 0 0;width:100%;height:auto;display:block}.wz-card-header{border-bottom:1px solid #dcdfe6;justify-content:space-between;align-items:center;padding:12px;display:flex}.wz-card-title{color:#333;font-size:14px;font-weight:600}.wz-card-extra{color:#999;font-size:13px}.wz-card-body{color:#666;padding:12px;font-size:14px;line-height:1.5}.wz-card-actions{border-top:1px solid #dcdfe6;display:flex}.wz-card-action{text-align:center;color:#999;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;padding:12px;font-size:13px;transition:color .2s ease-in-out}.wz-card-action:not(:last-child){border-right:1px solid #dcdfe6}.wz-card-action:active{color:var(--wz-primary-color,#22c94d);background-color:#0000000d}
+.wz-card{background-color:var(--wz-bg-color-white,#fff);box-sizing:border-box;border-radius:10px;width:100%;transition:all .2s ease-in-out}.wz-card-bordered{border:1px solid var(--wz-border-color-base,#dcdfe6)}.wz-card-no-divider .wz-card-header{border-bottom:none}.wz-card-no-divider .wz-card-actions{border-top:none}.wz-card-cover img{border-radius:4px 4px 0 0;width:100%;height:auto;display:block}.wz-card-header{border-bottom:1px solid var(--wz-border-color-base,#dcdfe6);justify-content:space-between;align-items:center;padding:12px;display:flex}.wz-card-title{color:var(--wz-text-color-primary,#333);font-size:14px;font-weight:600}.wz-card-extra{color:var(--wz-text-color-secondary,#999);font-size:13px}.wz-card-body{color:var(--wz-text-color-regular,#666);padding:12px;font-size:14px;line-height:1.5}.wz-card-actions{border-top:1px solid var(--wz-border-color-base,#dcdfe6);display:flex}.wz-card-action{text-align:center;color:var(--wz-text-color-secondary,#999);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;flex:1;padding:12px;font-size:13px;transition:color .2s ease-in-out}.wz-card-action:not(:last-child){border-right:1px solid var(--wz-border-color-base,#dcdfe6)}.wz-card-action:active{color:var(--wz-primary-color,#22c94d);background-color:#0000000d}

package/dist/Cascader/style/index.css

@@ -1 +1 @@
-.wz-cascader{background-color:#fff;border-radius:8px;width:100%;position:relative}.wz-cascader-header{border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;height:44px;padding-right:16px;display:flex;position:relative}.wz-cascader-close{cursor:pointer;color:#969799;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.wz-cascader-levels{border-bottom:1px solid #f0f0f0;gap:24px;padding:12px 16px;display:flex}.wz-cascader-level{text-align:left;color:#969799;cursor:pointer;flex:none;min-width:60px;transition:color .3s;position:relative}.wz-cascader-level.active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-cascader-level.active:after{content:"";background-color:var(--wz-primary-color,#22c94d);transform-origin:50%;width:70px;height:2px;position:absolute;bottom:-10px;left:35%;transform:translate(-50%)scaleX(.6)}.wz-cascader-level.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-content{display:flex}.wz-cascader-options{width:100%;max-height:240px;overflow-y:auto}.wz-cascader-option{text-align:left;cursor:pointer;padding:12px 16px;transition:background-color .3s;position:relative}.wz-cascader-option:hover{background-color:#f5f5f5}.wz-cascader-option.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-option.disabled{color:#c8c9cc;cursor:not-allowed;background-color:#f2f3f5}.wz-cascader-option-tip{color:#969799;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}
+.wz-cascader{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:100%;position:relative}.wz-cascader-header{border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);justify-content:flex-end;align-items:center;height:44px;padding-right:16px;display:flex;position:relative}.wz-cascader-close{cursor:pointer;color:var(--wz-text-color-secondary,#969799);justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.wz-cascader-levels{border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);gap:24px;padding:12px 16px;display:flex}.wz-cascader-level{text-align:left;color:var(--wz-text-color-secondary,#969799);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;min-width:60px;transition:color .3s;position:relative}.wz-cascader-level.active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-cascader-level.active:after{content:"";background-color:var(--wz-primary-color,#22c94d);transform-origin:50%;width:70px;height:2px;position:absolute;bottom:-10px;left:35%;transform:translate(-50%)scaleX(.6)}.wz-cascader-level.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-content{display:flex}.wz-cascader-options{width:100%;max-height:240px;overflow-y:auto}.wz-cascader-option{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:12px 16px;transition:background-color .3s;position:relative}.wz-cascader-option:hover{background-color:var(--wz-bg-color-base,#f5f5f5)}.wz-cascader-option.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-option.disabled{color:var(--wz-disabled-color,#c8c9cc);cursor:not-allowed;background-color:var(--wz-disabled-bg,#f2f3f5)}.wz-cascader-option-tip{color:var(--wz-text-color-secondary,#969799);font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}

package/dist/Cascader/style.css

@@ -1 +1 @@
-.wz-cascader{background-color:#fff;border-radius:8px;width:100%;position:relative}.wz-cascader-header{border-bottom:1px solid #f0f0f0;justify-content:flex-end;align-items:center;height:44px;padding-right:16px;display:flex;position:relative}.wz-cascader-close{cursor:pointer;color:#969799;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.wz-cascader-levels{border-bottom:1px solid #f0f0f0;gap:24px;padding:12px 16px;display:flex}.wz-cascader-level{text-align:left;color:#969799;cursor:pointer;flex:none;min-width:60px;transition:color .3s;position:relative}.wz-cascader-level.active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-cascader-level.active:after{content:"";background-color:var(--wz-primary-color,#22c94d);transform-origin:50%;width:70px;height:2px;position:absolute;bottom:-10px;left:35%;transform:translate(-50%)scaleX(.6)}.wz-cascader-level.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-content{display:flex}.wz-cascader-options{width:100%;max-height:240px;overflow-y:auto}.wz-cascader-option{text-align:left;cursor:pointer;padding:12px 16px;transition:background-color .3s;position:relative}.wz-cascader-option:hover{background-color:#f5f5f5}.wz-cascader-option.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-option.disabled{color:#c8c9cc;cursor:not-allowed;background-color:#f2f3f5}.wz-cascader-option-tip{color:#969799;font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}
+.wz-cascader{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:100%;position:relative}.wz-cascader-header{border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);justify-content:flex-end;align-items:center;height:44px;padding-right:16px;display:flex;position:relative}.wz-cascader-close{cursor:pointer;color:var(--wz-text-color-secondary,#969799);justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.wz-cascader-levels{border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);gap:24px;padding:12px 16px;display:flex}.wz-cascader-level{text-align:left;color:var(--wz-text-color-secondary,#969799);cursor:pointer;-webkit-tap-highlight-color:transparent;flex:none;min-width:60px;transition:color .3s;position:relative}.wz-cascader-level.active{color:var(--wz-primary-color,#22c94d);font-weight:600}.wz-cascader-level.active:after{content:"";background-color:var(--wz-primary-color,#22c94d);transform-origin:50%;width:70px;height:2px;position:absolute;bottom:-10px;left:35%;transform:translate(-50%)scaleX(.6)}.wz-cascader-level.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-content{display:flex}.wz-cascader-options{width:100%;max-height:240px;overflow-y:auto}.wz-cascader-option{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:12px 16px;transition:background-color .3s;position:relative}.wz-cascader-option:hover{background-color:var(--wz-bg-color-base,#f5f5f5)}.wz-cascader-option.selected{color:var(--wz-primary-color,#22c94d)}.wz-cascader-option.disabled{color:var(--wz-disabled-color,#c8c9cc);cursor:not-allowed;background-color:var(--wz-disabled-bg,#f2f3f5)}.wz-cascader-option-tip{color:var(--wz-text-color-secondary,#969799);font-size:12px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}

package/dist/Cell/style/index.css

@@ -1 +1 @@
-.wz-cell-group{background-color:#fff;border-radius:8px;overflow:hidden}.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#fff;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:#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:#666;align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:#333;align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:#666;white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:#999;margin-top:4px;font-size:13px}.wz-cell-value{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:#ff4d4f;margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{border:1px solid #dcdfe6;border-width:1px 1px 0 0;width:12px;height:12px;margin-left:12px;transform:rotate(45deg)}.wz-cell-extra{color:#666;align-items:center;min-width:0;margin-left:8px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:#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: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{border:1px solid var(--wz-border-color-base,#dcdfe6);border-width:1px 1px 0 0;width:12px;height:12px;margin-left:12px;transform:rotate(45deg)}.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)}

package/dist/Cell/style.css

@@ -1 +1 @@
-.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#fff;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:#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:#666;align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:#333;align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:#666;white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:#999;margin-top:4px;font-size:13px}.wz-cell-value{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:#ff4d4f;margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{border:1px solid #dcdfe6;border-width:1px 1px 0 0;width:12px;height:12px;margin-left:12px;transform:rotate(45deg)}.wz-cell-extra{color:#666;align-items:center;min-width:0;margin-left:8px;font-size:15px;display:flex}.wz-cell:has(.wz-cell-arrow):active{background-color:#f8f8f8}.wz-cell-group{background-color:#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{border:1px solid var(--wz-border-color-base,#dcdfe6);border-width:1px 1px 0 0;width:12px;height:12px;margin-left:12px;transform:rotate(45deg)}.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}

package/dist/CheckList/style/index.css

@@ -1 +1 @@
-.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color:#111;cursor:pointer;border-radius:var(--wz-check-list-radius,8px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;outline:none;justify-content:space-between;align-items:center;margin-bottom:2px;padding:15px 20px;transition:background .2s;display:flex}.wz-check-list__item--active{color:var(--wz-check-list-active-color,#1677ff);background:#fff;font-weight:700}.wz-check-list__label{flex:1}.wz-check-list__icon{color:var(--wz-check-list-active-color,#1677ff);margin-left:8px;font-size:16px}
+.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color:var(--wz-text-color-primary,#111);cursor:pointer;background:var(--wz-bg-color-white,#fff);border-radius:var(--wz-check-list-radius,8px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;margin-bottom:2px;padding:15px 20px;transition:background .2s;display:flex}.wz-check-list__item--active{color:var(--wz-primary-color,#1677ff);background:var(--wz-bg-color-white,#fff);font-weight:700}.wz-check-list__label{flex:1}.wz-check-list__icon{color:var(--wz-primary-color,#1677ff);margin-left:8px;font-size:16px}

package/dist/CheckList/style.css

@@ -1 +1 @@
-.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color:#111;cursor:pointer;border-radius:var(--wz-check-list-radius,8px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#fff;outline:none;justify-content:space-between;align-items:center;margin-bottom:2px;padding:15px 20px;transition:background .2s;display:flex}.wz-check-list__item--active{color:var(--wz-check-list-active-color,#1677ff);background:#fff;font-weight:700}.wz-check-list__label{flex:1}.wz-check-list__icon{color:var(--wz-check-list-active-color,#1677ff);margin-left:8px;font-size:16px}
+.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color:var(--wz-text-color-primary,#111);cursor:pointer;background:var(--wz-bg-color-white,#fff);border-radius:var(--wz-check-list-radius,8px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;margin-bottom:2px;padding:15px 20px;transition:background .2s;display:flex}.wz-check-list__item--active{color:var(--wz-primary-color,#1677ff);background:var(--wz-bg-color-white,#fff);font-weight:700}.wz-check-list__label{flex:1}.wz-check-list__icon{color:var(--wz-primary-color,#1677ff);margin-left:8px;font-size:16px}

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{width:16px;height: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{width:18px;height: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{width:20px;height: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-inner{background-color:#f5f7fa;border-color:#e4e7ed}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:#c0c4cc}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-inner{background-color:#fff;border:1.5px solid #dcdfe6;border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d}.wz-checkbox-inner:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)scale(.7)rotate(45deg)}.wz-checkbox-input:checked+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);background-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d33}.wz-checkbox-input:checked+.wz-checkbox-inner:after{opacity:1;transform:translate(-50%,-60%)scale(1)rotate(45deg)}.wz-checkbox-input:focus+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 3px #22c94d26}.wz-checkbox-wrapper:hover .wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d1a}.wz-checkbox-label{color:#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{width:16px;height: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{width:18px;height: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{width:20px;height: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-inner{background-color:var(--wz-disabled-bg,#f5f7fa);border-color:var(--wz-disabled-border,#e4e7ed)}.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{border:1.5px solid var(--wz-border-color-base,#dcdfe6);background-color:var(--wz-bg-color-white,#fff);border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d}.wz-checkbox-inner:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)scale(.7)rotate(45deg)}.wz-checkbox-input:checked+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);background-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d33}.wz-checkbox-input:checked+.wz-checkbox-inner:after{opacity:1;transform:translate(-50%,-60%)scale(1)rotate(45deg)}.wz-checkbox-input:focus+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 3px #22c94d26}.wz-checkbox-wrapper:hover .wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d1a}.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}}

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{width:16px;height: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{width:18px;height: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{width:20px;height: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-inner{background-color:#f5f7fa;border-color:#e4e7ed}.wz-checkbox-wrapper.wz-checkbox--disabled .wz-checkbox-label{color:#c0c4cc}.wz-checkbox-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-checkbox-inner{background-color:#fff;border:1.5px solid #dcdfe6;border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d}.wz-checkbox-inner:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)scale(.7)rotate(45deg)}.wz-checkbox-input:checked+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);background-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d33}.wz-checkbox-input:checked+.wz-checkbox-inner:after{opacity:1;transform:translate(-50%,-60%)scale(1)rotate(45deg)}.wz-checkbox-input:focus+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 3px #22c94d26}.wz-checkbox-wrapper:hover .wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d1a}.wz-checkbox-label{color:#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{width:16px;height: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{width:18px;height: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{width:20px;height: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-inner{background-color:var(--wz-disabled-bg,#f5f7fa);border-color:var(--wz-disabled-border,#e4e7ed)}.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{border:1.5px solid var(--wz-border-color-base,#dcdfe6);background-color:var(--wz-bg-color-white,#fff);border-radius:2px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d}.wz-checkbox-inner:after{content:"";opacity:0;pointer-events:none;border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)scale(.7)rotate(45deg)}.wz-checkbox-input:checked+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);background-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d33}.wz-checkbox-input:checked+.wz-checkbox-inner:after{opacity:1;transform:translate(-50%,-60%)scale(1)rotate(45deg)}.wz-checkbox-input:focus+.wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 3px #22c94d26}.wz-checkbox-wrapper:hover .wz-checkbox-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 2px 4px #22c94d1a}.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}}

package/dist/Collapse/style/index.css

@@ -1 +1 @@
-.wz-collapse{background:#fff;border-radius:8px;overflow:hidden}.wz-collapse-header{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:12px 16px;display:flex;position:relative}.wz-collapse-title{color:#333;flex:1;font-size:15px;font-weight:500}.wz-collapse-extra{color:#999;margin-right:12px;font-size:13px}.wz-collapse-arrow{color:#999;transition:transform .2s}.wz-collapse-arrow.expanded{transform:rotate(90deg)}.wz-collapse-content{max-height:0;transition:max-height .2s;overflow:hidden}.wz-collapse-content.expanded{max-height:1000px}
+.wz-collapse{background:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}.wz-collapse-header{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:12px 16px;display:flex;position:relative}.wz-collapse-title{color:var(--wz-text-color-primary,#333);flex:1;font-size:15px;font-weight:500}.wz-collapse-extra{color:var(--wz-text-color-secondary,#999);margin-right:12px;font-size:13px}.wz-collapse-arrow{color:var(--wz-text-color-secondary,#999);transition:transform .2s}.wz-collapse-arrow.expanded{transform:rotate(90deg)}.wz-collapse-content{max-height:0;transition:max-height .2s;overflow:hidden}.wz-collapse-content.expanded{max-height:1000px}

package/dist/Collapse/style.css

@@ -1 +1 @@
-.wz-collapse{background:#fff;border-radius:8px;overflow:hidden}.wz-collapse-header{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:12px 16px;display:flex;position:relative}.wz-collapse-title{color:#333;flex:1;font-size:15px;font-weight:500}.wz-collapse-extra{color:#999;margin-right:12px;font-size:13px}.wz-collapse-arrow{color:#999;transition:transform .2s}.wz-collapse-arrow.expanded{transform:rotate(90deg)}.wz-collapse-content{max-height:0;transition:max-height .2s;overflow:hidden}.wz-collapse-content.expanded{max-height:1000px}
+.wz-collapse{background:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}.wz-collapse-header{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;align-items:center;padding:12px 16px;display:flex;position:relative}.wz-collapse-title{color:var(--wz-text-color-primary,#333);flex:1;font-size:15px;font-weight:500}.wz-collapse-extra{color:var(--wz-text-color-secondary,#999);margin-right:12px;font-size:13px}.wz-collapse-arrow{color:var(--wz-text-color-secondary,#999);transition:transform .2s}.wz-collapse-arrow.expanded{transform:rotate(90deg)}.wz-collapse-content{max-height:0;transition:max-height .2s;overflow:hidden}.wz-collapse-content.expanded{max-height:1000px}

package/dist/ConfigProvider/index.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext, createContext, useEffect, useMemo } from "react";
+const ConfigContext = createContext({
+  theme: "default"
+});
+const useConfig = () => useContext(ConfigContext);
+const varNameMap = {
+  primaryColor: "--wz-primary-color",
+  primaryGradient: "--wz-primary-gradient",
+  primaryColorLight: "--wz-primary-color-light",
+  primaryColorDark: "--wz-primary-color-dark",
+  successColor: "--wz-success-color",
+  warningColor: "--wz-warning-color",
+  dangerColor: "--wz-danger-color",
+  infoColor: "--wz-info-color",
+  textColorPrimary: "--wz-text-color-primary",
+  textColorRegular: "--wz-text-color-regular",
+  textColorSecondary: "--wz-text-color-secondary",
+  bgColorBase: "--wz-bg-color-base",
+  bgColorLight: "--wz-bg-color-light",
+  bgColorWhite: "--wz-bg-color-white",
+  borderColorBase: "--wz-border-color-base",
+  borderColorLight: "--wz-border-color-light"
+};
+const ConfigProvider = ({
+  children,
+  theme = "default",
+  themeVars
+}) => {
+  useEffect(() => {
+    const root = document.documentElement;
+    if (theme === "default") {
+      root.removeAttribute("data-theme");
+    } else {
+      root.setAttribute("data-theme", theme);
+    }
+    if (themeVars) {
+      Object.entries(themeVars).forEach(([key, value]) => {
+        if (value) {
+          const cssVarName = varNameMap[key];
+          if (cssVarName) {
+            root.style.setProperty(cssVarName, value);
+          }
+        }
+      });
+    }
+    return () => {
+      if (themeVars) {
+        Object.keys(themeVars).forEach((key) => {
+          const cssVarName = varNameMap[key];
+          if (cssVarName) {
+            root.style.removeProperty(cssVarName);
+          }
+        });
+      }
+    };
+  }, [theme, themeVars]);
+  const contextValue = useMemo(
+    () => ({ theme, themeVars }),
+    [theme, themeVars]
+  );
+  return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: contextValue, children });
+};
+export {
+  ConfigProvider,
+  ConfigProvider as default,
+  useConfig
+};

package/dist/ConfigProvider/index.umd.cjs

@@ -0,0 +1 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self).ConfigProvider={},e.jsxRuntime,e.React)}(this,(function(e,r,o){"use strict";const t=o.createContext({theme:"default"}),i={primaryColor:"--wz-primary-color",primaryGradient:"--wz-primary-gradient",primaryColorLight:"--wz-primary-color-light",primaryColorDark:"--wz-primary-color-dark",successColor:"--wz-success-color",warningColor:"--wz-warning-color",dangerColor:"--wz-danger-color",infoColor:"--wz-info-color",textColorPrimary:"--wz-text-color-primary",textColorRegular:"--wz-text-color-regular",textColorSecondary:"--wz-text-color-secondary",bgColorBase:"--wz-bg-color-base",bgColorLight:"--wz-bg-color-light",bgColorWhite:"--wz-bg-color-white",borderColorBase:"--wz-border-color-base",borderColorLight:"--wz-border-color-light"},l=({children:e,theme:l="default",themeVars:a})=>{o.useEffect((()=>{const e=document.documentElement;return"default"===l?e.removeAttribute("data-theme"):e.setAttribute("data-theme",l),a&&Object.entries(a).forEach((([r,o])=>{if(o){const t=i[r];t&&e.style.setProperty(t,o)}})),()=>{a&&Object.keys(a).forEach((r=>{const o=i[r];o&&e.style.removeProperty(o)}))}}),[l,a]);const n=o.useMemo((()=>({theme:l,themeVars:a})),[l,a]);return r.jsx(t.Provider,{value:n,children:e})};e.ConfigProvider=l,e.default=l,e.useConfig=()=>o.useContext(t),Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/DateRangePicker/style/index.css

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

package/dist/DateRangePicker/style.css

@@ -1 +1 @@
-.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:#333;flex:1;font-size:15px}.wz-date-range-picker-value{color:#bbb;text-align:center;cursor:pointer;background:#fff;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:#0599f7;background:#eaf6ff;border-color:#0599f7;font-weight:700}.wz-date-range-picker-sep{color:#333;align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-picker{background:var(--wz-date-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-date-picker-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-date-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex:1 1 0;min-width:0;position:relative;overflow-y:scroll}.wz-date-picker-list::-webkit-scrollbar{display:none}.wz-date-picker-item{color:var(--wz-date-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-family:"阿里巴巴普惠体 2.0";font-size:20px;font-weight:600;transition:color .2s;display:flex}.wz-date-picker-item.active{color:var(--wz-date-picker-active-color,#000)}.wz-date-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-date-picker-mask-top{background:linear-gradient(to bottom,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-date-picker-mask-bottom{background:linear-gradient(to top,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-date-picker-indicator{z-index:1;pointer-events:none;border-radius:var(--wz-date-picker-radius,10px);background:var(--wz-date-picker-active-bg,#fff);position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}
+.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--wz-text-color-primary,#333);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--wz-text-color-placeholder,#bbb);background:var(--wz-bg-color-white,#fff);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--wz-primary-color,#0599f7);border-color:var(--wz-primary-color,#0599f7);background:#0599f71a;font-weight:700}.wz-date-range-picker-sep{color:var(--wz-text-color-primary,#333);align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-picker{background:var(--wz-date-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-date-picker-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-date-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex:1 1 0;min-width:0;position:relative;overflow-y:scroll}.wz-date-picker-list::-webkit-scrollbar{display:none}.wz-date-picker-item{color:var(--wz-date-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-family:"阿里巴巴普惠体 2.0";font-size:20px;font-weight:600;transition:color .2s;display:flex}.wz-date-picker-item.active{color:var(--wz-date-picker-active-color,#000)}.wz-date-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-date-picker-mask-top{background:linear-gradient(to bottom,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-date-picker-mask-bottom{background:linear-gradient(to top,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-date-picker-indicator{z-index:1;pointer-events:none;border-radius:var(--wz-date-picker-radius,10px);background:var(--wz-date-picker-active-bg,#fff);position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}

package/dist/Dialog/index.js

@@ -63,12 +63,20 @@ const Button = forwardRef(({
   className = "",
   style = {},
   children,
+  icon,
+  iconPosition = "left",
   onClick
 }, ref) => {
   const [isActive, setIsActive] = useState(false);
   const timerRef = useRef(null);
   const buttonStyle = useMemo(() => {
-    if (type === "cancel") return style;
+    if (type === "cancel") {
+      return {
+        background: "#D6D6D6",
+        color: textColor || "#fff",
+        ...style
+      };
+    }
     if (type === "outline") {
       return {
         color: textColor || "var(--wz-primary-color)",
@@ -88,7 +96,9 @@ const Button = forwardRef(({
     }
     if (type === "primary") {
       let s = { ...style };
-      s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
+      if (!disabled) {
+        s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
+      }
       s.color = textColor || "#fff";
       return s;
     }
@@ -120,7 +130,9 @@ const Button = forwardRef(({
       disabled,
       onClick: handleClick,
       children: [
+        iconPosition === "left" && icon,
         children,
+        iconPosition === "right" && icon,
         type === "primary" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
         type === "outline" && disabled && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--disabled" }),

package/dist/Dialog/index.umd.cjs

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

package/dist/Dialog/style/index.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:#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:#666;padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{color:#fff;background-color:#00b578;border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}
+.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}

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

package/dist/Divider/style/index.css

@@ -1 +1 @@
-.wz-divider{background:#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}.wz-divider--horizontal{width:100%;height:1px}

package/dist/Divider/style.css

@@ -1 +1 @@
-.wz-divider{background:#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}.wz-divider--horizontal{width:100%;height:1px}

package/dist/DropDownMenu/index.js

@@ -107,5 +107,6 @@ const DropdownMenu = ({
   ] });
 };
 export {
-  DropdownMenu
+  DropdownMenu,
+  DropdownMenu as default
 };

package/dist/DropDownMenu/index.umd.cjs

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).DropDownMenu={},e.jsxRuntime,e.React)}(this,(function(e,n,o){"use strict";const t=({name:e,size:o=24,color:t="currentColor",className:s="",style:i,onClick:l,type:r="yunying"})=>{const c={fontSize:"number"==typeof o?`${o}px`:o,color:t,...i},d=`iconfont-${r}`,a=`icon-${e}`;return n.jsx("i",{className:`wz-icon ${d} ${a} ${s}`,style:c,onClick:l})};e.DropdownMenu=({items:e,extension:s,onChange:i,value:l,defaultValue:r={}})=>{const[c,d]=o.useState(null),[a,u]=o.useState(r);o.useEffect((()=>{void 0!==l&&u(l)}),[l]);const p=void 0!==l,m=()=>p?l:a,f=n=>{const o=m()[n];if(void 0===o)return e[n].title;const t=e[n].options.find((e=>e.value===o));return t?t.text:e[n].title};return n.jsxs("div",{className:"wz-dropdown-menu-wrapper",children:[n.jsxs("div",{className:"wz-dropdown-menu",children:[e.map(((e,o)=>n.jsxs("div",{className:"wz-dropdown-item "+(c===o?"active":""),onClick:()=>(e=>{d(c===e?null:e)})(o),children:[n.jsx("span",{children:f(o)}),e.icon||n.jsx(t,{name:"dropdown",size:12})]},o))),s&&n.jsx("div",{className:"wz-dropdown-extension",children:s})]}),null!==c&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"wz-dropdown-mask",onClick:()=>{d(null)}}),n.jsx("div",{className:"wz-dropdown-popup",children:e[c].options.map((e=>n.jsx("div",{className:"wz-dropdown-option "+(m()[c]===e.value?"selected":""),onClick:()=>((e,n)=>{const o={...m(),[e]:n};p||u(o),d(null),i&&i(e,n,o)})(c,e.value),children:e.text},e.value)))})]})]})},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).DropDownMenu={},e.jsxRuntime,e.React)}(this,(function(e,n,o){"use strict";const s=({name:e,size:o=24,color:s="currentColor",className:t="",style:i,onClick:l,type:r="yunying"})=>{const d={fontSize:"number"==typeof o?`${o}px`:o,color:s,...i},c=`iconfont-${r}`,a=`icon-${e}`;return n.jsx("i",{className:`wz-icon ${c} ${a} ${t}`,style:d,onClick:l})},t=({items:e,extension:t,onChange:i,value:l,defaultValue:r={}})=>{const[d,c]=o.useState(null),[a,u]=o.useState(r);o.useEffect((()=>{void 0!==l&&u(l)}),[l]);const p=void 0!==l,m=()=>p?l:a,f=n=>{const o=m()[n];if(void 0===o)return e[n].title;const s=e[n].options.find((e=>e.value===o));return s?s.text:e[n].title};return n.jsxs("div",{className:"wz-dropdown-menu-wrapper",children:[n.jsxs("div",{className:"wz-dropdown-menu",children:[e.map(((e,o)=>n.jsxs("div",{className:"wz-dropdown-item "+(d===o?"active":""),onClick:()=>(e=>{c(d===e?null:e)})(o),children:[n.jsx("span",{children:f(o)}),e.icon||n.jsx(s,{name:"dropdown",size:12})]},o))),t&&n.jsx("div",{className:"wz-dropdown-extension",children:t})]}),null!==d&&n.jsxs(n.Fragment,{children:[n.jsx("div",{className:"wz-dropdown-mask",onClick:()=>{c(null)}}),n.jsx("div",{className:"wz-dropdown-popup",children:e[d].options.map((e=>n.jsx("div",{className:"wz-dropdown-option "+(m()[d]===e.value?"selected":""),onClick:()=>((e,n)=>{const o={...m(),[e]:n};p||u(o),c(null),i&&i(e,n,o)})(d,e.value),children:e.text},e.value)))})]})]})};e.DropdownMenu=t,e.default=t,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/DropDownMenu/style/index.css

@@ -1 +1 @@
-:root{--wz-z-index-base:1;--wz-z-index-dropdown:100;--wz-z-index-navbar:999;--wz-z-index-tabbar:999;--wz-z-index-popup:1000;--wz-z-index-dialog:1000;--wz-z-index-toast:9999}.wz-dropdown-menu-wrapper{position:relative}.wz-dropdown-menu{z-index:var(--wz-z-index-dropdown,100);background-color:#fff;align-items:center;gap:4px;height:48px;padding:0 4px;display:flex;position:relative;box-shadow:0 2px 12px #6465661f}.wz-dropdown-item{color:#333;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:60px;padding:0 14px;font-size:13px;font-weight:400;line-height:20px;transition:color .3s;display:flex}.wz-dropdown-item:nth-child(2){padding:0 10px}.wz-dropdown-item:nth-child(n+3){padding:0 18px}.wz-dropdown-item.active{color:#1677ff}.wz-dropdown-item .wz-icon{margin-left:4px}.wz-dropdown-extension{align-items:center;gap:8px;margin-left:auto;padding:0 4px;display:flex}.wz-dropdown-extension .wz-dropdown-btn-icon{align-items:center;margin-right:4px;display:inline-flex}.wz-dropdown-mask{z-index:calc(var(--wz-z-index-dropdown,100) - 1);background-color:#0000;position:fixed;top:0;bottom:0;left:0;right:0}.wz-dropdown-popup{z-index:var(--wz-z-index-dropdown,100);background-color:#fff;border-radius:0 0 8px 8px;max-height:240px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.wz-dropdown-option{color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:12px 18px;font-size:14px;transition:background-color .3s}.wz-dropdown-option:hover{background-color:#f5f5f5}.wz-dropdown-option.selected{color:#1677ff;font-weight:500}
+:root{--wz-z-index-base:1;--wz-z-index-dropdown:100;--wz-z-index-navbar:999;--wz-z-index-tabbar:999;--wz-z-index-popup:1000;--wz-z-index-dialog:1000;--wz-z-index-toast:9999}.wz-dropdown-menu-wrapper{position:relative}.wz-dropdown-menu{z-index:var(--wz-z-index-dropdown,100);background-color:var(--wz-bg-color-white,#fff);align-items:center;gap:4px;height:48px;padding:0 4px;display:flex;position:relative;box-shadow:0 2px 12px #6465661f}.wz-dropdown-item{color:var(--wz-text-color-primary,#333);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:60px;padding:0 14px;font-size:13px;font-weight:400;line-height:20px;transition:color .3s;display:flex}.wz-dropdown-item:nth-child(2){padding:0 10px}.wz-dropdown-item:nth-child(n+3){padding:0 18px}.wz-dropdown-item.active{color:var(--wz-primary-color,#22c94d)}.wz-dropdown-item .wz-icon{margin-left:4px}.wz-dropdown-extension{align-items:center;gap:8px;margin-left:auto;padding:0 4px;display:flex}.wz-dropdown-extension .wz-dropdown-btn-icon{align-items:center;margin-right:4px;display:inline-flex}.wz-dropdown-mask{z-index:calc(var(--wz-z-index-dropdown,100) - 1);background-color:#0000;position:fixed;top:0;bottom:0;left:0;right:0}.wz-dropdown-popup{background-color:var(--wz-bg-color-white,#fff);z-index:var(--wz-z-index-dropdown,100);border-radius:0 0 8px 8px;max-height:240px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.wz-dropdown-option{color:var(--wz-text-color-primary,#333);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:12px 18px;font-size:14px;transition:background-color .3s}.wz-dropdown-option:hover{background-color:var(--wz-bg-color-base,#f5f5f5)}.wz-dropdown-option.selected{color:var(--wz-primary-color,#22c94d);font-weight:500}

package/dist/DropDownMenu/style.css

@@ -1 +1 @@
-:root{--wz-z-index-base:1;--wz-z-index-dropdown:100;--wz-z-index-navbar:999;--wz-z-index-tabbar:999;--wz-z-index-popup:1000;--wz-z-index-dialog:1000;--wz-z-index-toast:9999}.wz-dropdown-menu-wrapper{position:relative}.wz-dropdown-menu{z-index:var(--wz-z-index-dropdown,100);background-color:#fff;align-items:center;gap:4px;height:48px;padding:0 4px;display:flex;position:relative;box-shadow:0 2px 12px #6465661f}.wz-dropdown-item{color:#333;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:60px;padding:0 14px;font-size:13px;font-weight:400;line-height:20px;transition:color .3s;display:flex}.wz-dropdown-item:nth-child(2){padding:0 10px}.wz-dropdown-item:nth-child(n+3){padding:0 18px}.wz-dropdown-item.active{color:#1677ff}.wz-dropdown-item .wz-icon{margin-left:4px}.wz-dropdown-extension{align-items:center;gap:8px;margin-left:auto;padding:0 4px;display:flex}.wz-dropdown-extension .wz-dropdown-btn-icon{align-items:center;margin-right:4px;display:inline-flex}.wz-dropdown-mask{z-index:calc(var(--wz-z-index-dropdown,100) - 1);background-color:#0000;position:fixed;top:0;bottom:0;left:0;right:0}.wz-dropdown-popup{z-index:var(--wz-z-index-dropdown,100);background-color:#fff;border-radius:0 0 8px 8px;max-height:240px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.wz-dropdown-option{color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:12px 18px;font-size:14px;transition:background-color .3s}.wz-dropdown-option:hover{background-color:#f5f5f5}.wz-dropdown-option.selected{color:#1677ff;font-weight:500}.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-z-index-base:1;--wz-z-index-dropdown:100;--wz-z-index-navbar:999;--wz-z-index-tabbar:999;--wz-z-index-popup:1000;--wz-z-index-dialog:1000;--wz-z-index-toast:9999}.wz-dropdown-menu-wrapper{position:relative}.wz-dropdown-menu{z-index:var(--wz-z-index-dropdown,100);background-color:var(--wz-bg-color-white,#fff);align-items:center;gap:4px;height:48px;padding:0 4px;display:flex;position:relative;box-shadow:0 2px 12px #6465661f}.wz-dropdown-item{color:var(--wz-text-color-primary,#333);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;min-width:60px;padding:0 14px;font-size:13px;font-weight:400;line-height:20px;transition:color .3s;display:flex}.wz-dropdown-item:nth-child(2){padding:0 10px}.wz-dropdown-item:nth-child(n+3){padding:0 18px}.wz-dropdown-item.active{color:var(--wz-primary-color,#22c94d)}.wz-dropdown-item .wz-icon{margin-left:4px}.wz-dropdown-extension{align-items:center;gap:8px;margin-left:auto;padding:0 4px;display:flex}.wz-dropdown-extension .wz-dropdown-btn-icon{align-items:center;margin-right:4px;display:inline-flex}.wz-dropdown-mask{z-index:calc(var(--wz-z-index-dropdown,100) - 1);background-color:#0000;position:fixed;top:0;bottom:0;left:0;right:0}.wz-dropdown-popup{background-color:var(--wz-bg-color-white,#fff);z-index:var(--wz-z-index-dropdown,100);border-radius:0 0 8px 8px;max-height:240px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.wz-dropdown-option{color:var(--wz-text-color-primary,#333);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:12px 18px;font-size:14px;transition:background-color .3s}.wz-dropdown-option:hover{background-color:var(--wz-bg-color-base,#f5f5f5)}.wz-dropdown-option.selected{color:var(--wz-primary-color,#22c94d);font-weight:500}.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/Grid/index.js

@@ -50,5 +50,6 @@ const Grid = ({
 };
 Grid.Item = GridItem;
 export {
+  Grid,
   Grid as default
 };

package/dist/Grid/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).Grid=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";const r=t.createContext(24),s=({cols:t=24,gap:s=0,className:n="",style:i={},children:o})=>{const c={display:"flex",flexWrap:"wrap",gap:"number"==typeof s?`${s}px`:s,...i};return e.jsx(r.Provider,{value:t,children:e.jsx("div",{className:"wz-grid"+(n?" "+n:""),style:c,children:o})})};return s.Item=({span:s=1,offset:n=0,order:i,className:o="",style:c={},children:d})=>{const a=t.useContext(r);process.env.NODE_ENV;const l=s/a*100+"%",f=n?n/a*100+"%":void 0;return e.jsx("div",{className:"wz-grid-item"+(o?" "+o:""),style:{width:l,marginLeft:f,order:i,...c},children:d})},s}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react/jsx-runtime"),require("react")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Grid={},e.jsxRuntime,e.React)}(this,(function(e,t,r){"use strict";const s=r.createContext(24),i=({cols:e=24,gap:r=0,className:i="",style:n={},children:o})=>{const d={display:"flex",flexWrap:"wrap",gap:"number"==typeof r?`${r}px`:r,...n};return t.jsx(s.Provider,{value:e,children:t.jsx("div",{className:"wz-grid"+(i?" "+i:""),style:d,children:o})})};i.Item=({span:e=1,offset:i=0,order:n,className:o="",style:d={},children:l})=>{const a=r.useContext(s);process.env.NODE_ENV;const c=e/a*100+"%",u=i?i/a*100+"%":void 0;return t.jsx("div",{className:"wz-grid-item"+(o?" "+o:""),style:{width:c,marginLeft:u,order:n,...d},children:l})},e.Grid=i,e.default=i,Object.defineProperties(e,{__esModule:{value:!0},[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-grid-view-badge-bg,#ee0a24);color:#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-grid-view-corner-bg,#ff976a);color:#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:#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:#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:#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,#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}

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-grid-view-badge-bg,#ee0a24);color:#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-grid-view-corner-bg,#ff976a);color:#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:#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:#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:#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,#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}

package/dist/Input/style/index.css

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

package/dist/Input/style.css

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