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

package/lib/components/theme/ui-config.js

@@ -0,0 +1,758 @@
+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'
+                },
+                {
+                    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-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-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-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-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-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-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',
+        '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-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-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-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-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-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-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'
+    }
+};
+export { defaultUIConfig };