uiw 4.21.14 → 4.21.15

package/dist/uiw.css

@@ -30,6 +30,7 @@
 }
 .w-overlay-inline {
   position: absolute;
+  overflow: visible;
   overflow: initial;
 }
 .w-overlay-inline .w-overlay-container {
@@ -980,7 +981,9 @@ sup.w-badge-count {
   right: auto;
   bottom: auto;
   overflow: inherit;
+  width: auto;
   width: initial;
+  height: auto;
   height: initial;
 }
 .w-overlay.w-overlay-trigger .w-overlay-container {
@@ -1284,6 +1287,7 @@ sup.w-badge-count {
 }
 .w-timepicker-input .w-timepicker-close-btn {
   display: none;
+  min-height: 0;
   min-height: initial;
   color: #a5a5a5;
 }
@@ -1756,9 +1760,13 @@ sup.w-badge-count {
 .w-menu-subitem-collapse {
   transition: height 300ms;
   position: relative !important;
+  top: auto !important;
   top: initial !important;
+  left: auto !important;
   left: initial !important;
+  right: auto !important;
   right: initial !important;
+  bottom: auto !important;
   bottom: initial !important;
   width: auto !important;
   overflow: hidden !important;
@@ -1868,6 +1876,7 @@ sup.w-badge-count {
   color: rgba(255, 255, 255, 0.65);
 }
 .w-menu-dark.w-bordered {
+  box-shadow: none;
   box-shadow: initial;
 }
 .w-menu-dark .active {
@@ -3316,6 +3325,7 @@ a.w-list-item:hover:not(.w-disabled) {
   display: none !important;
 }
 .w-monthpicker .w-monthpicker-close-btn {
+  min-height: 0;
   min-height: initial;
   color: #a5a5a5;
   cursor: pointer;
@@ -4276,6 +4286,7 @@ a.w-list-item:hover:not(.w-disabled) {
   padding-top: 5px;
 }
 .w-steps-dot .w-steps-item-description {
+  max-width: none;
   max-width: initial;
 }
 .w-steps-dot .w-steps-item-error .w-steps-item-tail i:after {
@@ -4313,6 +4324,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-steps-dot .w-steps-item-tail {
   padding: 0;
   width: 100%;
+  position: static;
   position: initial;
   height: 2px;
 }
@@ -4496,6 +4508,7 @@ a.w-list-item:hover:not(.w-disabled) {
 }
 .w-slider-vertical .w-slider-bar {
   width: 4px;
+  height: auto;
   height: initial;
 }
 .w-slider-vertical .w-slider-handle {
@@ -5000,6 +5013,7 @@ a.w-list-item:hover:not(.w-disabled) {
   display: none;
 }
 .w-tree-label {
+  line-height: normal;
   line-height: initial;
 }
 .w-tree-label > * {

package/dist/uiw.js

@@ -421,7 +421,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -434,7 +434,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
@@ -697,11 +696,10 @@ function _asyncToGenerator(fn) {
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
@@ -765,6 +763,10 @@ var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_
 ;// CONCATENATED MODULE: ../../node_modules/react-transition-group/esm/TransitionGroupContext.js
 
 /* harmony default export */ const TransitionGroupContext = (external_root_React_commonjs2_react_commonjs_react_amd_react_default().createContext(null));
+;// CONCATENATED MODULE: ../../node_modules/react-transition-group/esm/utils/reflow.js
+var forceReflow = function forceReflow(node) {
+  return node.scrollTop;
+};
 ;// CONCATENATED MODULE: ../../node_modules/react-transition-group/esm/Transition.js
 
 
@@ -774,6 +776,7 @@ var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_
 
 
 
+
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
 var ENTERING = 'entering';
@@ -993,6 +996,14 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       this.cancelNextCallback();
 
       if (nextStatus === ENTERING) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var node = this.props.nodeRef ? this.props.nodeRef.current : external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
+          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
+          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
+
+          if (node) forceReflow(node);
+        }
+
         this.performEnter(mounting);
       } else {
         this.performExit();
@@ -1207,6 +1218,7 @@ Transition.EXITING = EXITING;
 
 
 
+
 var _addClass = function addClass(node, classes) {
   return node && classes && classes.split(' ').forEach(function (c) {
     return addClass_addClass(node, c);
@@ -1426,8 +1438,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
 
 
     if (phase === 'active') {
-      /* eslint-disable no-unused-expressions */
-      node && node.scrollTop;
+      if (node) forceReflow(node);
     }
 
     if (className) {
@@ -6703,6 +6714,7 @@ var Form_excluded = ["prefixCls", "className", "fields", "children", "resetOnSub
 
 
 
+
 function newFormState(fields, cb) {
   var state = {
     initial: {},
@@ -6733,8 +6745,7 @@ function newInitialValue(value) {
 
 var isPromise = promise => promise && typeof promise.then === 'function';
 
-function Form(_ref, ref //| React.RefObject<FormRefType>,
-) {
+function Form(props, ref) {
   var {
     prefixCls = 'w-form',
     className,
@@ -6745,13 +6756,13 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     onChange,
     onSubmit,
     afterSubmit
-  } = _ref,
-      others = _objectWithoutPropertiesLoose(_ref, Form_excluded);
+  } = props,
+      others = _objectWithoutPropertiesLoose(props, Form_excluded);
 
-  var initData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => newFormState(fields, _ref2 => {
+  var initData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => newFormState(fields, _ref => {
     var {
       initialValue
-    } = _ref2;
+    } = _ref;
     initialValue = newInitialValue(initialValue);
     return {
       initialValue,
@@ -6770,28 +6781,27 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
   var formUnits = {};
 
   for (var name in fields) {
-    var props = fields[name];
-    if (!props) continue;
+    var itemProps = fields[name];
+    if (!itemProps) continue;
     var error = data.errors[name];
 
-    if (typeof props.initialValue === 'boolean') {
-      props.checked = props.initialValue;
+    if (typeof itemProps.initialValue === 'boolean') {
+      itemProps.checked = itemProps.initialValue;
     }
 
-    var childField = controlField(_extends({}, props, {
+    var childField = controlField(_extends({}, itemProps, {
       name
     }));
-    var help = error || props.help;
-    var labelFor = props.labelFor;
-    formUnits[name] = /*#__PURE__*/(0,jsx_runtime.jsx)(FormItem, _extends({}, _extends({}, props, {
+    var help = error || itemProps.help;
+    var labelFor = itemProps.labelFor;
+    formUnits[name] = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(FormItem, _extends({}, itemProps, {
       key: name,
       children: childField,
-      help,
-      labelFor,
-      state: data,
-      name,
+      help: help,
+      labelFor: labelFor,
+      name: name,
       hasError: !!error
-    })));
+    }));
   }
 
   function setFields(fields) {
@@ -6908,10 +6918,10 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
 
     for (var _name in fields) {
       if (Object.prototype.hasOwnProperty.call(fields, _name)) {
-        var _props = fields[_name];
-        if (!_props) continue;
+        var fieldsProps = fields[_name];
+        if (!fieldsProps) continue;
 
-        if (_props.validator && _props.validator(current[_name])) {
+        if (fieldsProps.validator && fieldsProps.validator(current[_name])) {
           passesValidators = false;
           break;
         }
@@ -6928,8 +6938,8 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
 
     var initials = _extends({}, initial);
 
-    Object.entries(initials).map(_ref3 => {
-      var [key, value] = _ref3;
+    Object.entries(initials).map(_ref2 => {
+      var [key, value] = _ref2;
 
       if (Array.isArray(value)) {
         initials[key] = [...value];
@@ -6942,13 +6952,13 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     }));
   }
 
-  function controlField(_ref4) {
+  function controlField(_ref3) {
     var {
       children,
       validator,
       name
-    } = _ref4,
-        other = _objectWithoutPropertiesLoose(_ref4, Form_excluded2);
+    } = _ref3,
+        other = _objectWithoutPropertiesLoose(_ref3, Form_excluded2);
 
     var element = typeof children !== 'function' ? children : children({
       onChange: handleChange(name, validator),
@@ -6965,7 +6975,7 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     props.id = element.props.id;
     props.value = hasCurrentValue ? data.current && data.current[name] : props.value; // : element.props.value;
 
-    var type = element.props.type; // console.log('type', element)
+    var type = element.props.type;
 
     if (type === 'checkbox' || type === 'switch' || typeof props.value === 'boolean') {
       props.checked = !!props.value;
@@ -6976,10 +6986,9 @@ function Form(_ref, ref //| React.RefObject<FormRefType>,
     return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(element, props);
   }
 
-  return /*#__PURE__*/(0,jsx_runtime.jsx)("form", _extends({}, _extends({}, others, {
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("form", _extends({}, others, {
     className: [prefixCls, className].filter(Boolean).join(' ').trim(),
-    onSubmit: handleSubmit
-  }), {
+    onSubmit: handleSubmit,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("fieldset", {
       disabled: data.submitting,
       children: typeof children === 'function' ? children({
@@ -7050,7 +7059,6 @@ var react_list_esm_excluded = ["prefixCls", "bordered", "striped", "noHover", "a
 
 
 
-
 function InternalList(props, ref) {
   var {
     prefixCls = 'w-list',
@@ -7059,7 +7067,7 @@ function InternalList(props, ref) {
     noHover = false,
     active = false,
     size = 'default',
-    renderItem = noop,
+    renderItem,
     className,
     children,
     header,
@@ -7071,7 +7079,7 @@ function InternalList(props, ref) {
   var items;
 
   if (dataSource && dataSource.length > 0) {
-    items = dataSource.map((item, index) => renderItem(item, index));
+    items = dataSource.map((item, index) => renderItem && renderItem(item, index));
   } else {
     items = children;
   }
@@ -7859,7 +7867,8 @@ var react_select_esm_excluded = ["prefixCls", "className", "size"];
 
 
 
-var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+var InternalSelect = (props, ref) => {
   var {
     prefixCls = 'w-select',
     className,
@@ -7871,7 +7880,9 @@ var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd
     ref: ref,
     className: [prefixCls, className, size ? prefixCls + "-" + size : null].filter(Boolean).join(' ').trim()
   }));
-});
+};
+
+var Select = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalSelect);
 Select.Option = Option;
 Select.Group = Group;
 /* harmony default export */ const react_select_esm = (Select);