<template>
  <ui-color-picker
    v-model="value"
    :predefine-list="predefineList"></ui-color-picker>
</template>

<script>
import { ColorPicker } from "amumu-ui"

export default {
  components: {
    "ui-color-picker": ColorPicker,
  },
  data() {
    return {
      value: "rgba(135, 83, 40, .3)",
      predefineList: [
        "#dafa1a5a",
        "#a4403aaa",
        "hsla(311, 100%, 50%, 0.3)",
        "rgb(2, 2, 133)",
        "#ccccccea",
        "#dafa1a1a",
        "#a4403aea",
        "hsla(311, 100%, 30%, .6)",
        "rgb(233, 12, 33)",
        "#c1ccacea",
        "#caea1a5c",
        "#e4303faa",
        "hsla(211, 100%, 50%, 0.3)",
        "rgb(2, 113, 133)",
        "#fccfccea",
        "#cafa2a1a",
        "#e440faea",
        "hsla(111, 100%, 30%, .6)",
        "rgb(133, 142, 33)",
        "#c1dcfcea",
      ],
    }
  },
}
</script>
