containerDefaultConfig.ts 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. // 组件容器基本设置
  2. export const containerDefaultConfig = {
  3. /* ===================================== 通用容器样式 ============================================ */
  4. style: {
  5. background: {
  6. type: "color", // none, color, image
  7. color: "rgba(0, 0, 0, 0.1)",
  8. image: "",
  9. fillType: "",
  10. },
  11. border: {
  12. type: "none",
  13. color: "#000",
  14. width: 0,
  15. },
  16. borderRadius: {
  17. type: "all", // all, custom
  18. value: 2, // 整体圆角值
  19. unit: "px", // 单位
  20. units: ["px", "%"], // 单位列表
  21. topLeft: 0,
  22. topRight: 0,
  23. bottomLeft: 0,
  24. bottomRight: 0,
  25. },
  26. boxShadow: {
  27. enabled: false,
  28. color: "#000",
  29. offsetX: 0,
  30. offsetY: 0,
  31. blurRadius: 0,
  32. spreadRadius: 0,
  33. inset: false,
  34. },
  35. backdropFilter: {
  36. enabled: false,
  37. blur: 0,
  38. }
  39. },
  40. /* ===================================== 通用容器属性 ============================================ */
  41. props: {
  42. width: 0,
  43. height: 0,
  44. x: 0,
  45. y: 0,
  46. paddingLeft: 0,
  47. paddingRight: 0,
  48. paddingTop: 0,
  49. paddingBottom: 0,
  50. rotateX: 0,
  51. rotateY: 0,
  52. rotateZ: 0,
  53. opacity: 1,
  54. },
  55. };