mirror of
https://github.com/vbenjs/vben-admin-thin-next.git
synced 2025-02-02 18:08:40 +08:00
fix: modifyVars not work
This commit is contained in:
parent
1a85dff57d
commit
b107b52886
@ -16,6 +16,7 @@
|
|||||||
- 修复表格换行问题
|
- 修复表格换行问题
|
||||||
- 修复菜单外链不跳转
|
- 修复菜单外链不跳转
|
||||||
- 修复菜单顶部显示问题
|
- 修复菜单顶部显示问题
|
||||||
|
- 修复`modifyVars`配置失效问题
|
||||||
|
|
||||||
## 2.0.0-rc.17 (2020-01-18)
|
## 2.0.0-rc.17 (2020-01-18)
|
||||||
|
|
||||||
|
@ -7,23 +7,18 @@ const primaryColor = '#0084f4';
|
|||||||
//{
|
//{
|
||||||
const modifyVars = {
|
const modifyVars = {
|
||||||
'primary-color': primaryColor, // Global dominant color
|
'primary-color': primaryColor, // Global dominant color
|
||||||
'info-color': primaryColor, // Default color
|
|
||||||
'success-color': '#55D187', // Success color
|
'success-color': '#55D187', // Success color
|
||||||
'error-color': '#ED6F6F', // False color
|
'error-color': '#ED6F6F', // False color
|
||||||
'warning-color': '#EFBD47', // Warning color
|
'warning-color': '#EFBD47', // Warning color
|
||||||
'link-color': primaryColor, // Link 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
|
'heading-color': 'rgba(0, 0, 0, 0.85)', // Title color
|
||||||
'text-color': 'rgba(0, 0, 0, 0.85)', // Main text color
|
'text-color': 'rgba(0, 0, 0, 0.85)', // Main text color
|
||||||
// 'heading-color': '#2C3A61', // Title color
|
'text-color-secondary ': 'rgba(0, 0, 0, 0.45)', // Subtext color
|
||||||
// 'text-color': '#2C3A61', // Main text color
|
|
||||||
'text-color-secondary ': '#606266', // Subtext color
|
|
||||||
'background-color-base': '#f4f7f9', // background color
|
|
||||||
'font-size-base': '14px', // Main font size
|
'font-size-base': '14px', // Main font size
|
||||||
'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // Floating shadow
|
'box-shadow-base': '0 2px 8px rgba(0, 0, 0, 0.15)', // Floating shadow
|
||||||
'border-color-base': '#F0F0F0', // Border color,
|
'border-color-base': '#d9d9d9', // Border color,
|
||||||
'border-color-split': '#F0F0F0', // Border color,
|
'border-radius-base': '2px', // Component/float fillet
|
||||||
'border-radius-base': '4px', // Component/float fillet
|
|
||||||
};
|
};
|
||||||
//}
|
//}
|
||||||
|
|
||||||
|
@ -7,7 +7,7 @@ export function configStyleImportConfig() {
|
|||||||
libraryName: 'ant-design-vue',
|
libraryName: 'ant-design-vue',
|
||||||
esModule: true,
|
esModule: true,
|
||||||
resolveStyle: (name) => {
|
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: #f4f7f9;
|
||||||
// @content-bg: #f0f2f5;
|
// @content-bg: #f0f2f5;
|
||||||
|
|
||||||
@info-color: @primary-color;
|
|
||||||
|
|
||||||
@basic-mask-color: fade(@white, 30%);
|
@basic-mask-color: fade(@white, 30%);
|
||||||
// :export {
|
// :export {
|
||||||
// name: "less";
|
// name: "less";
|
||||||
|
6
src/types/global.d.ts
vendored
6
src/types/global.d.ts
vendored
@ -39,12 +39,6 @@ declare type DeepPartial<T> = {
|
|||||||
[P in keyof T]?: DeepPartial<T[P]>;
|
[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 = {
|
declare type LabelValueOptions = {
|
||||||
label: string;
|
label: string;
|
||||||
value: any;
|
value: any;
|
||||||
|
8
src/types/module.d.ts
vendored
8
src/types/module.d.ts
vendored
@ -1,11 +1,3 @@
|
|||||||
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/*' {
|
declare module 'ant-design-vue/es/locale/*' {
|
||||||
import { Locale } from 'ant-design-vue/types/locale-provider';
|
import { Locale } from 'ant-design-vue/types/locale-provider';
|
||||||
const locale: Locale & ReadonlyRecordable;
|
const locale: Locale & ReadonlyRecordable;
|
||||||
|
25
src/types/shim-tsx.d.ts
vendored
25
src/types/shim-tsx.d.ts
vendored
@ -1,25 +0,0 @@
|
|||||||
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
20
src/types/vue-app-env.d.ts
vendored
20
src/types/vue-app-env.d.ts
vendored
@ -3,23 +3,3 @@ declare module '*.vue' {
|
|||||||
const Component: ReturnType<typeof defineComponent>;
|
const Component: ReturnType<typeof defineComponent>;
|
||||||
export default Component;
|
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',
|
address: 'New York No. 1 Lake ParkNew York No. 1 Lake Park',
|
||||||
beginTime: new Date().toLocaleString(),
|
beginTime: new Date().toLocaleString(),
|
||||||
endTime: 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(),
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user