@lark-apaas/miaoda-inspector 0.1.0-alpha.1

package/dist/es/config/ui-config.js

@@ -0,0 +1,787 @@
+export const defaultUIConfig = {
+  version: "1.0.0",
+  common: {
+    fontSize: {
+      type: "select",
+      options: [
+        {
+          value: "text-xs",
+          label: "xs(12px)",
+          rawValue: "12"
+        },
+        {
+          value: "text-sm",
+          label: "sm(14px)",
+          rawValue: "14"
+        },
+        {
+          value: "text-base",
+          label: "base(16px)",
+          rawValue: "16"
+        },
+        {
+          value: "text-lg",
+          label: "lg(18px)",
+          rawValue: "18"
+        },
+        {
+          value: "text-xl",
+          label: "xl(20px)",
+          rawValue: "20"
+        },
+        {
+          value: "text-2xl",
+          label: "2xl(24px)",
+          rawValue: "24"
+        },
+        {
+          value: "text-3xl",
+          label: "3xl(30px)",
+          rawValue: "30"
+        },
+        {
+          value: "text-4xl",
+          label: "4xl(36px)",
+          rawValue: "36"
+        },
+        {
+          value: "text-5xl",
+          label: "5xl(48px)",
+          rawValue: "48"
+        },
+        {
+          value: "text-6xl",
+          label: "6xl(60px)",
+          rawValue: "60"
+        },
+        {
+          value: "text-7xl",
+          label: "7xl(72px)",
+          rawValue: "72"
+        },
+        {
+          value: "text-8xl",
+          label: "8xl(96px)",
+          rawValue: "96"
+        },
+        {
+          value: "text-9xl",
+          label: "9xl(128px)",
+          rawValue: "128"
+        }
+      ]
+    },
+    fontWeight: {
+      type: "select",
+      options: [
+        {
+          value: "font-thin",
+          label: "极细（Thin）",
+          rawValue: "100"
+        },
+        {
+          value: "font-extralight",
+          label: "极轻（Extra Light）",
+          rawValue: "200"
+        },
+        {
+          value: "font-light",
+          label: "轻（Light）",
+          rawValue: "300"
+        },
+        {
+          value: "font-normal",
+          label: "常规（Normal）",
+          rawValue: "400"
+        },
+        {
+          value: "font-medium",
+          label: "中粗（Medium）",
+          rawValue: "500"
+        },
+        {
+          value: "font-semibold",
+          label: "半粗（Semi Bold）",
+          rawValue: "600"
+        },
+        {
+          value: "font-bold",
+          label: "粗（Bold）",
+          rawValue: "700"
+        },
+        {
+          value: "font-extrabold",
+          label: "极粗（Extra Bold）",
+          rawValue: "800"
+        },
+        {
+          value: "font-black",
+          label: "黑体（Black）",
+          rawValue: "900"
+        }
+      ]
+    },
+    borderRadius: {
+      type: "select",
+      options: [
+        {
+          value: "rounded-none",
+          label: "none（0px）",
+          rawValue: "0"
+        },
+        {
+          value: "rounded-sm",
+          label: "sm (2px)",
+          rawValue: "2"
+        },
+        {
+          value: "rounded",
+          label: "s (4px)",
+          rawValue: "4"
+        },
+        {
+          value: "rounded-md",
+          label: "m (6px)",
+          rawValue: "6"
+        },
+        {
+          value: "rounded-lg",
+          label: "l (8px)",
+          rawValue: "8"
+        },
+        {
+          value: "rounded-xl",
+          label: "xl (12px)",
+          rawValue: "12"
+        },
+        // TODO：为啥都没了？
+        // { value: 'rounded-2xl', label: translate('2xl (16px)') },
+        // { value: 'rounded-3xl', label: translate('3xl (24px)') },
+        {
+          value: "rounded-full",
+          label: "Full",
+          rawValue: "9999"
+        }
+      ]
+    },
+    borderWidth: {
+      type: "select",
+      options: [
+        {
+          value: "border-0",
+          label: "0px",
+          rawValue: "0"
+        },
+        {
+          value: "border",
+          label: "1px",
+          rawValue: "1"
+        },
+        {
+          value: "border-2",
+          label: "2px",
+          rawValue: "2"
+        },
+        {
+          value: "border-4",
+          label: "4px",
+          rawValue: "4"
+        },
+        {
+          value: "border-8",
+          label: "8px",
+          rawValue: "8"
+        }
+      ]
+    },
+    textAlign: {
+      type: "select",
+      options: [
+        {
+          value: "text-left",
+          label: "Left",
+          rawValue: "left"
+        },
+        {
+          value: "text-center",
+          label: "Center",
+          rawValue: "center"
+        },
+        {
+          value: "text-right",
+          label: "Right",
+          rawValue: "right"
+        },
+        {
+          value: "text-justify",
+          label: "Justify",
+          rawValue: "justify"
+        }
+      ]
+    },
+    padding: {
+      type: "spacing",
+      options: [
+        {
+          label: "0",
+          value: "0",
+          rawValue: "0"
+        },
+        {
+          label: "4",
+          value: "4",
+          rawValue: "4"
+        },
+        {
+          label: "8",
+          value: "8",
+          rawValue: "8"
+        },
+        {
+          label: "12",
+          value: "12",
+          rawValue: "12"
+        },
+        {
+          label: "16",
+          value: "16",
+          rawValue: "16"
+        },
+        {
+          label: "20",
+          value: "20",
+          rawValue: "20"
+        },
+        {
+          label: "24",
+          value: "24",
+          rawValue: "24"
+        },
+        {
+          label: "32",
+          value: "32",
+          rawValue: "32"
+        },
+        {
+          label: "36",
+          value: "36",
+          rawValue: "36"
+        },
+        {
+          label: "40",
+          value: "40",
+          rawValue: "40"
+        }
+      ]
+    },
+    margin: {
+      type: "spacing",
+      options: [
+        {
+          label: "0",
+          value: "0",
+          rawValue: "0"
+        },
+        {
+          label: "4",
+          value: "4",
+          rawValue: "4"
+        },
+        {
+          label: "8",
+          value: "8",
+          rawValue: "8"
+        },
+        {
+          label: "12",
+          value: "12",
+          rawValue: "12"
+        },
+        {
+          label: "16",
+          value: "16",
+          rawValue: "16"
+        },
+        {
+          label: "20",
+          value: "20",
+          rawValue: "20"
+        },
+        {
+          label: "24",
+          value: "24",
+          rawValue: "24"
+        },
+        {
+          label: "32",
+          value: "32",
+          rawValue: "32"
+        },
+        {
+          label: "36",
+          value: "36",
+          rawValue: "36"
+        },
+        {
+          label: "40",
+          value: "40",
+          rawValue: "40"
+        }
+      ]
+    },
+    color: {
+      type: "color-picker",
+      recommendColors: [
+        {
+          title: "中性色",
+          options: [
+            {
+              value: "text-neutral-00",
+              label: "neutral-00",
+              type: "tailwind",
+              rawValue: "#ffffff"
+            },
+            {
+              value: "text-neutral-50",
+              label: "neutral-50",
+              type: "tailwind",
+              rawValue: "#f5f6f7"
+            },
+            {
+              value: "text-neutral-100",
+              label: "neutral-100",
+              type: "tailwind",
+              rawValue: "#f2f3f5"
+            },
+            {
+              value: "text-neutral-200",
+              label: "neutral-200",
+              type: "tailwind",
+              rawValue: "#eff0f1"
+            },
+            {
+              value: "text-neutral-300",
+              label: "neutral-300",
+              type: "tailwind",
+              rawValue: "#dee0e3"
+            },
+            {
+              value: "text-neutral-400",
+              label: "neutral-400",
+              type: "tailwind",
+              rawValue: "#d0d3d6"
+            },
+            {
+              value: "text-neutral-500",
+              label: "neutral-500",
+              type: "tailwind",
+              rawValue: "#bbbfc4"
+            },
+            {
+              value: "text-neutral-600",
+              label: "neutral-600",
+              type: "tailwind",
+              rawValue: "#8f959e"
+            },
+            {
+              value: "text-neutral-650",
+              label: "neutral-650",
+              type: "tailwind",
+              rawValue: "#51565d"
+            },
+            {
+              value: "text-neutral-700",
+              label: "neutral-700",
+              type: "tailwind",
+              rawValue: "#646a73"
+            },
+            {
+              value: "text-neutral-800",
+              label: "neutral-800",
+              type: "tailwind",
+              rawValue: "#373c43"
+            },
+            {
+              value: "text-neutral-900",
+              label: "neutral-900",
+              type: "tailwind",
+              rawValue: "#2b2f36"
+            },
+            {
+              value: "text-neutral-950",
+              label: "neutral-950",
+              type: "tailwind",
+              rawValue: "#1f2329"
+            },
+            {
+              value: "text-neutral-1000",
+              label: "neutral-1000",
+              type: "tailwind",
+              rawValue: "#000000"
+            }
+          ]
+        }
+      ]
+    },
+    backgroundColor: {
+      type: "color-picker",
+      recommendColors: [
+        {
+          title: "中性色",
+          options: [
+            {
+              value: "bg-neutral-00",
+              label: "neutral-00",
+              type: "tailwind",
+              rawValue: "#ffffff"
+            },
+            {
+              value: "bg-neutral-50",
+              label: "neutral-50",
+              type: "tailwind",
+              rawValue: "#f5f6f7"
+            },
+            {
+              value: "bg-neutral-100",
+              label: "neutral-100",
+              type: "tailwind",
+              rawValue: "#f2f3f5"
+            },
+            {
+              value: "bg-neutral-200",
+              label: "neutral-200",
+              type: "tailwind",
+              rawValue: "#eff0f1"
+            },
+            {
+              value: "bg-neutral-300",
+              label: "neutral-300",
+              type: "tailwind",
+              rawValue: "#dee0e3"
+            },
+            {
+              value: "bg-neutral-400",
+              label: "neutral-400",
+              type: "tailwind",
+              rawValue: "#d0d3d6"
+            },
+            {
+              value: "bg-neutral-500",
+              label: "neutral-500",
+              type: "tailwind",
+              rawValue: "#bbbfc4"
+            },
+            {
+              value: "bg-neutral-600",
+              label: "neutral-600",
+              type: "tailwind",
+              rawValue: "#8f959e"
+            },
+            {
+              value: "bg-neutral-650",
+              label: "neutral-650",
+              type: "tailwind",
+              rawValue: "#51565d"
+            },
+            {
+              value: "bg-neutral-700",
+              label: "neutral-700",
+              type: "tailwind",
+              rawValue: "#646a73"
+            },
+            {
+              value: "bg-neutral-800",
+              label: "neutral-800",
+              type: "tailwind",
+              rawValue: "#373c43"
+            },
+            {
+              value: "bg-neutral-900",
+              label: "neutral-900",
+              type: "tailwind",
+              rawValue: "#2b2f36"
+            },
+            {
+              value: "bg-neutral-950",
+              label: "neutral-950",
+              type: "tailwind",
+              rawValue: "#1f2329"
+            },
+            {
+              value: "bg-neutral-1000",
+              label: "neutral-1000",
+              type: "tailwind",
+              rawValue: "#000000"
+            }
+          ]
+        }
+      ]
+    },
+    borderColor: {
+      type: "color-picker",
+      recommendColors: [
+        {
+          title: "中性色",
+          options: [
+            {
+              value: "border-neutral-00",
+              label: "neutral-00",
+              type: "tailwind",
+              rawValue: "#ffffff"
+            },
+            {
+              value: "border-neutral-50",
+              label: "neutral-50",
+              type: "tailwind",
+              rawValue: "#f5f6f7"
+            },
+            {
+              value: "border-neutral-100",
+              label: "neutral-100",
+              type: "tailwind",
+              rawValue: "#f2f3f5"
+            },
+            {
+              value: "border-neutral-200",
+              label: "neutral-200",
+              type: "tailwind",
+              rawValue: "#eff0f1"
+            },
+            {
+              value: "border-neutral-300",
+              label: "neutral-300",
+              type: "tailwind",
+              rawValue: "#dee0e3"
+            },
+            {
+              value: "border-neutral-400",
+              label: "neutral-400",
+              type: "tailwind",
+              rawValue: "#d0d3d6"
+            },
+            {
+              value: "border-neutral-500",
+              label: "neutral-500",
+              type: "tailwind",
+              rawValue: "#bbbfc4"
+            },
+            {
+              value: "border-neutral-600",
+              label: "neutral-600",
+              type: "tailwind",
+              rawValue: "#8f959e"
+            },
+            {
+              value: "border-neutral-650",
+              label: "neutral-650",
+              type: "tailwind",
+              rawValue: "#51565d"
+            },
+            {
+              value: "border-neutral-700",
+              label: "neutral-700",
+              type: "tailwind",
+              rawValue: "#646a73"
+            },
+            {
+              value: "border-neutral-800",
+              label: "neutral-800",
+              type: "tailwind",
+              rawValue: "#373c43"
+            },
+            {
+              value: "border-neutral-900",
+              label: "neutral-900",
+              type: "tailwind",
+              rawValue: "#2b2f36"
+            },
+            {
+              value: "border-neutral-950",
+              label: "neutral-950",
+              type: "tailwind",
+              rawValue: "#1f2329"
+            },
+            {
+              value: "border-neutral-1000",
+              label: "neutral-1000",
+              type: "tailwind",
+              rawValue: "#000000"
+            }
+          ]
+        }
+      ]
+    }
+  },
+  tokens: {
+    // blue
+    "blue-50": "#f0f4ff",
+    "blue-100": "#e0e9ff",
+    "blue-200": "#c2d4ff",
+    "blue-300": "#94b4ff",
+    "blue-400": "#7aa2ff",
+    "blue-500": "#5083fb",
+    "blue-600": "#336df4",
+    "blue-700": "#1456f0",
+    "blue-800": "#0442d2",
+    "blue-900": "#002f9e",
+    "blue-950": "#002270",
+    // indigo
+    "indigo-50": "#f2f3fd",
+    "indigo-100": "#e9eafb",
+    "indigo-200": "#cccff9",
+    "indigo-300": "#abb0f2",
+    "indigo-400": "#959bee",
+    "indigo-500": "#757df0",
+    "indigo-600": "#5b65f5",
+    "indigo-700": "#4752e6",
+    "indigo-800": "#333dcc",
+    "indigo-900": "#1e27a4",
+    "indigo-950": "#151b70",
+    // purple
+    "purple-50": "#f5f0fe",
+    "purple-100": "#efe6fe",
+    "purple-200": "#dcc9fd",
+    "purple-300": "#c8a9fc",
+    "purple-400": "#b791fa",
+    "purple-500": "#9f6ff1",
+    "purple-600": "#8d55ed",
+    "purple-700": "#7a35f0",
+    "purple-800": "#611fd6",
+    "purple-900": "#4811a6",
+    "purple-950": "#2f0080",
+    // violet
+    "violet-50": "#fceefc",
+    "violet-100": "#f9e2f9",
+    "violet-200": "#f3c4f3",
+    "violet-300": "#e59ce5",
+    "violet-400": "#de81de",
+    "violet-500": "#cf5ecf",
+    "violet-600": "#bf3dbf",
+    "violet-700": "#a630a6",
+    "violet-800": "#872787",
+    "violet-900": "#6a116a",
+    "violet-950": "#520052",
+    // pink
+    "pink-50": "#fef0f8",
+    "pink-100": "#fee2f2",
+    "pink-200": "#f8c4e1",
+    "pink-300": "#f598cc",
+    "pink-400": "#eb78b8",
+    "pink-500": "#df58a5",
+    "pink-600": "#cc398c",
+    "pink-700": "#b82879",
+    "pink-800": "#9d1562",
+    "pink-900": "#730744",
+    "pink-950": "#550c35",
+    // red
+    "red-50": "#fef0f0",
+    "red-100": "#fee3e2",
+    "red-200": "#fdc6c4",
+    "red-300": "#f89e9b",
+    "red-400": "#ff7570",
+    "red-500": "#f54a45",
+    "red-600": "#e22e28",
+    "red-700": "#c02a26",
+    "red-800": "#a11c17",
+    "red-900": "#741915",
+    "red-950": "#590603",
+    // 'neutral-00': '#ffffff',
+    // 'neutral-50': '#f5f6f7',
+    // 'neutral-100': '#f2f3f5',
+    // 'neutral-200': '#eff0f1',
+    // 'neutral-300': '#dee0e3',
+    // 'neutral-400': '#d0d3d6',
+    // 'neutral-500': '#bbbfc4',
+    // 'neutral-600': '#8f959e',
+    // 'neutral-650': '#51565d',
+    // 'neutral-700': '#646a73',
+    // 'neutral-800': '#373c43',
+    // 'neutral-900': '#2b2f36',
+    // 'neutral-950': '#1f2329',
+    // 'neutral-1000': '#000',
+    // orange
+    "orange-50": "#fff3e5",
+    "orange-100": "#fee7cd",
+    "orange-200": "#fec48b",
+    "orange-300": "#ff9d4c",
+    "orange-400": "#ff811a",
+    "orange-500": "#ed6d0c",
+    "orange-600": "#c25705",
+    "orange-700": "#a44904",
+    "orange-800": "#853a05",
+    "orange-900": "#642b02",
+    "orange-950": "#3b1a02",
+    // yellow
+    "yellow-50": "#fbf4df",
+    "yellow-100": "#faedc2",
+    "yellow-200": "#fcdf7e",
+    "yellow-300": "#fad355",
+    "yellow-400": "#ffc60a",
+    "yellow-500": "#d99904",
+    "yellow-600": "#ad7a03",
+    "yellow-700": "#865b03",
+    "yellow-800": "#6f4a01",
+    "yellow-900": "#573601",
+    "yellow-950": "#382201",
+    // amber
+    "amber-50": "#ffffdb",
+    "amber-100": "#fffca3",
+    "amber-200": "#fff67a",
+    "amber-300": "#fff258",
+    "amber-400": "#ffe928",
+    "amber-500": "#e5ce00",
+    "amber-600": "#c2a800",
+    "amber-700": "#8f7c00",
+    "amber-800": "#5c4f00",
+    "amber-900": "#423700",
+    "amber-950": "#2c2502",
+    // lime
+    "lime-50": "#f2f8d3",
+    "lime-100": "#e3f0a3",
+    "lime-200": "#c8dd5f",
+    "lime-300": "#a2c10b",
+    "lime-400": "#91ad00",
+    "lime-500": "#7b9207",
+    "lime-600": "#6b7f06",
+    "lime-700": "#5c6d08",
+    "lime-800": "#4a5804",
+    "lime-900": "#333d00",
+    "lime-950": "#262e00",
+    // green
+    "green-50": "#e4fae1",
+    "green-100": "#d0f5ce",
+    "green-200": "#95e599",
+    "green-300": "#5cd168",
+    "green-400": "#35bd4b",
+    "green-500": "#32a645",
+    "green-600": "#258832",
+    "green-700": "#1a7526",
+    "green-800": "#0b6017",
+    "green-900": "#04430c",
+    "green-950": "#022c07",
+    // teal
+    "teal-50": "#e2f8f5",
+    "teal-100": "#c4f2ec",
+    "teal-200": "#6fe8d8",
+    "teal-300": "#33d6c0",
+    "teal-400": "#2dbeab",
+    "teal-500": "#10a893",
+    "teal-600": "#0f8575",
+    "teal-700": "#067062",
+    "teal-800": "#045d51",
+    "teal-900": "#03443b",
+    "teal-950": "#02312a",
+    // cyan
+    "cyan-50": "#e7f8fe",
+    "cyan-100": "#caeffc",
+    "cyan-200": "#97dcfc",
+    "cyan-300": "#3ec3f7",
+    "cyan-400": "#25b0e7",
+    "cyan-500": "#1295ca",
+    "cyan-600": "#047fb0",
+    "cyan-700": "#076a94",
+    "cyan-800": "#0f587a",
+    "cyan-900": "#06415c",
+    "cyan-950": "#072b3d"
+  }
+};