{"slug":"rate","mode":"scenarios","examples":[{"id":"rate-ex-1","title":"基础（点击评分）","titleSrc":"demo","desc":"","html":"<div class=\"demo-block\">\n  <div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-rate data-value=\"3\"></div>\n</div>","preview":{"show":[[0,2]],"hide":[[1],[0,0],[0,1],[0,3],[0,4],[0,5],[0,2,0]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本按可见尺寸测量布局"],"source":"demo-mapped","code":{"html":"<div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-value=\"3\"></div>","jsx":"import { KoleRate } from 'kole-ui/react';\n\n<>\n<KoleRate count=\"5\" value=\"3\" role=\"radiogroup\" />\n</>","vue3":"import { KoleRate } from 'kole-ui/vue3';\n\n<template>\n<KoleRate :count=\"5\" :value=\"3\" role=\"radiogroup\" />\n</template>","vue2":"import { KoleRate } from 'kole-ui/vue2';\n\n<template>\n<KoleRate :count=\"5\" :value=\"3\" role=\"radiogroup\" />\n</template>"},"notes":[]},{"id":"rate-ex-2","title":"允许半星","titleSrc":"demo","desc":"","html":"<div class=\"demo-block\">\n  <div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-half data-rate data-value=\"2.5\"></div>\n</div>","preview":{"show":[[0,3]],"hide":[[1],[0,0],[0,1],[0,2],[0,4],[0,5],[0,3,0]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本按可见尺寸测量布局"],"source":"demo-mapped","code":{"html":"<div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-value=\"2.5\"></div>","jsx":"import { KoleRate } from 'kole-ui/react';\n\n<>\n<KoleRate count=\"5\" value=\"2.5\" role=\"radiogroup\" />\n</>","vue3":"import { KoleRate } from 'kole-ui/vue3';\n\n<template>\n<KoleRate :count=\"5\" :value=\"2.5\" role=\"radiogroup\" />\n</template>","vue2":"import { KoleRate } from 'kole-ui/vue2';\n\n<template>\n<KoleRate :count=\"5\" :value=\"2.5\" role=\"radiogroup\" />\n</template>"},"notes":[]},{"id":"rate-ex-3","title":"只读 + 显示文字","titleSrc":"demo","desc":"","html":"<div class=\"demo-block\">\n  <div class=\"kole-rate is-readonly\" role=\"radiogroup\" data-count=\"5\" data-rate data-text data-value=\"4\"></div>\n</div>","preview":{"show":[[0,4]],"hide":[[1],[0,0],[0,1],[0,2],[0,3],[0,5],[0,4,0]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本按可见尺寸测量布局"],"source":"demo-mapped","code":{"html":"<div class=\"kole-rate is-readonly\" role=\"radiogroup\" data-count=\"5\" data-value=\"4\"></div>","jsx":"import { KoleRate } from 'kole-ui/react';\n\n<>\n<KoleRate count=\"5\" value=\"4\" className=\"is-readonly\" role=\"radiogroup\" />\n</>","vue3":"import { KoleRate } from 'kole-ui/vue3';\n\n<template>\n<KoleRate :count=\"5\" :value=\"4\" class=\"is-readonly\" role=\"radiogroup\" />\n</template>","vue2":"import { KoleRate } from 'kole-ui/vue2';\n\n<template>\n<KoleRate :count=\"5\" :value=\"4\" class=\"is-readonly\" role=\"radiogroup\" />\n</template>"},"notes":[]},{"id":"rate-ex-4","title":"尺寸：small / default / large","titleSrc":"demo","desc":"","html":"<div class=\"demo-block\">\n  <div class=\"kole-rate sm\" role=\"radiogroup\" data-count=\"5\" data-rate data-value=\"3\"></div>\n  <div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-rate data-value=\"3\"></div>\n  <div class=\"kole-rate lg\" role=\"radiogroup\" data-count=\"5\" data-rate data-value=\"3\"></div>\n</div>","preview":{"show":[[0,5]],"hide":[[1],[0,0],[0,1],[0,2],[0,3],[0,4],[0,5,0]],"mode":"scenarios"},"previewSafe":false,"previewUnsafeReasons":["演示脚本按可见尺寸测量布局"],"source":"demo-mapped","code":{"html":"<div class=\"kole-rate sm\" role=\"radiogroup\" data-count=\"5\" data-value=\"3\"></div>\n<div class=\"kole-rate\" role=\"radiogroup\" data-count=\"5\" data-value=\"3\"></div>\n<div class=\"kole-rate lg\" role=\"radiogroup\" data-count=\"5\" data-value=\"3\"></div>","jsx":"import { KoleRate } from 'kole-ui/react';\n\n<>\n<KoleRate count=\"5\" value=\"3\" className=\"sm\" role=\"radiogroup\" />\n<KoleRate count=\"5\" value=\"3\" role=\"radiogroup\" />\n<KoleRate count=\"5\" value=\"3\" className=\"lg\" role=\"radiogroup\" />\n</>","vue3":"import { KoleRate } from 'kole-ui/vue3';\n\n<template>\n<KoleRate :count=\"5\" :value=\"3\" class=\"sm\" role=\"radiogroup\" />\n<KoleRate :count=\"5\" :value=\"3\" role=\"radiogroup\" />\n<KoleRate :count=\"5\" :value=\"3\" class=\"lg\" role=\"radiogroup\" />\n</template>","vue2":"import { KoleRate } from 'kole-ui/vue2';\n\n<template>\n<KoleRate :count=\"5\" :value=\"3\" class=\"sm\" role=\"radiogroup\" />\n<KoleRate :count=\"5\" :value=\"3\" role=\"radiogroup\" />\n<KoleRate :count=\"5\" :value=\"3\" class=\"lg\" role=\"radiogroup\" />\n</template>"},"notes":[]}]}