wz-h5-design 1.0.1 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button/index.js +14 -2
- package/dist/Button/index.umd.cjs +1 -1
- package/dist/Button/style/index.css +1 -1
- package/dist/Button/style.css +1 -1
- package/dist/Card/style/index.css +1 -1
- package/dist/Card/style.css +1 -1
- package/dist/Cascader/style/index.css +1 -1
- package/dist/Cascader/style.css +1 -1
- package/dist/Cell/style/index.css +1 -1
- package/dist/Cell/style.css +1 -1
- package/dist/CheckList/style/index.css +1 -1
- package/dist/CheckList/style.css +1 -1
- package/dist/Checkbox/style/index.css +1 -1
- package/dist/Checkbox/style.css +1 -1
- package/dist/Collapse/style/index.css +1 -1
- package/dist/Collapse/style.css +1 -1
- package/dist/ConfigProvider/index.js +68 -0
- package/dist/ConfigProvider/index.umd.cjs +1 -0
- package/dist/DateRangePicker/style/index.css +1 -1
- package/dist/DateRangePicker/style.css +1 -1
- package/dist/Dialog/index.js +14 -2
- package/dist/Dialog/index.umd.cjs +1 -1
- package/dist/Dialog/style/index.css +1 -1
- package/dist/Dialog/style.css +1 -1
- package/dist/Divider/style/index.css +1 -1
- package/dist/Divider/style.css +1 -1
- package/dist/DropDownMenu/style/index.css +1 -1
- package/dist/DropDownMenu/style.css +1 -1
- package/dist/GridView/style/index.css +1 -1
- package/dist/GridView/style.css +1 -1
- package/dist/Input/style/index.css +1 -1
- package/dist/Input/style.css +1 -1
- package/dist/NavBar/style/index.css +1 -1
- package/dist/NavBar/style.css +1 -1
- package/dist/Radio/style/index.css +1 -1
- package/dist/Radio/style.css +1 -1
- package/dist/Search/style/index.css +1 -1
- package/dist/Search/style.css +1 -1
- package/dist/Stepper/style/index.css +1 -1
- package/dist/Stepper/style.css +1 -1
- package/dist/Switch/style/index.css +1 -1
- package/dist/Switch/style.css +1 -1
- package/dist/Tabbar/style/index.css +1 -1
- package/dist/Tabbar/style.css +1 -1
- package/dist/Tabs/style/index.css +1 -1
- package/dist/Tabs/style.css +1 -1
- package/dist/Tag/style/index.css +1 -1
- package/dist/Tag/style.css +1 -1
- package/dist/Tip/style/index.css +1 -1
- package/dist/Tip/style.css +1 -1
- package/dist/Tooltip/style/index.css +1 -1
- package/dist/Tooltip/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/Button/Button.d.ts +2 -0
- package/dist/types/components/ConfigProvider/ConfigProvider.d.ts +34 -0
- package/dist/types/components/ConfigProvider/index.d.ts +5 -0
- package/dist/types/components/index.d.ts +4 -1
- package/dist/wz-h5-design.es.js +78 -3
- package/dist/wz-h5-design.umd.js +2 -2
- package/package.json +1 -1
package/dist/Button/index.js
CHANGED
|
@@ -11,12 +11,20 @@ const Button = forwardRef(({
|
|
|
11
11
|
className = "",
|
|
12
12
|
style = {},
|
|
13
13
|
children,
|
|
14
|
+
icon,
|
|
15
|
+
iconPosition = "left",
|
|
14
16
|
onClick
|
|
15
17
|
}, ref) => {
|
|
16
18
|
const [isActive, setIsActive] = useState(false);
|
|
17
19
|
const timerRef = useRef(null);
|
|
18
20
|
const buttonStyle = useMemo(() => {
|
|
19
|
-
if (type === "cancel")
|
|
21
|
+
if (type === "cancel") {
|
|
22
|
+
return {
|
|
23
|
+
background: "#D6D6D6",
|
|
24
|
+
color: textColor || "#fff",
|
|
25
|
+
...style
|
|
26
|
+
};
|
|
27
|
+
}
|
|
20
28
|
if (type === "outline") {
|
|
21
29
|
return {
|
|
22
30
|
color: textColor || "var(--wz-primary-color)",
|
|
@@ -36,7 +44,9 @@ const Button = forwardRef(({
|
|
|
36
44
|
}
|
|
37
45
|
if (type === "primary") {
|
|
38
46
|
let s = { ...style };
|
|
39
|
-
|
|
47
|
+
if (!disabled) {
|
|
48
|
+
s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
|
|
49
|
+
}
|
|
40
50
|
s.color = textColor || "#fff";
|
|
41
51
|
return s;
|
|
42
52
|
}
|
|
@@ -68,7 +78,9 @@ const Button = forwardRef(({
|
|
|
68
78
|
disabled,
|
|
69
79
|
onClick: handleClick,
|
|
70
80
|
children: [
|
|
81
|
+
iconPosition === "left" && icon,
|
|
71
82
|
children,
|
|
83
|
+
iconPosition === "right" && icon,
|
|
72
84
|
type === "primary" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
|
|
73
85
|
type === "outline" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
|
|
74
86
|
type === "outline" && disabled && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--disabled" }),
|
|
@@ -1 +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,
|
|
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,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"}})}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-button{box-sizing:border-box
|
|
1
|
+
.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-button{box-sizing:border-box
|
|
1
|
+
.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-card{box-sizing:border-box;
|
|
1
|
+
.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-card{box-sizing:border-box;
|
|
1
|
+
.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-cascader{background-color
|
|
1
|
+
.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-cascader{background-color
|
|
1
|
+
.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%)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-cell-group{background-color
|
|
1
|
+
.wz-cell-group{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;overflow:hidden}.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:12px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{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
CHANGED
|
@@ -1 +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;
|
|
1
|
+
.wz-cell-group .wz-cell{background-color:#0000;border-radius:0}.wz-cell{background-color:var(--wz-bg-color-white,#fff);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;align-items:center;padding:12px;line-height:1.5;display:flex;position:relative}.wz-cell-border:after{content:"";background-color:var(--wz-border-color-base,#dcdfe6);height:1px;position:absolute;bottom:0;left:12px;right:12px;transform:scaleY(.5)}.wz-cell-center{align-items:center}.wz-cell-disabled{opacity:.5;cursor:not-allowed}.wz-cell-icon{color:var(--wz-text-color-regular,#666);align-items:center;margin-right:12px;font-size:16px;display:flex}.wz-cell-content{flex:1;min-width:0}.wz-cell-title{color:var(--wz-text-color-primary,#333);align-items:center;font-size:14px;display:flex}.wz-cell-title .wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;margin-left:8px;font-size:14px}.wz-cell-label{color:var(--wz-text-color-secondary,#999);margin-top:4px;font-size:13px}.wz-cell-value{color:var(--wz-text-color-regular,#666);white-space:nowrap;text-overflow:ellipsis;margin-left:8px;font-size:15px;overflow:hidden}.wz-cell-required{color:var(--wz-danger-color,#ff4d4f);margin-right:4px;font-size:15px;font-weight:600}.wz-cell-arrow{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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color
|
|
1
|
+
.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-check-list{margin:0;padding:0}.wz-check-list__item{font-size:var(--wz-check-list-font-size,15px);color
|
|
1
|
+
.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}
|
|
@@ -1 +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
|
|
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: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
CHANGED
|
@@ -1 +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
|
|
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: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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-collapse{background
|
|
1
|
+
.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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-collapse{background
|
|
1
|
+
.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}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useContext, createContext, useEffect, useMemo } from "react";
|
|
3
|
+
const ConfigContext = createContext({
|
|
4
|
+
theme: "default"
|
|
5
|
+
});
|
|
6
|
+
const useConfig = () => useContext(ConfigContext);
|
|
7
|
+
const varNameMap = {
|
|
8
|
+
primaryColor: "--wz-primary-color",
|
|
9
|
+
primaryGradient: "--wz-primary-gradient",
|
|
10
|
+
primaryColorLight: "--wz-primary-color-light",
|
|
11
|
+
primaryColorDark: "--wz-primary-color-dark",
|
|
12
|
+
successColor: "--wz-success-color",
|
|
13
|
+
warningColor: "--wz-warning-color",
|
|
14
|
+
dangerColor: "--wz-danger-color",
|
|
15
|
+
infoColor: "--wz-info-color",
|
|
16
|
+
textColorPrimary: "--wz-text-color-primary",
|
|
17
|
+
textColorRegular: "--wz-text-color-regular",
|
|
18
|
+
textColorSecondary: "--wz-text-color-secondary",
|
|
19
|
+
bgColorBase: "--wz-bg-color-base",
|
|
20
|
+
bgColorLight: "--wz-bg-color-light",
|
|
21
|
+
bgColorWhite: "--wz-bg-color-white",
|
|
22
|
+
borderColorBase: "--wz-border-color-base",
|
|
23
|
+
borderColorLight: "--wz-border-color-light"
|
|
24
|
+
};
|
|
25
|
+
const ConfigProvider = ({
|
|
26
|
+
children,
|
|
27
|
+
theme = "default",
|
|
28
|
+
themeVars
|
|
29
|
+
}) => {
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
const root = document.documentElement;
|
|
32
|
+
if (theme === "default") {
|
|
33
|
+
root.removeAttribute("data-theme");
|
|
34
|
+
} else {
|
|
35
|
+
root.setAttribute("data-theme", theme);
|
|
36
|
+
}
|
|
37
|
+
if (themeVars) {
|
|
38
|
+
Object.entries(themeVars).forEach(([key, value]) => {
|
|
39
|
+
if (value) {
|
|
40
|
+
const cssVarName = varNameMap[key];
|
|
41
|
+
if (cssVarName) {
|
|
42
|
+
root.style.setProperty(cssVarName, value);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
return () => {
|
|
48
|
+
if (themeVars) {
|
|
49
|
+
Object.keys(themeVars).forEach((key) => {
|
|
50
|
+
const cssVarName = varNameMap[key];
|
|
51
|
+
if (cssVarName) {
|
|
52
|
+
root.style.removeProperty(cssVarName);
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
}, [theme, themeVars]);
|
|
58
|
+
const contextValue = useMemo(
|
|
59
|
+
() => ({ theme, themeVars }),
|
|
60
|
+
[theme, themeVars]
|
|
61
|
+
);
|
|
62
|
+
return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: contextValue, children });
|
|
63
|
+
};
|
|
64
|
+
export {
|
|
65
|
+
ConfigProvider,
|
|
66
|
+
ConfigProvider as default,
|
|
67
|
+
useConfig
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
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"}})}));
|
|
@@ -1 +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
|
|
1
|
+
.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--wz-text-color-primary,#333);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--wz-text-color-placeholder,#bbb);background:var(--wz-bg-color-white,#fff);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--wz-primary-color,#0599f7);border-color:var(--wz-primary-color,#0599f7);background:#0599f71a;font-weight:700}.wz-date-range-picker-sep{color:var(--wz-text-color-primary,#333);align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}
|
|
@@ -1 +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
|
|
1
|
+
.wz-date-range-picker-row{justify-content:center;align-items:center;gap:16px;display:flex}.wz-date-range-picker-col{flex-direction:column;flex:1;align-items:center;display:flex}.wz-date-range-picker-label-row{justify-content:space-between;column-gap:65px;margin-bottom:8px;display:flex}.wz-date-range-picker-label{text-align:center;color:var(--wz-text-color-primary,#333);flex:1;font-size:15px}.wz-date-range-picker-value{color:var(--wz-text-color-placeholder,#bbb);background:var(--wz-bg-color-white,#fff);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1.5px solid #0000;border-radius:8px;min-width:100%;height:44px;font-size:16px;line-height:44px;transition:all .2s}.wz-date-range-picker-value.active{color:var(--wz-primary-color,#0599f7);border-color:var(--wz-primary-color,#0599f7);background:#0599f71a;font-weight:700}.wz-date-range-picker-sep{color:var(--wz-text-color-primary,#333);align-items:center;height:44px;margin:0 8px;font-size:14px;display:flex}.wz-date-range-picker-picker{margin-top:8px}.wz-date-picker{background:var(--wz-date-picker-bg,#f5f5f5);-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;position:relative;overflow:hidden}.wz-date-picker-columns{flex-direction:row;width:100%;height:100%;display:flex}.wz-date-picker-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;z-index:2;flex:1 1 0;min-width:0;position:relative;overflow-y:scroll}.wz-date-picker-list::-webkit-scrollbar{display:none}.wz-date-picker-item{color:var(--wz-date-picker-item-color,#bbb);background:0 0;justify-content:center;align-items:center;font-family:"阿里巴巴普惠体 2.0";font-size:20px;font-weight:600;transition:color .2s;display:flex}.wz-date-picker-item.active{color:var(--wz-date-picker-active-color,#000)}.wz-date-picker-mask{z-index:3;pointer-events:none;position:absolute;left:0;right:0}.wz-date-picker-mask-top{background:linear-gradient(to bottom,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);top:0}.wz-date-picker-mask-bottom{background:linear-gradient(to top,var(--wz-date-picker-bg,#f5f5f5)20%,#f5f5f500);bottom:0}.wz-date-picker-indicator{z-index:1;pointer-events:none;border-radius:var(--wz-date-picker-radius,10px);background:var(--wz-date-picker-active-bg,#fff);position:absolute;top:50%;left:10px;right:10px;transform:translateY(-50%)}
|
package/dist/Dialog/index.js
CHANGED
|
@@ -63,12 +63,20 @@ const Button = forwardRef(({
|
|
|
63
63
|
className = "",
|
|
64
64
|
style = {},
|
|
65
65
|
children,
|
|
66
|
+
icon,
|
|
67
|
+
iconPosition = "left",
|
|
66
68
|
onClick
|
|
67
69
|
}, ref) => {
|
|
68
70
|
const [isActive, setIsActive] = useState(false);
|
|
69
71
|
const timerRef = useRef(null);
|
|
70
72
|
const buttonStyle = useMemo(() => {
|
|
71
|
-
if (type === "cancel")
|
|
73
|
+
if (type === "cancel") {
|
|
74
|
+
return {
|
|
75
|
+
background: "#D6D6D6",
|
|
76
|
+
color: textColor || "#fff",
|
|
77
|
+
...style
|
|
78
|
+
};
|
|
79
|
+
}
|
|
72
80
|
if (type === "outline") {
|
|
73
81
|
return {
|
|
74
82
|
color: textColor || "var(--wz-primary-color)",
|
|
@@ -88,7 +96,9 @@ const Button = forwardRef(({
|
|
|
88
96
|
}
|
|
89
97
|
if (type === "primary") {
|
|
90
98
|
let s = { ...style };
|
|
91
|
-
|
|
99
|
+
if (!disabled) {
|
|
100
|
+
s.background = color || "var(--wz-primary-gradient, var(--wz-primary-color))";
|
|
101
|
+
}
|
|
92
102
|
s.color = textColor || "#fff";
|
|
93
103
|
return s;
|
|
94
104
|
}
|
|
@@ -120,7 +130,9 @@ const Button = forwardRef(({
|
|
|
120
130
|
disabled,
|
|
121
131
|
onClick: handleClick,
|
|
122
132
|
children: [
|
|
133
|
+
iconPosition === "left" && icon,
|
|
123
134
|
children,
|
|
135
|
+
iconPosition === "right" && icon,
|
|
124
136
|
type === "primary" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
|
|
125
137
|
type === "outline" && isActive && /* @__PURE__ */ jsx("span", { className: "wz-button__mask" }),
|
|
126
138
|
type === "outline" && disabled && /* @__PURE__ */ jsx("span", { className: "wz-button__mask--disabled" }),
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/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:
|
|
6
|
+
*/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"})}));
|
|
@@ -1 +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
|
|
1
|
+
.wz-dialog-root{z-index:1000;visibility:hidden;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.wz-dialog-root.visible{visibility:visible;opacity:1}.wz-dialog-mask{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.wz-dialog-wrap{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:85%;max-width:300px;padding-top:24px;position:relative;overflow:hidden}.wz-dialog-header{text-align:center;padding:0 24px 8px}.wz-dialog-title{font-size:18px;font-weight:500}.wz-dialog-content{text-align:center;color:var(--wz-text-color-regular,#666);padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{background-color:var(--wz-primary-color,#00b578);color:var(--wz-text-color-white,#fff);border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}
|
package/dist/Dialog/style.css
CHANGED
|
@@ -1 +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
|
|
1
|
+
.wz-dialog-root{z-index:1000;visibility:hidden;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.wz-dialog-root.visible{visibility:visible;opacity:1}.wz-dialog-mask{background-color:#0006;width:100%;height:100%;position:absolute;top:0;left:0}.wz-dialog-wrap{background-color:var(--wz-bg-color-white,#fff);border-radius:8px;width:85%;max-width:300px;padding-top:24px;position:relative;overflow:hidden}.wz-dialog-header{text-align:center;padding:0 24px 8px}.wz-dialog-title{font-size:18px;font-weight:500}.wz-dialog-content{text-align:center;color:var(--wz-text-color-regular,#666);padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{background-color:var(--wz-primary-color,#00b578);color:var(--wz-text-color-white,#fff);border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-weight:600;line-height:23px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:45px;padding:10px 20px;font-size:18px}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px}.wz-button--small{border-radius:13px;height:25px;padding:3px 10px;font-size:13px}.wz-button--disabled{cursor:not-allowed;opacity:.6}.wz-button--active{opacity:.9}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}@media screen and (max-width:767px){.wz-button--small{height:30px;font-size:14px}.wz-button--medium{height:40px;font-size:15px}.wz-button--large{height:50px;font-size:16px}}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);background:0 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-divider{background
|
|
1
|
+
.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px}.wz-divider--horizontal{width:100%;height:1px}
|
package/dist/Divider/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-divider{background
|
|
1
|
+
.wz-divider{background:var(--wz-border-color-lighter,#eee);border:none;display:block}.wz-divider--vertical{width:1px;min-height:16px}.wz-divider--horizontal{width:100%;height:1px}
|
|
@@ -1 +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
|
|
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: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}
|
|
@@ -1 +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
|
|
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: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:""}
|
|
@@ -1 +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-
|
|
1
|
+
.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ee0a24);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,#ff976a);color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}
|
package/dist/GridView/style.css
CHANGED
|
@@ -1 +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-
|
|
1
|
+
.wz-grid-view{box-sizing:border-box;width:100%;display:grid}.wz-grid-view--square .wz-grid-view-item{aspect-ratio:1}.wz-grid-view.wz-grid-view--horizontal{flex-wrap:wrap;justify-content:space-between;display:flex}.wz-grid-view-item{padding:var(--wz-grid-view-item-padding,16px 8px);box-sizing:border-box;background-color:var(--wz-grid-view-item-bg,#fff);border-radius:var(--wz-grid-view-item-border-radius,8px);flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.wz-grid-view-item--clickable{cursor:pointer}.wz-grid-view-item--clickable:hover{background-color:var(--wz-grid-view-item-hover-bg,#f7f8fa);transform:scale(.98)}.wz-grid-view-item--clickable:active{background-color:var(--wz-grid-view-item-active-bg,#ebedf0);transform:scale(.95)}.wz-grid-view-item--disabled{opacity:.5;cursor:not-allowed}.wz-grid-view-item--disabled:hover{background-color:var(--wz-grid-view-item-bg,#fff);transform:none}.wz-grid-view-item__content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.wz-grid-view-item__icon{margin-bottom:var(--wz-grid-view-icon-margin,8px);font-size:var(--wz-grid-view-icon-size,24px);color:var(--wz-grid-view-text-color,#323233);justify-content:center;align-items:center;display:flex}.wz-grid-view-item__icon img{object-fit:contain;width:32px;height:32px}.wz-grid-view-item__icon svg{width:var(--wz-grid-view-icon-size,24px);height:var(--wz-grid-view-icon-size,24px);fill:currentColor}.wz-grid-view-item__text{text-align:center;width:100%}.wz-grid-view-item__title{font-size:var(--wz-grid-view-text-size,12px);color:var(--wz-grid-view-text-color,#323233);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__desc{font-size:var(--wz-grid-view-desc-size,10px);color:var(--wz-grid-view-desc-color,#969799);word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:6px;line-height:1.2;display:-webkit-box;overflow:hidden}.wz-grid-view-item__badge{z-index:1;background-color:var(--wz-danger-color,#ee0a24);color:var(--wz-text-color-white,#fff);text-align:center;box-sizing:border-box;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;line-height:1;position:absolute;top:4px;right:4px}.wz-grid-view-item__badge:empty{border-radius:50%;width:8px;height:8px;padding:0}.wz-grid-view-item__corner{z-index:1;background-color:var(--wz-warning-color,#ff976a);color:var(--wz-text-color-white,#fff);transform-origin:0 0;border-radius:0 0 8px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;top:0;left:0}.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px;padding:12px 16px}.wz-grid-view-item--horizontal .wz-grid-view-item__content{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.wz-grid-view-item--horizontal .wz-grid-view-item__icon{flex-shrink:0;margin-bottom:0;margin-right:12px}.wz-grid-view-item--horizontal .wz-grid-view-item__text{text-align:left;flex:1;align-items:flex-start}.wz-grid-view-item--horizontal .wz-grid-view-item__title{text-align:left;font-size:14px;font-weight:600}.wz-grid-view-item--horizontal .wz-grid-view-item__desc{text-align:left;margin-top:8px;font-size:12px}.wz-grid-view-item--compact{padding:var(--wz-grid-view-item-padding,8px 4px)}.wz-grid-view-item--compact .wz-grid-view-item__icon{margin-bottom:4px;font-size:20px}.wz-grid-view-item--compact .wz-grid-view-item__icon img{width:24px;height:24px}.wz-grid-view-item--compact .wz-grid-view-item__icon svg{width:20px;height:20px}.wz-grid-view-item--compact .wz-grid-view-item__title{font-size:11px}.wz-grid-view--no-bg .wz-grid-view-item{background-color:#0000}.wz-grid-view--no-bg .wz-grid-view-item--clickable:hover{background-color:#0000000d}.wz-grid-view--no-bg .wz-grid-view-item--clickable:active{background-color:#0000001a}.wz-grid-view--rounded .wz-grid-view-item{border-radius:12px}.wz-grid-view--shadow .wz-grid-view-item{box-shadow:0 2px 8px #0000001a}.wz-grid-view--shadow .wz-grid-view-item--clickable:hover{box-shadow:0 4px 12px #00000026}.wz-grid-view-item--with-bg{color:var(--wz-text-color-white,#fff);position:relative}.wz-grid-view-item--with-bg:before{content:"";border-radius:inherit;z-index:0;background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0000004d 100%);position:absolute;top:0;bottom:0;left:0;right:0}.wz-grid-view-item--with-bg .wz-grid-view-item__content{z-index:1;position:relative}.wz-grid-view-item--with-bg .wz-grid-view-item__title{color:var(--wz-text-color-white,#fff);text-shadow:1px 1px 2px #00000080;font-weight:600}.wz-grid-view-item--with-bg .wz-grid-view-item__desc{color:#ffffffe6;text-shadow:1px 1px 2px #00000080}.wz-grid-view-item--with-bg .wz-grid-view-item__icon{color:var(--wz-text-color-white,#fff);filter:drop-shadow(1px 1px 2px #00000080)}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal{border-radius:10px;width:167px;height:62px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal:before{background:linear-gradient(90deg,#0006 0%,#0000001a 70%,#0003 100%);border-radius:10px}.wz-grid-view-item--with-bg.wz-grid-view-item--horizontal .wz-grid-view-item__content{justify-content:flex-start;align-items:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{color
|
|
1
|
+
.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#eee);cursor:not-allowed;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-border-color-light,#e5e7eb)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#f5222d)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin-right:12px}
|
package/dist/Input/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{color
|
|
1
|
+
.wz-input-affix-wrapper{width:100%;display:block;position:relative}.wz-input{background:var(--wz-bg-color-white,#fff);color:var(--wz-text-color-primary,#222);text-align:center;box-sizing:border-box;box-shadow:none;border:none;border-radius:6px;outline:none;width:100%;height:40px;padding:0 15px;font-size:15px;font-weight:500;transition:border .2s,box-shadow .2s,background .2s,color .2s;display:block}.wz-input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wz-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.wz-input:focus{border:1px solid var(--wz-primary-color,#22c94d);caret-color:var(--wz-primary-color,#22c94d);box-shadow:none!important;outline:none!important}.wz-input-no-border .wz-input,.wz-input-no-border .wz-input:focus{border:none!important}.wz-input:disabled{background:var(--wz-bg-color-white,#fff);color:var(--wz-disabled-color,#eee);cursor:not-allowed;border:none}.wz-input-clear{cursor:pointer;z-index:2;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-clear:active{background:var(--wz-border-color-light,#e5e7eb)}.wz-input-password{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@media (max-width:375px){.wz-input{min-height:36px;padding:0 12px;font-size:14px}.wz-input-clear,.wz-input-password{width:28px;height:28px;right:8px}}.wz-input-affix-wrapper-textarea{width:100%;display:inline-block;position:relative}.wz-input-affix-wrapper-textarea .wz-input{text-align:left;height:auto;padding:12px 12px 30px}.wz-input-affix-wrapper-textarea .wz-input-count{color:var(--wz-text-color-secondary,#999);font-size:14px;position:absolute;bottom:8px;right:12px}.wz-input-affix-wrapper-textarea .wz-input-count-exceeded{color:var(--wz-danger-color,#f5222d)}.wz-input-has-suffix .wz-input{padding-right:100px}.wz-input-suffix{color:var(--wz-primary-color,#22c94d);align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.wz-input-suffix-divider{background-color:var(--wz-border-color-light,#e0e0e0);width:1px;height:16px;margin-right:12px}.wz-icon{justify-content:center;align-items:center;transition:color .2s ease-in-out;display:inline-flex}.wz-icon-home:before{content:""}.wz-icon-search:before{content:""}.wz-icon-person:before{content:""}.wz-icon-settings:before{content:""}.wz-icon-notifications:before{content:""}.wz-icon-message:before{content:""}.wz-icon-favorite:before{content:""}.wz-icon-star:before{content:""}.wz-icon-close:before{content:""}.wz-icon-check:before{content:""}.wz-icon-arrow-back:before{content:""}.wz-icon-arrow-forward:before{content:""}.wz-icon-menu:before{content:""}.wz-icon-more:before{content:""}.wz-icon-add:before{content:""}.wz-icon-edit:before{content:""}.wz-icon-delete:before{content:""}.wz-icon-share:before{content:""}.wz-icon-download:before{content:""}.wz-icon-upload:before{content:""}.wz-icon-refresh:before{content:""}.wz-icon-help:before{content:""}.wz-icon-info:before{content:""}.wz-icon-warning:before{content:""}.wz-icon-error:before{content:""}.wz-icon-success:before{content:""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-navbar{background-color
|
|
1
|
+
.wz-navbar{background-color:var(--wz-bg-color-white,#fff);border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);align-items:center;height:44px;display:flex;position:relative}.wz-navbar.wz-navbar-fixed{z-index:999;position:fixed;top:0;left:0;right:0}.wz-navbar-left,.wz-navbar-right{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;height:100%;padding:0 16px;display:flex}.wz-navbar-left .wz-navbar-icon,.wz-navbar-right .wz-navbar-icon{font-size:20px}.wz-navbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:500;overflow:hidden}.wz-navbar-text{font-size:14px}
|
package/dist/NavBar/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-navbar{background-color
|
|
1
|
+
.wz-navbar{background-color:var(--wz-bg-color-white,#fff);border-bottom:1px solid var(--wz-border-color-lighter,#f0f0f0);align-items:center;height:44px;display:flex;position:relative}.wz-navbar.wz-navbar-fixed{z-index:999;position:fixed;top:0;left:0;right:0}.wz-navbar-left,.wz-navbar-right{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;align-items:center;height:100%;padding:0 16px;display:flex}.wz-navbar-left .wz-navbar-icon,.wz-navbar-right .wz-navbar-icon{font-size:20px}.wz-navbar-title{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:500;overflow:hidden}.wz-navbar-text{font-size:14px}.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:""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color
|
|
1
|
+
.wz-radio-group{flex-direction:column;gap:12px;display:inline-flex}.wz-radio-group.wz-radio-group--horizontal{flex-direction:row;align-items:center}.wz-radio-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none;align-items:center;padding:8px 0;font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;transition:all .2s ease-in-out;display:inline-flex;position:relative}.wz-radio-wrapper.wz-radio--small .wz-radio-inner{width:16px;height:16px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{margin-left:8px;font-size:13px}.wz-radio-wrapper.wz-radio--medium .wz-radio-inner{width:18px;height:18px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{margin-left:12px;font-size:14px}.wz-radio-wrapper.wz-radio--large .wz-radio-inner{width:20px;height:20px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{margin-left:16px;font-size:16px}.wz-radio-wrapper.wz-radio--disabled{cursor:not-allowed;opacity:.6}.wz-radio-wrapper.wz-radio--disabled .wz-radio-inner{background-color:var(--wz-disabled-bg,#f5f7fa);border-color:var(--wz-disabled-border,#e4e7ed)}.wz-radio-wrapper.wz-radio--disabled .wz-radio-label{color:var(--wz-disabled-color,#c0c4cc)}.wz-radio-input{opacity:0;z-index:-1;width:0;height:0;margin:0;padding:0;position:absolute}.wz-radio-inner{border:1px solid var(--wz-border-color-base,#dcdfe6);background-color:var(--wz-bg-color-white,#fff);border-radius:50%;transition:all .2s ease-in-out;display:inline-block;position:relative}.wz-radio-inner:after{content:"";background-color:var(--wz-primary-color,#22c94d);border-radius:50%;width:10px;height:10px;transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.wz-radio-input:checked+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-input:checked+.wz-radio-inner:after{transform:translate(-50%,-50%)scale(1)}.wz-radio-input:focus+.wz-radio-inner{border-color:var(--wz-primary-color,#22c94d);box-shadow:0 0 0 2px #22c94d26}.wz-radio-wrapper:hover .wz-radio-inner{border-color:var(--wz-primary-color,#22c94d)}.wz-radio-label{color:var(--wz-text-color-primary,#333);font-family:"Alibaba PuHuiTi 2.0",Alibaba-PuHuiTi-Regular,PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.5}@media screen and (max-width:767px){.wz-radio-group{gap:8px}.wz-radio-wrapper.wz-radio--small .wz-radio-label{font-size:14px}.wz-radio-wrapper.wz-radio--medium .wz-radio-label{font-size:15px}.wz-radio-wrapper.wz-radio--large .wz-radio-label{font-size:16px}}
|