@nutui/nutui-react 3.0.0-beta.9 → 3.0.0

package/dist/es/packages/lottie/animation/light/pulltorefresh.json

@@ -0,0 +1 @@
+{"v":"5.8.1","fr":24,"ip":0,"op":33,"w":396,"h":78,"nm":"下拉刷新,是否反白=off,暗黑=OFF 3倍","ddd":0,"assets":[{"id":"comp_0","nm":"下拉刷新,是否反白=off,暗黑=OFF","fr":24,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"闪电","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[22.796,14.149,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":-8,"s":[100,100,100],"e":[120,120,100]},{"i":{"x":[0.3,0.3,0.25],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.75],"y":[0,0,0]},"t":0,"s":[120,120,100],"e":[90,90,100]},{"i":{"x":[0.25,0.25,0.25],"y":[1,1,1]},"o":{"x":[0.167,0.167,0.167],"y":[0,0,0]},"t":8,"s":[90,90,100],"e":[90,90,100]},{"i":{"x":[0.3,0.3,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":25,"s":[90,90,100],"e":[120,120,100]},{"i":{"x":[0.3,0.3,0.25],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.75],"y":[0,0,0]},"t":33,"s":[120,120,100],"e":[90,90,100]},{"t":41}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":-8,"s":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}],"e":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":-4,"s":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}],"e":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":4,"s":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}],"e":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":8,"s":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}],"e":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":25,"s":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}],"e":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":29,"s":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}],"e":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":37,"s":[{"i":[[4.898,0],[1.703,-1.068],[0.315,0.242],[1.089,-2.371],[0.589,-0.524],[-2.202,-0.998],[-0.988,0.967],[-5.486,0],[-1.492,4.334],[-1.931,0.872],[0.589,0.544],[1.238,2.722],[0.694,-0.484],[0,0]],"o":[[-4.856,0],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[1.492,4.334],[5.465,0],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.703,-1.048]],"v":[[-0.02,-9.985],[-9.06,-7.647],[-10.468,-8.896],[-13.81,-7.243],[-17.531,-1.72],[-16.27,1.424],[-10.804,0.517],[0.043,8.015],[10.891,0.517],[16.356,1.424],[17.575,-1.72],[13.855,-7.264],[10.534,-8.896],[9.062,-7.647]],"c":true}],"e":[{"i":[[0,0],[0.521,-0.443],[0.141,-0.727],[0,0],[0,0],[-1.262,0],[0,0],[0,0],[-1.515,1.086],[0,0],[1.962,0],[0,0],[0,0],[1.389,0]],"o":[[-0.715,0],[-0.521,0.443],[0,0],[0,0],[-0.248,1.284],[0,0],[0,0],[-0.442,1.854],[0,0],[1.614,-1.156],[0,0],[0,0],[0.477,-1.353],[0,0]],"v":[[-4.961,-12.211],[-6.862,-11.507],[-7.902,-9.712],[-9.216,-2.91],[-10.531,3.892],[-8.57,6.374],[-6.222,6.374],[-6.951,9.437],[-3.873,11.641],[9.712,1.907],[8.575,-1.873],[7.118,-1.873],[9.778,-9.426],[7.899,-12.211]],"c":true}]},{"t":41}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":-8,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":-6,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":-2,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.83137254902,0.83137254902,0.83137254902,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":4,"s":[0.83137254902,0.83137254902,0.83137254902,1],"e":[0.894117647059,0.894117647059,0.894117647059,1]},{"i":{"x":[0.833],"y":[0.711]},"o":{"x":[0.33],"y":[0]},"t":8,"s":[0.894117647059,0.894117647059,0.894117647059,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":25,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":27,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":31,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":37,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"t":41}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":309,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"房子","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[66.063,13,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.3,0.3,0.67],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.33],"y":[0,0,0]},"t":3,"s":[90,90,100],"e":[120,120,100]},{"i":{"x":[0.3,0.3,0.25],"y":[1,1,1]},"o":{"x":[0.33,0.33,0.75],"y":[0,0,0]},"t":11,"s":[120,120,100],"e":[90,90,100]},{"t":19}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":3,"s":[{"i":[[0.697,0.001],[0.528,-0.529],[0,0],[-0.272,-0.273],[0,0],[-0.272,0.273],[0,0],[0,0],[-0.248,-0.339],[-0.674,0],[0,0],[0,1.126],[0,0],[0,0],[-0.272,0.273],[0,0],[0.272,0.273],[0,0]],"o":[[-0.698,-0.001],[0,0],[-0.272,0.273],[0,0],[0.272,0.273],[0,0],[0,0],[0,0.45],[0.372,0.509],[0,0],[1.123,0],[0,0],[0,0],[0.272,0.273],[0,0],[0.238,-0.341],[0,0],[-0.527,-0.528]],"v":[[0.002,-11.631],[-1.923,-10.838],[-12.165,-0.534],[-12.165,0.421],[-11.655,0.933],[-10.702,0.933],[-10.668,0.933],[-10.634,9.258],[-10.239,10.465],[-8.592,11.306],[8.694,11.306],[10.736,9.258],[10.702,0.967],[10.736,1.001],[11.689,1.001],[12.199,0.49],[12.165,-0.534],[1.923,-10.838]],"c":true}],"e":[{"i":[[2.01,0],[1.313,-0.333],[0.995,-0.624],[0.315,0.242],[1.072,-2.378],[0.589,-0.524],[-2.207,-0.988],[-0.988,0.967],[-1.398,-1.257],[-3.193,0],[-1.954,1.762],[-0.621,1.802],[-1.934,0.867],[0.589,0.544],[1.24,2.721],[0.694,-0.484],[0,0],[1.881,0.472]],"o":[[-2.019,0],[-1.845,0.468],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[0.624,1.811],[1.948,1.751],[3.193,0],[1.39,-1.254],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.004,-0.618],[-1.309,-0.329]],"v":[[-0.051,-9],[-4.991,-8.447],[-9.091,-6.662],[-10.499,-7.912],[-13.842,-6.259],[-17.562,-0.736],[-16.301,2.409],[-10.836,1.502],[-7.775,6.177],[0.012,9],[7.814,6.158],[10.859,1.502],[16.325,2.409],[17.544,-0.736],[13.823,-6.279],[10.502,-7.912],[9.031,-6.662],[4.871,-8.454]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":7,"s":[{"i":[[2.01,0],[1.313,-0.333],[0.995,-0.624],[0.315,0.242],[1.072,-2.378],[0.589,-0.524],[-2.207,-0.988],[-0.988,0.967],[-1.398,-1.257],[-3.193,0],[-1.954,1.762],[-0.621,1.802],[-1.934,0.867],[0.589,0.544],[1.24,2.721],[0.694,-0.484],[0,0],[1.881,0.472]],"o":[[-2.019,0],[-1.845,0.468],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[0.624,1.811],[1.948,1.751],[3.193,0],[1.39,-1.254],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.004,-0.618],[-1.309,-0.329]],"v":[[-0.051,-9],[-4.991,-8.447],[-9.091,-6.662],[-10.499,-7.912],[-13.842,-6.259],[-17.562,-0.736],[-16.301,2.409],[-10.836,1.502],[-7.775,6.177],[0.012,9],[7.814,6.158],[10.859,1.502],[16.325,2.409],[17.544,-0.736],[13.823,-6.279],[10.502,-7.912],[9.031,-6.662],[4.871,-8.454]],"c":true}],"e":[{"i":[[2.01,0],[1.313,-0.333],[0.995,-0.624],[0.315,0.242],[1.072,-2.378],[0.589,-0.524],[-2.207,-0.988],[-0.988,0.967],[-1.398,-1.257],[-3.193,0],[-1.954,1.762],[-0.621,1.802],[-1.934,0.867],[0.589,0.544],[1.24,2.721],[0.694,-0.484],[0,0],[1.881,0.472]],"o":[[-2.019,0],[-1.845,0.468],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[0.624,1.811],[1.948,1.751],[3.193,0],[1.39,-1.254],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.004,-0.618],[-1.309,-0.329]],"v":[[-0.051,-9],[-4.991,-8.447],[-9.091,-6.662],[-10.499,-7.912],[-13.842,-6.259],[-17.562,-0.736],[-16.301,2.409],[-10.836,1.502],[-7.775,6.177],[0.012,9],[7.814,6.158],[10.859,1.502],[16.325,2.409],[17.544,-0.736],[13.823,-6.279],[10.502,-7.912],[9.031,-6.662],[4.871,-8.454]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":15,"s":[{"i":[[2.01,0],[1.313,-0.333],[0.995,-0.624],[0.315,0.242],[1.072,-2.378],[0.589,-0.524],[-2.207,-0.988],[-0.988,0.967],[-1.398,-1.257],[-3.193,0],[-1.954,1.762],[-0.621,1.802],[-1.934,0.867],[0.589,0.544],[1.24,2.721],[0.694,-0.484],[0,0],[1.881,0.472]],"o":[[-2.019,0],[-1.845,0.468],[0,0],[-0.694,-0.484],[-1.24,2.701],[-0.568,0.524],[1.913,0.867],[0.624,1.811],[1.948,1.751],[3.193,0],[1.39,-1.254],[0.925,0.907],[2.186,-0.988],[-0.568,-0.524],[-1.072,-2.358],[-0.336,0.242],[-1.004,-0.618],[-1.309,-0.329]],"v":[[-0.051,-9],[-4.991,-8.447],[-9.091,-6.662],[-10.499,-7.912],[-13.842,-6.259],[-17.562,-0.736],[-16.301,2.409],[-10.836,1.502],[-7.775,6.177],[0.012,9],[7.814,6.158],[10.859,1.502],[16.325,2.409],[17.544,-0.736],[13.823,-6.279],[10.502,-7.912],[9.031,-6.662],[4.871,-8.454]],"c":true}],"e":[{"i":[[0.697,0.001],[0.528,-0.529],[0,0],[-0.272,-0.273],[0,0],[-0.272,0.273],[0,0],[0,0],[-0.248,-0.339],[-0.674,0],[0,0],[0,1.126],[0,0],[0,0],[-0.272,0.273],[0,0],[0.272,0.273],[0,0]],"o":[[-0.698,-0.001],[0,0],[-0.272,0.273],[0,0],[0.272,0.273],[0,0],[0,0],[0,0.45],[0.372,0.509],[0,0],[1.123,0],[0,0],[0,0],[0.272,0.273],[0,0],[0.238,-0.341],[0,0],[-0.527,-0.528]],"v":[[0.002,-11.631],[-1.923,-10.838],[-12.165,-0.534],[-12.165,0.421],[-11.655,0.933],[-10.702,0.933],[-10.668,0.933],[-10.634,9.258],[-10.239,10.465],[-8.592,11.306],[8.694,11.306],[10.736,9.258],[10.702,0.967],[10.736,1.001],[11.689,1.001],[12.199,0.49],[12.165,-0.534],[1.923,-10.838]],"c":true}]},{"t":19}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":3,"s":[0.894117712975,0.894117712975,0.894117712975,1],"e":[0.894117712975,0.894117712975,0.894117712975,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":5,"s":[0.894117712975,0.894117712975,0.894117712975,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":9,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":15,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.894117712975,0.894117712975,0.894117712975,1]},{"t":19}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":309,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"太阳","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[109.062,13.108,0],"ix":2,"l":2},"a":{"a":0,"k":[0,0,0],"ix":1,"l":2},"s":{"a":1,"k":[{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.226,0.226,0.33],"y":[0,0,0]},"t":14,"s":[90,90,100],"e":[120,120,100]},{"i":{"x":[0.67,0.67,0.67],"y":[1,1,1]},"o":{"x":[0.226,0.226,0.33],"y":[0,0,0]},"t":22,"s":[120,120,100],"e":[90,90,100]},{"t":30}],"ix":6,"l":2}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":14,"s":[{"i":[[-0.511,0.984],[-1.248,-0.063],[-0.604,-1.17],[-1.056,0.339],[0.852,-2.612],[-0.988,-0.509],[2.453,-1.255],[-0.341,-1.051],[2.624,0.848],[0.511,-0.984],[1.197,0.007],[0.632,1.224],[1.056,-0.339],[-0.852,2.646],[0.988,0.509],[-2.453,1.255],[0.341,1.052],[-2.624,-0.848]],"o":[[0.664,-1.278],[1.148,0.058],[0.509,0.985],[2.625,-0.843],[-0.343,1.051],[2.464,1.268],[-0.99,0.506],[0.847,2.613],[-1.056,-0.341],[-0.636,1.224],[-1.202,-0.007],[-0.509,-0.985],[-2.625,0.843],[0.339,-1.052],[-2.464,-1.268],[0.99,-0.506],[-0.847,-2.613],[1.056,0.341]],"v":[[-2.999,-11.292],[0.189,-13.107],[3.067,-11.258],[5.793,-10.139],[10.052,-5.865],[11.177,-3.152],[11.143,2.886],[10.018,5.599],[5.725,9.839],[2.999,10.958],[-0.031,12.777],[-3.067,10.924],[-5.793,9.805],[-10.052,5.531],[-11.177,2.818],[-11.143,-3.22],[-10.018,-5.933],[-5.725,-10.173]],"c":true}],"e":[{"i":[[0,0],[-4.856,0],[-1.703,-1.048],[-0.336,0.242],[-1.072,-2.358],[-0.568,-0.524],[2.186,-0.988],[0.925,0.907],[1.198,-1.194],[0.377,-0.287],[2.837,0],[1.867,1.415],[0.361,0.368],[0.55,1.596],[1.913,0.867],[-0.568,0.524],[-1.24,2.701],[-0.694,-0.484]],"o":[[1.703,-1.068],[4.898,0],[0,0],[0.694,-0.484],[1.24,2.721],[0.589,0.544],[-1.934,0.867],[-0.562,1.631],[-0.332,0.331],[-1.873,1.427],[-2.836,0],[-0.415,-0.315],[-1.156,-1.179],[-0.988,0.967],[-2.207,-0.988],[0.589,-0.524],[1.072,-2.378],[0.315,0.242]],"v":[[-9.091,-6.795],[-0.051,-9.133],[9.031,-6.795],[10.502,-8.044],[13.823,-6.412],[17.544,-0.869],[16.325,2.276],[10.859,1.369],[8.199,5.66],[7.135,6.587],[0.012,8.867],[-7.094,6.607],[-8.258,5.581],[-10.836,1.369],[-16.301,2.276],[-17.562,-0.869],[-13.842,-6.391],[-10.499,-8.044]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":18,"s":[{"i":[[0,0],[-4.856,0],[-1.703,-1.048],[-0.336,0.242],[-1.072,-2.358],[-0.568,-0.524],[2.186,-0.988],[0.925,0.907],[1.198,-1.194],[0.377,-0.287],[2.837,0],[1.867,1.415],[0.361,0.368],[0.55,1.596],[1.913,0.867],[-0.568,0.524],[-1.24,2.701],[-0.694,-0.484]],"o":[[1.703,-1.068],[4.898,0],[0,0],[0.694,-0.484],[1.24,2.721],[0.589,0.544],[-1.934,0.867],[-0.562,1.631],[-0.332,0.331],[-1.873,1.427],[-2.836,0],[-0.415,-0.315],[-1.156,-1.179],[-0.988,0.967],[-2.207,-0.988],[0.589,-0.524],[1.072,-2.378],[0.315,0.242]],"v":[[-9.091,-6.795],[-0.051,-9.133],[9.031,-6.795],[10.502,-8.044],[13.823,-6.412],[17.544,-0.869],[16.325,2.276],[10.859,1.369],[8.199,5.66],[7.135,6.587],[0.012,8.867],[-7.094,6.607],[-8.258,5.581],[-10.836,1.369],[-16.301,2.276],[-17.562,-0.869],[-13.842,-6.391],[-10.499,-8.044]],"c":true}],"e":[{"i":[[0,0],[-4.856,0],[-1.703,-1.048],[-0.336,0.242],[-1.072,-2.358],[-0.568,-0.524],[2.186,-0.988],[0.925,0.907],[1.198,-1.194],[0.377,-0.287],[2.837,0],[1.867,1.415],[0.361,0.368],[0.55,1.596],[1.913,0.867],[-0.568,0.524],[-1.24,2.701],[-0.694,-0.484]],"o":[[1.703,-1.068],[4.898,0],[0,0],[0.694,-0.484],[1.24,2.721],[0.589,0.544],[-1.934,0.867],[-0.562,1.631],[-0.332,0.331],[-1.873,1.427],[-2.836,0],[-0.415,-0.315],[-1.156,-1.179],[-0.988,0.967],[-2.207,-0.988],[0.589,-0.524],[1.072,-2.378],[0.315,0.242]],"v":[[-9.091,-6.795],[-0.051,-9.133],[9.031,-6.795],[10.502,-8.044],[13.823,-6.412],[17.544,-0.869],[16.325,2.276],[10.859,1.369],[8.199,5.66],[7.135,6.587],[0.012,8.867],[-7.094,6.607],[-8.258,5.581],[-10.836,1.369],[-16.301,2.276],[-17.562,-0.869],[-13.842,-6.391],[-10.499,-8.044]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"t":26,"s":[{"i":[[0,0],[-4.856,0],[-1.703,-1.048],[-0.336,0.242],[-1.072,-2.358],[-0.568,-0.524],[2.186,-0.988],[0.925,0.907],[1.198,-1.194],[0.377,-0.287],[2.837,0],[1.867,1.415],[0.361,0.368],[0.55,1.596],[1.913,0.867],[-0.568,0.524],[-1.24,2.701],[-0.694,-0.484]],"o":[[1.703,-1.068],[4.898,0],[0,0],[0.694,-0.484],[1.24,2.721],[0.589,0.544],[-1.934,0.867],[-0.562,1.631],[-0.332,0.331],[-1.873,1.427],[-2.836,0],[-0.415,-0.315],[-1.156,-1.179],[-0.988,0.967],[-2.207,-0.988],[0.589,-0.524],[1.072,-2.378],[0.315,0.242]],"v":[[-9.091,-6.795],[-0.051,-9.133],[9.031,-6.795],[10.502,-8.044],[13.823,-6.412],[17.544,-0.869],[16.325,2.276],[10.859,1.369],[8.199,5.66],[7.135,6.587],[0.012,8.867],[-7.094,6.607],[-8.258,5.581],[-10.836,1.369],[-16.301,2.276],[-17.562,-0.869],[-13.842,-6.391],[-10.499,-8.044]],"c":true}],"e":[{"i":[[-0.511,0.984],[-1.248,-0.063],[-0.604,-1.17],[-1.056,0.339],[0.852,-2.612],[-0.988,-0.509],[2.453,-1.255],[-0.341,-1.051],[2.624,0.848],[0.511,-0.984],[1.197,0.007],[0.632,1.224],[1.056,-0.339],[-0.852,2.646],[0.988,0.509],[-2.453,1.255],[0.341,1.052],[-2.624,-0.848]],"o":[[0.664,-1.278],[1.148,0.058],[0.509,0.985],[2.625,-0.843],[-0.343,1.051],[2.464,1.268],[-0.99,0.506],[0.847,2.613],[-1.056,-0.341],[-0.636,1.224],[-1.202,-0.007],[-0.509,-0.985],[-2.625,0.843],[0.339,-1.052],[-2.464,-1.268],[0.99,-0.506],[-0.847,-2.613],[1.056,0.341]],"v":[[-2.999,-11.292],[0.189,-13.107],[3.067,-11.258],[5.793,-10.139],[10.052,-5.865],[11.177,-3.152],[11.143,2.886],[10.018,5.599],[5.725,9.839],[2.999,10.958],[-0.031,12.777],[-3.067,10.924],[-5.793,9.805],[-10.052,5.531],[-11.177,2.818],[-11.143,-3.22],[-10.018,-5.933],[-5.725,-10.173]],"c":true}]},{"t":30}],"ix":2},"nm":"路径 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"变换"}],"nm":"组 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":1,"k":[{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.167],"y":[0]},"t":14,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":16,"s":[0.89411765337,0.89411765337,0.89411765337,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":20,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.831372559071,0.831372559071,0.831372559071,1]},{"i":{"x":[0.25],"y":[1]},"o":{"x":[0.33],"y":[0]},"t":26,"s":[0.831372559071,0.831372559071,0.831372559071,1],"e":[0.89411765337,0.89411765337,0.89411765337,1]},{"t":30}],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"填充 1","mn":"ADBE Vector Graphic - Fill","hd":false}],"ip":0,"op":309,"st":0,"bm":0}]}],"layers":[{"ddd":0,"ind":1,"ty":0,"nm":"下拉刷新,是否反白=off,暗黑=OFF","td":1,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[198,39,0],"ix":2,"l":2},"a":{"a":0,"k":[66,13,0],"ix":1,"l":2},"s":{"a":0,"k":[300,300,100],"ix":6,"l":2}},"ao":0,"w":132,"h":26,"ip":0,"op":309,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":0,"nm":"下拉刷新,是否反白=off,暗黑=OFF","tt":1,"refId":"comp_0","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[198,39,0],"ix":2,"l":2},"a":{"a":0,"k":[66,13,0],"ix":1,"l":2},"s":{"a":0,"k":[300,300,100],"ix":6,"l":2}},"ao":0,"ef":[{"ty":29,"nm":"高斯模糊","np":5,"mn":"ADBE Gaussian Blur 2","ix":1,"en":1,"ef":[{"ty":0,"nm":"模糊度","mn":"ADBE Gaussian Blur 2-0001","ix":1,"v":{"a":0,"k":20,"ix":1}},{"ty":7,"nm":"模糊方向","mn":"ADBE Gaussian Blur 2-0002","ix":2,"v":{"a":0,"k":1,"ix":2}},{"ty":7,"nm":"重复边缘像素","mn":"ADBE Gaussian Blur 2-0003","ix":3,"v":{"a":0,"k":0,"ix":3}}]}],"w":132,"h":26,"ip":0,"op":309,"st":0,"bm":0}],"markers":[]}

