filter新增了平滑滚动的参数-’@‘

[kakachake]

使用该参数可在map指定的参数间平滑过渡，结合css的transition可达到更好的效果，当前仅支持map的value为数字时使用，效果如下：

[kakachake]

新增了对颜色的支持，效果如下：

[stevenlei]

@kakachake thank you, I have merged to dev branch and working on the README updates, will merge to main later on.

[RexYao97]

这个功能有个问题，如果filter和map指定刚好重复的话会返回异常的值
例子

  <div
        class="lift-transition-sticky-content"
        tg-from="0"
        tg-to="100"
        tg-edge="cover"
        tg-name="position"
        tg-filter="0,50,100@"
        tg-map="0:50;50:0;100:0"
      ></div>

在50-100的值为0，但是最终渲染的会是50，因为map也指定了0的映射值
源码问题在这

export function parseValues() {
 
 if (filter.values.length > 0 && !filter.values.includes(value)) {
      if (filter.mode === 'smooth') {
        let region = calcKeyFrameRegion(mapping, value);
       
        if (region.length) {
          // 这里获取的范围值是 0
          value = calcKeyFrameValue(mapping, value, region);
        } else {
          return;
        }
      } else {
        if (filter.mode === 'exact') {
          element.lastValue = null;
          el.style.removeProperty(name);
        }
        return;
      }
    }
  // 这里会根据value的值重新获取映射导致异常
   if (typeof mapping[value] !== 'undefined') {
      value = mapping[value];
    }

}