@lingxiteam/assets 1.0.12 → 1.0.13-alpha.2

package/es/theme/bin/default/theme.scss

@@ -1,58 +1,3 @@
-$blue-base: #3295fa;
-$blue-1: #f0faff;
-$blue-2: #d6f0ff;
-$blue-3: #addeff;
-$blue-4: #85caff;
-$blue-5: #5cb3ff;
-$blue-6: #3296fa;
-$blue-7: #2074d4;
-$blue-8: #1155ad;
-$blue-9: #073a87;
-$blue-10: #042661;
-$cyan-base: #0dd1a9;
-$cyan-1: #e6fff6;
-$cyan-2: #b3ffe5;
-$cyan-3: #86f7d5;
-$cyan-4: #59ebc4;
-$cyan-5: #31deb5;
-$cyan-6: #0dd1aa;
-$cyan-7: #02ab8f;
-$cyan-8: #008573;
-$cyan-9: #005e55;
-$cyan-10: #003834;
-$green-base: #02b342;
-$green-1: #daf2df;
-$green-2: #95e6a8;
-$green-3: #6ad988;
-$green-4: #43cc6c;
-$green-5: #21bf55;
-$green-6: #02b343;
-$green-7: #008c38;
-$green-8: #00662c;
-$green-9: #00401e;
-$green-10: #001a0d;
-$gold-base: #faaf0c;
-$gold-1: #fffbe6;
-$gold-2: #fff1b0;
-$gold-3: #ffe587;
-$gold-4: #ffd75e;
-$gold-5: #ffc636;
-$gold-6: #faaf0c;
-$gold-7: #d48a00;
-$gold-8: #ad6b00;
-$gold-9: #874f00;
-$gold-10: #613500;
-$volcano-base: #fa6432;
-$volcano-1: #fff6f0;
-$volcano-2: #ffe6d6;
-$volcano-3: #ffcaad;
-$volcano-4: #ffab85;
-$volcano-5: #ff8a5c;
-$volcano-6: #fa6432;
-$volcano-7: #d44720;
-$volcano-8: #ad2e11;
-$volcano-9: #871a07;
-$volcano-10: #610f04;
 $red-base: #f23030;
 $red-1: #fff2f0;
 $red-2: #ffdcd6;
@@ -64,50 +9,39 @@ $red-7: #cc1f24;
 $red-8: #a6111b;
 $red-9: #800612;
 $red-10: #59040f;
-$purple-base: #6732e6;
-$purple-1: #f7f0ff;
-$purple-2: #ebdbff;
-$purple-3: #d1b3ff;
-$purple-4: #b58aff;
-$purple-5: #8e5cf2;
-$purple-6: #6832e6;
-$purple-7: #4b21bf;
-$purple-8: #321299;
-$purple-9: #1d0873;
-$purple-10: #11054d;
-$geekblue-base: #3366ee;
-$geekblue-1: #f0f6ff;
-$geekblue-2: #d9e8ff;
-$geekblue-3: #b0cdff;
-$geekblue-4: #87afff;
-$geekblue-5: #5c8cfa;
-$geekblue-6: #3264ed;
-$geekblue-7: #2047c7;
-$geekblue-8: #122ea1;
-$geekblue-9: #071b7a;
-$geekblue-10: #040f54;
-$pink-base: #eb2f96;
-$pink-1: #fff0f6;
-$pink-2: #ffd6e7;
-$pink-3: #ffadd2;
-$pink-4: #ff85c0;
-$pink-5: #f759ab;
-$pink-6: #eb2f96;
-$pink-7: #c41d7f;
-$pink-8: #9e1068;
-$pink-9: #780650;
-$pink-10: #520339;
-$orange-base: #fa8c16;
-$orange-1: #fff7e6;
-$orange-2: #ffe7ba;
-$orange-3: #ffd591;
-$orange-4: #ffc069;
-$orange-5: #ffa940;
-$orange-6: #fa8c16;
-$orange-7: #d46b08;
-$orange-8: #ad4e00;
-$orange-9: #873800;
-$orange-10: #612500;
+$volcano-base: #fa541c;
+$volcano-1: #fff2e8;
+$volcano-2: #ffd8bf;
+$volcano-3: #ffbb96;
+$volcano-4: #ff9c6e;
+$volcano-5: #ff7a45;
+$volcano-6: #fa541c;
+$volcano-7: #d4380d;
+$volcano-8: #ad2102;
+$volcano-9: #871400;
+$volcano-10: #610b00;
+$orange-base: #fa6432;
+$orange-1: #fff6f0;
+$orange-2: #ffe6d6;
+$orange-3: #ffcaad;
+$orange-4: #ffab85;
+$orange-5: #ff8a5c;
+$orange-6: #fa6432;
+$orange-7: #d44720;
+$orange-8: #ad2e11;
+$orange-9: #871a07;
+$orange-10: #610f04;
+$gold-base: #faaf0c;
+$gold-1: #fffbe6;
+$gold-2: #fff1b0;
+$gold-3: #ffe587;
+$gold-4: #ffd75e;
+$gold-5: #ffc636;
+$gold-6: #faaf0c;
+$gold-7: #d48a00;
+$gold-8: #ad6b00;
+$gold-9: #874f00;
+$gold-10: #613500;
 $yellow-base: #fadb14;
 $yellow-1: #feffe6;
 $yellow-2: #ffffb8;
