Refactor date

.gitignore

@@ -73,3 +73,5 @@ site/dev.js
 
 # IDE 语法提示临时文件
 vetur/
+
+report.html

CHANGELOG.en-US.md

@@ -10,6 +10,30 @@
 
 ---
 
+## 2.2.6
+
+`2021-08-12`
+
+- 🐞 Fix `Table` expanded list rendering problem [#4507](https://github.com/vueComponent/ant-design-vue/issues/4507)
+- 🐞 Fix `Rate` custom `character` slot not taking effect [#4509](https://github.com/vueComponent/ant-design-vue/issues/4509)
+- 🐞 Add resize-observer-polyfill to fix the problem of reporting errors in low versions of Chrome [#4508](https://github.com/vueComponent/ant-design-vue/issues/4508)
+
+## 2.2.5
+
+`2021-08-11`
+
+- 🌟 `Select` supports customizing nodes through option slots [68c1f4](https://github.com/vueComponent/ant-design-vue/commit/68c1f4550108a3a6bbe4f1b2c5c168523fd6c84a)
+- 🐞 Fix the problem that the pop-up window component in the development environment does not display in the lower version of chrome, and avoid the pop-up window flashing [#4409](https://github.com/vueComponent/ant-design-vue/issues/4409)
+- 🐞 Fix the problem of not scrolling to the active position when `Select` is opened [ccb240](https://github.com/vueComponent/ant-design-vue/commit/ccb24016c07632f49550646c971060c402586c67)
+
+## 2.2.4
+
+`2021-08-10`
+
+- 🌟 Support [email protected] [#4490](https://github.com/vueComponent/ant-design-vue/issues/4490)
+- 🌟 Automatically hide the horizontal scroll bar of `Table` [#4484](https://github.com/vueComponent/ant-design-vue/issues/4484)
+- 🐞 Fix the issue of `Progress` trailColor not taking effect [#4483](https://github.com/vueComponent/ant-design-vue/issues/4483)
+
 ## 2.2.3
 
 `2021-08-07`

CHANGELOG.zh-CN.md

@@ -10,6 +10,30 @@
 
 ---
 
+## 2.2.6
+
+`2021-08-12`
+
+- 🐞 修复 `Table` 展开列表渲染错位问题 [#4507](https://github.com/vueComponent/ant-design-vue/issues/4507)
+- 🐞 修复 `Rate` 自定义 `character` 插槽未生效问题 [#4509](https://github.com/vueComponent/ant-design-vue/issues/4509)
+- 🐞 添加 resize-observer-polyfill, 修复在低版本 Chrome 下报错问题 [#4508](https://github.com/vueComponent/ant-design-vue/issues/4508)
+
+## 2.2.5
+
+`2021-08-11`
+
+- 🌟 `Select` 支持通过 option 插槽定制化节点 [68c1f4](https://github.com/vueComponent/ant-design-vue/commit/68c1f4550108a3a6bbe4f1b2c5c168523fd6c84a)
+- 🐞 修复开发环境下弹窗类组件在低版本 chrome 下，不显示问题，并避免弹窗闪动 [#4409](https://github.com/vueComponent/ant-design-vue/issues/4409)
+- 🐞 修复 `Select` 打开时没有滚动到激活位置问题 [ccb240](https://github.com/vueComponent/ant-design-vue/commit/ccb24016c07632f49550646c971060c402586c67)
+
+## 2.2.4
+
+`2021-08-10`
+
+- 🌟 支持 [email protected] [#4490](https://github.com/vueComponent/ant-design-vue/issues/4490)
+- 🌟 自动隐藏 `Table` 横向滚动条 [#4484](https://github.com/vueComponent/ant-design-vue/issues/4484)
+- 🐞 修复 `Progress` trailColor 不生效问题 [#4483](https://github.com/vueComponent/ant-design-vue/issues/4483)
+
 ## 2.2.3
 
 `2021-08-07`

antd-tools/getWebpackConfig.js

@@ -80,7 +80,6 @@ function getWebpackConfig(modules) {
     },
 
     module: {
-      noParse: [/moment.js/],
       rules: [
         {
           test: /\.vue$/,

components/_util/EventInterface.ts

@@ -0,0 +1,8 @@
+export type FocusEventHandler = (e: FocusEvent) => void;
+export type MouseEventHandler = (e: MouseEvent) => void;
+export type KeyboardEventHandler = (e: KeyboardEvent) => void;
+export type ChangeEvent = Event & {
+  target: {
+    value?: string | undefined;
+  };
+};

components/_util/Portal.js

@@ -1,48 +1,38 @@
 import PropTypes from './vue-types';
-import { defineComponent, nextTick, Teleport } from 'vue';
+import {
+  defineComponent,
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  onUpdated,
+  ref,
+  Teleport,
+} from 'vue';
 
 export default defineComponent({
   name: 'Portal',
+  inheritAttrs: false,
   props: {
     getContainer: PropTypes.func.isRequired,
-    children: PropTypes.any.isRequired,
     didUpdate: PropTypes.func,
   },
-  data() {
-    this._container = null;
-    return {};
-  },
-  mounted() {
-    this.createContainer();
-  },
-  updated() {
-    const { didUpdate } = this.$props;
-    if (didUpdate) {
+  setup(props, { slots }) {
+    const container = ref();
+    onMounted(() => {
+      container.value = props.getContainer();
+    });
+    onUpdated(() => {
       nextTick(() => {
-        didUpdate(this.$props);
+        props.nextTick?.(props);
       });
-    }
-  },
-
-  beforeUnmount() {
-    this.removeContainer();
-  },
-  methods: {
-    createContainer() {
-      this._container = this.$props.getContainer();
-      this.$forceUpdate();
-    },
-    removeContainer() {
-      if (this._container && this._container.parentNode) {
-        this._container.parentNode.removeChild(this._container);
+    });
+    onBeforeUnmount(() => {
+      if (container.value && container.value.parentNode) {
+        container.value.parentNode.removeChild(container.value);
       }
-    },
-  },
-
-  render() {
-    if (this._container) {
-      return <Teleport to={this._container}>{this.$props.children}</Teleport>;
-    }
-    return null;
+    });
+    return () => {
+      return container.value ? <Teleport to={container.value}>{slots.default?.()}</Teleport> : null;
+    };
   },
 });

components/_util/PortalWrapper.js

@@ -20,7 +20,6 @@ export default defineComponent({
     wrapperClassName: PropTypes.string,
     forceRender: PropTypes.looseBool,
     getContainer: PropTypes.any,
-    children: PropTypes.func,
     visible: PropTypes.looseBool,
   },
   data() {
@@ -130,7 +129,7 @@ export default defineComponent({
   },
 
   render() {
-    const { children, forceRender, visible } = this.$props;
+    const { forceRender, visible } = this.$props;
     let portal = null;
     const childProps = {
       getOpenCount: () => openCount,
@@ -141,8 +140,8 @@ export default defineComponent({
       portal = (
         <Portal
           getContainer={this.getDomContainer}
-          children={children(childProps)}
           ref={this.savePortal}
+          v-slots={{ default: () => this.$slots.default?.(childProps) }}
         ></Portal>
       );
     }

components/_util/hooks/useConfigInject.ts

@@ -10,9 +10,11 @@ export default (
 ): {
   configProvider: UnwrapRef<ConfigProviderProps>;
   prefixCls: ComputedRef<string>;
+  rootPrefixCls: ComputedRef<string>;
   direction: ComputedRef<Direction>;
   size: ComputedRef<SizeType>;
   getTargetContainer: ComputedRef<() => HTMLElement>;
+  getPopupContainer: ComputedRef<() => HTMLElement>;
   space: ComputedRef<{ size: SizeType | number }>;
   pageHeader: ComputedRef<{ ghost: boolean }>;
   form?: ComputedRef<{
@@ -26,6 +28,7 @@ export default (
     defaultConfigProvider,
   );
   const prefixCls = computed(() => configProvider.getPrefixCls(name, props.prefixCls));
+  const rootPrefixCls = computed(() => configProvider.getPrefixCls());
   const direction = computed(() => configProvider.direction);
   const autoInsertSpaceInButton = computed(() => configProvider.autoInsertSpaceInButton);
   const renderEmpty = computed(() => configProvider.renderEmpty);
@@ -34,16 +37,19 @@ export default (
   const form = computed(() => configProvider.form);
   const size = computed(() => props.size || configProvider.componentSize);
   const getTargetContainer = computed(() => props.getTargetContainer);
+  const getPopupContainer = computed(() => props.getPopupContainer);
   return {
     configProvider,
     prefixCls,
     direction,
     size,
     getTargetContainer,
+    getPopupContainer,
     space,
     pageHeader,
     form,
     autoInsertSpaceInButton,
     renderEmpty,
+    rootPrefixCls,
   };
 };

components/_util/hooks/useMemo.ts

@@ -1,9 +1,9 @@
-import type { Ref } from 'vue';
+import type { Ref, WatchSource } from 'vue';
 import { ref, watch } from 'vue';
 
 export default function useMemo<T>(
   getValue: () => T,
-  condition: any[],
+  condition: (WatchSource<unknown> | object)[],
   shouldUpdate?: (prev: any[], next: any[]) => boolean,
 ) {
   const cacheRef: Ref<T> = ref(getValue() as any);

components/_util/hooks/useMergedState.ts

@@ -0,0 +1,51 @@
+import type { Ref, UnwrapRef } from 'vue';
+import { toRaw } from 'vue';
+import { watchEffect } from 'vue';
+import { unref } from 'vue';
+import { watch } from 'vue';
+import { ref } from 'vue';
+
+export default function useMergedState<T, R = Ref<T>>(
+  defaultStateValue: T | (() => T),
+  option?: {
+    defaultValue?: T | (() => T);
+    value?: Ref<T> | Ref<UnwrapRef<T>>;
+    onChange?: (val: T, prevValue: T) => void;
+    postState?: (val: T) => T;
+  },
+): [R, (val: T) => void] {
+  const { defaultValue, value = ref() } = option || {};
+  let initValue: T =
+    typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue;
+  if (value.value !== undefined) {
+    initValue = unref(value as any) as T;
+  }
+  if (defaultValue !== undefined) {
+    initValue = typeof defaultValue === 'function' ? (defaultValue as any)() : defaultValue;
+  }
+
+  const innerValue = ref(initValue) as Ref<T>;
+  const mergedValue = ref(initValue) as Ref<T>;
+  watchEffect(() => {
+    let val = value.value !== undefined ? value.value : innerValue.value;
+    if (option.postState) {
+      val = option.postState(val as T);
+    }
+    mergedValue.value = val as T;
+  });
+
+  function triggerChange(newValue: T) {
+    const preVal = mergedValue.value;
+    innerValue.value = newValue;
+    if (toRaw(mergedValue.value) !== newValue && option.onChange) {
+      option.onChange(newValue, preVal);
+    }
+  }
+
+  // Effect of reset value to `undefined`
+  watch(value, () => {
+    innerValue.value = value.value as T;
+  });
+
+  return [mergedValue as unknown as R, triggerChange];
+}

components/_util/hooks/useState.ts

@@ -0,0 +1,17 @@
+import type { Ref } from 'vue';
+import { ref } from 'vue';
+
+export default function useState<T, R = Ref<T>>(
+  defaultStateValue: T | (() => T),
+): [R, (val: T) => void] {
+  const initValue: T =
+    typeof defaultStateValue === 'function' ? (defaultStateValue as any)() : defaultStateValue;
+
+  const innerValue = ref(initValue) as Ref<T>;
+
+  function triggerChange(newValue: T) {
+    innerValue.value = newValue;
+  }
+
+  return [innerValue as unknown as R, triggerChange];
+}