uiw 4.18.1 → 4.19.0

package/dist/uiw.css

@@ -3867,8 +3867,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-search-select-input-contents input {
   box-shadow: none;
   padding: 0px;
-  min-width: 50px;
-  height: 22px;
+  height: 28px;
 }
 .w-search-select-input-contents .w-input-inner:hover {
   box-shadow: none !important;
@@ -3889,15 +3888,15 @@ a.w-list-item:hover:not(.w-disabled) {
   justify-content: space-between;
   outline: none;
   border: none;
-  align-items: center;
   border-radius: 3px;
   box-shadow: 0 0 0 0 rgba(19, 124, 189, 0), 0 0 0 0 rgba(19, 124, 189, 0), inset 0 0 0 1px rgba(16, 22, 26, 0.15), inset 0 1px 1px rgba(16, 22, 26, 0.2);
   box-sizing: border-box;
   background: #fff;
   margin: 0 !important;
-  padding: 3px 10px 3px 10px;
+  padding: 1px 10px;
   vertical-align: middle;
   line-height: 30px;
+  align-items: center;
   color: #393e48;
   font-weight: 400;
   font-size: inherit;
@@ -3937,6 +3936,15 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-search-select-inner .w-input-large .w-input-inner {
   height: 28px;
 }
+.w-search-select-tag-content {
+  display: flex;
+  align-items: center;
+  flex-flow: wrap;
+  width: 100%;
+}
+.w-search-select-search-false {
+  cursor: pointer;
+}
 .w-search-select-multiple-colse {
   left: 7px;
   font-size: 15px;
@@ -5071,7 +5079,6 @@ a.w-list-item:hover:not(.w-disabled) {
 
 .w-search-tree-input-contents {
   flex: 1 1;
-  min-width: 30px;
   top: 1px;
 }
 .w-search-tree-input-contents input {

package/dist/uiw.js

@@ -346,6 +346,7 @@ __webpack_require__.d(__webpack_exports__, {
   "FormItem": () => (/* reexport */ FormItem),
   "Icon": () => (/* reexport */ Icon),
   "Input": () => (/* reexport */ react_input_esm),
+  "InputNumber": () => (/* reexport */ InputNumber),
   "Layout": () => (/* reexport */ react_layout_esm),
   "LayoutContent": () => (/* reexport */ LayoutContent),
   "LayoutContext": () => (/* reexport */ LayoutContext),
@@ -1562,7 +1563,8 @@ function Overlay(props) {
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, esm_excluded);
 
-  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(props.isOpen || false);
+  var [isOpen, setIsOpen] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(); // const [isOpen, setIsOpen] = useState(props.isOpen || false);
+
   var [visible, setVisible] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false);
   var container = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var overlay = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -1772,6 +1774,34 @@ var react_button_esm_excluded = ["prefixCls", "disabled", "active", "loading", "
 ;// CONCATENATED MODULE: ../react-modal/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_modal_esm_style = ({});
+;// CONCATENATED MODULE: ../react-modal/esm/CallShow.js
+
+
+var CallShow_excluded = ["title", "children"];
+
+
+
+
+function CallShow(props) {
+  var {
+    title = '提示框',
+    children
+  } = props,
+      other = _objectWithoutPropertiesLoose(props, CallShow_excluded);
+
+  var dv = document.createElement('div');
+  dv.id = 'uiw-modal-call-show-element';
+  document.body.appendChild(dv);
+  external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_default().render( /*#__PURE__*/(0,jsx_runtime.jsx)(react_modal_esm, _extends({}, other, {
+    title: title,
+    isOpen: true,
+    onClosed: () => {
+      document.getElementById('uiw-modal-call-show-element').remove();
+    },
+    children: children
+  })), document.getElementById('uiw-modal-call-show-element'));
+}
+
 ;// CONCATENATED MODULE: ../react-modal/esm/index.js
 
 
@@ -1785,7 +1815,8 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
 
 
 
-/* harmony default export */ const react_modal_esm = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+
+var Modal = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
   var {
     prefixCls = 'w-modal',
     className,
@@ -1910,7 +1941,9 @@ var react_modal_esm_excluded = ["prefixCls", "className", "children", "useButton
       })
     })
   }));
-}));
+});
+Modal.show = CallShow;
+/* harmony default export */ const react_modal_esm = (Modal);
 
 ;// CONCATENATED MODULE: ../react-alert/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -3118,10 +3151,69 @@ Popover.defaultProps = {
 ;// CONCATENATED MODULE: ../react-input/esm/style/input.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const input = ({});
+;// CONCATENATED MODULE: ../react-input/esm/InputNumber.js
+
+
+var InputNumber_excluded = ["className", "min", "max", "step", "overLimitColor", "keyboard", "formatter", "prefixCls"];
+
+
+
+/* harmony default export */ const InputNumber = (/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef((props, ref) => {
+  var {
+    className,
+    min,
+    max,
+    step,
+    overLimitColor,
+    keyboard = false,
+    prefixCls = 'w-input-number'
+  } = props,
+      otherProps = _objectWithoutPropertiesLoose(props, InputNumber_excluded);
+
+  var value = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    var _ref;
+
+    return Number.parseFloat((_ref = props.value || 0) == null ? void 0 : _ref.toString());
+  }, [props.value]);
+  var [isOverLimit, isOverLimitSet] = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(overLimitComp(value));
+
+  function overLimitComp(value) {
+    if (typeof min === 'number' && value < min) return true;
+    if (typeof max === 'number' && value > max) return true;
+    return false;
+  }
+
+  var onChange = v => {
+    var isOverLimit = overLimitComp(Number.parseFloat(v.target.value));
+    isOverLimitSet(isOverLimit);
+    props.onChange == null ? void 0 : props.onChange(v);
+  };
+
+  var overLimitProps = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    if (!overLimitColor) return {
+      min,
+      max
+    };
+  }, []);
+  var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
+  var inputStyle = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => isOverLimit ? {
+    color: overLimitColor == null ? void 0 : overLimitColor.toString()
+  } : undefined, [isOverLimit]);
+  return /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, _extends({}, otherProps, {
+    className: cls,
+    type: "number",
+    inputStyle: inputStyle,
+    onChange: onChange,
+    step: step
+  }, overLimitProps));
+}));
+
 ;// CONCATENATED MODULE: ../react-input/esm/index.js
 
 