@@ -130,139 +64,280 @@ $lime-7: #7cb305;
 $lime-8: #5b8c00;
 $lime-9: #3f6600;
 $lime-10: #254000;
-$primary-color: #4477ee;
+$green-base: #02b342;
+$green-1: #daf2df;
+$green-2: #95e6a8;
+$green-3: #6ad988;
+$green-4: #43cc6c;
+$green-5: #21bf55;
+$green-6: #02b342;
+$green-7: #008c38;
+$green-8: #00662c;
+$green-9: #00401e;
+$green-10: #001a0d;
+$cyan-base: #0dd1a9;
+$cyan-1: #e6fff6;
+$cyan-2: #b3ffe5;
+$cyan-3: #86f7d5;
+$cyan-4: #59ebc4;
+$cyan-5: #31deb5;
+$cyan-6: #0dd1a9;
+$cyan-7: #02ab8f;
+$cyan-8: #008573;
+$cyan-9: #005e55;
+$cyan-10: #003834;
+$blue-base: #3295fa;
+$blue-1: #f0faff;
+$blue-2: #d6f0ff;
+$blue-3: #addeff;
+$blue-4: #85caff;
+$blue-5: #5cb3ff;
+$blue-6: #3295fa;
+$blue-7: #2074d4;
+$blue-8: #1155ad;
+$blue-9: #073a87;
+$blue-10: #042661;
+$geekblue-base: #3366ee;
+$geekblue-1: #f0f6ff;
+$geekblue-2: #d9e8ff;
+$geekblue-3: #b0cdff;
+$geekblue-4: #87afff;
+$geekblue-5: #5c8cfa;
+$geekblue-6: #3366ee;
+$geekblue-7: #2047c7;
+$geekblue-8: #122ea1;
+$geekblue-9: #071b7a;
+$geekblue-10: #040f54;
+$purple-base: #6732e6;
+$purple-1: #f7f0ff;
+$purple-2: #ebdbff;
+$purple-3: #d1b3ff;
+$purple-4: #b58aff;
+$purple-5: #8e5cf2;
+$purple-6: #6732e6;
+$purple-7: #4b21bf;
+$purple-8: #321299;
+$purple-9: #1d0873;
+$purple-10: #11054d;
+$magenta-base: #eb2f96;
+$magenta-1: #fff0f6;
+$magenta-2: #ffd6e7;
+$magenta-3: #ffadd2;
+$magenta-4: #ff85c0;
+$magenta-5: #f759ab;
+$magenta-6: #eb2f96;
+$magenta-7: #c41d7f;
+$magenta-8: #9e1068;
+$magenta-9: #780650;
+$magenta-10: #520339;
+$pink-base: #eb2f96;
+$pink-1: #fff0f6;
+$pink-2: #ffd6e7;
+$pink-3: #ffadd2;
+$pink-4: #ff85c0;
+$pink-5: #f759ab;
+$pink-6: #eb2f96;
+$pink-7: #c41d7f;
+$pink-8: #9e1068;
+$pink-9: #780650;
+$pink-10: #520339;
+$primary-color: #417ffb;
 $primary-1: #f0f7ff;
