fix: modifyVars not work

vben
1 parent 1a85dff5
Showing 9 changed files with 6 additions and 82 deletions
CHANGELOG.zh_CN.md
build/config/lessModifyVars.ts
build/vite/plugin/styleImport.ts
src/design/color.less
src/types/global.d.ts
src/types/module.d.ts
src/types/shim-tsx.d.ts
src/types/vue-app-env.d.ts
src/views/demo/table/tableData.tsx
@@ -16,6 +16,7 @@
 - 修复表格换行问题
 - 修复菜单外链不跳转
 - 修复菜单顶部显示问题
+- 修复`modifyVars`配置失效问题
 ## 2.0.0-rc.17 (2020-01-18)
@@ -7,23 +7,18 @@ const primaryColor = &#39;#0084f4&#39;;
 //{
 const modifyVars = {
   'primary-color': primaryColor, //  Global dominant color
-  'info-color': primaryColor, //  Default color
   'success-color': '#55D187', //  Success color
   'error-color': '#ED6F6F', //  False color
   'warning-color': '#EFBD47', //   Warning color
   'link-color': primaryColor, //   Link color
-  'disabled-color': '#C2C2CC', //  Failure color
+  'disabled-color': 'rgba(0, 0, 0, 0.25)', //  Failure color
   'heading-color': 'rgba(0, 0, 0, 0.85)', //  Title color
   'text-color': 'rgba(0, 0, 0, 0.85)', //  Main text color
-  // 'heading-color': '#2C3A61', //  Title color
-  // 'text-color': '#2C3A61', //  Main text color
-  'text-color-secondary ': '#606266', // Subtext color
-  'background-color-base': '#f4f7f9', // background color
+  'text-color-secondary ': 'rgba(0, 0, 0, 0.45)', // Subtext color
   'font-size-base': '14px', //  Main font size
   'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', //  Floating shadow
-  'border-color-base': '#F0F0F0', //  Border color,
-  'border-color-split': '#F0F0F0', //  Border color,
-  'border-radius-base': '4px', //  Component/float fillet
+  'border-color-base': '#d9d9d9', //  Border color,
+  'border-radius-base': '2px', //  Component/float fillet
 };
 //}
@@ -7,7 +7,7 @@ export function configStyleImportConfig() {
         libraryName: 'ant-design-vue',
         esModule: true,
         resolveStyle: (name) => {
-          return `ant-design-vue/es/${name}/style/css`;
+          return `ant-design-vue/es/${name}/style/index`;
         },
       },
     ],
@@ -16,8 +16,6 @@
 @content-bg: #f4f7f9;
 // @content-bg: #f0f2f5;
-@info-color: @primary-color;
-
 @basic-mask-color: fade(@white, 30%);
 // :export {
 //   name: "less";
@@ -39,12 +39,6 @@ declare type DeepPartial&lt;T&gt; = {
   [P in keyof T]?: DeepPartial<T[P]>;
 };
-// type DeepPartial<T> = T extends Function
-//   ? T
-//   : T extends object
-//   ? { [K in keyof T]?: DeepPartial<T[K]> }
-//   : T;
-
 declare type LabelValueOptions = {
   label: string;
   value: any;
-declare module 'globby!/@/router/routes/modules/**/*.@(ts)';
-
-declare module 'globby!/@/router/menus/modules/**/*.@(ts)';
-
-declare module 'globby?locale!/@/locales/lang/**/*.@(ts)';
-
-declare const React: string;
-
 declare module 'ant-design-vue/es/locale/*' {
   import { Locale } from 'ant-design-vue/types/locale-provider';
   const locale: Locale & ReadonlyRecordable;
-import type { ComponentRenderProxy, VNode } from 'vue';
-
-declare module '*.tsx' {
-  import { defineComponent } from 'vue';
-  const component: ReturnType<defineComponent>;
-  export default component;
-}
-
-declare global {
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    type Element = VNode;
-    // tslint:disable no-empty-interface
-    type ElementClass = ComponentRenderProxy;
-    interface ElementAttributesProperty {
-      $props: any;
-    }
-    interface IntrinsicElements {
-      [elem: string]: any;
-    }
-    interface IntrinsicAttributes {
-      [elem: string]: any;
-    }
-  }
-}
@@ -3,23 +3,3 @@ declare module &#39;*.vue&#39; {
   const Component: ReturnType<typeof defineComponent>;
   export default Component;
 }
-
-declare namespace NodeJS {
-  interface Process {
-    env: ProcessEnv;
-  }
-  interface ProcessEnv {
-    /**
-     * By default, there are two modes in Vite:
-     *
-     * * `development` is used by vite and vite serve
-     * * `production` is used by vite build
-     *
-     * You can overwrite the default mode used for a command by passing the --mode option flag.
-     *
-     */
-    readonly NODE_ENV: 'development' | 'production';
-  }
-}
-
-declare let process: NodeJS.Process;
@@ -308,17 +308,6 @@ export function getTreeTableData() {
             address: 'New York No. 1 Lake ParkNew York No. 1 Lake Park',
             beginTime: new Date().toLocaleString(),
             endTime: new Date().toLocaleString(),
-            children: [
-              {
-                id: `l3-${index}`,
-                name: 'John Brown',
-                age: `1${index}`,
-                no: `${index + 10}`,
-                address: 'New York No. 1 Lake ParkNew York No. 1 Lake Park',
-                beginTime: new Date().toLocaleString(),
-                endTime: new Date().toLocaleString(),
-              },
-            ],
           },
         ],
       });