@autobest-ui/components 2.1.0 → 2.2.0

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.
@@ -1 +1 @@
1
- .ab-input-number{padding:.06rem .07rem;-webkit-appearance:none;outline:0;width:100%;border:1px solid #ccc;border-radius:2px;resize:none;font-size:.12rem;transition:all .3s;position:relative;background-color:transparent;z-index:2}.ab-input-number:focus{box-shadow:0 0 4px rgba(52,143,238,.8);border-color:rgba(52,143,238,.8)}.ab-input-number-wrap{position:relative;background-color:#fff;display:inline-block}.ab-input-number-button-wrap{position:absolute;user-select:none;top:50%;transform:translateY(-50%);right:.02rem}.ab-input-number-button{position:relative;width:.16rem;height:.1rem;overflow:hidden;background-color:#f1f1f1}.ab-input-number-button.ab-input-number-hover{background-color:#d0d0d0}.ab-input-number-button.ab-input-number-active{background-color:#787878}.ab-input-number-button.ab-input-number-active .ab-input-number-add{border-bottom-color:#fff}.ab-input-number-button.ab-input-number-active .ab-input-number-sub{border-top-color:#fff}.ab-input-number-button:first-child{margin-bottom:.02rem}.ab-input-number-add{position:absolute;top:-.01rem;left:.04rem;display:block;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#505050;border-left-color:transparent;border-width:.04rem;border-style:solid;width:0;height:0}.ab-input-number-sub{display:block;margin:.03rem 0 0 .04rem;border-top-color:#505050;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-width:.04rem;border-style:solid;width:0;height:0}
1
+ .ab-input-number{position:relative;border:1px solid #ccc;overflow:hidden}.ab-input-number-control{-webkit-appearance:none;display:block;outline:0;border:none;width:100%;height:100%;padding:.06rem .06rem;background-color:transparent;font-size:.12rem}.ab-input-number-arrow{font-size:.08rem;position:absolute;right:0;top:0;width:.22rem;height:100%;background-color:#fff;display:none;flex-direction:column;border-left:1px solid #f1f1f1}.ab-input-number-down,.ab-input-number-up{cursor:pointer;width:100%;height:50%;display:flex;align-items:center;justify-content:center}.ab-input-number-down:hover,.ab-input-number-up:hover{background-color:#e2e2e2}.ab-input-number-down:active,.ab-input-number-up:active{background-color:#929292;color:#fff}.ab-input-number-up{border-bottom:1px solid #f1f1f1}.ab-input-number.ab-input-number-enter,.ab-input-number.ab-input-number-focus{border-color:#348fee}.ab-input-number.ab-input-number-enter .ab-input-number-arrow,.ab-input-number.ab-input-number-focus .ab-input-number-arrow{display:flex}.ab-input-number.ab-input-number-focus{box-shadow:0 0 4px #348fee}.ab-input-number.ab-input-number-disabled .ab-input-number-control{cursor:not-allowed}
@@ -1,87 +1,70 @@
1
1
  $namespace: ab-input-number;
2
2
 
3
3
  .#{$namespace} {
4
- padding: .06rem .07rem;
5
- -webkit-appearance: none;
6
- outline: none;
7
- width: 100%;
8
- border: 1px solid #ccc;
9
- border-radius: 2px;
10
- resize: none;
11
- font-size: .12rem;
12
- transition: all .3s;
13
4
  position: relative;
14
- background-color: transparent;
15
- z-index: 2;
5
+ border: 1px solid #ccc;
6
+ overflow: hidden;
16
7
 
17
- &:focus {
18
- box-shadow: 0 0 4px rgba(#348FEE, 0.8);
19
- border-color: rgba(#348FEE, 0.8);
8
+ &-control {
9
+ -webkit-appearance: none;
10
+ display: block;
11
+ outline: none;
12
+ border: none;
13
+ width: 100%;
14
+ height: 100%;
15
+ padding: .06rem .06rem;
16
+ background-color: transparent;
17
+ font-size: .12rem;
20
18
  }
21
19
 
22
- &-wrap {
23
- position: relative;
20
+ &-arrow {
21
+ font-size: 0.08rem;
22
+ position: absolute;
23
+ right: 0;
24
+ top: 0;
25
+ width: 0.22rem;
26
+ height: 100%;
24
27
  background-color: #fff;
25
- display: inline-block;
28
+ display: none;
29
+ flex-direction: column;
30
+ border-left: 1px solid #f1f1f1;
26
31
  }
27
32
 
28
- &-button-wrap {
29
- position: absolute;
30
- user-select: none;
31
- top: 50%;
32
- transform: translateY(-50%);
33
- right: .02rem;
34
- }
33
+ &-up, &-down {
34
+ cursor: pointer;
35
+ width: 100%;
36
+ height: 50%;
37
+ display: flex;
38
+ align-items: center;
39
+ justify-content: center;
35
40
 
36
- &-button {
37
- position: relative;
38
- width: .16rem;
39
- height: .1rem;
40
- overflow: hidden;
41
- background-color: #f1f1f1;
42
- &.#{$namespace}-hover {
43
- background-color: #d0d0d0;
44
- }
45
- &.#{$namespace}-active {
46
- background-color: #787878;
47
- .#{$namespace}-add {
48
- border-bottom-color: #fff;
49
- }
50
- .#{$namespace}-sub {
51
- border-top-color: #fff;
52
- }
41
+ &:hover {
42
+ background-color: #e2e2e2;
53
43
  }
54
44
 
55
- &:first-child {
56
- margin-bottom: .02rem;
45
+ &:active {
46
+ background-color: #929292;
47
+ color: #fff;
57
48
  }
58
49
  }
59
50
 
60
- &-add {
61
- position: absolute;
62
- top: -.01rem;
63
- left: .04rem;
64
- display: block;
65
- border-top-color: transparent;
66
- border-right-color: transparent;
67
- border-bottom-color: #505050;
68
- border-left-color: transparent;
69
- border-width: .04rem;
70
- border-style: solid;
71
- width: 0;
72
- height: 0;
51
+ &-up {
52
+ border-bottom: 1px solid #f1f1f1;
73
53
  }
74
54
 
75
- &-sub {
76
- display: block;
77
- margin: .03rem 0 0 .04rem;
78
- border-top-color: #505050;
79
- border-right-color: transparent;
80
- border-bottom-color: transparent;
81
- border-left-color: transparent;
82
- border-width: .04rem;
83
- border-style: solid;
84
- width: 0;
85
- height: 0;
55
+ &.#{$namespace}-enter, &.#{$namespace}-focus {
56
+ .#{$namespace}-arrow {
57
+ display: flex;
58
+ }
59
+ border-color: #348FEE;
60
+ }
61
+
62
+ &.#{$namespace}-focus {
63
+ box-shadow: 0 0 4px #348FEE;
64
+ }
65
+ &.#{$namespace}-disabled {
66
+ .#{$namespace}-control {
67
+ cursor: not-allowed;
68
+ }
86
69
  }
87
70
  }
@@ -21,6 +21,7 @@ declare function Popover(props: PopoverProps): JSX.Element;
21
21
  declare namespace Popover {
22
22
  var defaultProps: {
23
23
  hiddenClose: boolean;
24
+ hiddenArrow: boolean;
24
25
  };
25
26
  }
26
27
  export default Popover;
@@ -49,6 +49,10 @@ function Popover(props) {
49
49
  };
50
50
 
51
51
  var onArrowStyleChange = function onArrowStyleChange(value) {
52
+ if (props.hiddenArrow) {
53
+ return;
54
+ }
55
+
52
56
  setState(value);
53
57
  };
54
58
 
@@ -80,7 +84,7 @@ function Popover(props) {
80
84
  var innerClass = (0, _classnames.default)("".concat(cls, "-inner"), innerClassName, (_a = {}, _a["".concat(cls, "-inner-expand")] = !hiddenClose, _a));
81
85
 
82
86
  function renderPopup() {
83
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderClose(), /*#__PURE__*/_react.default.createElement("i", {
87
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderClose(), props.hiddenArrow ? null : /*#__PURE__*/_react.default.createElement("i", {
84
88
  className: (0, _classnames.default)("".concat(cls, "-arrow"), arrowClassName),
85
89
  style: arrowStyle
86
90
  }), /*#__PURE__*/_react.default.createElement("div", {
@@ -91,14 +95,14 @@ function Popover(props) {
91
95
  return /*#__PURE__*/_react.default.createElement(_trigger.default, __assign({}, props, {
92
96
  wrapClassName: (0, _classnames.default)("".concat(cls, "-wrap "), props.wrapClassName),
93
97
  ref: triggerEl,
94
- hiddenArrow: false,
95
98
  popup: renderPopup,
96
99
  onArrowStyleChange: onArrowStyleChange
97
100
  }), props.children);
98
101
  }
99
102
 
100
103
  Popover.defaultProps = {
101
- hiddenClose: true
104
+ hiddenClose: true,
105
+ hiddenArrow: false
102
106
  };
103
107
  var _default = Popover;
104
108
  exports.default = _default;
@@ -389,6 +389,7 @@ function (_super) {
389
389
  wrapClassName: (0, _classnames.default)("".concat(cls, "-wrap"), dropClassName),
390
390
  visible: visible,
391
391
  trigger: "click",
392
+ hiddenArrow: true,
392
393
  isTransformHorizontalDirection: true,
393
394
  rootToPopupSpacing: 0,
394
395
  popupLimitSpacing: 10,
package/lib/style.css CHANGED
@@ -9,15 +9,15 @@ a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd
9
9
  .ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}
10
10
  .ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}}
11
11
  .ab-guide-mask.ab-mask{background-color:rgba(0,0,0,.7);z-index:4}.ab-guide-icon{position:absolute;z-index:5}.ab-guide-content{position:relative;z-index:6}
12
- .ab-input-number{padding:.06rem .07rem;-webkit-appearance:none;outline:0;width:100%;border:1px solid #ccc;border-radius:2px;resize:none;font-size:.12rem;transition:all .3s;position:relative;background-color:transparent;z-index:2}.ab-input-number:focus{box-shadow:0 0 4px rgba(52,143,238,.8);border-color:rgba(52,143,238,.8)}.ab-input-number-wrap{position:relative;background-color:#fff;display:inline-block}.ab-input-number-button-wrap{position:absolute;user-select:none;top:50%;transform:translateY(-50%);right:.02rem}.ab-input-number-button{position:relative;width:.16rem;height:.1rem;overflow:hidden;background-color:#f1f1f1}.ab-input-number-button.ab-input-number-hover{background-color:#d0d0d0}.ab-input-number-button.ab-input-number-active{background-color:#787878}.ab-input-number-button.ab-input-number-active .ab-input-number-add{border-bottom-color:#fff}.ab-input-number-button.ab-input-number-active .ab-input-number-sub{border-top-color:#fff}.ab-input-number-button:first-child{margin-bottom:.02rem}.ab-input-number-add{position:absolute;top:-.01rem;left:.04rem;display:block;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#505050;border-left-color:transparent;border-width:.04rem;border-style:solid;width:0;height:0}.ab-input-number-sub{display:block;margin:.03rem 0 0 .04rem;border-top-color:#505050;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-width:.04rem;border-style:solid;width:0;height:0}
12
+ .ab-input-number{position:relative;border:1px solid #ccc;overflow:hidden}.ab-input-number-control{-webkit-appearance:none;display:block;outline:0;border:none;width:100%;height:100%;padding:.06rem .06rem;background-color:transparent;font-size:.12rem}.ab-input-number-arrow{font-size:.08rem;position:absolute;right:0;top:0;width:.22rem;height:100%;background-color:#fff;display:none;flex-direction:column;border-left:1px solid #f1f1f1}.ab-input-number-down,.ab-input-number-up{cursor:pointer;width:100%;height:50%;display:flex;align-items:center;justify-content:center}.ab-input-number-down:hover,.ab-input-number-up:hover{background-color:#e2e2e2}.ab-input-number-down:active,.ab-input-number-up:active{background-color:#929292;color:#fff}.ab-input-number-up{border-bottom:1px solid #f1f1f1}.ab-input-number.ab-input-number-enter,.ab-input-number.ab-input-number-focus{border-color:#348fee}.ab-input-number.ab-input-number-enter .ab-input-number-arrow,.ab-input-number.ab-input-number-focus .ab-input-number-arrow{display:flex}.ab-input-number.ab-input-number-focus{box-shadow:0 0 4px #348fee}.ab-input-number.ab-input-number-disabled .ab-input-number-control{cursor:not-allowed}
13
13
  .ab-lazy-image{transition:opacity .5s}.ab-lazy-image-loading{background:#f2f2f2;overflow:hidden}.ab-lazy-image-loading.ab-lazy-image-active{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:ab-skeleton-loading 1.4s ease infinite}@keyframes ab-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}
14
14
  .ab-link-list-title{font-size:.16rem;margin:0 0;padding:0 0 .12rem 0;display:flex;justify-content:space-between;align-items:center}.ab-link-list-icon{display:none}.ab-link-list-content{flex-wrap:wrap;width:auto;margin-right:-.15rem}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span{min-width:calc(100% / 2 - .15rem);max-width:calc(100% / 2 - .15rem)}.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span{min-width:calc(100% / 4 - .15rem);max-width:calc(100% / 4 - .15rem)}.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span{min-width:calc(100% / 5 - .15rem);max-width:calc(100% / 5 - .15rem)}.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span{min-width:calc(100% / 6 - .15rem);max-width:calc(100% / 6 - .15rem)}.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(100% / 8 - .15rem);max-width:calc(100% / 8 - .15rem)}.ab-link-list-content>a,.ab-link-list-content>span{cursor:pointer;border:.5px solid #d0d0d0;margin-bottom:8px;display:inline-block;justify-content:space-between;align-items:center;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.085rem .15rem .085rem .12rem;color:#333;margin-right:.15rem}.ab-link-list-content>a:after,.ab-link-list-content>span:after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:grey;font-size:.12rem}.ab-link-list-content>a:hover,.ab-link-list-content>span:hover{text-decoration:underline;color:#f97601}.ab-link-list-content>.ab-link-list-hidden{display:none}.ab-link-list-wrap-popover.ab-popover-wrap{max-width:3.5rem;min-width:3rem}.ab-link-list-sub-title{display:block;padding-bottom:.06rem;font-size:.12rem}.ab-link-list-sub-link{text-decoration:underline;color:#333;font-size:.12rem;padding:0 .05rem .05rem 0;display:inline-block}@media only screen and (max-width:767px){.ab-link-list-divider{border-bottom:1px solid #d0d0d0}.ab-link-list-body{height:0;width:0;overflow:hidden}.ab-link-list-body.ab-link-list-active{height:auto;width:auto}.ab-link-list-content>a,.ab-link-list-content>span{min-width:calc(50% - .15rem)!important;max-width:calc(50% - .15rem)!important}.ab-link-list-icon{font-weight:700;font-size:.22rem;cursor:pointer;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center}}
15
15
  .ab-loading-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,.7);height:100%;width:100%}.ab-loading-wrap .ab-loading-content{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.31rem;transform:translate3d(-50%,-50%,0)}
16
16
  .ab-loading-bar{position:fixed;top:0;left:0;margin-bottom:-3px;height:3px;width:100%;z-index:999}@keyframes movingBar{0%{left:50%;right:50%}99.9%{left:0;right:0}100%{left:50%;right:50%}}@keyframes changeBar{0%{background-color:#0aa770}33.3%{background-color:#0aa770}33.33%{background-color:red}66.6%{background-color:#f987d6}66.66%{background-color:#f987d6}99.9%{background-color:#00bcd4}}.ab-loading-bar-bar{position:absolute;height:0;width:100%;text-indent:-9999px;background-color:#0aa770;animation:changeBar 2.25s infinite}.ab-loading-bar-bar:before{content:"";height:3px;position:absolute;left:50%;right:50%;background-color:inherit;animation:movingBar .75s infinite}
17
17
  .ab-loading-container{position:relative}.ab-loading-container-active{user-select:none;pointer-events:none}.ab-loading-container-icon-box{position:absolute;background-color:rgba(255,255,255,.7);top:0;left:0;z-index:4;display:block;width:100%;height:100%}.ab-loading-container-icon{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
18
18
  .ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:loading 1s infinite linear reverse}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
19
- .ab-mask{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.45);transition:opacity .4s cubic-bezier(.7,.3,.1,1)}.ab-mask-fade-appear,.ab-mask-fade-enter{opacity:0}.ab-mask-fade-appear-active,.ab-mask-fade-enter-active,.ab-mask-fade-enter-done{opacity:1}.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{display:none}
20
19
  .ab-message-container{position:fixed;left:0;bottom:0}.ab-message-content{display:flex;align-items:center;justify-content:space-between;max-width:calc(100vw - .3rem);border-radius:.02rem;margin:.08rem .15rem;padding:.08rem;background-color:#333;color:#fff;box-shadow:0 .04rem .08rem #00000059;transition:opacity .3s}.ab-message-close{display:flex;align-items:center;justify-content:center;cursor:pointer;width:.2rem;height:.2rem;font-size:.2rem;margin-left:.08rem;color:#b0b0b0}.ab-message-close:hover{color:#fff}.ab-message-fade-appear,.ab-message-fade-enter{opacity:0}.ab-message-fade-appear-active,.ab-message-fade-enter-active,.ab-message-fade-enter-done{opacity:1}.ab-message-fade-exit{opacity:1}.ab-message-fade-exit-active{opacity:0}.ab-message-fade-exit-done{display:none}@media only screen and (max-width:767px){.ab-message-content{width:calc(100vw - .3rem);margin:.08rem .15rem}}
20
+ .ab-mask{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.45);transition:opacity .4s cubic-bezier(.7,.3,.1,1)}.ab-mask-fade-appear,.ab-mask-fade-enter{opacity:0}.ab-mask-fade-appear-active,.ab-mask-fade-enter-active,.ab-mask-fade-enter-done{opacity:1}.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{display:none}
21
21
  .ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active{transform:translateZ(0);opacity:1}.ab-modal-fade-enter-done{transform:translateZ(0);opacity:1}.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}
22
22
  .ab-move{cursor:move;visibility:hidden;transform-origin:center center}
23
23
  .ab-popover-wrap{background-color:#fff;background-clip:padding-box;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:.08rem .11rem .05rem;min-width:210px;border-radius:4px}.ab-popover-inner{position:relative;width:100%;overflow:hidden;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-top-color:transparent;border-left-color:transparent;border-style:solid;background-color:#fff;border-right-color:#fff;border-bottom-color:#fff;border-width:4px;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}}
@@ -61,6 +61,9 @@ export interface TriggerProps {
61
61
  rootToPopupSpacing?: number;
62
62
  popupLimitSpacing?: number;
63
63
  isTransformHorizontalDirection?: boolean;
64
+ /**
65
+ * 隐藏箭头
66
+ */
64
67
  hiddenArrow?: boolean;
65
68
  /**
66
69
  * 箭头样式重置
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autobest-ui/components",
3
- "version": "2.1.0",
3
+ "version": "2.2.0",
4
4
  "private": false,
5
5
  "description": "components common ui for React",
6
6
  "main": "lib/index.js",
@@ -41,10 +41,10 @@
41
41
  },
42
42
  "homepage": "https://autobest.visualstudio.com/AutoBestChina/_git/AutobestFrontendCommon#readme",
43
43
  "peerDependencies": {
44
- "@autobest-ui/utils": ">=2.0.0",
44
+ "@autobest-ui/utils": ">=2.0.1",
45
45
  "intersection-observer": ">=0.12.0",
46
46
  "react": ">=16.8.6",
47
47
  "react-transition-group": ">=4.2.2"
48
48
  },
49
- "gitHead": "1d4466a308912ee7251003a834d85125654918f9"
49
+ "gitHead": "454c096cea623be1067ba4152bc5f57af73f8cca"
50
50
  }