-$primary-2: #edf5ff;
-$primary-3: #c4dcff;
-$primary-4: #9cc0ff;
-$primary-5: #709efa;
-$primary-6: #4577ed;
-$primary-7: #3058c7;
-$primary-8: #1f3da1;
-$primary-9: #11267a;
-$primary-10: #0b1754;
-$info-color: #4477ee;
-$info-1: #f0f7ff;
-$info-2: #edf5ff;
-$info-3: #c4dcff;
-$info-4: #9cc0ff;
-$info-5: #709efa;
-$info-6: #4577ed;
-$info-7: #3058c7;
-$info-8: #1f3da1;
-$info-9: #11267a;
-$info-10: #0b1754;
-$success-color: #36bf36;
-$success-1: #f2fff0;
-$success-2: #e1f2df;
-$success-3: #b4e6ae;
-$success-4: #88d982;
-$success-5: #5ecc5a;
-$success-6: #36bf36;
-$success-7: #239927;
-$success-8: #15731b;
-$success-9: #0a4d11;
-$success-10: #052609;
-$warning-color: #faad14;
+$primary-2: #e6f1ff;
+$primary-3: #bdd9ff;
+$primary-4: #94bfff;
+$primary-5: #6ba1ff;
+$primary-6: #417ffb;
+$primary-7: #2c5fd4;
+$primary-8: #1c43ad;
+$primary-9: #0f2b87;
+$primary-10: #0a1b61;
+$info-color: #3998f7;
+$info-1: #f0faff;
+$info-2: #def3ff;
+$info-3: #b5e1ff;
+$info-4: #8ccdff;
+$info-5: #63b6ff;
+$info-6: #3998f7;
+$info-7: #2676d1;
+$info-8: #1657ab;
+$info-9: #0b3b85;
+$info-10: #07275e;
+$success-color: #02b342;
+$success-1: #daf2df;
+$success-2: #95e6a8;
+$success-3: #6ad988;
+$success-4: #43cc6c;
+$success-5: #21bf55;
+$success-6: #02b342;
+$success-7: #008c38;
+$success-8: #00662c;
+$success-9: #00401e;
+$success-10: #001a0d;
+$warning-color: #faaf0c;
 $warning-1: #fffbe6;
-$warning-2: #fff1b8;
-$warning-3: #ffe58f;
-$warning-4: #ffd666;
-$warning-5: #ffc53d;
-$warning-6: #faad14;
-$warning-7: #d48806;
-$warning-8: #ad6800;
-$warning-9: #874d00;
-$warning-10: #613400;
-$error-color: #f52230;
-$error-1: #fff1f0;
-$error-2: #ffcbc7;
-$error-3: #ffa19e;
-$error-4: #ff7575;
-$error-5: #ff4d52;
-$error-6: #f52230;
-$error-7: #cf1325;
-$error-8: #a8071c;
-$error-9: #820016;
-$error-10: #5c0012;
-$highlight-color: #fa6432;
-$highlight-1: #fff6f0;
-$highlight-2: #ffe6d6;
-$highlight-3: #ffcaad;
-$highlight-4: #ffab85;
-$highlight-5: #ff8a5c;
-$highlight-6: #fa6432;
-$highlight-7: #d44720;
-$highlight-8: #ad2e11;
-$highlight-9: #871a07;
-$highlight-10: #610f04;
-$black-1: rgba(28, 36, 46, 0.15);
-$black-2: rgba(28, 36, 46, 0.25);
-$black-3: rgba(28, 36, 46, 0.35);
-$black-4: rgba(28, 36, 46, 0.45);
-$black-5: rgba(28, 36, 46, 0.55);
-$black-6: rgba(28, 36, 46, 0.65);
-$black-7: rgba(28, 36, 46, 0.75);
-$black-8: rgba(28, 36, 46, 0.85);
-$black-9: rgba(28, 36, 46, 0.95);
-$black-10: rgba(28, 36, 46, 1);
+$warning-2: #fff1b0;
+$warning-3: #ffe587;
+$warning-4: #ffd75e;
+$warning-5: #ffc636;
+$warning-6: #faaf0c;
+$warning-7: #d48a00;
+$warning-8: #ad6b00;
+$warning-9: #874f00;
+$warning-10: #613500;
+$error-color: #f23030;
+$error-1: #fff2f0;
+$error-2: #ffdcd6;
+$error-3: #ffb6ad;
+$error-4: #ff8d85;
+$error-5: #ff615c;
+$error-6: #f23030;
+$error-7: #cc1f24;
+$error-8: #a6111b;
+$error-9: #800612;
+$error-10: #59040f;
+$highlight-color: #f23030;
+$highlight-1: #fff2f0;
+$highlight-2: #ffdcd6;
+$highlight-3: #ffb6ad;
+$highlight-4: #ff8d85;
+$highlight-5: #ff615c;
+$highlight-6: #f23030;
+$highlight-7: #cc1f24;
+$highlight-8: #a6111b;
+$highlight-9: #800612;
+$highlight-10: #59040f;
+$black-1: rgba(42, 43, 51, 0.15);
+$black-2: rgba(42, 43, 51, 0.25);
+$black-3: rgba(42, 43, 51, 0.35);
+$black-4: rgba(42, 43, 51, 0.45);
+$black-5: rgba(42, 43, 51, 0.55);
+$black-6: rgba(42, 43, 51, 0.65);
+$black-7: rgba(42, 43, 51, 0.75);
+$black-8: rgba(42, 43, 51, 0.85);
+$black-9: rgba(42, 43, 51, 0.95);
+$black-10: rgb(42, 43, 51);
+$gray-1: #fff;
+$gray-2: #f7f8fa;
+$gray-3: #f2f3f5;
+$gray-4: #ebebf0;
+$gray-5: #e4e4eb;
+$gray-6: #dcdde5;
+$gray-7: #d5d6e0;
+$gray-8: #c9cbd6;
+$gray-9: #b0b2bf;
+$gray-10: #9092a3;
+$gray-11: #64677a;
+$gray-12: #414352;
+$gray-13: #2a2b33;
+$color-fill-1: #fff;
+$color-fill-2: #f7f8fa;
+$color-fill-3: #f2f3f5;
+$color-fill-4: #ebebf0;
+$color-fill-5: #64677a;
+$color-line-1: #f2f3f5;
+$color-line-2: #e4e4eb;
+$color-line-3: #dcdde5;
+$color-line-4: #d5d6e0;
+$box-shadow-1: 0px 1px 4px rgba(100, 103, 122, 0.06);
+$box-shadow-2: 0px 2px 8px rgba(100, 103, 122, 0.08);
+$box-shadow-3: 0px 4px 16px rgba(100, 103, 122, 0.12);
+$box-shadow-4: 0px 8px 24px rgba(100, 103, 122, 0.24);
 $white: #fff;
