simple.js 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. import { createVNode as _createVNode } from "vue";
  2. import { TinyColor } from '@ctrl/tinycolor';
  3. import { computed, defineComponent } from 'vue';
  4. import { useToken } from '../theme/internal';
  5. const Simple = defineComponent({
  6. compatConfig: {
  7. MODE: 3
  8. },
  9. setup() {
  10. const [, token] = useToken();
  11. const color = computed(() => {
  12. const {
  13. colorFill,
  14. colorFillTertiary,
  15. colorFillQuaternary,
  16. colorBgContainer
  17. } = token.value;
  18. return {
  19. borderColor: new TinyColor(colorFill).onBackground(colorBgContainer).toHexString(),
  20. shadowColor: new TinyColor(colorFillTertiary).onBackground(colorBgContainer).toHexString(),
  21. contentColor: new TinyColor(colorFillQuaternary).onBackground(colorBgContainer).toHexString()
  22. };
  23. });
  24. return () => _createVNode("svg", {
  25. "width": "64",
  26. "height": "41",
  27. "viewBox": "0 0 64 41",
  28. "xmlns": "http://www.w3.org/2000/svg"
  29. }, [_createVNode("g", {
  30. "transform": "translate(0 1)",
  31. "fill": "none",
  32. "fill-rule": "evenodd"
  33. }, [_createVNode("ellipse", {
  34. "fill": color.value.shadowColor,
  35. "cx": "32",
  36. "cy": "33",
  37. "rx": "32",
  38. "ry": "7"
  39. }, null), _createVNode("g", {
  40. "fill-rule": "nonzero",
  41. "stroke": color.value.borderColor
  42. }, [_createVNode("path", {
  43. "d": "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
  44. }, null), _createVNode("path", {
  45. "d": "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
  46. "fill": color.value.contentColor
  47. }, null)])])]);
  48. }
  49. });
  50. Simple.PRESENTED_IMAGE_SIMPLE = true;
  51. export default Simple;