uiw 4.21.14 → 4.21.17

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 {
@@ -4691,12 +4704,10 @@ a.w-list-item:hover:not(.w-disabled) {
   text-align: right;
 }
 .w-table-fixed-true {
-  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 2 !important;
 }
 .w-table-fixed-right {
-  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 2 !important;
 }
@@ -5000,6 +5011,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

@@ -328,7 +328,6 @@ __webpack_require__.d(__webpack_exports__, {
   "Circle": () => (/* reexport */ Circle),
   "Col": () => (/* reexport */ Col),
   "Collapse": () => (/* reexport */ react_collapse_esm),
-  "ContextMenu": () => (/* reexport */ ContextMenu),
   "CopyToClipboard": () => (/* reexport */ CopyToClipboard),
   "DateInput": () => (/* reexport */ DateInput),
   "DateInputRange": () => (/* reexport */ DateInputRange),
@@ -421,7 +420,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 +433,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
@@ -697,11 +695,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 +762,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 +775,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 +995,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 +1217,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 +1437,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
 
 
     if (phase === 'active') {
-      /* eslint-disable no-unused-expressions */
-      node && node.scrollTop;
+      if (node) forceReflow(node);
     }
 
     if (className) {
@@ -4773,7 +4783,8 @@ var Menu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_r
     })
   }));
 });
-var ContextMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+var InternalContextMenu = (props, ref) => {
   var [contextHeight, setContextHeight] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState({
     height: 0,
     ele: null
@@ -4786,7 +4797,9 @@ var ContextMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_reac
       ref: ref
     }))
   });
-});
+};
+
+var ContextMenu = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalContextMenu);
 Menu.displayName = 'uiw.Menu';
 ContextMenu.displayName = 'uiw.Menu';
 ContextMenu.Item = MenuItem;
@@ -5561,6 +5574,7 @@ function InternalCollapse(props, ref) {
 }
 
 var Collapse = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalCollapse);
+Collapse.displayName = 'Collapse';
 Collapse.Panel = Panel;
 /* harmony default export */ const esm_Collapse = (Collapse);
 
@@ -6427,7 +6441,7 @@ var FileList = props => {
   var [fileList, setFileList] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)([]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(() => {
     setFileList(inValue);
-  }, []);
+  }, [value]);
   var handleClickInput = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => openFileDialog(inputRef), [inputRef]);
   var onFileUpload = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useCallback)(() => {
     if (inputRef.current) inputRef.current.value = '';
@@ -6703,6 +6717,7 @@ var Form_excluded = ["prefixCls", "className", "fields", "children", "resetOnSub
 
 
 
+
 function newFormState(fields, cb) {
   var state = {
     initial: {},
@@ -6733,8 +6748,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 +6759,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 +6784,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 +6921,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 +6941,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 +6955,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 +6978,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 +6989,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 +7062,6 @@ var react_list_esm_excluded = ["prefixCls", "bordered", "striped", "noHover", "a
 
 
 
-
 function InternalList(props, ref) {
   var {
     prefixCls = 'w-list',
@@ -7059,7 +7070,7 @@ function InternalList(props, ref) {
     noHover = false,
     active = false,
     size = 'default',
-    renderItem = noop,
+    renderItem,
     className,
     children,
     header,
@@ -7071,7 +7082,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 +7870,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 +7883,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);