@nutui/nutui 4.1.6 → 4.1.8-beta.1

package/dist/packages/trendarrow/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.css';

package/dist/packages/trendarrow/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.scss';

package/dist/packages/uploader/index.css

@@ -0,0 +1 @@
+.nut-progress{width:100%;position:relative;display:flex;align-items:center}.nut-progress .nut-progress-outer{flex:1;background-color:var(--nut-progress-outer-background-color, #f3f3f3);border-radius:var(--nut-progress-outer-border-radius, 12px);height:10px}.nut-progress .nut-progress-outer .nut-progress-inner{width:30%;height:100%;border-radius:var(--nut-progress-outer-border-radius, 12px);background:var(--nut-progress-inner-background-color, linear-gradient(135deg, var(--nut-primary-color, #fa2c19) 0%, var(--nut-primary-color-end, #fa6419) 100%));-webkit-transition:all .4s;transition:all .4s}.nut-progress .nut-progress-outer .nut-progress-text{display:flex;flex-direction:column;justify-content:center;color:#fff}.nut-progress .nut-progress-outer .nut-progress-slot{display:flex;justify-content:center;align-items:center}.nut-progress .nut-progress-outer .nut-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nut-progress-outer-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-progress .nut-progress-outer.nut-progress-small{height:var(--nut-progress-small-height, 5px)}.nut-progress .nut-progress-outer.nut-progress-small .nut-progress-text{font-size:var(--nut-progress-small-text-font-size, 7px);line-height:var(--nut-progress-small-text-line-height, 10px);padding:var(--nut-progress-small-text-padding, 2px 4px);top:50%}.nut-progress .nut-progress-outer.nut-progress-base{height:var(--nut-progress-base-height, 10px)}.nut-progress .nut-progress-outer.nut-progress-base .nut-progress-text{font-size:var(--nut-progress-base-text-font-size, 9px);line-height:var(--nut-progress-base-text-line-height, 13px);padding:var(--nut-progress-base-text-padding, var(--nut-progress-insidetext-padding, 3px 5px 3px 6px));top:50%}.nut-progress .nut-progress-outer.nut-progress-large{height:var(--nut-progress-large-height, 15px)}.nut-progress .nut-progress-outer.nut-progress-large .nut-progress-text{font-size:var(--nut-progress-large-text-font-size, 13px);line-height:var(--nut-progress-large-text-line-height, 18px);padding:var(--nut-progress-large-text-padding, var(--nut-progress-insidetext-padding, 3px 5px 3px 6px));top:50%}.nut-progress .nut-progress-outer-part{width:90%}.nut-progress .nut-progress-text{padding:0 5px;font-size:13px;line-height:1;min-width:35px;display:flex;align-items:center}.nut-progress .nut-progress-insidetext{padding:var(--nut-progress-insidetext-padding, 3px 5px 3px 6px);background:var(--nut-progress-insidetext-background, var(--nut-progress-inner-background-color, linear-gradient(135deg, var(--nut-primary-color, #fa2c19) 0%, var(--nut-primary-color-end, #fa6419) 100%)));border-radius:var(--nut-progress-insidetext-border-radius, 5px);position:absolute;transition:all .4s;top:50%;min-width:0px}.nut-progress .nut-icon-success,.nut-progress .nut-icon-fail{width:10px;height:10px;display:inline-block}.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-button::after{border:none}.nut-button:active::before{opacity:.1}.nut-button__wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-theme-dark .nut-uploader__preview-list{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .close{color:var(--nut-dark-color, var(--nut-white, #fff)) !important}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader__slot{position:relative}.nut-uploader__upload{position:relative;background:var(--nut-uploader-background, #f7f8fa);width:var(--nut-uploader-picture-width, 100px);height:var(--nut-uploader-picture-height, 100px);display:flex;align-items:center;justify-content:center}.nut-uploader__input{position:absolute !important;top:0;left:0;width:100% !important;height:100% !important;overflow:hidden;cursor:pointer !important;opacity:0}.nut-uploader__input:disabled,.nut-uploader__input.disabled{cursor:not-allowed !important}.nut-uploader__preview{display:flex;align-items:center;justify-content:center;margin-right:10px;margin-bottom:10px;box-shadow:0 2px 10px 0 rgba(0,0,0,.1)}.nut-uploader__preview__progress{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-uploader__preview__progress__msg{color:var(--nut-white, #fff);font-size:12px;margin-top:6px}.nut-uploader__preview.list{width:100%;margin-right:0px;margin-bottom:0px;margin-top:10px}.nut-uploader__preview-list{width:100%;height:32px;display:flex;flex-direction:column;position:relative}.nut-uploader__preview-list .nut-uploader__preview-img__file__name{padding:2px 4px;display:flex;align-items:center;height:100%}.nut-uploader__preview-list .nut-uploader__preview-img__file__name .file__name_tips{margin-left:4px;padding:0 20px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-list .nut-uploader__preview-img__file__del{position:absolute;right:6px;top:6px}.nut-uploader__preview-list .nut-uploader__preview-img__file__link{position:absolute;left:6px;top:8px}.nut-uploader__preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader__preview-list .nut-progress .nut-progress-outer{height:2px !important}.nut-uploader__preview-img{position:relative;width:var(--nut-uploader-picture-width, 100px);height:var(--nut-uploader-picture-height, 100px);display:flex;align-items:center;justify-content:center;border-radius:6px}.nut-uploader__preview-img .close{position:absolute;right:0;top:0;color:rgba(0,0,0,.6);transform:translate(50%, -50%)}.nut-uploader__preview-img .tips{position:absolute;bottom:0;left:0;right:0;text-align:center;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--nut-white, #fff);height:0px;transition:height .3s;background:rgba(0,0,0,.54);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-img__c{max-width:100%;max-height:100%;border-radius:6px}.nut-uploader__preview-img__file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader__preview-img__file__name{display:flex;width:100%;font-size:12px;color:var(--nut-text-color, #808080);padding:10px;height:100%;overflow:hidden;box-sizing:border-box;align-items:center}.nut-uploader__preview-img__file__name.error{color:red !important}.nut-uploader__preview-img__file__name.success{color:#1890ff !important}

package/dist/packages/uploader/index.scss

@@ -27,9 +27,6 @@
     display: flex;
     align-items: center;
     justify-content: center;
-
-    &.list {
-    }
   }
 
   &__input {
@@ -53,7 +50,7 @@
     justify-content: center;
     margin-right: 10px;
     margin-bottom: 10px;
-    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
+    box-shadow: 0 2px 10px 0 rgba(#000, 0.1);
 
     &__progress {
       position: absolute;

package/dist/packages/uploader/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.css';

package/dist/packages/uploader/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.scss';

package/dist/packages/video/index.css

@@ -0,0 +1 @@
+.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video .nut-video-mask{width:100%;position:absolute;left:0;top:0;right:0;bottom:60px}.nut-video .nut-video-mask.custom-touch{bottom:0}.nut-video video{width:100%;height:100%;object-fit:fill}.nut-video-play-btn{width:80px;height:50px;margin-top:-25px;display:flex;align-items:center;justify-content:center;border:0;background-color:rgba(0,0,0,.45);color:#fff;transition:border-color .4s,outline .4s,background-color .4s;position:absolute;top:50%;left:50%;margin-left:-40px;padding:0;cursor:pointer;opacity:1;background-color:rgba(0,0,0,.5);font-size:30px;border-radius:20%}.nut-video-play-btn:before{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAAb1BMVEUAAAACAgL///////////////////////////////////+urq4uLi7+/v6zs7OLi4v9/f3Hx8dubm79/f39/f3z8/P5+fn9/f38/Pz4+Pipqans7Oz8/Pz29vbx8fHi4uLX19fq6urg4ODT09P5+flRzniSAAAAJXRSTlMAA6GcmZWlno+RjBYHixgNhRsJgn9PbYh7XhNBdFlHMyc6LCNmyQGEbAAAAdlJREFUSMe11tly4jAQRuHgDdnBYBazw8xk8v7POMI/1Jm0iORUKs31Vy0dMOWX78xk8nWi+SKZrVYzqfHo9Xo4nOZiY83yvW2a9vxnwRmTZta3fhq3O/xlWQodzwNqGre/HlmWuNFeyKtm+7aSSqNG4/x0/VJnTKENxtWOICkkI9YQJIEwdV2uFSSOjPEfBYkjh7kpP+3FBrEIMuzR7AmSRN5oivpdQeJI13mYsig6G8Qi1sgMU55/KUiI1uZCoCJ3BDGo9iYgQnm+IYhBWsN1MPm0VJAADYbBDGra9gQBsccYoSxXEIuCNRiPsqxUkE8Q5IGksvXpFgRkiRBkmCrf/vbLHqgryWYXyUhVrvfLLIobr7KL7/ERPT8axk/xBrImRNV9riBdKG1CNMJwvHlnjAimuiOFABURw6Ka5PNdYfc8JVO+3AEhMPZoO/2MQJE9d1Qc+MGCME9ItufRAMXv4/rXCQYkYvYQQMQi2wDVnRasAbVk+9+YADHEGhMgRKGxAUIkYp44AqSRDAE+RxAhAiQQhAARNDWpHX/DccSenAAR1HzIRoCxqCoJkEDZwxAghY6buyBAGs0uMgQYo5bnW4A1AcapfrvtCTD2FXuxEPm5l3nYyw/PP4V4LkWCqx4LAAAAAElFTkSuQmCC) no-repeat center;width:30px;height:30px;display:inline-block;background-size:contain}.nut-video-controller{position:absolute;display:flex;left:0;bottom:0;background-color:rgba(0,0,0,.5);height:35px;width:100%;z-index:11111111;align-items:center;opacity:0;transition:all 1s}.nut-video-controller.nut-video-controller--show{opacity:1}.nut-video-controller.nut-video-controller--hide{opacity:0}.nut-video-controller .nut-video-controller__playbtn{width:18px;height:18px;background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04IDV2MTRsMTEtN3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) 1x);background-repeat:no-repeat;background-position:center;margin:0 10px}.nut-video-controller .nut-video-controller__playbtn.puase{background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02IDE5aDRWNUg2djE0em04LTE0djE0aDRWNWgtNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) 1x);background-repeat:no-repeat;background-position:center}.nut-video-controller .nut-video-controller__total,.nut-video-controller .nut-video-controller__now{color:#fff;padding:0 5px;font-size:10px}.nut-video-controller .nut-video-controller__progress{position:relative;display:inline-block;height:100%;width:100%;margin:0 5px;transition:all .2s ease-in;flex:1}.nut-video-controller .nut-video-controller__progress .nut-video-controller__progress-value{position:absolute;top:50%;width:100%;height:2px;margin-top:-0.05rem;background:rgba(255,255,255,.5)}.nut-video-controller .nut-video-controller__progress .buffered{background:rgba(255,255,255,.8);height:2px}.nut-video-controller .nut-video-controller__progress .nut-video-controller__ball{width:10px;height:10px;position:absolute;top:50%;left:0;border-radius:50%}.nut-video-controller .nut-video-controller__progress .nut-video-controller__ball div{width:10px;height:10px;background:#fff;box-shadow:0px 0px 2px 0px rgba(0,0,0,.2);margin:0 -5px;border-radius:50%}.nut-video-controller .nut-video-controller__progress .nut-video-controller__ball:hover{width:15px;height:15px}.nut-video-controller .nut-video-controller__full{width:40px;height:35px;background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPgo8L3N2Zz4K) 1x);background-repeat:no-repeat;background-position:center}.nut-video-controller .nut-video-controller__full.full2{background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik01IDE2aDN2M2gydi01SDV2MnptMy04SDV2Mmg1VjVIOHYzem02IDExaDJ2LTNoM3YtMmgtNXY1em0yLTExVjVoLTJ2NWg1VjhoLTN6Ii8+Cjwvc3ZnPgo=) 1x);background-repeat:no-repeat;background-position:center}.nut-video-controller .nut-video-controller__volume{width:30px;height:30px;background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0zIDl2Nmg0bDUgNVY0TDcgOUgzem0xMy41IDNjMC0xLjc3LTEuMDItMy4yOS0yLjUtNC4wM3Y4LjA1YzEuNDgtLjczIDIuNS0yLjI1IDIuNS00LjAyek0xNCAzLjIzdjIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxcy0yLjExIDUuODUtNSA2LjcxdjIuMDZjNC4wMS0uOTEgNy00LjQ5IDctOC43N3MtMi45OS03Ljg2LTctOC43N3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==) 1x);background-repeat:no-repeat;background-position:center}.nut-video-controller .nut-video-controller__volume.muted{background-image:-webkit-image-set(url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNi41IDEyYzAtMS43Ny0xLjAyLTMuMjktMi41LTQuMDN2Mi4yMWwyLjQ1IDIuNDVjLjAzLS4yLjA1LS40MS4wNS0uNjN6bTIuNSAwYzAgLjk0LS4yIDEuODItLjU0IDIuNjRsMS41MSAxLjUxQzIwLjYzIDE0LjkxIDIxIDEzLjUgMjEgMTJjMC00LjI4LTIuOTktNy44Ni03LTguNzd2Mi4wNmMyLjg5Ljg2IDUgMy41NCA1IDYuNzF6TTQuMjcgM0wzIDQuMjcgNy43MyA5SDN2Nmg0bDUgNXYtNi43M2w0LjI1IDQuMjVjLS42Ny41Mi0xLjQyLjkzLTIuMjUgMS4xOHYyLjA2YzEuMzgtLjMxIDIuNjMtLjk1IDMuNjktMS44MUwxOS43MyAyMSAyMSAxOS43M2wtOS05TDQuMjcgM3pNMTIgNEw5LjkxIDYuMDkgMTIgOC4xOFY0eiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K) 1x);background-repeat:no-repeat;background-position:center}.nut-video-error{position:absolute;width:100%;height:100%;z-index:111111;background:#000;color:#fff;text-align:center}.nut-video-error p{color:#fff}

package/dist/packages/video/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.css';

package/dist/packages/video/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.scss';

package/dist/packages/watermark/index.css

@@ -0,0 +1 @@
+.nut-watermark{position:absolute;z-index:var(--nut-watermark-z-index, 2000);left:0;right:0;top:0;bottom:0;pointer-events:none;background-repeat:repeat}.nut-watermark-full-page{position:fixed}

package/dist/packages/watermark/style/css.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.css';

package/dist/packages/watermark/style/index.mjs

@@ -0,0 +1,2 @@
+import '../../../styles/reset.css';
+import '../index.scss';

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.1.6",
+  "version": "4.1.8-beta.1",
   "contributions": {
     "html": {
       "tags": [
@@ -469,6 +469,67 @@
             }
           ]
         },
+        {
+          "name": "nut-avatar-cropper",
+          "slots": [],
+          "events": [],
+          "attributes": [
+            {
+              "name": "max-zoom",
+              "default": "3",
+              "description": "最大缩放倍数",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "space",
+              "default": "10",
+              "description": "裁剪区域两边预留的间隙",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "toolbar-position",
+              "default": "bottom",
+              "description": "裁剪区域工具栏位置,可选值为：`top` `bottom`",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "edit-text",
+              "default": "编辑",
+              "description": "中间的文字内容",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "cancel-text",
+              "default": "取消",
+              "description": "取消按钮的文字",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "cancel-confirm",
+              "default": "确认",
+              "description": "确认按钮的文字",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ]
+        },
         {
           "name": "nut-backtop",
           "slots": [],
@@ -5427,6 +5488,67 @@
             }
           ]
         },
+        {
+          "name": "nut-space",
+          "slots": [],
+          "events": [],
+          "attributes": [
+            {
+              "name": "direction",
+              "default": "`horizontal`",
+              "description": "间距方向，可选值 `vertical` `horizontal`",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "align",
+              "default": "`-`",
+              "description": "交叉轴对齐方式，可选值 `start` `end` `center` `baseline`",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "justify",
+              "default": "`-`",
+              "description": "主轴对齐方式，可选值 `start` `end` `center` `between` `around` `evenly` `stretch`",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "wrap",
+              "default": "`false`",
+              "description": "是否自动换行，仅在 horizontal 时有效",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "fill",
+              "default": "`false`",
+              "description": "是否让 Space 变为一个块级元素，填充整个父元素",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "gutter",
+              "default": "`-`",
+              "description": "间距大小，如 20px 2em，默认单位为 px，支持数组形式来分别设置横向和纵向间距",
+              "value": {
+                "type": "number | string | number[] | string[]",
+                "kind": "expression"
+              }
+            }
+          ]
+        },
         {
           "name": "nut-steps",
           "slots": [],