-$black: rgba(28, 36, 46, 1);
-$link-color: #2299ff;
-$body-background: #fff;
-$background-color-base: #edf0f5;
-$border-color-base: #e5e5e5;
-$dividing-color: #e5e5e5;
-$border-color-split: #f0f0f0;
-$component-background: #fff;
-$background-color-light: hsv(0, 0, 98%);
-$disabled-bg: #f5f5f5;
-$modal-mask-bg: rgba(28, 36, 46, 0.45);
-$item-hover-bg: #f5f5f5;
-$heading-color: rgba(28, 36, 46, 1);
-$text-color: rgba(28, 36, 46, 0.85);
-$text-color-paragraph: rgba(28, 36, 46, 0.65);
-$text-color-secondary: rgba(28, 36, 46, 0.45);
-$disabled-color: rgba(28, 36, 46, 0.25);
+$black: #000;
+$heading-color: #2a2b33;
+$text-color: #414352;
+$text-color-paragraph: #64677a;
+$text-color-secondary: #9092a3;
+$disabled-color: #b0b2bf;
 $text-color-inverse: #fff;
-$line-height-base: 1.5715;
+$text-color-dark: rgba(255, 255, 255, 0.85);
+$text-color-paragraph-dark: rgba(255, 255, 255, 0.75);
+$text-color-secondary-dark: rgba(255, 255, 255, 0.65);
+$disabled-color-dark: rgba(255, 255, 255, 0.45);
+$icon-color-hover: rgba(42, 43, 51, 0.75);
+$icon-color-secondary: rgba(42, 43, 51, 0.45);
+$icon-color-heading: rgb(42, 43, 51);
 $icon-color: inherit;