package/dist/es/packages/menu/style/style.css

@@ -3,19 +3,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
@@ -68,7 +63,7 @@
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
-  background: var(--nutui-menu-content-background-color, var(--nutui-gray-1));
+  background: var(--nutui-menu-content-background-color, var(--nutui-color-background-overlay, #ffffff));
 }
 .nut-menu-container-content_fixed {
   width: 100%;
@@ -78,13 +73,13 @@
 .nut-menu-container-item {
   display: flex;
   align-items: center;
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-font-size-base, 14px);
   padding: var(--nutui-menu-item-padding, 12px 0);
 }
 .nut-menu-container-item.active {
   font-weight: var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 600));
-  color: var(--nutui-menu-item-active-color, var(--nutui-brand-6));
+  color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-container-item .nut-icon {
   display: inline-flex;
@@ -185,7 +180,7 @@
   position: relative;
   display: flex;
   line-height: var(--nutui-menu-bar-line-height, 48px);
-  background-color: var(--nutui-gray-1);
+  background-color: var(--nutui-color-background-overlay, #ffffff);
   box-shadow: var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, 0.12));
 }
 .nut-menu-bar.opened {
@@ -196,7 +191,7 @@
   flex: 1;
   text-align: center;
   font-size: var(--nutui-menu-title-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-menu-title-color, var(--nutui-gray-7));
+  color: var(--nutui-menu-title-color, var(--nutui-color-title, #1a1a1a));
   min-width: 0;
   display: flex;
   align-items: center;
@@ -215,10 +210,10 @@
   transition: all 0.2s linear;
 }
 .nut-menu-title.active {
-  color: var(--nutui-menu-item-active-color, var(--nutui-brand-6));
+  color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-title.disabled {
-  color: var(--nutui-menu-item-disabled-color, var(--nutui-gray-4));
+  color: var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #c2c4cc));
 }
 .nut-menu-title.active .nut-menu-title-icon {
   transform: rotate(180deg);

package/dist/es/packages/menuitem/menuitem.js

@@ -7,9 +7,9 @@ import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
 import { Check } from "@nutui/icons-react";
 import { Overlay } from "../overlay/overlay";
-import useClickAway from "../../utils/use-click-away";
+import useClickAway from "../../hooks/use-click-away";
 import { ComponentDefaults } from "../../utils/typings";
-import { usePropsValue } from "../../utils/use-props-value";
+import { usePropsValue } from "../../hooks/use-props-value";
 import { getScrollParent } from "../../utils/get-scroll-parent";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     titleIcon: null,

package/dist/es/packages/menuitem/style/style.css

@@ -3,19 +3,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
@@ -68,7 +63,7 @@
   overflow-y: auto;
   display: flex;
   flex-wrap: wrap;
-  background: var(--nutui-menu-content-background-color, var(--nutui-gray-1));
+  background: var(--nutui-menu-content-background-color, var(--nutui-color-background-overlay, #ffffff));
 }
 .nut-menu-container-content_fixed {
   width: 100%;
@@ -78,13 +73,13 @@
 .nut-menu-container-item {
   display: flex;
   align-items: center;
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-font-size-base, 14px);
   padding: var(--nutui-menu-item-padding, 12px 0);
 }
 .nut-menu-container-item.active {
   font-weight: var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 600));
-  color: var(--nutui-menu-item-active-color, var(--nutui-brand-6));
+  color: var(--nutui-menu-item-active-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-menu-container-item .nut-icon {
   display: inline-flex;

package/dist/es/packages/navbar/style/navbar.scss

@@ -63,7 +63,7 @@
     max-width: 124px;
     height: 100%;
     cursor: pointer;
-    /* #ifndef rn harmony jd h5 weapp*/
+    /* #ifndef harmony jd h5 weapp*/
     .nut-icon,
     .nutui-iconfont {
       width: 20px;

package/dist/es/packages/navbar/style/style.css

@@ -12,7 +12,7 @@
   height: var(--nutui-navbar-height, 44px);
   box-sizing: border-box;
   font-size: var(--nutui-navbar-font-size, var(--nutui-font-size-base, 14px));
-  color: var(--nutui-navbar-color, var(--nutui-gray-7));
+  color: var(--nutui-navbar-color, var(--nutui-color-title, #1a1a1a));
   overflow: hidden;
   padding: 0 16px;
 }
@@ -43,7 +43,7 @@
   align-items: center;
   font-size: var(--nutui-navbar-title-font-size, var(--nutui-font-size-xl, 18px));
   font-weight: var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 600));
-  color: var(--nutui-navbar-title-font-color, var(--nutui-gray-7));
+  color: var(--nutui-navbar-title-font-color, var(--nutui-color-title, #1a1a1a));
 }
 .nut-navbar-title-center {
   max-width: 129px;
@@ -59,7 +59,7 @@
   max-width: 124px;
   height: 100%;
   cursor: pointer;
-  /* #ifndef rn harmony jd h5 weapp*/
+  /* #ifndef harmony jd h5 weapp*/
   /* #endif */
 }
 .nut-navbar-left .nut-icon,

package/dist/es/packages/noticebar/noticebar.js

@@ -5,7 +5,7 @@ import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import React, { useState, useEffect, useRef, useMemo } from "react";
 import { Close, Notice } from "@nutui/icons-react";
 import classNames from "classnames";
-import { getRect } from "../../utils/use-client-rect";
+import { getRect } from "../../hooks/use-client-rect";
 import { ComponentDefaults } from "../../utils/typings";
 import { useRtl } from "../configprovider";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {

package/dist/es/packages/notify/style/style.css

@@ -73,17 +73,17 @@
   bottom: 0;
 }
 .nut-notify-base {
-  background: var(--nutui-notify-base-background-color, var(--nutui-brand-6));
+  background: var(--nutui-notify-base-background-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-notify-primary {
   background: var(--nutui-notify-primary-background-color, var(--nutui-color-info, #0073ff));
 }
 .nut-notify-success {
-  background: var(--nutui-notify-success-background-color, var(--nutui-green-2));
+  background: var(--nutui-notify-success-background-color, var(--nutui-color-success, #00d900));
 }
 .nut-notify-danger {
-  background: var(--nutui-notify-danger-background-color, var(--nutui-brand-6));
+  background: var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-notify-warning {
-  background: var(--nutui-notify-warning-background-color, var(--nutui-yellow-2));
+  background: var(--nutui-notify-warning-background-color, var(--nutui-color-warning, #ffbf00));
 }

package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { PopupProps } from "../popup/popup";
+import { PopupProps } from "../popup/index";
 export interface NumberKeyboardProps extends PopupProps {
     visible: boolean;
     rightActions: ReactNode;

package/dist/es/packages/numberkeyboard/numberkeyboard.js

@@ -6,7 +6,7 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import React, { useMemo, useState } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react";
-import Popup from "../popup";
+import Popup from "../popup/index";
 import { useConfig } from "../configprovider";
 import { ComponentDefaults } from "../../utils/typings";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {

package/dist/es/packages/numberkeyboard/style/style.css

@@ -4,19 +4,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 
@@ -67,7 +62,7 @@
   position: fixed;
   min-height: 46%;
   max-height: 100%;
-  background-color: var(--nutui-overlay-content-bg-color, var(--nutui-gray-1));
+  background-color: var(--nutui-overlay-content-bg-color, var(--nutui-color-background-overlay, #ffffff));
   -webkit-overflow-scrolling: touch;
   font-size: var(--nutui-font-size-base, 14px);
 }
@@ -87,13 +82,13 @@
   align-items: center;
 }
 .nut-popup-title-title {
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-weight: var(--nutui-font-weight-bold, 600);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
   line-height: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-popup-title-description {
-  color: var(--nutui-gray-6);
+  color: var(--nutui-color-text, #505259);
   font-size: var(--nutui-popup-description-font-size, var(--nutui-font-size-base, 14px));
   font-weight: var(--nutui-font-weight, 400);
 }
@@ -112,7 +107,7 @@
   z-index: 1;
   width: var(--nutui-popup-icon-size, 20px);
   height: var(--nutui-popup-icon-size, 20px);
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   cursor: pointer;
 }
 .nut-popup-title-right:active {
@@ -380,7 +375,7 @@
   width: 100%;
   padding: var(--nutui-numberkeyboard-padding, 0 0 22px 0);
   user-select: none;
-  background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-gray-3));
+  background-color: var(--nutui-numberkeyboard-background-color, var(--nutui-color-background, #f2f3f5));
 }
 .nut-numberkeyboard-header {
   position: relative;
@@ -389,11 +384,11 @@
   justify-content: center;
   box-sizing: content-box;
   padding: var(--nutui-popup-title-padding, 16px);
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
 .nut-numberkeyboard-header-title {
-  color: var(--nutui-gray-7);
+  color: var(--nutui-color-title, #1a1a1a);
   display: inline-block;
   font-size: var(--nutui-popup-title-font-size, var(--nutui-font-size-l, 16px));
 }
@@ -404,7 +399,7 @@
   top: 50%;
   transform: translateY(-50%);
   padding: var(--nutui-numberkeyboard-header-close-padding, 0 16px);
-  color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-6));
+  color: var(--nutui-numberkeyboard-header-close-color, var(--nutui-color-text, #505259));
   font-size: var(--nutui-numberkeyboard-header-close-font-size, 14px);
   background-color: var(--nutui-numberkeyboard-header-close-background-color, transparent);
   border: none;
@@ -430,7 +425,7 @@
   /* #endif */
   box-sizing: border-box;
   padding: 0 6px 6px 0;
-  background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, var(--nutui-gray-2)));
+  background-color: var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-color-background-sunken, #f7f8fc));
 }
 .nut-numberkeyboard-body-wrapper .key {
   display: flex;
@@ -439,8 +434,8 @@
   height: var(--nutui-numberkeyboard-key-height, 48px);
   font-size: var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-xl, 18px));
   line-height: var(--nutui-numberkeyboard-key-line-height, 1.5);
-  background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-gray-1));
-  color: var(--nutui-numberkeyboard-key-color, var(--nutui-gray-6));
+  background-color: var(--nutui-numberkeyboard-key-background-color, var(--nutui-color-background-overlay, #ffffff));
+  color: var(--nutui-numberkeyboard-key-color, var(--nutui-color-text, #505259));
   border-radius: var(--nutui-numberkeyboard-key-border-radius, 8px);
   border: var(--nutui-numberkeyboard-key-border, none);
   font-weight: var(--nutui-font-weight-bold, 600);
@@ -469,7 +464,7 @@
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm {
   font-size: var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-l, 16px));
   color: var(--nutui-numberkeyboard-key-confirm-color, #fff);
-  background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-brand-6));
+  background-color: var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #ff0f23));
 }
 .nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active {
   background-color: rgba(255, 0, 0, 0.7);

package/dist/es/packages/nutui.react.build.d.ts

@@ -10,8 +10,6 @@ import Image from "./image";
 export * from '@/packages/image';
 import Overlay from "./overlay";
 export * from '@/packages/overlay';
-import Col from "./col";
-export * from '@/packages/col';
 import Divider from "./divider";
 export * from '@/packages/divider';
 import Grid from "./grid";
@@ -20,6 +18,8 @@ import GridItem from "./griditem";
 export * from '@/packages/griditem';
 import Layout from "./layout";
 export * from '@/packages/layout';
+import Col from "./col";
+export * from '@/packages/col';
 import Row from "./row";
 export * from '@/packages/row';
 import Space from "./space";
@@ -42,6 +42,8 @@ import NavBar from "./navbar";
 export * from '@/packages/navbar';
 import SideNavBar from "./sidenavbar";
 export * from '@/packages/sidenavbar';
+import SideBar from "./sidebar";
+export * from '@/packages/sidebar';
 import SideNavBarItem from "./sidenavbaritem";
 export * from '@/packages/sidenavbaritem';
 import SubSideNavBar from "./subsidenavbar";
@@ -86,6 +88,8 @@ import NumberKeyboard from "./numberkeyboard";
 export * from '@/packages/numberkeyboard';
 import Picker from "./picker";
 export * from '@/packages/picker';
+import PickerView from "./pickerview";
+export * from '@/packages/pickerview';
 import Radio from "./radio";
 export * from '@/packages/radio';
 import RadioGroup from "./radiogroup";
@@ -204,4 +208,4 @@ import WaterMark from "./watermark";
 export * from '@/packages/watermark';
 import AvatarCropper from "./avatarcropper";
 export * from '@/packages/avatarcropper';
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/es/packages/nutui.react.build.js

@@ -10,8 +10,6 @@ import Image from "./image";
 export * from "./image";
 import Overlay from "./overlay";
 export * from "./overlay";
-import Col from "./col";
-export * from "./col";
 import Divider from "./divider";
 export * from "./divider";
 import Grid from "./grid";
@@ -20,6 +18,8 @@ import GridItem from "./griditem";
 export * from "./griditem";
 import Layout from "./layout";
 export * from "./layout";
+import Col from "./col";
+export * from "./col";
 import Row from "./row";
 export * from "./row";
 import Space from "./space";
@@ -42,6 +42,8 @@ import NavBar from "./navbar";
 export * from "./navbar";
 import SideNavBar from "./sidenavbar";
 export * from "./sidenavbar";
+import SideBar from "./sidebar";
+export * from "./sidebar";
 import SideNavBarItem from "./sidenavbaritem";
 export * from "./sidenavbaritem";
 import SubSideNavBar from "./subsidenavbar";
@@ -86,6 +88,8 @@ import NumberKeyboard from "./numberkeyboard";
 export * from "./numberkeyboard";
 import Picker from "./picker";
 export * from "./picker";
+import PickerView from "./pickerview";
+export * from "./pickerview";
 import Radio from "./radio";
 export * from "./radio";
 import RadioGroup from "./radiogroup";
@@ -204,4 +208,4 @@ import WaterMark from "./watermark";
 export * from "./watermark";
 import AvatarCropper from "./avatarcropper";
 export * from "./avatarcropper";
-export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Col, Divider, Grid, GridItem, Layout, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };
+export { Button, Cell, CellGroup, ConfigProvider, Image, Overlay, Divider, Grid, GridItem, Layout, Col, Row, Space, Sticky, SafeArea, BackTop, Elevator, FixedNav, HoverButton, HoverButtonItem, NavBar, SideNavBar, SideBar, SideNavBarItem, SubSideNavBar, Tabbar, TabbarItem, TabPane, Tabs, Address, Calendar, CalendarItem, CalendarCard, Cascader, Checkbox, CheckboxGroup, DatePicker, Form, FormItem, Input, InputNumber, Menu, MenuItem, NumberKeyboard, Picker, PickerView, Radio, RadioGroup, Range, Rate, SearchBar, ShortPassword, Signature, Switch, TextArea, Uploader, ActionSheet, Badge, Dialog, Drag, Empty, ResultPage, InfiniteLoading, Loading, NoticeBar, Notify, Popover, Popup, PullToRefresh, Skeleton, Swipe, Toast, Animate, AnimatingNumbers, Audio, Avatar, AvatarGroup, CircleProgress, Collapse, CollapseItem, CountDown, Ellipsis, ImagePreview, Indicator, Lottie, Pagination, Segmented, Price, Progress, Step, Steps, Swiper, SwiperItem, Table, Tag, Tour, Video, VirtualList, Barrage, Card, TimeDetail, TimeSelect, TrendArrow, WaterMark, AvatarCropper };

package/dist/es/packages/overlay/index.d.ts

@@ -1,3 +1,3 @@
 import { Overlay } from './overlay';
-export type { OverlayProps } from './overlay';
+export type { OverlayProps } from './types';
 export default Overlay;

package/dist/es/packages/overlay/overlay.d.ts

@@ -1,14 +1,4 @@
-import React, { FunctionComponent, MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export interface OverlayProps extends BasicComponent {
-    zIndex: number;
-    duration: number;
-    closeOnOverlayClick: boolean;
-    visible: boolean;
-    lockScroll: boolean | 'strict';
-    onClick: (event: MouseEvent) => void;
-    afterShow: () => void;
-    afterClose: () => void;
-}
+import React, { FunctionComponent } from 'react';
+import { OverlayProps } from './types';
 export declare const defaultOverlayProps: OverlayProps;
 export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/es/packages/overlay/overlay.js

@@ -6,14 +6,16 @@ import React, { useEffect, useRef, useState } from "react";
 import { CSSTransition } from "react-transition-group";
 import classNames from "classnames";
 import { ComponentDefaults } from "../../utils/typings";
-import { useLockScroll } from "../../utils/use-lock-scroll";
+import { useLockScroll } from "../../hooks/use-lock-scroll";
 export var defaultOverlayProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
     zIndex: 1000,
     duration: 300,
     closeOnOverlayClick: true,
     visible: false,
     lockScroll: true,
-    onClick: function(event) {}
+    onClick: function() {},
+    afterShow: function() {},
+    afterClose: function() {}
 });
 export var Overlay = function(props) {
     var _ref = _object_spread({}, defaultOverlayProps, props), children = _ref.children, zIndex = _ref.zIndex, duration = _ref.duration, className = _ref.className, closeOnOverlayClick = _ref.closeOnOverlayClick, visible = _ref.visible, lockScroll = _ref.lockScroll, style = _ref.style, afterShow = _ref.afterShow, afterClose = _ref.afterClose, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
@@ -29,41 +31,33 @@ export var Overlay = function(props) {
         "afterClose",
         "onClick"
     ]);
-    var classPrefix = "nut-overlay";
+    var classPrefix = 'nut-overlay';
     var _useState = _sliced_to_array(useState(visible), 2), innerVisible = _useState[0], setInnerVisible = _useState[1];
     var nodeRef = useRef(null);
     useEffect(function() {
-        if (visible) {
-            setInnerVisible(true);
-        } else {
-            setInnerVisible(false);
-        }
+        setInnerVisible(visible);
     }, [
         visible
     ]);
     var shouldLockScroll = !innerVisible ? false : lockScroll;
     useLockScroll(nodeRef, shouldLockScroll);
     var classes = classNames(classPrefix, className);
-    var styles = _object_spread({}, style);
+    var styles = _object_spread_props(_object_spread({}, style), {
+        zIndex: zIndex
+    });
     var handleClick = function(e) {
         if (closeOnOverlayClick) {
             onClick && onClick(e);
         }
     };
-    var onHandleOpened = function(e) {
-        afterShow && afterShow();
-    };
-    var onHandleClosed = function(e) {
-        afterClose && afterClose();
-    };
     return /*#__PURE__*/ React.createElement(CSSTransition, {
         nodeRef: nodeRef,
         classNames: "".concat(classPrefix, "-slide"),
         unmountOnExit: true,
         timeout: duration,
         in: innerVisible,
-        onEntered: onHandleOpened,
-        onExited: onHandleClosed
+        onEntered: afterShow,
+        onExited: afterClose
     }, /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({
         ref: nodeRef,
         className: classes,

package/dist/es/packages/overlay/style/overlay.scss

@@ -1,10 +1,5 @@
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;

package/dist/es/packages/overlay/style/style.css

@@ -3,19 +3,14 @@
 /* #ifndef harmony */
 /* #endif */
 .nut-overlay {
-  /* #ifdef rn */
-  position: absolute;
-  /* #endif */
-  /* #ifndef rn */
   position: fixed;
-  /* #endif */
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
-  background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
+  background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   z-index: var(--nutui-overlay-zIndex, 1000);
 }
 

package/dist/es/packages/overlay/types.d.ts

@@ -0,0 +1,11 @@
+import { BasicComponent } from "../../utils/typings";
+export interface OverlayProps extends BasicComponent {
+    zIndex: number;
+    duration: number;
+    closeOnOverlayClick: boolean;
+    visible: boolean;
+    lockScroll: boolean;
+    onClick: (event: React.MouseEvent) => void;
+    afterShow: () => void;
+    afterClose: () => void;
+}