wz-h5-design 1.0.7 → 1.0.8
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/style/index.css +1 -1
- package/dist/Button/style.css +1 -1
- package/dist/Dialog/style.css +1 -1
- package/dist/Divider/index.js +2 -2
- package/dist/Divider/index.umd.cjs +1 -1
- package/dist/Stepper/style/index.css +1 -1
- package/dist/Stepper/style.css +1 -1
- package/dist/Tag/index.js +17 -4
- package/dist/Tag/index.umd.cjs +2 -2
- package/dist/Tag/style/index.css +1 -1
- package/dist/Tag/style.css +1 -1
- package/dist/style.css +1 -1
- package/dist/types/components/Tag/Tag.d.ts +8 -0
- package/dist/wz-h5-design.es.js +19 -6
- package/dist/wz-h5-design.umd.js +2 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0";font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:
|
|
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",PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:1}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:1}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:1}.wz-button--disabled{cursor:not-allowed;opacity:.8}.wz-button--active{opacity:.8}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);opacity:.4;background:0 0}
|
package/dist/Button/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0";font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:
|
|
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",PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:1}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:1}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:1}.wz-button--disabled{cursor:not-allowed;opacity:.8}.wz-button--active{opacity:.8}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);opacity:.4;background:0 0}
|
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:var(--wz-bg-color-white,#fff);border-radius:8px;width:85%;max-width:300px;padding-top:24px;position:relative;overflow:hidden}.wz-dialog-header{text-align:center;padding:0 24px 8px}.wz-dialog-title{font-size:18px;font-weight:500}.wz-dialog-content{text-align:center;color:var(--wz-text-color-regular,#666);padding:8px 24px 24px;font-size:14px}.wz-dialog-footer{padding:0 24px 24px;display:flex}.wz-dialog-footer .wz-dialog-button{background-color:var(--wz-primary-color,#00b578);color:var(--wz-text-color-white,#fff);border-radius:100px;flex:1}.wz-dialog-footer .wz-dialog-button:not(:last-child){margin-right:12px}.wz-button{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;gap:5px;font-family:"Alibaba PuHuiTi 2.0";font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:
|
|
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",PingFang SC,Microsoft YaHei,sans-serif;font-weight:600;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.wz-button--primary{color:var(--wz-text-color-white,#fff);background:var(--wz-primary-gradient);border:none}.wz-button--primary.wz-button--disabled{color:#fff;background-color:#d6d6d6}.wz-button--outline{color:var(--wz-primary-color,#22c94d);border:1px solid var(--wz-primary-color,#22c94d);background:0 0}.wz-button--plain{color:#666;background:0 0;border:1px solid #6663}.wz-button--plain.wz-button--disabled{opacity:.5;background:#fff!important;border:1px solid #6663!important}.wz-button--cancel{color:#fff;background:#c0c4cc;border:none}.wz-button--block{width:100%;display:flex}.wz-button--large{border-radius:23px;height:46px;padding:10px 20px;font-size:18px;line-height:1}.wz-button--medium{border-radius:23px;height:30px;padding:4px 16px;font-size:14px;line-height:1}.wz-button--small{border-radius:13px;height:26px;padding:3px 10px;font-size:13px;line-height:1}.wz-button--disabled{cursor:not-allowed;opacity:.8}.wz-button--active{opacity:.8}.wz-button__mask{pointer-events:none;border-radius:inherit;z-index:1;background:#00000014;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--disabled{pointer-events:none;border-radius:inherit;z-index:10;background:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button__mask--cancel{pointer-events:none;border-radius:inherit;z-index:10;background:#0000000f;width:100%;height:100%;position:absolute;top:0;left:0}.wz-button--text{color:var(--wz-primary-color,#22c94d);box-shadow:none;background:0 0;border:none;height:auto;padding:0 8px;transition:color .2s}.wz-button--text:active{color:var(--wz-primary-color-dark,#179a38);background:var(--wz-bg-color-base,#f5f7f9)}.wz-button--disabled.wz-button--text{color:var(--wz-disabled-color,#c0c4cc);opacity:.4;background:0 0}
|
package/dist/Divider/index.js
CHANGED
|
@@ -23,8 +23,8 @@ const Divider = ({
|
|
|
23
23
|
className: `wz-divider wz-divider--${direction} ${className}`,
|
|
24
24
|
style: {
|
|
25
25
|
background: color || defaultColor,
|
|
26
|
-
width: isVertical ?
|
|
27
|
-
height: isVertical ? length ||
|
|
26
|
+
width: isVertical ? 1 : length || "100%",
|
|
27
|
+
height: isVertical ? length || 16 : 2,
|
|
28
28
|
margin,
|
|
29
29
|
...style
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Divider=t(e.jsxRuntime)}(this,(function(e){"use strict";const t={horizontal:{default:"#f7f7f7",emphasis:"#eeeeee"},vertical:"rgba(0, 0, 0, 0.1)"};return({direction:i="horizontal",type:n="default",color:r,length:o,margin:a,style:s,className:d=""})=>{const l="vertical"===i,f=l?t.vertical:t.horizontal[n];return e.jsx("div",{className:`wz-divider wz-divider--${i} ${d}`,style:{background:r||f,width:l?
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react/jsx-runtime")):"function"==typeof define&&define.amd?define(["react/jsx-runtime"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).Divider=t(e.jsxRuntime)}(this,(function(e){"use strict";const t={horizontal:{default:"#f7f7f7",emphasis:"#eeeeee"},vertical:"rgba(0, 0, 0, 0.1)"};return({direction:i="horizontal",type:n="default",color:r,length:o,margin:a,style:s,className:d=""})=>{const l="vertical"===i,f=l?t.vertical:t.horizontal[n];return e.jsx("div",{className:`wz-divider wz-divider--${i} ${d}`,style:{background:r||f,width:l?1:o||"100%",height:l?o||16:2,margin:a,...s}})}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-stepper{box-sizing:border-box;color:var(--wz-text-color-primary,#333);background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{background:var(--wz-bg-color-white,#fff);color:var(--wz-primary-color,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color,#22c94d);color:var(--wz-primary-color,#22c94d);background:var(--wz-bg-color-light,#f8f8f8)}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:var(--wz-bg-color-light,#f7f7f7)}.wz-stepper .wz-stepper-btn:disabled{border-color:var(--wz-border-color-base,#dcdfe6);color:var(--wz-disabled-color,#c0c4cc);background:var(--wz-bg-color-light,#f8f8f8);cursor:not-allowed}.wz-stepper .wz-stepper-input-wrapper{background:var(--wz-bg-color-light,#f8f8f8);border:1.5px solid var(--wz-border-color-lighter,#f7f7f7);box-sizing:border-box;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0
|
|
1
|
+
.wz-stepper{box-sizing:border-box;color:var(--wz-text-color-primary,#333);background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{background:var(--wz-bg-color-white,#fff);color:var(--wz-primary-color,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color,#22c94d);color:var(--wz-primary-color,#22c94d);background:var(--wz-bg-color-light,#f8f8f8)}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:var(--wz-bg-color-light,#f7f7f7)}.wz-stepper .wz-stepper-btn:disabled{border-color:var(--wz-border-color-base,#dcdfe6);color:var(--wz-disabled-color,#c0c4cc);background:var(--wz-bg-color-light,#f8f8f8);cursor:not-allowed}.wz-stepper .wz-stepper-input-wrapper{background:var(--wz-bg-color-light,#f8f8f8);border:1.5px solid var(--wz-border-color-lighter,#f7f7f7);box-sizing:border-box;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0 10px;padding:10px;transition:border-color .2s;display:flex}.wz-stepper .wz-stepper-input-wrapper:focus-within{border-color:var(--wz-primary-color,#22c94d)}.wz-stepper .wz-stepper-input-wrapper:disabled{background:var(--wz-bg-color-light,#f8f8f8);border-color:var(--wz-border-color-base,#dcdfe6)}.wz-stepper .wz-stepper-prefix,.wz-stepper .wz-stepper-suffix{color:var(--wz-text-color-secondary,#999);pointer-events:none;white-space:nowrap;flex-shrink:0;align-items:center;height:100%;padding:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-input{text-align:center;color:var(--wz-text-color-primary,#333);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;caret-color:var(--wz-primary-color,#22c94d);background:0 0;border:none;outline:none;flex-shrink:0;width:100px;height:100%;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;transition:color .2s}.wz-stepper .wz-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input:disabled{color:var(--wz-disabled-color,#c0c4cc);cursor:not-allowed;background:0 0}
|
package/dist/Stepper/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-stepper{box-sizing:border-box;color:var(--wz-text-color-primary,#333);background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{background:var(--wz-bg-color-white,#fff);color:var(--wz-primary-color,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color,#22c94d);color:var(--wz-primary-color,#22c94d);background:var(--wz-bg-color-light,#f8f8f8)}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:var(--wz-bg-color-light,#f7f7f7)}.wz-stepper .wz-stepper-btn:disabled{border-color:var(--wz-border-color-base,#dcdfe6);color:var(--wz-disabled-color,#c0c4cc);background:var(--wz-bg-color-light,#f8f8f8);cursor:not-allowed}.wz-stepper .wz-stepper-input-wrapper{background:var(--wz-bg-color-light,#f8f8f8);border:1.5px solid var(--wz-border-color-lighter,#f7f7f7);box-sizing:border-box;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0
|
|
1
|
+
.wz-stepper{box-sizing:border-box;color:var(--wz-text-color-primary,#333);background:0 0;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-btn{background:var(--wz-bg-color-white,#fff);color:var(--wz-primary-color,#22c94d);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;transition:border-color .2s,color .2s,background .2s;display:flex}.wz-stepper .wz-stepper-btn:hover:not(:disabled){border-color:var(--wz-primary-color,#22c94d);color:var(--wz-primary-color,#22c94d);background:var(--wz-bg-color-light,#f8f8f8)}.wz-stepper .wz-stepper-btn:active:not(:disabled){background:var(--wz-bg-color-light,#f7f7f7)}.wz-stepper .wz-stepper-btn:disabled{border-color:var(--wz-border-color-base,#dcdfe6);color:var(--wz-disabled-color,#c0c4cc);background:var(--wz-bg-color-light,#f8f8f8);cursor:not-allowed}.wz-stepper .wz-stepper-input-wrapper{background:var(--wz-bg-color-light,#f8f8f8);border:1.5px solid var(--wz-border-color-lighter,#f7f7f7);box-sizing:border-box;border-radius:8px;align-items:center;width:-moz-fit-content;width:fit-content;min-width:0;height:40px;margin:0 10px;padding:10px;transition:border-color .2s;display:flex}.wz-stepper .wz-stepper-input-wrapper:focus-within{border-color:var(--wz-primary-color,#22c94d)}.wz-stepper .wz-stepper-input-wrapper:disabled{background:var(--wz-bg-color-light,#f8f8f8);border-color:var(--wz-border-color-base,#dcdfe6)}.wz-stepper .wz-stepper-prefix,.wz-stepper .wz-stepper-suffix{color:var(--wz-text-color-secondary,#999);pointer-events:none;white-space:nowrap;flex-shrink:0;align-items:center;height:100%;padding:0;font-size:15px;display:flex}.wz-stepper .wz-stepper-input{text-align:center;color:var(--wz-text-color-primary,#333);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:textfield;caret-color:var(--wz-primary-color,#22c94d);background:0 0;border:none;outline:none;flex-shrink:0;width:100px;height:100%;margin:0;padding:0;font-family:inherit;font-size:15px;font-weight:600;transition:color .2s}.wz-stepper .wz-stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wz-stepper .wz-stepper-input:disabled{color:var(--wz-disabled-color,#c0c4cc);cursor:not-allowed;background:0 0}.wz-icon{vertical-align:middle;display:inline-block;overflow:hidden}
|
package/dist/Tag/index.js
CHANGED
|
@@ -67,28 +67,41 @@ const Tag = (props) => {
|
|
|
67
67
|
size = "large",
|
|
68
68
|
color,
|
|
69
69
|
bgColor,
|
|
70
|
+
borderColor,
|
|
71
|
+
borderRadius,
|
|
70
72
|
fontWeight,
|
|
71
73
|
className,
|
|
72
74
|
style,
|
|
73
75
|
children
|
|
74
76
|
} = props;
|
|
75
|
-
const classes = classnames(
|
|
77
|
+
const classes = classnames(
|
|
78
|
+
"wz-tag",
|
|
79
|
+
`wz-tag-${type}`,
|
|
80
|
+
`wz-tag-${size}`,
|
|
81
|
+
className
|
|
82
|
+
);
|
|
76
83
|
const tagStyle = useMemo(() => {
|
|
77
84
|
const newStyle = { ...style };
|
|
78
85
|
if (color) {
|
|
79
86
|
newStyle.color = color;
|
|
80
|
-
if (type === "line") {
|
|
87
|
+
if (type === "line" && !borderColor) {
|
|
81
88
|
newStyle.borderColor = hexToRgba(color, 0.5);
|
|
82
89
|
}
|
|
83
90
|
}
|
|
84
|
-
if (
|
|
91
|
+
if (borderColor && type === "line") {
|
|
92
|
+
newStyle.borderColor = borderColor;
|
|
93
|
+
}
|
|
94
|
+
if (bgColor) {
|
|
85
95
|
newStyle.backgroundColor = bgColor;
|
|
86
96
|
}
|
|
97
|
+
if (borderRadius !== void 0) {
|
|
98
|
+
newStyle.borderRadius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
|
|
99
|
+
}
|
|
87
100
|
if (fontWeight) {
|
|
88
101
|
newStyle.fontWeight = fontWeight;
|
|
89
102
|
}
|
|
90
103
|
return newStyle;
|
|
91
|
-
}, [type, color, bgColor, fontWeight, style]);
|
|
104
|
+
}, [type, color, bgColor, borderColor, borderRadius, fontWeight, style]);
|
|
92
105
|
return /* @__PURE__ */ jsx("div", { className: classes, style: tagStyle, children });
|
|
93
106
|
};
|
|
94
107
|
export {
|
package/dist/Tag/index.umd.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
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).Tag=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n
|
|
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).Tag=t(e.jsxRuntime,e.React)}(this,(function(e,t){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var o,n={exports:{}};
|
|
2
2
|
/*!
|
|
3
3
|
Copyright (c) 2018 Jed Watson.
|
|
4
4
|
Licensed under the MIT License (MIT), see
|
|
5
5
|
http://jedwatson.github.io/classnames
|
|
6
|
-
*/n
|
|
6
|
+
*/o=n,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var i=typeof n;if("string"===i||"number"===i)r.push(n);else if(Array.isArray(n)){if(n.length){var s=t.apply(null,n);s&&r.push(s)}}else if("object"===i){if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]")){r.push(n.toString());continue}for(var a in n)e.call(n,a)&&n[a]&&r.push(a)}}}return r.join(" ")}o.exports?(t.default=t,o.exports=t):window.classNames=t}();const i=r(n.exports);return r=>{const{type:o="solid",size:n="large",color:s,bgColor:a,borderColor:l,borderRadius:u,fontWeight:c,className:f,style:p,children:d}=r,g=i("wz-tag",`wz-tag-${o}`,`wz-tag-${n}`,f),b=t.useMemo((()=>{const e={...p};return s&&(e.color=s,"line"!==o||l||(e.borderColor=function(e,t){let r=e.replace("#","");return 3===r.length&&(r=r.split("").map((e=>e+e)).join("")),`rgba(${parseInt(r.substring(0,2),16)}, ${parseInt(r.substring(2,4),16)}, ${parseInt(r.substring(4,6),16)}, ${t})`}(s,.5))),l&&"line"===o&&(e.borderColor=l),a&&(e.backgroundColor=a),void 0!==u&&(e.borderRadius="number"==typeof u?`${u}px`:u),c&&(e.fontWeight=c),e}),[o,s,a,l,u,c,p]);return e.jsx("div",{className:g,style:b,children:d})}}));
|
package/dist/Tag/style/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:var(--wz-text-color-regular,#666);background-color:var(--wz-bg-color-light,#f7f7f7)}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:
|
|
1
|
+
.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:var(--wz-text-color-regular,#666);background-color:var(--wz-bg-color-light,#f7f7f7)}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:20px;padding:0 6px;font-size:13px;line-height:20px}.wz-tag.wz-tag-small{border-radius:3px;height:16px;padding:0 4px;font-size:12px;line-height:16px}.wz-tag.wz-tag-copyable{cursor:pointer;-webkit-user-select:none;user-select:none}
|
package/dist/Tag/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:var(--wz-text-color-regular,#666);background-color:var(--wz-bg-color-light,#f7f7f7)}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:
|
|
1
|
+
.wz-tag{white-space:nowrap;box-sizing:border-box;vertical-align:middle;align-items:center;display:inline-flex}.wz-tag.wz-tag-solid{color:var(--wz-text-color-regular,#666);background-color:var(--wz-bg-color-light,#f7f7f7)}.wz-tag.wz-tag-line{background-color:#0000;border:1px solid}.wz-tag.wz-tag-large{border-radius:4px;height:20px;padding:0 6px;font-size:13px;line-height:20px}.wz-tag.wz-tag-small{border-radius:3px;height:16px;padding:0 4px;font-size:12px;line-height:16px}.wz-tag.wz-tag-copyable{cursor:pointer;-webkit-user-select:none;user-select:none}
|