@kdcloudjs/kdesign 1.6.7 → 1.6.10

package/es/date-picker/date-picker.js

@@ -68,6 +68,7 @@ function DatePicker(props) {
       disabledHours = datePickerProps.disabledHours,
       disabledMinutes = datePickerProps.disabledMinutes,
       disabledSeconds = datePickerProps.disabledSeconds,
+      getPopupContainer = datePickerProps.getPopupContainer,
       panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       onChange = datePickerProps.onChange,
@@ -435,7 +436,8 @@ function DatePicker(props) {
     popperClassName: dropdownClassName,
     popperStyle: popupStyle,
     visible: openValue,
-    placement: 'bottomLeft'
+    placement: 'bottomLeft',
+    getPopupContainer: getPopupContainer
   });
 }
 

package/es/date-picker/range-picker.d.ts

@@ -28,6 +28,7 @@ export interface RangePickerSharedProps {
     activePickerIndex?: 0 | 1;
     dateRender?: RangeDateRender;
     panelRender?: (originPanel: React.ReactNode) => React.ReactNode;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
 }
 declare type OmitPickerProps<Props> = Omit<Props, 'value' | 'defaultValue' | 'defaultPickerValue' | 'placeholder' | 'disabled' | 'disabledTimePanel' | 'showToday' | 'showTime' | 'mode' | 'onChange' | 'onSelect' | 'onPanelChange' | 'pickerValue' | 'onPickerValueChange' | 'onOk' | 'dateRender'>;
 export declare type RangeShowTimeObject = Omit<SharedTimeProps, 'defaultValue'> & {

package/es/date-picker/range-picker.js

@@ -113,7 +113,8 @@ function DatePicker(props) {
       onCalendarChange = datePickerProps.onCalendarChange,
       onFocus = datePickerProps.onFocus,
       onBlur = datePickerProps.onBlur,
-      _onOk = datePickerProps.onOk;
+      _onOk = datePickerProps.onOk,
+      getPopupContainer = datePickerProps.getPopupContainer;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
 
   var datePickerLang = _extends({}, globalLocale.getCompLangMsg({
@@ -768,7 +769,8 @@ function DatePicker(props) {
     popperClassName: className,
     popperStyle: style,
     visible: mergedOpen,
-    placement: 'bottomLeft'
+    placement: 'bottomLeft',
+    getPopupContainer: getPopupContainer
   });
 }
 

package/es/dropdown/style/index.css

@@ -104,24 +104,6 @@
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
-.kd-dropdown-link {
-  color: var(--kd-g-color-theme, #5582f3);
-  text-decoration: none;
-  background-color: transparent;
-  outline: noned;
-  cursor: pointer;
-  -webkit-transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
-  transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
-  -webkit-text-decoration-skip: objects;
-}
-.kd-dropdown-link.disabled,
-.kd-dropdown-link.disabled:hover {
-  cursor: default;
-  color: var(--kd-g-color-disabled, #b2b2b2);
-}
-.kd-dropdown-link:hover {
-  color: var(--kd-g-color-theme-5, #87adff);
-}
 .kd-dropdown-trigger {
   outline: none;
 }

package/es/dropdown/style/index.less

@@ -4,30 +4,9 @@
 
 @dropdown-prefix-cls: ~'@{kd-prefix}-dropdown';
 @dropdown-trigger-prefix-cls: ~'@{dropdown-prefix-cls}-trigger';
-@dropdown-link-prefix-cls: ~'@{dropdown-prefix-cls}-link';
 
 @dropdown-line-height: 18px;
 
-.@{dropdown-link-prefix-cls} {
-  color: @color-theme;
-  text-decoration: none;
-  background-color: transparent;
-  outline: noned;
-  cursor: pointer;
-  transition: color @duration-promptly, background-color @duration-promptly;
-  -webkit-text-decoration-skip: objects;
-
-  &.disabled,
-  &.disabled:hover {
-    cursor: default;
-    color: @color-disabled;
-  }
-
-  &:hover {
-    color: @color-theme-hover;
-  }
-}
-
 .@{dropdown-trigger-prefix-cls} {
   outline: none;
 }

package/es/form/Field.js

@@ -99,6 +99,7 @@ var Field = function Field(props) {
       vertical = fieldContext.vertical,
       getDefaultValue = fieldContext.getDefaultValue,
       local = fieldContext.local,
+      setRules = fieldContext.setRules,
       formDisabled = fieldContext.disabled;
 
   var _getInternalHooks = getInternalHooks(INTERNAL_HOOK_KEY),
@@ -174,7 +175,7 @@ var Field = function Field(props) {
 
     return false;
   });
-  var mergedRequired = required || !!rulesRequired;
+  var mergedRequired = required || rulesRequired;
 
   if (Array.isArray(rules) && !rules.some(function (rule) {
     return Object.prototype.hasOwnProperty.call(rule, 'required');
@@ -214,6 +215,9 @@ var Field = function Field(props) {
       setDefaultValues(_defineProperty({}, name, defaultValue));
     }
   }, [name, registerField]);
+  useEffect(function () {
+    setRules(name, mergeRules);
+  }, [mergedRequired, name, mergeRules]);
   var formPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, 'form', customizePrefixcls);
   var formItemClassName = classnames((_classnames = {}, _defineProperty(_classnames, "".concat(formPrefixCls), true), _defineProperty(_classnames, "".concat(formPrefixCls, "-field"), true), _defineProperty(_classnames, "".concat(formPrefixCls, "-field-hidden"), hidden), _defineProperty(_classnames, "".concat(formPrefixCls, "-field-vertical"), vertical), _classnames), className);
   var value = getFieldValue(name);

package/es/form/FieldContext.js

@@ -14,6 +14,7 @@ var context = /*#__PURE__*/React.createContext({
   resetFields: warningFunc,
   setFieldsValue: warningFunc,
   setFieldValue: warningFunc,
+  setRules: warningFunc,
   submit: warningFunc,
   validateFields: warningFunc,
   getInternalHooks: function getInternalHooks() {

package/es/form/hooks/useForm.js

@@ -42,6 +42,7 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
       resetFields: _this.resetFields,
       setFieldValue: _this.setFieldValue,
       setFieldsValue: _this.setFieldsValue,
+      setRules: _this.setRules,
       validateFields: _this.validateFields,
       submit: _this.submit,
       getInternalHooks: _this.getInternalHooks
@@ -295,17 +296,16 @@ var FormStore = /*#__PURE__*/_createClass(function FormStore() {
       _this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
     }).catch(function (_ref2) {
       var errorInfos = _ref2.errorInfos;
+      _this.errorMessages = {};
       var _errorInfos$fields = errorInfos.fields,
           fields = _errorInfos$fields === void 0 ? {} : _errorInfos$fields;
 
       _Object$keys(fields).forEach(function (name) {
-        // 取第一个错误的信息
         _this.errorMessages[name] = fields[name][0].message;
       });
 
       _this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
-    }); // 返回 promise 给外部调用者
-
+    });
     return validatePromise;
   };
 

package/es/form/interface.d.ts

@@ -21,6 +21,7 @@ export interface FormInstance<Values = any> {
     resetFields: (fields?: NamePath[]) => void;
     setFieldsValue: (value: Values) => void;
     setFieldValue: (name: NamePath, value: Values) => void;
+    setRules: (name: NamePath, rules: any) => void;
     validateFields: (namePathList?: NamePath[]) => Promise<Values>;
     submit: () => void;
     getInternalHooks: (secret: string) => InternalHooks | null;

package/es/menu/style/index.css

@@ -129,6 +129,12 @@
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #fafafa;
 }
+.menu-light-base .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
+.menu-light-base .kd-menu-submenu-hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
+  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
 .menu-light-base .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
@@ -477,6 +483,12 @@
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #fafafa;
 }
+.kd-menu-light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
+.kd-menu-light .kd-menu-submenu-hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
+  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
 .kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
@@ -569,6 +581,12 @@
   color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
   background: #fafafa;
 }
+.kd-menu-popper.light .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover,
+.kd-menu-popper.light .kd-menu-submenu-hover {
+  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
+  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
+  border: none;
+}
 .kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
   background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
   color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));

package/es/menu/style/mixin.less

@@ -107,6 +107,11 @@
     background: #fafafa;
   }
 
+  .@{submenu-prefix-cls}:not(.@{submenu-prefix-cls}-disabled):not(.@{submenu-prefix-cls}-active):hover,
+  .@{submenu-prefix-cls}-hover {
+    .menu-light-hover();
+  }
+
   .@{menuitem-prefix-cls}:not(.@{menuitem-prefix-cls}-disabled):not(.@{menuitem-prefix-cls}-active):hover {
     .menu-light-hover();
   }

package/es/slider/slider.js

@@ -16,7 +16,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
@@ -75,11 +75,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
       value = _useMergedState2[0],
       setValue = _useMergedState2[1];
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      dragging = _useState2[0],
-      setDraging = _useState2[1];
-
+  var isDragging = useRef(false);
+  var valueRef = useRef(useMergedState(0, {
+    defaultValue: defaultValue,
+    value: propsValue
+  }));
   var mouseOffset;
 
   var addDocumentMouseEvents = function addDocumentMouseEvents() {
@@ -151,11 +151,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
   var onEnd = function onEnd() {
     removeDocumentEvents();
 
-    if (dragging) {
-      onAfterChange && onAfterChange(value);
+    if (isDragging.current) {
+      onAfterChange && onAfterChange(valueRef.current);
     }
 
-    setDraging(false);
+    isDragging.current = false;
   };
 
   var handleTouchStart = function handleTouchStart() {// console.log('object :>> ', 'object', addDocumentMouseEvents)
@@ -178,11 +178,12 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     } // 设置状态值
 
 
-    setDraging(true);
+    isDragging.current = true;
     var newV = calcValueByPos(position);
 
     if (newV !== value) {
       setValue(newV);
+      valueRef.current = newV;
     }
 
     onChange && onChange(newV); // 监听document的鼠标事件
@@ -209,11 +210,11 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     if (!sliderRef.current) {
       removeDocumentEvents();
 
-      if (dragging) {
+      if (isDragging.current) {
         onAfterChange(value);
       }
 
-      setDraging(false);
+      isDragging.current = false;
       return;
     }
 
@@ -222,6 +223,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
 
     if (newV !== value) {
       setValue(newV);
+      valueRef.current = newV;
     }
 
     onChange && onChange(newV);
@@ -239,7 +241,7 @@ var InteranalSlider = function InteranalSlider(props, ref) {
     style: style,
     onTouchStart: disabled ? noop : handleTouchStart,
     onMouseDown: disabled ? noop : handleMouseDown,
-    onMouseUp: disabled ? noop : handleMouseUp,
+    // onMouseUp={disabled ? noop : handleMouseUp}
     onKeyDown: disabled ? noop : handleKeyDown,
     onFocus: disabled ? noop : handleFocus,
     onBlur: disabled ? noop : handleBlur

package/es/upload/interface.d.ts

@@ -141,4 +141,11 @@ export interface UploadRequestOption<T = any> {
     headers?: HttpRequestHeader;
     method: UploadRequestMethod;
 }
+export interface IFileItem {
+    file: UploadFile;
+    prefixCls: string;
+    listType: string;
+    handleReUpload: (file: UploadFile, e: React.MouseEvent) => void;
+    handleRemove: (file: UploadFile, e: React.MouseEvent) => void;
+}
 export {};

package/es/upload/upload.js

@@ -109,6 +109,7 @@ var InternalUpload = function InternalUpload(props, ref) {
       onRemove = allProps.onRemove,
       directory = allProps.directory,
       className = allProps.className,
+      itemRender = allProps.itemRender,
       showUploadList = allProps.showUploadList,
       customPrefixcls = allProps.prefixCls;
 
@@ -359,13 +360,6 @@ var InternalUpload = function InternalUpload(props, ref) {
     directory: directory ? 'directory' : undefined,
     webkitdirectory: directory ? 'webkitdirectory' : undefined
   };
-  var mapStatus = {
-    uploading: 'loadding',
-    error: 'warning-solid',
-    done: 'attachment',
-    success: 'attachment',
-    notStart: 'attachment'
-  };
   var dragEvents = {};
 
   var _React$useState3 = React.useState(false),
@@ -461,76 +455,105 @@ var InternalUpload = function InternalUpload(props, ref) {
   }, inputFileProps, {
     ref: mergedRef
   }))))), showUploadList && _mapInstanceProperty(fileList).call(fileList, function (file) {
-    var _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20;
-
-    return /*#__PURE__*/React.createElement("li", {
-      key: file.uid,
-      className: classNames(_concatInstanceProperty(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
-        error: file.status === 'error'
-      })
-    }, listType === 'text' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: _concatInstanceProperty(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon")
-    }, /*#__PURE__*/React.createElement(Icon, {
-      spin: file.status === 'uploading',
-      type: mapStatus[file.status]
-    })), /*#__PURE__*/React.createElement("span", {
-      className: _concatInstanceProperty(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
-      title: file.name
-    }, file.name), /*#__PURE__*/React.createElement("span", {
-      className: _concatInstanceProperty(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
-    }, "(", getFileSize(file.size), ")"), /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context12 = "".concat(prefixCls, "-")).call(_context12, listType, "-list-item-action")
-    }, file.status === 'error' && /*#__PURE__*/React.createElement("a", {
-      href: "true",
-      className: _concatInstanceProperty(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
-      onClick: handleReUpload.bind(_this, file)
-    }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
-      href: "true",
-      className: _concatInstanceProperty(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
-      onClick: handleRemove.bind(_this, file)
-    }, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context15 = "".concat(prefixCls, "-")).call(_context15, listType, "-list-item-loading")
-    }, /*#__PURE__*/React.createElement(Progress, {
-      percent: file.percent,
-      textMap: ['文件上传中'],
-      showInfo: false
-    })) : file.status === 'error' ? /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context16 = "".concat(prefixCls, "-")).call(_context16, listType, "-list-item-error")
-    }, /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context17 = "".concat(prefixCls, "-")).call(_context17, listType, "-list-item-error-text")
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: mapStatus[file.status],
-      style: {
-        verticalAlign: 'top'
-      }
-    }), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
-      className: _concatInstanceProperty(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
-    }, /*#__PURE__*/React.createElement("a", {
-      href: "true",
-      className: _concatInstanceProperty(_context19 = "".concat(prefixCls, "-")).call(_context19, listType, "-list-item-reupload"),
-      onClick: handleReUpload.bind(_this, file)
-    }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
-      href: "true",
-      className: _concatInstanceProperty(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
-      onClick: handleRemove.bind(_this, file)
-    }, "\u5220\u9664"))) : /*#__PURE__*/React.createElement(Image, {
-      previewType: "upload",
-      name: file.name,
-      size: getFileSize(file.size),
-      src: file.thumbUrl || file.url,
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      operations: [/*#__PURE__*/React.createElement(Icon, {
-        key: "1",
-        type: "delete",
-        onClick: handleRemove.bind(_this, file)
-      })]
+    return itemRender ? itemRender( /*#__PURE__*/React.createElement(Item, _extends({}, {
+      file: file,
+      prefixCls: prefixCls,
+      listType: listType,
+      handleReUpload: handleReUpload,
+      handleRemove: handleRemove
+    })), file, setFileList) : /*#__PURE__*/React.createElement(Item, _extends({
+      key: file.uid
+    }, {
+      file: file,
+      prefixCls: prefixCls,
+      listType: listType,
+      handleReUpload: handleReUpload,
+      handleRemove: handleRemove
     }));
   })));
 };
 
