Merge pull request #491 from Tencent/fix/colorPicker/referance

fix: colorPicker reference

Author: PengYYYYY

src/color-picker/color-picker-panel.tsx

@@ -3,7 +3,7 @@ import useVModel from '../hooks/useVModel';
 import props from './props';
 import ColorPanel from './panel';
 import { TdColorContext } from './interfaces';
-import { usePrefixClass } from '../index';
+import { usePrefixClass } from '../config-provider';
 
 export default defineComponent({
   name: 'TColorPickerPanel',

src/color-picker/hooks.ts

@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import { usePrefixClass } from '../index';
+import { usePrefixClass } from '../config-provider';
 
 const BASE_COMPONENT_NAME = 'color-picker';
 

src/color-picker/interfaces.ts

@@ -1,4 +1,4 @@
-import { ColorObject, ColorPickerChangeTrigger } from '.';
+import { ColorObject, ColorPickerChangeTrigger } from './type';
 
 // color modes
 export type TdColorModes = 'monochrome' | 'linear-gradient';

src/color-picker/panel/format/index.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, PropType, ref, watch } from 'vue';
-import { upperCase } from 'lodash';
+import upperCase from 'lodash/upperCase';
 import { TdColorPickerProps } from '../../type';
 import props from '../../props';
 import { FORMATS } from '../../const';

src/color-picker/panel/format/inputs.tsx

@@ -1,5 +1,5 @@
 import { computed, defineComponent, PropType, reactive, watch } from 'vue';
-import { throttle } from 'lodash';
+import throttle from 'lodash/throttle';
 import props from '../../props';
 import Color from '../../utils/color';
 import { Select as TSelect, Option as TOption } from '../../../select';

src/color-picker/panel/format/style/css.js

@@ -0,0 +1 @@
+import '../../../style/index.css';

src/color-picker/panel/format/style/index.js

@@ -0,0 +1 @@
+import '../../../style/index.js';

src/color-picker/panel/index.tsx

@@ -16,7 +16,7 @@ import FormatPanel from './format';
 import SwatchesPanel from './swatches';
 import Color, { getColorObject } from '../utils/color';
 import { GradientColorPoint } from '../utils/gradient';
-import { TdColorPickerProps, ColorPickerChangeTrigger, RecentColorsChangeTrigger } from '../index';
+import { TdColorPickerProps, ColorPickerChangeTrigger, RecentColorsChangeTrigger } from '../type';
 import { TdColorModes } from '../interfaces';
 import { useBaseClassName } from '../hooks';
 import useVModel from '../../hooks/useVModel';

src/color-picker/panel/linear-gradient.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
-import { cloneDeep } from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
 import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../const';
 import { genGradientPoint } from '../utils/color';
 import { GradientColorPoint } from '../utils/gradient';

src/color-picker/panel/style/css.js

@@ -0,0 +1 @@
+import '../../style/index.css';