sard-uniapp 1.11.2 → 1.12.1

package/components/grid-item/grid-item.vue

@@ -6,21 +6,24 @@
         :style="stringifyStyle(contentStyle)"
         @click="onClick"
       >
-        <slot>
-          <view :class="bem.e('icon')">
-            <slot name="icon">
-              <sar-icon
-                :name="icon"
-                :color="iconColor"
-                :size="iconSize"
-                :family="iconFamily"
-              />
-            </slot>
-          </view>
-          <view :class="bem.e('text')">
-            <slot name="text">{{ text }}</slot>
-          </view>
-        </slot>
+        <view :class="bem.e('main')">
+          <slot>
+            <view :class="bem.e('icon')">
+              <slot name="icon">
+                <sar-icon
+                  :name="icon"
+                  :color="iconColor"
+                  :size="iconSize"
+                  :family="iconFamily"
+                />
+              </slot>
+            </view>
+            <view :class="bem.e('text')">
+              <slot name="text">{{ text }}</slot>
+            </view>
+          </slot>
+          <sar-badge v-bind="mergedBadgeProps" fixed />
+        </view>
       </view>
     </view>
   </view>
@@ -34,9 +37,11 @@ import {
   gridSymbol
 } from "../grid/common";
 import SarIcon from "../icon/icon.vue";