+var Item = function Item(_ref3) {
+  var _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20;
+
+  var file = _ref3.file,
+      prefixCls = _ref3.prefixCls,
+      listType = _ref3.listType,
+      handleReUpload = _ref3.handleReUpload,
+      handleRemove = _ref3.handleRemove;
+  var mapStatus = {
+    uploading: 'loadding',
+    error: 'warning-solid',
+    done: 'attachment',
+    success: 'attachment',
+    notStart: 'attachment'
+  };
+  return /*#__PURE__*/React.createElement("li", {
+    className: classNames(_concatInstanceProperty(_context8 = "".concat(prefixCls, "-")).call(_context8, listType, "-list-item"), {
+      error: file.status === 'error'
+    })
+  }, listType === 'text' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    className: _concatInstanceProperty(_context9 = "".concat(prefixCls, "-")).call(_context9, listType, "-list-item-icon")
+  }, /*#__PURE__*/React.createElement(Icon, {
+    spin: file.status === 'uploading',
+    type: mapStatus[file.status]
+  })), /*#__PURE__*/React.createElement("span", {
+    className: _concatInstanceProperty(_context10 = "".concat(prefixCls, "-")).call(_context10, listType, "-list-item-name"),
+    title: file.name
+  }, file.name), /*#__PURE__*/React.createElement("span", {
+    className: _concatInstanceProperty(_context11 = "".concat(prefixCls, "-")).call(_context11, listType, "-list-item-size")
+  }, "(", getFileSize(file.size), ")"), /*#__PURE__*/React.createElement("div", {
+    className: _concatInstanceProperty(_context12 = "".concat(prefixCls, "-")).call(_context12, listType, "-list-item-action")
+  }, file.status === 'error' && /*#__PURE__*/React.createElement("a", {
+    href: "true",
+    className: _concatInstanceProperty(_context13 = "".concat(prefixCls, "-")).call(_context13, listType, "-list-item-reupload"),
+    onClick: handleReUpload.bind(_this, file)
+  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
+    href: "true",
+    className: _concatInstanceProperty(_context14 = "".concat(prefixCls, "-")).call(_context14, listType, "-list-item-delete"),
+    onClick: handleRemove.bind(_this, file)
+  }, "\u5220\u9664"))) : file.status === 'uploading' ? /*#__PURE__*/React.createElement("div", {
+    className: _concatInstanceProperty(_context15 = "".concat(prefixCls, "-")).call(_context15, listType, "-list-item-loading")
+  }, /*#__PURE__*/React.createElement(Progress, {
+    percent: file.percent,
+    textMap: ['文件上传中'],
+    showInfo: false
+  })) : file.status === 'error' ? /*#__PURE__*/React.createElement("div", {
+    className: _concatInstanceProperty(_context16 = "".concat(prefixCls, "-")).call(_context16, listType, "-list-item-error")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _concatInstanceProperty(_context17 = "".concat(prefixCls, "-")).call(_context17, listType, "-list-item-error-text")
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: mapStatus[file.status],
+    style: {
+      verticalAlign: 'top'
+    }
+  }), "\u4E0A\u4F20\u5931\u8D25"), /*#__PURE__*/React.createElement("div", {
+    className: _concatInstanceProperty(_context18 = "".concat(prefixCls, "-")).call(_context18, listType, "-list-item-action")
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "true",
+    className: _concatInstanceProperty(_context19 = "".concat(prefixCls, "-")).call(_context19, listType, "-list-item-reupload"),
+    onClick: handleReUpload.bind(_this, file)
+  }, "\u91CD\u65B0\u4E0A\u4F20"), /*#__PURE__*/React.createElement("a", {
+    href: "true",
+    className: _concatInstanceProperty(_context20 = "".concat(prefixCls, "-")).call(_context20, listType, "-list-item-delete"),
+    onClick: handleRemove.bind(_this, file)
+  }, "\u5220\u9664"))) : /*#__PURE__*/React.createElement(Image, {
+    previewType: "upload",
+    name: file.name,
+    size: getFileSize(file.size),
+    src: file.thumbUrl || file.url,
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    operations: [/*#__PURE__*/React.createElement(Icon, {
+      key: "1",
+      type: "delete",
+      onClick: handleRemove.bind(_this, file)
+    })]
+  }));
+};
+
 var Upload = /*#__PURE__*/React.forwardRef(InternalUpload);
 Upload.displayName = 'Upload';
 export default Upload;

