uiw 4.21.12 → 4.21.15

package/dist/uiw.css

@@ -67,7 +67,6 @@
   overflow: auto;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
 }
 .w-overlay-enter .w-overlay-backdrop {
@@ -147,7 +146,6 @@
 .w-btn {
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   display: inline-flex;
   flex-direction: row;
@@ -1409,7 +1407,6 @@ sup.w-badge-count {
 .w-datepicker-caption {
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   text-align: center;
   padding: 0 0 3px 0;
@@ -1513,7 +1510,6 @@ sup.w-badge-count {
   color: #393e48;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 14px;
   line-height: 21px;
@@ -1574,7 +1570,6 @@ sup.w-badge-count {
   display: inline-block;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
 }
 .w-calendar-btn-group {
@@ -1720,7 +1715,6 @@ sup.w-badge-count {
   color: inherit;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   transition: initial;
   transition: background-color 0.3s;
@@ -2141,7 +2135,6 @@ sup.w-badge-count {
 .w-copy-to-clipboard-select {
   -webkit-user-select: text;
           -moz-user-select: text;
-           -ms-user-select: text;
        user-select: text;
   display: none;
 }
@@ -3484,7 +3477,6 @@ a.w-list-item:hover:not(.w-disabled) {
   position: relative;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 12px;
 }
@@ -3827,7 +3819,6 @@ a.w-list-item:hover:not(.w-disabled) {
   display: inline-block;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   font-size: 12px;
   padding: 1px 5px;
@@ -3873,6 +3864,9 @@ a.w-list-item:hover:not(.w-disabled) {
   padding: 0px;
   height: 28px;
 }
+.w-search-select-input-contents.w-input-small {
+  min-width: 0;
+}
 .w-search-select-input-contents .w-input-inner:hover {
   box-shadow: none !important;
 }
@@ -3973,8 +3967,7 @@ a.w-list-item:hover:not(.w-disabled) {
   display: flex;
   background: #f8f8f9;
   -webkit-user-select: none;
-          -ms-user-select: none;
-      user-select: none;
+          user-select: none;
 }
 .w-split-bar::before,
 .w-split-bar::after {
@@ -4415,7 +4408,6 @@ a.w-list-item:hover:not(.w-disabled) {
   cursor: pointer;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   vertical-align: middle;
 }
@@ -4799,7 +4791,6 @@ a.w-list-item:hover:not(.w-disabled) {
   cursor: not-allowed;
   -webkit-user-select: none;
           -moz-user-select: none;
-           -ms-user-select: none;
        user-select: none;
   color: rgba(0, 0, 0, 0.25);
 }

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);
@@ -8660,6 +8671,8 @@ function SearchSelect(props) {
   var inputRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var omitTagCount = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => maxTagCount && selectedValue.length > maxTagCount ? selectedValue.length - maxTagCount : 0, [selectedValue.length]);
   var divRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var tagContentRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
+  var [tagClientWidth, setTagClientWidth] = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useState(180);
 
   var valueVerify = value => {
     return value !== undefined && value !== '';
@@ -8806,6 +8819,15 @@ function SearchSelect(props) {
     }
   }
 
+  external_root_React_commonjs2_react_commonjs_react_amd_react_default().useEffect(() => {
+    var _tagContentRef$curren;
+
+    if ((_tagContentRef$curren = tagContentRef.current) != null && _tagContentRef$curren.clientWidth) {
+      var _tagContentRef$curren2;
+
+      setTagClientWidth((_tagContentRef$curren2 = tagContentRef.current) == null ? void 0 : _tagContentRef$curren2.clientWidth);
+    }
+  }, [tagContentRef.current]);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(Dropdown, _extends({
     className: cls,
     trigger: "click",
@@ -8859,6 +8881,7 @@ function SearchSelect(props) {
       children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: [prefixCls + "-inner", prefixCls + "-search-" + showSearch, prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+          ref: tagContentRef,
           className: [prefixCls + "-tag-content", disabled && prefixCls + "-tag-content-disabled"].filter(Boolean).join(' ').trim(),
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
@@ -8876,7 +8899,14 @@ function SearchSelect(props) {
                 e.stopPropagation();
                 handleItemsClick(index, item);
               },
-              children: item.label
+              children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+                style: {
+                  maxWidth: tagClientWidth - 63,
+                  textOverflow: 'ellipsis',
+                  overflow: 'auto'
+                },
+                children: item.label
+              })
             }), index);
           }), !!omitTagCount && /*#__PURE__*/(0,jsx_runtime.jsxs)(react_tag_esm, {
             style: {
@@ -10567,8 +10597,10 @@ function Tabs(props) {
       flowNav.nav.forEach(item => {
         var curWidth = item.curWidth - deviation;
 
-        if (curWidth < flowNav.displayStart || curWidth > flowNav.displayEnd) {
-          hiddenNav.push(item.index);
+        if (flowNav.displayStart > 0 || flowNav.displayEnd > 0) {
+          if (curWidth < flowNav.displayStart || curWidth > flowNav.displayEnd) {
+            hiddenNav.push(item.index);
+          }
         }
       });
       hiddenNavSet(hiddenNav);