-var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter"];
+var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type", "preIcon", "addonAfter", "inputStyle"];
+
+
 
 
 
@@ -3135,7 +3227,8 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
     size = 'default',
     type = 'text',
     preIcon = null,
-    addonAfter
+    addonAfter,
+    inputStyle
   } = props,
       otherProps = _objectWithoutPropertiesLoose(props, react_input_esm_excluded);
 
@@ -3164,6 +3257,7 @@ var react_input_esm_excluded = ["prefixCls", "className", "style", "size", "type
       type: type,
       autoComplete: "off"
     }, otherProps, {
+      style: inputStyle,
       className: prefixCls + "-inner"
     })), addonAfter && /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
       className: prefixCls + "-addon-after",
@@ -4555,6 +4649,7 @@ function Cascader(props) {
     value,
     onChange,
     onSearch,
+    expandTrigger = 'click',
     size,
     disabled,
     allowClear,
@@ -4646,6 +4741,7 @@ function Cascader(props) {
 
   var handleItemClick = (optionsItem, level) => {
     selectedValue.splice(level, selectedValue.length - level, optionsItem);
+    if (!optionsItem.children) setInnerIsOpen(false);
     handelChange(true, selectedValue);
   };
 
@@ -4674,6 +4770,26 @@ function Cascader(props) {
   };
 
   var widths = (style == null ? void 0 : style.width) * 0.7 || undefined;
+  var trigger = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(() => {
+    return (cb, click) => {
+      var triggers = {
+        onClick: () => {},
+        onMouseOver: () => {}
+      };
+
+      var callback = () => {
+        cb();
+      };
+
+      if (expandTrigger === 'click' || click) {
+        triggers.onClick = callback;
+      } else if (expandTrigger === 'hover') {
+        triggers.onMouseOver = callback;
+      }
+
+      return triggers;
+    };
+  }, []);
 
   var OptionIter = function OptionIter(option, level) {
     if (level === void 0) {
@@ -4696,17 +4812,18 @@ function Cascader(props) {
         },
         children: '没有数据'
       }) : option.map((opt, index) => {
-        var _selectedValue$level;
+        var _selectedValue$level, _opt$children;
 
         var active = ((_selectedValue$level = selectedValue[level]) == null ? void 0 : _selectedValue$level.value) === opt.value;
-        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
+        return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, _extends({
           active: active,
           text: opt.label,
           addonAfter: opt.children ? /*#__PURE__*/(0,jsx_runtime.jsx)(Icon, {
             type: "right"
-          }) : undefined,
-          onClick: () => handleItemClick(opt, level)
-        }, index);
+          }) : undefined
+        }, trigger(() => {
+          handleItemClick(opt, level);
+        }, !((_opt$children = opt.children) != null && _opt$children.length))), index);
       })
     }, level);
   };
@@ -4755,8 +4872,7 @@ function Cascader(props) {
       }) : searchOption.filter(opt => opt.label.includes(searchText.trim())).map((opt, index) => {
         return /*#__PURE__*/(0,jsx_runtime.jsx)(react_menu_esm.Item, {
           text: opt.label,
-          onClick: () => searchItemClick(opt.options) //
-
+          onClick: () => searchItemClick(opt.options)
         }, index);
       })
     }),
@@ -8343,7 +8459,7 @@ function SearchSelect(props) {
     style,
     value,
     defaultValue,
-    showSearch,
+    showSearch = false,
     tagProps = {},
     placeholder,
     onSearch,
@@ -8555,13 +8671,10 @@ function SearchSelect(props) {
         maxWidth: 'none'
       }, style),
       children: isMultiple ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-        className: [prefixCls + "-inner", prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
+        className: [prefixCls + "-inner", prefixCls + "-search-" + showSearch, prefixCls + "-" + size].filter(Boolean).join(' ').trim(),
         children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          style: {
-            display: 'flex',
-            flexFlow: 'wrap',
-            width: '100%'
-          },
+          className: prefixCls + "-tag-content",
+          style: {},
           children: [isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => {
             return /*#__PURE__*/(0,jsx_runtime.jsx)(react_tag_esm, _extends({
               style: _extends({
@@ -8591,7 +8704,8 @@ function SearchSelect(props) {
             children: ["+", omitTagCount, " \u2026", ' ']
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             style: {
-              flex: 1
+              flex: 1,
+              width: showSearch ? 0 : 50
             },
             className: prefixCls + "-input-contents",
             readOnly: !showSearch,
@@ -8610,6 +8724,7 @@ function SearchSelect(props) {
           onClick: resetSelectedValue
         })]
       }) : /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
+        className: prefixCls + "-search-" + showSearch,
         readOnly: !showSearch,
         size: size,
         ref: inputRef,
@@ -11024,7 +11139,6 @@ function SearchTagInput(props) {
             }), index);
           }), /*#__PURE__*/(0,jsx_runtime.jsx)(react_input_esm, {
             ref: inputRef,
-            style: {},
             className: prefixCls + "-input-contents",
             size: size,
             disabled: disabled,