refactor Rate component

[uuoocckk-983]

• 绑定评分的值 modelValue
  • 根据modelValue的默认值显示
  • 键盘控制modelValue的值
  • 鼠标点击修改modelValue的值
• 最大分值 max
• 是否为只读 disabled
  • 只读时鼠标指针是默认（auto）的
• 是否允许半选 allow-half
• 低分和中等分的界限值，值本身被划分在低分中 low-threshold
• 高分和中等分的界限值，质本身被划分在高分中 high-threshold
• icon的颜色 colors
  • 传入数组，3个元素，三个分段对应颜色
  • 传入对象，可自定义分段，key为分段的界限值，value为对应颜色
• 未选中icon的颜色 void-color
• 只读时未选中icon的颜色 disabled-void-color
• icon的类名 icon-classes
  • 传入数组，3个元素，三个分段对应类名
  • 传入对象，可自定义分段，key为分段的界限值，value为对应颜色

• 未选中icon的类名 void-icon-class
• 只读时未选中icon的类名 disabled-void-icon-class
• 是否显示辅助文字，true时从texts数组中选取当前分数对应的文字内容 show-text
• 是否显示当前分数show-score和show-text不能同时为真 show-score
• 辅助文字颜色 text-color
• 辅助文字数组 texts
• 分数显示模板 score-template
• 只读时有小数分值时的icon颜色以百分比显示
• 鼠标移动，icon变色
• 鼠标移出，icon还原
• 使rate可以在表单中使用

---

Tasking

V1

• 可通过 max 设置显示的 item 数量
  • 默认是 5
• icon 会有 3 个显示状态
  • 选中
  • 当前悬浮
  • 未选中
• 点击当前 icon 的时候，当前 icon 包括之前的 icon 都切换到选中状态
• 鼠标悬浮到 icon 的时候，icon 需要切换到悬浮状态，并且之前的 icon 需要切换到选中状态
• 鼠标悬浮到鼠标离开后需要回到之前的状态

[jinhuisheng]

Tasking

V1

• 可通过 max 设置显示的 item 数量
  • 默认是 5
    • when mount 页面，
      then 显示5个item
  • 指定max数量，页面显示对应数量的item
    • given max=4，
      when mount页面，
      then 显示4个item

• icon状态切换
  • 点击当前 icon 的时候，当前 icon 包括之前的 icon 都切换到选中状态
    • when 点击第3个icon，
      then 前3个icon都为选中状态
  • 有选中icon时，鼠标悬浮到 icon 的时候，icon 需要切换到悬浮选中状态
    • given 选中前3个icon
      when 鼠标划到第4个icon，
      then 前4个icon都为悬浮选中状态
  • 鼠标悬浮到鼠标离开后需要回到之前的状态
    • given 当前选中前3个icon，
      when 鼠标悬浮到 第4个icon，并离开，
      then 前3个icon为选中状态，第4个icon为未选中