+import SarBadge from "../badge/badge.vue";
 export default  _defineComponent({
   components: {
     SarIcon,
+    SarBadge,
   },
   ...{
     options: {
@@ -54,7 +59,10 @@ export default  _defineComponent({
     icon: { type: String, required: false },
     iconSize: { type: String, required: false },
     iconColor: { type: String, required: false },
-    iconFamily: { type: String, required: false }
+    iconFamily: { type: String, required: false },
+    dot: { type: Boolean, required: false },
+    badge: { type: [Number, String], required: false },
+    badgeProps: { type: Object, required: false }
   },
   emits: ["click"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -69,6 +77,13 @@ export default  _defineComponent({
     const onClick = (event) => {
       emit("click", event);
     };
+    const mergedBadgeProps = computed(() => {
+      return {
+        dot: props.dot,
+        value: props.badge,
+        ...props.badgeProps
+      };
+    });
     const itemClass = computed(() => {
       return classNames(bem.e("item"), props.rootClass);
     });
@@ -87,11 +102,11 @@ export default  _defineComponent({
         props.rootStyle
       );
     });
-    const __returned__ = { props, emit, bem, context, onClick, itemClass, itemStyle, get stringifyStyle() {
+    const __returned__ = { props, emit, bem, context, onClick, mergedBadgeProps, itemClass, itemStyle, get stringifyStyle() {
       return stringifyStyle;
     }, get classNames() {
       return classNames;
-    }, SarIcon };
+    }, SarIcon, SarBadge };
     return __returned__;
   }
 });

package/components/grid-item/index.scss

@@ -23,6 +23,14 @@
     background-color: var(--sar-grid-bg);
   }
 
+  @include e(main) {
+    position: relative;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    flex: none;
+  }
+
   @include e(icon) {
     @include universal;
     font-size: var(--sar-grid-item-icon-size);
@@ -51,7 +59,7 @@
   }
 
   @include m(vertical) {
-    @include e(content) {
+    @include e(main) {
       flex-direction: column;
     }
 
@@ -61,7 +69,7 @@
   }
 
   @include m(horizontal) {
-    @include e(content) {
+    @include e(main) {
       flex-direction: row;
     }
 
@@ -71,7 +79,7 @@
   }
 
   @include m-intersect(vertical, reverse) {
-    @include e(content) {
+    @include e(main) {
       flex-direction: column-reverse;
     }
 
@@ -82,7 +90,7 @@
   }
 
   @include m-intersect(horizontal, reverse) {
-    @include e(content) {
+    @include e(main) {
       flex-direction: row-reverse;
     }
 

package/components/icon/index.scss

@@ -17,6 +17,7 @@
     display: flex;
     width: 1em;
     height: 1em;
+    font-size: inherit;
     object-fit: contain;
   }
 }

package/components/icon/sari.scss

@@ -1,6 +1,6 @@
 @font-face {
   font-family: 'sari'; /* Project id 2907887 */
-  src: url('data:font/ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8JE4CAAABjAAAAGBjbWFwMwycxAAAAqgAAAUOZ2x5ZttqAOEAAAgYAAAYEGhlYWQo5bH1AAAA4AAAADZoaGVhB9YDrAAAALwAAAAkaG10eLwQ/+AAAAHsAAAAvGxvY2GDqIlIAAAHuAAAAGBtYXhwAT8AcgAAARgAAAAgbmFtZQmNGMcAACAoAAACN3Bvc3TES8kTAAAiYAAAAjQAAQAAA4D/gABcBAD/8//8BAQAAQAAAAAAAAAAAAAAAAAAAC8AAQAAAAEAAAjdczZfDzz1AAsEAAAAAADi57b2AAAAAOLntvb/8/9/BAQDjQAAAAgAAgAAAAAAAAABAAAALwBmAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYO6zIDgP+AAAAD3ACBAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAEAP//BAAAAAQA//8EAP//BAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQA//8EAAAABAD//wQA//8EAP//BAAAAAQA//8EAP//BAD//wQAAAAEAP/8BAD//wQA//8EAAAABAD//wQAAAAEAAAABAD//wQAAAAEAAAABAAAAAQAAAAEAAAABAD/8wQA//8AAAAFAAAAAwAAACwAAAAEAAAC1gABAAAAAAHQAAMAAQAAACwAAwAKAAAC1gAEAaQAAABOAEAABQAO5hHmMOZc5qbm9uct5zLnNOc852znbuez5/noGegd6CPoJehh6H/oi+kR6SrpMuk56YbpkunV6gLqJOow6kHqh+rK6s3q1urc6vXrMv//AADmDuYw5lzmpub25y3nMuc05zznbOdu57Pn+egZ6B3oIOgl6GHof+iL6RHpKuky6TnphumS6dXqAuok6jDqP+qH6srqzerW6tzq9esy//8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEATgBUAFQAVABUAFQAVABUAFQAVABUAFQAVABUAFQAVABaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBaAFoAWgBeAF4AXgBeAF4AXgBeAAAACQAKAAsADAABABUAHwAGABEAEgATABQABwAFACAAFwApACgAKwAqACYAJwANAA4AGwAhAAQAEAAIACIAGQAcACUALAAPAC0AHgAYACMALgAaACQAHQADABYAAgAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAACOAAAAAAAAAAuAADmDgAA5g4AAAAJAADmDwAA5g8AAAAKAADmEAAA5hAAAAALAADmEQAA5hEAAAAMAADmMAAA5jAAAAABAADmXAAA5lwAAAAVAADmpgAA5qYAAAAfAADm9gAA5vYAAAAGAADnLQAA5y0AAAARAADnMgAA5zIAAAASAADnNAAA5zQAAAATAADnPAAA5zwAAAAUAADnbAAA52wAAAAHAADnbgAA524AAAAFAADnswAA57MAAAAgAADn+QAA5/kAAAAXAADoGQAA6BkAAAApAADoHQAA6B0AAAAoAADoIAAA6CAAAAArAADoIQAA6CEAAAAqAADoIgAA6CIAAAAmAADoIwAA6CMAAAAnAADoJQAA6CUAAAANAADoYQAA6GEAAAAOAADofwAA6H8AAAAbAADoiwAA6IsAAAAhAADpEQAA6REAAAAEAADpKgAA6SoAAAAQAADpMgAA6TIAAAAIAADpOQAA6TkAAAAiAADphgAA6YYAAAAZAADpkgAA6ZIAAAAcAADp1QAA6dUAAAAlAADqAgAA6gIAAAAsAADqJAAA6iQAAAAPAADqMAAA6jAAAAAtAADqPwAA6j8AAAAeAADqQAAA6kAAAAAYAADqQQAA6kEAAAAjAADqhwAA6ocAAAAuAADqygAA6soAAAAaAADqzQAA6s0AAAAkAADq1gAA6tYAAAAdAADq3AAA6twAAAADAADq9QAA6vUAAAAWAADrMgAA6zIAAAACAAAAAAAAACQASADGASABVAFuAaoB+AIcAkQCagKQAsIDBANwA5ADsAPQA/AEEAR4BNYFQAWUBcwGDgZYBrQG7AdgB/oIPAiQCQ4JYgmqChwKUAqECtILCAsgC04LaAu+DAgAAgAA/8kDgAMBAAMADwAAEyE1IRMBETMRATcBJiIHAYADAP0AWAEHQQELLv69CRsJ/sECwED98QED/dYCKv77LQE7CQn+xwAAAQAAAAADEAJQABIAAAE2Mh4BBwEGIi8BLgE+AhYfAQK+DiccAQ3/AA4oD6kKBwYTGRoJhgJCDRsnDv7ADw6pCRoZEwYHCoYABgAA/78DoQOAAAwAGQAlAEkAVQBZAAABMhYVERQGIiY1ETQ2MzIWFREUBiImNRE0Nhc0JiIGFREUFjI2NRMUBisBERQOASMhIi4BNREjIiY9ATQ2OwE0NjsBMhYVMzIWFQUHERQWMyEyNjURJyU1IRUBYA0TExoTE60NExMaExPNExoTExoT4CUbICI7I/6AIzsiIBslJRvgJRuAGyXgGyX9aAglGwGAGyUI/agCwAIgEw3+gA0TEw0BgA0TEw3+gA0TEw0BgA0TIA0TEw3+gA0TEw0CQBsl/cAjOyIiOyMCQCUbQBslGyUlGyUbgAT9xBslJRsCPARAQEAAAwAA/78D6gNhAAkAFQA5AAABFhQPASc3NjIXBycBBg8BBhY/ATY3BRQWMyEyNjURNCYiBhURFAYjISImNRE0NjMhMjY0JiMhIgYVA+AJCUOAQwkbCR2A/kwFAzMDDgmbBwX+hDgoAsAoOBMaExMN/UANExMNAaANExMN/mAoOAMEChoJQ4BDCQnwgP5MBgeaCg4DNAIFkig4OCgBgA0TEw3+gA0TEw0CwA0TExoTOCgAAAAAAv///4AEAAOAABMAHwAAEyIOARURFB4BMyEyPgE1ETQuASMBITIWFAYjISImNDaAIzsiIjsjAwAjOyIiOyP9oAHADRMTDf5ADRMTA4AiOyP9ACM7IiI7IwMAIzsi/iATGhMTGhMAAAADAAAAAAQAAp8AAwAHAAsAAAEhNSERITUhNSE1IQQA/AAEAPwABAD8AAQAAl9A/cJAwD8AAv///38EAAOAABgAJAAAARQHDgEHBiInLgEnJjQ3PgE3NjIXHgEXFgUiBhQWMyEyNjQmIwQAKCeOXF/QX1yOJygoJ45cX9BfXI4nKP0gDRMTDQHADRMTDQGAaF9cjicoKCeOXF/QX1yOJygoJ45cX0gTGhMTGhMAAv///38EAAOAABgANAAAARQHDgEHBiInLgEnJjQ3PgE3NjIXHgEXFiU0JiIGHQEjIgYUFjsBFRQWMjY9ATMyNjQmKwEEACgnjlxf0F9cjicoKCeOXF/QX1yOJyj+IBMaE8ANExMNwBMaE8ANExMNwAGAaF9cjicoKCeOXF/QX1yOJygoJ45cX3gNExMNwBMaE8ANExMNwBMaEwAAAQAAAAADlgJWABAAACUBJiIHAQYUFjI3CQEWMjY0A4n+lQ0iDf6VDBkiDQFNAU0NIhneAWsMDP6VDSIaDQFN/rMNGiIAAAAAAQAAAAAC6wMBABMAAAkBJg4BFhcJAQ4BFxYzMjcBNjU0Atz+gA0kFwIOAVz+pA0CCw8RDg4BgA8BoAFVDAIbJAv+y/7LDCMNDwsBVQ8RFAABAAAAAALsAwEAEQAACQE+AS4BBwEGFBcBFjMyNiYnAYABXA0CFiQN/oAPDwGADg4UGAIOAYABNQwjGgMM/qsMKAz+qwscJAsAAAAAAQAAAAADlgJWABEAAAEmIgcJASYiBhQXARYyNwE2NAOJDSIN/rP+sw0iGQwBaw0iDQFrDAJJDAz+swFNDBkiDf6VDQ0Baw0iAAAAAAQAAP/lA5sDGwAAAAwADQAZAAATNzE2FwEWBzEGJwEmJRcxFgcBBicxJjcBNmYbHBwCxhwcHBz9OhsC/RwcHP06HBwbGwLGHALjHBwc/TocHBwcAsYcOBwcHP06HBwcHALGHAABAAD/wAPBA0AAKgAABSInJicmNTQ2MhYVFBcWFxYyNzY3NjQnJicmIyImNDYzMhcWFxYUBwYHBgIAeWllPD0SHBI1M1dZ0FlXMzU1M1dZaA4SEg55aWU8PT08ZWlAPTxlaXkOEhIOaFlXMzU1M1dZ0FlXMzUSHBI9PGVp8mllPD0AAAAFAAD//wOCAwEADAAYACUAOwBFAAAFPgE0JicHHgEUBwYHJz4BNCYnBx4BFAYHNxQGByc+ATQmJzceASc0LgEGDwEjIgYVERQWOwEXHgE+ATUDNxEnJisBNTMyAuJNU1NNLURJJiVCLTpAQDouMjY2MScsKS0gIiMfLSkswgoQEweXlQ0TEw2VlwcTEAqsbGwJC4CACwFNyNjITS5DsMJZVkItOpmmmTotMoGMgTL5OWopLh9SW1EfLilqxwkQCAIGeRMN/wANE3kGAggQCQFnVv6GVgfAAAABAAAAAAMBAqMADwAAAQUGLgE1ETQ+ARcFHgEUBgLm/mkRJRkZJREBlwwODgFT7AoHHBQB2BQcBwrsBxgcGAAAAQAAAAADdgKBAA4AACUBJj4BMyEyHgEGBwEGIgHQ/s0SBCMbAmYTHxAFDf7NEzq3AV8UMiQUIyUO/qEWAAAAAAEAAAAAAsEC9gAOAAATARY+ATURNC4BBgcBBhT3AV8UMiQUIyUO/qEWAVD+zRIEIxsCZhMfEAUN/s0TOgAAAAABAAAAAAMfAvYADgAACQEGLgE1ETQ+ARYXARYUAwn+oRQyJBQjJQ4BXxYBUP7NEgQjGwJmEx8QBQ3+zRM6AAAAAQAAAAADdgJfAA4AAAkBBh4BMyEyPgEmJwEmIgHQ/s0SBCMbAmYTHxAFDf7NEzoCSf6hFDIkFCMlDgFfFgAAAAMAAP+/A+wDQAAcADIAQQAAAQYUHwEHBhQWMj8BFxYyNjQvATc2NCYiDwEnJiIBMh4BFREUDgEjISImJwEmNDcBPgEzFSIHCQEWMyEyNjURNCYjAXUJCYmJCRIbCYqJCRsTComJChMbCYmKCRsB7iI7IyM7Iv47HDMT/soPDwE2EzMcHhP+ygE2Ex4BxRomJhoCNwoaComJChoTCYqKCRMaComJChoTCYqKCQEAIjsj/YAjOyIXFgFpEjASAWkWF0AW/pb+lhYlGwKAGyUAAAAD////fwQAA4EAFAAtADoAAAUiJyYnJjQ3Njc2MhcWFxYUBwYHBgcyNz4BNzY0Jy4BJyYiBw4BBwYUFx4BFxYBFA4BIi4BND4BMh4BAgB6aGU8PT08ZWj0aGU8PT08ZWh6aF9cjicoKCeOXF/QX1yOJygoJ45cXwEoNFhoWDQ0WGhYNEA9PGVo9GhlPD09PGVo9GhlPD1AKCeOXF/QX1yOJygoJ45cX9BfXI4nKAIANFg0NFhoWDQ0WAAAAAUAAP+AA4ADgAALABgAJQA2AEgAAAEiBhQWMyEyNjQmIwU0NjMhMhYUBiMhIiYVNDY7ATIWFAYrASImASEiDgEVERQeATMhMj4BNRElFRQWOwERFAYjISImNRE0NjMBYA0TEw0BQA0TEw3+oBMNAUANExMN/sANExMNgA0TEw2ADRMBIP6gIzsiIjsjAgAjOyL+4DgogCUb/gAbJSUbAcATGhMTGhOgDRMTGhMTcw0TExoTEwLtIjsj/QAjOyIiOyMCYOCAKDj9oBslJRsDABslAAAAAv///38EAAOAABgANAAAARQHDgEHBiInLgEnJjQ3PgE3NjIXHgEXFiUmIgYUHwEHBhQWMj8BFxYyNjQvATc2NCYiDwEEACgnjlxf0F9cjicoKCeOXF/QX1yOJyj9VwoaEwmqqgkTGgqpqQoaEwmqqgkTGgqpAYBoX1yOJygoJ45cX9BfXI4nKCgnjlxfbwkTGgqpqQoaEwmqqgkTGgqpqQoaEwmqAAAAAv///4AEAAOAAA8AIwAAATIWFREUBiMhIiY1ETQ2MzUiDgEVERQeATMhMj4BNRE0LgEjA4AbJSUb/QAbJSUbIzsiIjsjAwAjOyIiOyMDQCUb/QAbJSUbAwAbJUAiOyP9ACM7IiI7IwMAIzsiAAAAAAL///+ABAADgAATACcAABMiDgEVERQeATMhMj4BNRE0LgEjAxYUBwEGIi8BLgE+AhYfARM+AYAjOyIiOyMDACM7IiI7I34ODf8ADikOqQoHBhMZGgmG3g4pA4AiOyP9ACM7IiI7IwMAIzsi/sIOJw7+wA8OqQkaGRMGBwqGARwOAQAAAAMAAP/ABAEDQAAIABwALwAAARQGIiY0NjIWJSIOARURFB4BMyEyPgE1ETQuASMVMhYVEScmBg8BJyYGDwERNDYzAYA4UDg4UDj/ACM6IyM6IwMAIzsiIjsjGyXyCRQI7aoKFgmpJhoCICg4OFA4OPgiOyP9gCM7IiI7IwKAIzsiQCUb/mB9BAMH7nIGAgiXAkAbJQAC////nQQBA2EAHwAzAAAXBh4BNyUFFj4BJwM3PgEmJyUDLgEiBgcDBQ4BFh8BAyUHNzYvASU2PwEXFhcFBwYfAScmtwIOGAwBGQEZDBgOAjXhCgIQDv7HjAQQExAFi/7GDRECCuI2ATrsLQMOugEEEQh2dggRAQS6DgMt7A82DhcHBpCQBgcXDgEu1wobFgIsARUJCgoJ/ussAhYbCtf+0bJ6/hMNsSUDEOrqEAMlsQ0T/noHAAAAAf///50EAQNjAB0AABcGLgE3EycuATY3JRM+ARYXEwUeAQYPARMWDgEnJecMGA4CNuIKAhENATqLBxcYBowBOQ4QAgrhNQIOGAz+51wGBxcOAS7XChsWAiwBFQwJCQz+6ywCFhsK1/7SDhcHBpAAAAP///9/BAADgQAUAC0ASgAABSInJicmNDc2NzYyFxYXFhQHBgcGBzI3PgE3NjQnLgEnJiIHDgEHBhQXHgEXFgM2Mh8BNzYyFhQPARcWFAYiLwEHBiImND8BJyY0AgB6aGU8PT08ZWj0aGU8PT08ZWh6aF9cjicoKCeOXF/QX1yOJygoJ45cX28KGgqpqQoaEwmqqgkTGgqpqQoaEwmqqglAPTxlaPRoZTw9PTxlaPRoZTw9QCgnjlxf0F9cjicoKCeOXF/QX1yOJygC1wkJqqoJExoKqakKGhMJqqoJExoKqakKGgAAAAAFAAD/gAQBA2IAFQAzAEQAVABlAAABISIGDwEGFREUFjMhMjY1ETQvAS4BAyIGBw4BIiYnLgErASIuAT8BPgEzITIWHwEWDgEjAyYnLgEPAQ4BHwEeAT8BPgEFJyYGDwEGFh8BFjY/ATYmNzMWNj0BNCYrASIGHQEUFjcDWP1RChAFhgQVDgO6DxQEhgQRwAwTAwpHXEgJAxMN5w0TBQZSBBEKAm4KEQRSBgUTDVUCAQgcDHgNCAgCCBwMeQ0H/jx4DRsIAwcHDXgNHAcDBwd8Aw4VFA8GDxQVDgHVCgjwCAn+4Q4VFQ4BHwkI8AgK/vMPDC06Oi0MDxAYDJwICgoInAwYEAHnAgMMCAdGBx0MBQ0HB0YHHCdFCAgMBgwcB0YHBw0FDB0dARUPiw4VFQ6LDxUBAAP//P+/BAQDQQAPABwAJQAAAS4BIgYHAQYeATMhMj4BJwEyFg8BDgEiJi8BJjYTMhYUBiImNDYCPwohJyIK/koPCigbA24cJwoO/goaIgIXARQcFAEXAiIaGyUlNSYmAxwRExMR/RUYNSQkNRgCDyYa4A4SEg7gGib+gCU2JSU2JQAAAAP///9/BAADgQAYACsANAAABTI3PgE3NjQnLgEnJiIHDgEHBhQXHgEXFhMDBjMyNjcHDgEjIj8BNiYvAT8BIiY0NjIWFAYCAGhfXI4nKCgnjlxf0F9cjicoKCeOXF+kQAgbCxgJBg02G0USLwMHDh0FVxslJTYlJYAoJ45cX9BfXI4nKCgnjlxf0F9cjicoAlr+0yIICBsQFlTeDwwDBhhYJTYlJTYlAAP///9/BAADgAAYAEoAUwAAARQHDgEHBiInLgEnJjQ3PgE3NjIXHgEXFiUzMjY3PgEyFxYVFAcGBwYHBhcVFBY7ATI2PQE0Njc2NzY3NjQnJicmIyIHBgcGBxQWEzI2NCYiBhQWBAAoJ45cX9BfXI4nKCgnjlxf0F9cjico/WA1BgoBBCxJFxoRCyIlEhYCCgY0BwkMDwocJhAZGBcoJS8sJCkYHAMJnB0kJDokJQGAaF9cjicoKCeOXF/QX1yOJygoJ45cXxYJByEnERQlHBUNGhsaISkOBwkKBgcWHQ4JFR0WIl0iHxAQDg8fIzMHCf5kITQiIjQhAAAAAAIAAP+ABAADgAAXADMAAAEmIyEiBwEGFREUFwEWMyEyNwE2NRE0JwUXNzYyFhQPARcWFAYiLwEHBiImND8BJyY0NjIC3QkN/nINCf7mCQkBGgkNAY4NCQEaCQn9YKmpChoTCaqqCRMaCqmpChoTCaqqCRMaA3cJCf7mCQ3+cg0J/uYJCQEaCQ0Bjg0JBqqqCRMaCqmpChoTCaqqCRMaCqmpChoTAAAAAAL///9/BAADgAAYACoAAAEUBw4BBwYiJy4BJyY0Nz4BNzYyFx4BFxYnJgYHAycmDgEUHwEWMjcBNjQEACgnjlxf0F9cjicoKCeOXF/QX1yOJyj+DygO3oYPJhwNqQ8oDgEADQGAaF9cjicoKCeOXF/QX1yOJygoJ45cX1oOAQ7+5IYOARwmD6kODwFADicAAAQAAAAAA4ADAAAMABkANwBHAAABMj4BNC4BIg4BFB4BNxQOASIuATQ+ATIeAQEUBwYHBg8BIScmJyYnJjU0NzY3Njc2MhcWFxYXFgc0JyYnJicmIgcGBwYHBhUCADRYNDRYaFg0NFi0IjtGOyIiO0Y7IgEACggOCgwK/YAKDAoOCAoPEyYvRlPgU0YvJhMPQAoPHCU5SchJOSUcDwoBgDRYaFg0NFhoWDTAIzsiIjtGOyIiO/3dFg8MBwUCAQECBQcMDxYeJS8mLxofHxovJi8lHhIZIx0lFRsbFSUdIxkSAAAAAAIAAP+AAmgDgQAPAB4AACUeATI2NxM0LgEjDgMXEyIOARQeATI+ATU2LgIBwwQiLiIEKRsvHBYnHQ4CZhwvGxsvOC8bAg8dJ+YWHR0WAjQbLxwBESApFv0+HC83LxwcLxsVJx0PAAAAAf//AAAEAALdAB4AAAkBBiIvAiYjIgYdARQXARYXFjMyNwE2NzU0JiMiBwOm/gATOBjmDQYQGCIWARcOFxQaMiECFxAGIRkQBgLW/jATE7AHAyEVBB0c/uAXDAomAkQVIQYYHwMAAAACAAAAAALmAwEAKgAzAAABIiY3Njc2MzIeARUUBwYHDgEdARQGKwEiJjUnJjY3PgE1NCYjIgYHDgEjEzI2NCYiBhQWAR4NEwIOPUFpR209Hh04NCYTDTEOEgECMzkyJ0Q3MEELBBMMkB4oKDspKQIjEw5VMjU1Xjs+MS0iIDYrAg0TEw0NOlEiHzkqMD0wKgwR/d0oOykpOygAAAACAAAAAAJ0AwAAFQAeAAABDwEXHgEHAwYWMzI2PwEGBwYjIiY3ExQGIiY0NjIWAm3BByYSCgQ+DCMtI0cSBwsSDw4RDQVaMUYyMkYxAfsYIAcFEBP+2zg3HRUkCwUFFxYCPiMyMkYxMQAAAAABAAAAAAOAAaAADAAAEzQ2MyEyFhQGIyEiJoATDQLADRMTDf1ADRMBgA0TExoTEwABAAAAAAOAAwAAHAAAATIWFREhMhYUBiMhERQGIiY1ESEiJjQ2MyERNDYCAA0TAUANExMN/sATGhP+wA0TEw0BQBMDABMN/sATGhP+wA0TEw0BQBMaEwFADRMAAAEAAAAAAwABoAAMAAABNDYzITIWFAYjISImAQATDQHADRMTDf5ADRMBgA0TExoTEwAAAAAC//P/fwQBA40AIAA1AAAlNjc2Jy4BJyYHDgEHBhceARcWNzY3MRYfARYyNjQvASY3FAcGBwYiJyYnJjQ3Njc2MhcWFxYC8D8ODSUlo2hmY2eXHhwVFotkYWdqVgMD9xI2JRP2BA0wL09SwFJPLzAwL09SwFJPLzDqVmpnYWSLFhUdHZhmZGVpoiYkDQ5ABAT2EyU2EvcD+WBSTy8wMC9PUsBSTy8wMC9PUgAAAv///38EAAOBABQALQAABSInJicmNDc2NzYyFxYXFhQHBgcGBzI3PgE3NjQnLgEnJiIHDgEHBhQXHgEXFgIAemhlPD09PGVo9GhlPD09PGVoemhfXI4nKCgnjlxf0F9cjicoKCeOXF9APTxlaPRoZTw9PTxlaPRoZTw9QCgnjlxf0F9cjicoKCeOXF/QX1yOJygAAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEABAATAAEAAAAAAAIABwAXAAEAAAAAAAMABAAeAAEAAAAAAAQABAAiAAEAAAAAAAUACwAmAAEAAAAAAAYABAAxAAEAAAAAAAoAKwA1AAEAAAAAAAsAEwBgAAMAAQQJAAAAJgBzAAMAAQQJAAEACACZAAMAAQQJAAIADgChAAMAAQQJAAMACACvAAMAAQQJAAQACAC3AAMAAQQJAAUAFgC/AAMAAQQJAAYACADVAAMAAQQJAAoAVgDdAAMAAQQJAAsAJgEzQ3JlYXRlZCBieSBpY29uZm9udHNhcmlSZWd1bGFyc2FyaXNhcmlWZXJzaW9uIDEuMHNhcmlHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AHMAYQByAGkAUgBlAGcAdQBsAGEAcgBzAGEAcgBpAHMAYQByAGkAVgBlAHIAcwBpAG8AbgAgADEALgAwAHMAYQByAGkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC8BAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgEnASgBKQEqASsBLAEtAS4BLwEwAAdiYWNrdG9wBWNoZWNrBXRyYXNoDXBlbmNpbC1zcXVhcmUQZGFzaC1zcXVhcmUtZmlsbARsaXN0EGRhc2gtY2lyY2xlLWZpbGwQcGx1cy1jaXJjbGUtZmlsbAJ1cAVyaWdodARsZWZ0BGRvd24FY2xvc2UHbG9hZGluZwl2b2x1bWUtdXAEcGxheQpjYXJldC1kb3duCmNhcmV0LWxlZnQLY2FyZXQtcmlnaHQIY2FyZXQtdXAJYmFja3NwYWNlDXJlY29yZC1jaXJjbGUEZmlsZQ14LWNpcmNsZS1maWxsBnNxdWFyZRFjaGVjay1zcXVhcmUtZmlsbAVpbWFnZQRzdGFyCXN0YXItZmlsbAh4LWNpcmNsZQVlbXB0eQx3YXJuaW5nLWZpbGwQaW5mby1jaXJjbGUtZmlsbBRxdWVzdGlvbi1jaXJjbGUtZmlsbA54LW9jdGFnb24tZmlsbBFjaGVjay1jaXJjbGUtZmlsbAZwZXJzb24EZmFpbAdzdWNjZXNzCHF1ZXN0aW9uBGluZm8FbWludXMEcGx1cwRkYXNoBnNlYXJjaAZjaXJjbGUAAA==')
+  src: url('data:font/ttf;charset=utf-8;base64,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UgBlAGcAdQBsAGEAcgBzAGEAcgBpAHMAYQByAGkAVgBlAHIAcwBpAG8AbgAgADEALgAwAHMAYQByAGkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADEBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgEnASgBKQEqASsBLAEtAS4BLwEwATEBMgAEdW5kbwtyb3RhdGUtbGVmdAdiYWNrdG9wBWNoZWNrBXRyYXNoDXBlbmNpbC1zcXVhcmUQZGFzaC1zcXVhcmUtZmlsbARsaXN0EGRhc2gtY2lyY2xlLWZpbGwQcGx1cy1jaXJjbGUtZmlsbAJ1cAVyaWdodARsZWZ0BGRvd24FY2xvc2UHbG9hZGluZwl2b2x1bWUtdXAEcGxheQpjYXJldC1kb3duCmNhcmV0LWxlZnQLY2FyZXQtcmlnaHQIY2FyZXQtdXAJYmFja3NwYWNlDXJlY29yZC1jaXJjbGUEZmlsZQ14LWNpcmNsZS1maWxsBnNxdWFyZRFjaGVjay1zcXVhcmUtZmlsbAVpbWFnZQRzdGFyCXN0YXItZmlsbAh4LWNpcmNsZQVlbXB0eQx3YXJuaW5nLWZpbGwQaW5mby1jaXJjbGUtZmlsbBRxdWVzdGlvbi1jaXJjbGUtZmlsbA54LW9jdGFnb24tZmlsbBFjaGVjay1jaXJjbGUtZmlsbAZwZXJzb24EZmFpbAdzdWNjZXNzCHF1ZXN0aW9uBGluZm8FbWludXMEcGx1cwRkYXNoBnNlYXJjaAZjaXJjbGUAAAAAAA==')
     format('truetype');
 }
 
@@ -12,6 +12,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.sari-undo:before {
+  content: '\e670';
+}
+
+.sari-rotate-left:before {
+  content: '\e671';
+}
+
 .sari-backtop:before {
   content: '\e630';
 }

package/components/indexes/common.d.ts

@@ -9,6 +9,7 @@ export interface IndexesSlots {
     default?(props: Record<string, never>): any;
 }
 export interface IndexesEmits {
+    (e: 'update:current', name: number | string): void;
     (e: 'change', name: number | string): void;
 }
 export interface IndexesExpose {
@@ -18,7 +19,7 @@ export interface IndexesExpose {
 export interface IndexesAnchorProps {
     rootStyle?: StyleValue;
     rootClass?: string;
-    name: string | number;
+    name?: string | number;
 }
 export interface IndexesAnchorSlots {
     default?(props: Record<string, never>): any;
@@ -34,10 +35,7 @@ export interface IndexesNavEmits {
     (e: 'select', name: string | number): void;
 }
 export interface IndexesContext {
-    register: (name: string | number, expose: {
-        getRect: () => Promise<NodeRect>;
-        id: string;
-    }) => void;
+    register: (name: string | number, getRect: () => Promise<NodeRect>) => void;
     unregister: (name: string | number) => void;
 }
 export declare const indexesContextSymbol: unique symbol;

package/components/indexes/indexes.d.ts

@@ -5,8 +5,10 @@ declare const __VLS_component: import("vue").DefineComponent<IndexesProps, {
     update: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (name: string | number) => any;
+    "update:current": (name: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<IndexesProps> & Readonly<{
     onChange?: ((name: string | number) => any) | undefined;
+    "onUpdate:current"?: ((name: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/indexes/indexes.vue

@@ -7,7 +7,9 @@
       :scroll-top="scrollTop"
       @scroll="onScroll"
     >
-      <slot></slot>
+      <view>
+        <slot></slot>
+      </view>
     </scroll-view>
     <sar-indexes-nav
       :anchors="anchorNames"
@@ -21,26 +23,24 @@
 import { defineComponent as _defineComponent } from "vue";
 import {
   computed,
-  onMounted,
   getCurrentInstance,
-  ref,
+  nextTick,
+  onMounted,
   provide,
-  watch,
-  nextTick
+  watch
 } from "vue";
 import {
   classNames,
   stringifyStyle,
   createBem,
+  isNullish,
   uniqid,
-  getBoundingClientRect,
-  matchScrollVisible,
-  isNullish
+  getBoundingClientRect
 } from "../../utils";
 import {
   indexesContextSymbol
 } from "./common";
-import { useSetTimeout } from "../../use";
+import { useScrollSpy } from "../../use";
 import SarIndexesNav from "../indexes-nav/indexes-nav.vue";
 export default  _defineComponent({
   components: {
@@ -58,110 +58,50 @@ export default  _defineComponent({
     rootClass: { type: String, required: false },
     current: { type: [Number, String], required: false }
   },
-  emits: ["change"],
+  emits: ["update:current", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const bem = createBem("indexes");
-    const innerCurrent = ref(props.current);
-    watch(
-      () => props.current,
-      () => {
-        if (!isNullish(props.current) && anchorNames.value.includes(props.current)) {
-          innerCurrent.value = props.current;
-          scrollTo(props.current);
-        }
-      }
-    );
-    const instance = getCurrentInstance();
     const scrollViewId = uniqid();
-    const scrollViewRect = ref();
-    const scrollTop = ref(0);
-    const memoScrollTop = ref(0);
-    let lockScroll = false;
-    const [unLockScrollLater] = useSetTimeout(() => {
-      lockScroll = false;
-    });
-    const scrollTo = (name) => {
-      if (!scrollViewRect.value) {
-        return;
-      }
-      lockScroll = true;
-      unLockScrollLater(150);
-      const item = anchorRectList.value.find((item2) => item2[0] === name);
-      if (item) {
-        const offset = item[1].top - scrollViewRect.value.top;
-        scrollTop.value = void 0;
-        nextTick(() => {
-          scrollTop.value = offset;
-        });
-      }
-    };
-    const onScroll = (event) => {
-      memoScrollTop.value = event.detail.scrollTop;
-      if (lockScroll || !scrollViewRect.value) {
-        return;
+    const instance = getCurrentInstance();
+    const {
+      scrollTop,
+      innerCurrent,
+      anchorRectList,
+      register,
+      unregister,
+      onScroll,
+      scrollTo,
+      update,
+      initialize
+    } = useScrollSpy({
+      defaultCurrent: props.current,
+      getSpiedRect() {
+        return getBoundingClientRect(`#${scrollViewId}`, instance);
+      },
+      onChange(name) {
+        emit("change", name);
       }
-      matchScrollVisible(
-        anchorRectList.value.map((item) => item[1]),
-        (index) => {
-          const name = anchorRectList.value[index][0];
-          if (name !== innerCurrent.value) {
-            innerCurrent.value = name;
-            emit("change", name);
-          }
-        },
-        {
-          offset: scrollViewRect.value.top + memoScrollTop.value
-        }
-      );
-    };
-    onMounted(() => {
-      getBoundingClientRect(`#${scrollViewId}`, instance).then((rect) => {
-        scrollViewRect.value = rect;
-      });
     });
-    const anchorRectList = ref([]);
-    const anchorMap = ref({});
     provide(indexesContextSymbol, {
-      register(name, expose) {
-        anchorMap.value[name] = expose;
-      },
-      unregister(name) {
-        delete anchorMap.value[name];
-      }
+      register,
+      unregister
     });
-    const getAllAnchorRect = async () => {
-      const allRect = await Promise.all(
-        Object.keys(anchorMap.value).map((name) => {
-          const { getRect } = anchorMap.value[name];
-          return new Promise((resolve) => {
-            getRect().then((rect) => {
-              resolve([name, rect]);
-            });
-          });
-        })
-      );
-      const sortedAllRect = allRect.sort((a, b) => {
-        return a[1].top - b[1].top;
-      });
-      return sortedAllRect;
-    };
-    const update = () => {
-      getAllAnchorRect().then((rect) => {
-        anchorRectList.value = rect;
-        if (!isNullish(props.current)) {
-          scrollTo(props.current);
-        } else {
-          innerCurrent.value = anchorNames.value[0];
-        }
-      });
-    };
     onMounted(() => {
       nextTick(() => {
-        update();
+        initialize();
       });
     });
+    watch(
+      () => props.current,
+      () => {
+        if (!isNullish(props.current) && anchorNames.value.includes(props.current) && props.current !== innerCurrent.value) {
+          innerCurrent.value = props.current;
+          scrollTo(props.current);
+        }
+      }
+    );
     const anchorNames = computed(() => {
       return anchorRectList.value.map((item) => item[0]);
     });
@@ -170,21 +110,17 @@ export default  _defineComponent({
       scrollTo(name);
       emit("change", name);
     };
-    __expose({
-      scrollTo,
-      update
-    });
     const indexesClass = computed(() => {
       return classNames(bem.b(), props.rootClass);
     });
     const indexesStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, innerCurrent, instance, scrollViewId, scrollViewRect, scrollTop, memoScrollTop, get lockScroll() {
-      return lockScroll;
-    }, set lockScroll(v) {
-      lockScroll = v;
-    }, unLockScrollLater, scrollTo, onScroll, anchorRectList, anchorMap, getAllAnchorRect, update, anchorNames, onNavSelect, indexesClass, indexesStyle, SarIndexesNav };
+    __expose({
+      scrollTo,
+      update
+    });
+    const __returned__ = { props, emit, bem, scrollViewId, instance, scrollTop, innerCurrent, anchorRectList, register, unregister, onScroll, scrollTo, update, initialize, anchorNames, onNavSelect, indexesClass, indexesStyle, SarIndexesNav };
     return __returned__;
   }
 });

package/components/indexes-anchor/indexes-anchor.vue

@@ -1,5 +1,5 @@
 <template>
-  <view :class="indexesAnchorClass" :style="indexesAnchorStyle" :id="anchorId">
+  <view :class="indexesAnchorClass" :style="indexesAnchorStyle">
     <slot>
       {{ name }}
     </slot>
@@ -14,7 +14,8 @@ import {
   stringifyStyle,
   createBem,
   getBoundingClientRect,
-  uniqid
+  uniqid,
+  isNullish
 } from "../../utils";
 import {
   indexesContextSymbol
@@ -30,7 +31,7 @@ export default  _defineComponent({
   props: {
     rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
-    name: { type: [String, Number], required: true }
+    name: { type: [String, Number], required: false }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -43,16 +44,15 @@ export default  _defineComponent({
     const anchorId = uniqid();
     const instance = getCurrentInstance();
     const getRect = () => {
-      return getBoundingClientRect(`#${anchorId}`, instance);
+      return getBoundingClientRect(`.${anchorId}`, instance);
     };
     onBeforeMount(() => {
-      context.register(props.name, {
-        getRect,
-        id: anchorId
-      });
+      if (!isNullish(props.name)) {
+        context.register(props.name, getRect);
+      }
     });
     const indexesAnchorClass = computed(() => {
-      return classNames(bem.e("anchor"), props.rootClass);
+      return classNames(bem.e("anchor"), props.rootClass, anchorId);
     });
     const indexesAnchorStyle = computed(() => {
       return stringifyStyle(props.rootStyle);

package/components/indexes-nav/indexes-nav.vue

@@ -2,7 +2,6 @@
   <view
     :class="navClass"
     :style="navStyle"
-    :id="navId"
     @touchstart="onTouchStart"
     @touchmove.stop.prevent="onTouchMove"
     @touchend="onTouchEnd"
@@ -15,7 +14,7 @@
       :class="
         classNames(
           bem.e('nav-item'),
-          bem.em('nav-item', 'active', name === current),
+          bem.em('nav-item', 'active', name === innerCurrent),
         )
       "
     >
@@ -32,7 +31,7 @@
       @transitionend="onTransitionEnd"
     >
       <view :class="bem.e('hint-text')">
-        {{ current }}
+        {{ innerCurrent }}
       </view>
     </view>
   </view>
@@ -40,7 +39,7 @@
 
 <script>
 import { defineComponent as _defineComponent } from "vue";
-import { computed, ref, getCurrentInstance, reactive } from "vue";
+import { computed, ref, getCurrentInstance, reactive, watch } from "vue";
 import {
   classNames,
   stringifyStyle,
@@ -74,10 +73,19 @@ export default  _defineComponent({
     const navId = uniqid();
     const navRect = ref();
     const hintVisible = ref(false);
-    let currentItemIndex = null;
     let moved = false;
+    const innerCurrent = ref();
+    watch(
+      () => props.current,
+      (current) => {
+        innerCurrent.value = current;
+      },
+      {
+        immediate: true
+      }
+    );
     const getNavRect = async () => {
-      navRect.value = await getBoundingClientRect(`#${navId}`, instance);
+      navRect.value = await getBoundingClientRect(`.${navId}`, instance);
     };
     const { realVisible, transitionClass, onTransitionEnd } = useTransition(
       reactive({
@@ -87,13 +95,13 @@ export default  _defineComponent({
       })
     );
     const hintTop = computed(() => {
-      let index = props.current !== void 0 ? props.anchors.indexOf(props.current) : -1;
+      let index = innerCurrent.value !== void 0 ? props.anchors.indexOf(innerCurrent.value) : -1;
       if (index < 0) {
         index = 0;
       }
       return index * itemSize + itemSize / 2 + "px";
     });
-    const update = (touch) => {
+    const calcPosition = (touch) => {
       if (!navRect.value) {
         return;
       }
@@ -103,16 +111,18 @@ export default  _defineComponent({
         0,
         props.anchors.length - 1
       );
-      if (itemIndex !== currentItemIndex) {
-        currentItemIndex = itemIndex;
-        emit("select", props.anchors[itemIndex]);
+      const current = props.anchors[itemIndex];
+      if (current !== innerCurrent.value) {
+        innerCurrent.value = current;
+        emit("select", current);
       }
     };
     const onTouchStart = async (event) => {
       hintVisible.value = true;
+      moved = false;
       await getNavRect();
       if (!moved) {
-        update(event.touches[0]);
+        calcPosition(event.touches[0]);
       }
     };
     const onTouchMove = (event) => {
@@ -120,32 +130,26 @@ export default  _defineComponent({
       if (!navRect.value) {
         return;
       }
-      update(event.touches[0]);
+      calcPosition(event.touches[0]);
     };
     const onTouchEnd = () => {
       hintVisible.value = false;
-      moved = false;
       navRect.value = void 0;
-      currentItemIndex = null;
     };
     const onMouseDown = useMouseDown(onTouchStart, onTouchMove, onTouchEnd);
     const navClass = computed(() => {
-      return classNames(bem.e("nav"));
+      return classNames(bem.e("nav"), navId);
     });
     const navStyle = computed(() => {
       return stringifyStyle({
         "--sar-indexes-nav-item-size": `${itemSize}px`
       });
     });
-    const __returned__ = { props, emit, bem, instance, itemSize, navId, navRect, hintVisible, get currentItemIndex() {
-      return currentItemIndex;
-    }, set currentItemIndex(v) {
-      currentItemIndex = v;
-    }, get moved() {
+    const __returned__ = { props, emit, bem, instance, itemSize, navId, navRect, hintVisible, get moved() {
       return moved;
     }, set moved(v) {
       moved = v;
-    }, getNavRect, realVisible, transitionClass, onTransitionEnd, hintTop, update, onTouchStart, onTouchMove, onTouchEnd, onMouseDown, navClass, navStyle, get classNames() {
+    }, innerCurrent, getNavRect, realVisible, transitionClass, onTransitionEnd, hintTop, calcPosition, onTouchStart, onTouchMove, onTouchEnd, onMouseDown, navClass, navStyle, get classNames() {
       return classNames;
     }, get stringifyStyle() {
       return stringifyStyle;