-$icon-color-hover: rgba(28, 36, 46, 0.75);
-$icon-color-secondary: rgba(28, 36, 46, 0.45);
-$icon-color-heading: rgba(28, 36, 46, 1);
-$font-size-base: 14px;
-$font-size-lg: 16px;
-$font-size-md: 15px;
+$link-color: #417ffb;
+$body-background: linear-gradient(180deg, #EBF0FF 0%, #F2F3F7 100%);
+$background-color-base: #f2f3f5;
+$component-background: #fff;
+$background-color-light: #f7f8fa;
+$border-color-base: #dcdde5;
+$border-color-split: #e4e4eb;
+$dividing-color: #dcdde5;
+$disabled-bg: #f2f3f5;
+$disabled-active-bg: #ebebf0;
+$modal-mask-bg: rgba(42, 43, 51, 0.45);
+$item-hover-bg: rgba(42, 43, 51, 0.06);
+$item-active-bg: #f0f7ff;
+$label-required-color: #f23030;
+$line-height-base: 1.5715;
 $font-size-sm: 12px;
+$font-size-base: 13px;
+$font-size-md: 14px;
+$font-size-lg: 16px;
 $font-weight: 500;
-$heading-1-size: 38px;
-$heading-2-size: 30px;
-$heading-3-size: 24px;
-$heading-4-size: 20px;
-$heading-5-size: 16px;
-$heading-6-size: 14px;
-$border-radius-base: 2px;
+$article-size-sm: 12px;
+$article-size-md: 14px;
+$article-size-lg: 16px;
+$article-line-height: 2;
+$heading-1-size: 36px;
+$heading-2-size: 28px;
+$heading-3-size: 23px;
+$heading-4-size: 19px;
+$heading-5-size: 15px;
+$heading-6-size: 13px;
+$border-radius-base: 4px;
+$border-radius-sm: 2px;
 $border-radius-md: 4px;
 $border-radius-lg: 8px;
 $border-radius-round: 50%;
-$padding-lg: 20px;
+$box-border-radius: 8px;
+$space-xxs: 2px;
+$space-xs: 4px;
+$space-sm: 8px;
+$space-md: 12px;
+$space-lg: 16px;
+$space-xl: 20px;
+$space-xxl: 24px;
+$padding-lg: 24px;
 $padding-md: 16px;
 $padding-sm: 12px;
 $padding-xs: 8px;
 $padding-xxs: 4px;
 $padding-xxxs: 2px;
+$margin-lg: 24px;
+$margin-md: 16px;
+$margin-sm: 12px;
+$margin-xs: 8px;
+$margin-xxs: 4px;
+$margin-xxxs: 2px;
+$page-space: 0 40px 16px 40px;
+$box-padding-base: 20px;
+$box-padding-sm: 12px;
 $size-xs: 16px;
 $size-sm: 24px;
 $size-md: 28px;
 $size-base: 32px;
 $size-lg: 40px;
 $size-xl: 56px;
-$btn-height-base: 32px;
+$width-xs: 256px;
+$width-sm: 500px;
+$width-md: 768px;
+$width-lg: 1000px;
+$width-xl: 80%;
+$height-base: 28px;
+$height-lg: 40px;
+$height-sm: 24px;
+$table-header-bg: #f7f8fa;
+$btn-height-base: 28px;
 $btn-height-lg: 40px;
 $btn-height-sm: 24px;
 $radio-size: 16px;
 $checkbox-size: 16px;
-$input-height-base: 32px;
+$input-height-base: 28px;
 $input-height-lg: 40px;
 $input-height-sm: 24px;
 $menu-inline-toplevel-item-height: 40px;

package/es/theme/build.js

@@ -21,12 +21,18 @@ fs.readdir(srcPath, function (err, files) {
         var jsonStr = 'const theme = {\n';
         var lessStr = '';
         var sassStr = '';
+        var modalWidthStr = 'const modalWidths = {\n';
         Object.keys(modules).forEach(function (item) {
+          if (/width+/gi.test(item)) {
+            var name = item.replace(/width-/, '');
+            modalWidthStr += "  ".concat(name, ": '").concat(modules[item], "',\n");
+          }
           lessStr += "@".concat(item, ": ").concat(modules[item], ";\n");
           sassStr += "$".concat(item, ": ").concat(modules[item], ";\n");
           jsonStr += "  ".concat(item.indexOf('-') > -1 ? "'".concat(item, "'") : item, ": '").concat(modules[item], "',\n");
         });
         jsonStr += '};\n\nmodule.exports = theme;\n';
+        modalWidthStr += '};\n\nexport default modalWidths;\n';
         fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/theme.less")), lessStr, {
           encoding: 'utf-8'
         });
@@ -36,6 +42,9 @@ fs.readdir(srcPath, function (err, files) {
         fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/theme.js")), jsonStr, {
           encoding: 'utf-8'
         });
+        fs.writeFileSync(path.resolve(__dirname, "".concat(binDir, "/modalWidth.js")), modalWidthStr, {
+          encoding: 'utf-8'
+        });
       }
     }
   });