package/lib/date-picker/date-picker.js

@@ -105,6 +105,7 @@ function DatePicker(props) {
       disabledHours = datePickerProps.disabledHours,
       disabledMinutes = datePickerProps.disabledMinutes,
       disabledSeconds = datePickerProps.disabledSeconds,
+      getPopupContainer = datePickerProps.getPopupContainer,
       panelRender = datePickerProps.panelRender,
       renderExtraFooter = datePickerProps.renderExtraFooter,
       onChange = datePickerProps.onChange,
@@ -473,7 +474,8 @@ function DatePicker(props) {
     popperClassName: dropdownClassName,
     popperStyle: popupStyle,
     visible: openValue,
-    placement: 'bottomLeft'
+    placement: 'bottomLeft',
+    getPopupContainer: getPopupContainer
   });
 }
 

package/lib/date-picker/range-picker.d.ts

@@ -28,6 +28,7 @@ export interface RangePickerSharedProps {
     activePickerIndex?: 0 | 1;
     dateRender?: RangeDateRender;
     panelRender?: (originPanel: React.ReactNode) => React.ReactNode;
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
 }
 declare type OmitPickerProps<Props> = Omit<Props, 'value' | 'defaultValue' | 'defaultPickerValue' | 'placeholder' | 'disabled' | 'disabledTimePanel' | 'showToday' | 'showTime' | 'mode' | 'onChange' | 'onSelect' | 'onPanelChange' | 'pickerValue' | 'onPickerValueChange' | 'onOk' | 'dateRender'>;
 export declare type RangeShowTimeObject = Omit<SharedTimeProps, 'defaultValue'> & {

package/lib/date-picker/range-picker.js

@@ -157,7 +157,8 @@ function DatePicker(props) {
       onCalendarChange = datePickerProps.onCalendarChange,
       onFocus = datePickerProps.onFocus,
       onBlur = datePickerProps.onBlur,
-      _onOk = datePickerProps.onOk;
+      _onOk = datePickerProps.onOk,
+      getPopupContainer = datePickerProps.getPopupContainer;
   var needConfirmButton = picker === 'date' && !!showTime || picker === 'time';
   var datePickerLang = (0, _extends2.default)({}, globalLocale.getCompLangMsg({
     componentName: 'DatePicker'
@@ -820,7 +821,8 @@ function DatePicker(props) {
     popperClassName: className,
     popperStyle: style,
     visible: mergedOpen,
-    placement: 'bottomLeft'
+    placement: 'bottomLeft',
+    getPopupContainer: getPopupContainer
   });
 }
 

package/lib/dropdown/style/index.css

@@ -104,24 +104,6 @@
 /* 多行显示省略号 */
 /* 单行显示省略号 */
 /** 浮层箭头样式 **/
-.kd-dropdown-link {
-  color: var(--kd-g-color-theme, #5582f3);
-  text-decoration: none;
-  background-color: transparent;
-  outline: noned;
-  cursor: pointer;
-  -webkit-transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
-  transition: color var(--kd-g-duration, 0.3s), background-color var(--kd-g-duration, 0.3s);
-  -webkit-text-decoration-skip: objects;
-}
-.kd-dropdown-link.disabled,
-.kd-dropdown-link.disabled:hover {
-  cursor: default;
-  color: var(--kd-g-color-disabled, #b2b2b2);
-}
-.kd-dropdown-link:hover {
-  color: var(--kd-g-color-theme-5, #87adff);
-}
 .kd-dropdown-trigger {
   outline: none;
 }

package/lib/dropdown/style/index.less

@@ -4,30 +4,9 @@
 
 @dropdown-prefix-cls: ~'@{kd-prefix}-dropdown';
 @dropdown-trigger-prefix-cls: ~'@{dropdown-prefix-cls}-trigger';
-@dropdown-link-prefix-cls: ~'@{dropdown-prefix-cls}-link';
 
 @dropdown-line-height: 18px;
 
-.@{dropdown-link-prefix-cls} {
-  color: @color-theme;
-  text-decoration: none;
-  background-color: transparent;
-  outline: noned;
-  cursor: pointer;
-  transition: color @duration-promptly, background-color @duration-promptly;
-  -webkit-text-decoration-skip: objects;
-
-  &.disabled,
-  &.disabled:hover {
-    cursor: default;
-    color: @color-disabled;
-  }
-
-  &:hover {
-    color: @color-theme-hover;
-  }
-}
-
 .@{dropdown-trigger-prefix-cls} {
   outline: none;
 }

package/lib/form/Field.js

@@ -138,6 +138,7 @@ var Field = function Field(props) {
       vertical = fieldContext.vertical,
       getDefaultValue = fieldContext.getDefaultValue,
       local = fieldContext.local,
+      setRules = fieldContext.setRules,
       formDisabled = fieldContext.disabled;
 
   var _getInternalHooks = getInternalHooks(_useForm.INTERNAL_HOOK_KEY),
@@ -213,7 +214,7 @@ var Field = function Field(props) {
 
     return false;
   });
-  var mergedRequired = required || !!rulesRequired;
+  var mergedRequired = required || rulesRequired;
 
   if (Array.isArray(rules) && !rules.some(function (rule) {
     return Object.prototype.hasOwnProperty.call(rule, 'required');
@@ -254,6 +255,9 @@ var Field = function Field(props) {
       setDefaultValues((0, _defineProperty2.default)({}, name, defaultValue));
     }
   }, [name, registerField]);
+  (0, _react.useEffect)(function () {
+    setRules(name, mergeRules);
+  }, [mergedRequired, name, mergeRules]);
   var formPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, 'form', customizePrefixcls);
   var formItemClassName = (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field"), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-hidden"), hidden), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-vertical"), vertical), _classnames), className);
   var value = getFieldValue(name);