uiw 4.22.1 → 4.22.3

package/README.md

@@ -4,6 +4,9 @@
   </a>
 </p>
 <p align="center">
+  <a href="https://jaywcjlove.github.io/#/sponsor">
+    <img alt="Buy me a coffee" src="https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee">
+  </a>
   <a href="https://github.com/uiwjs/uiw/actions">
     <img alt="Github Actions" src="https://github.com/uiwjs/uiw/actions/workflows/deploy.yml/badge.svg">
   </a>
@@ -11,7 +14,7 @@
     <img alt="License MIT" src="https://img.shields.io/dub/l/vibe-d.svg">
   </a>
   <a href="https://github.com/facebook/jest">
-    <img alt="jest" src="https://facebook.github.io/jest/img/jest-badge.svg">
+    <img alt="jest" src="https://jestjs.io/img/jest-badge.svg">
   </a>
   <a href="https://gitpod.io/#https://github.com/uiwjs/uiw">
     <img alt="Open in Gitpod" src="https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod">

package/dist/uiw.css

@@ -3877,6 +3877,8 @@ a.w-list-item:hover:not(.w-disabled) {
   height: 100%;
   display: flex;
   flex-direction: row;
+  --w-split-bar-shadow: #d5d5d5;
+  --w-split-bar-shadow-disable: #d5d5d5;
 }
 .w-split-bar {
   z-index: 10;
@@ -3884,8 +3886,10 @@ a.w-list-item:hover:not(.w-disabled) {
   justify-content: center;
   display: flex;
   background: #f8f8f9;
+  background: var(--w-split-bar-background, #f8f8f9);
   -webkit-user-select: none;
-          user-select: none;
+          -moz-user-select: none;
+       user-select: none;
 }
 .w-split-bar::before,
 .w-split-bar::after {
@@ -3899,6 +3903,7 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-split-bar:hover:not(.disable) {
   transition: background-color 0.3s;
   background: #ecf7ff;
+  background: var(--w-split-bar-hover-background, #ecf7ff);
 }
 .w-split.dragging .w-split-pane {
   position: relative;
@@ -3921,13 +3926,13 @@ a.w-list-item:hover:not(.w-disabled) {
   cursor: col-resize;
   width: 5px;
   flex-direction: column;
-  box-shadow: inset 1px 0 0 0 #d5d5d5, 1px 0 0 0 #d5d5d5;
+  box-shadow: inset 1px 0 0 0 var(--w-split-bar-shadow), 1px 0 0 0 var(--w-split-bar-shadow);
 }
 .w-split-horizontal > .w-split-bar::before,
 .w-split-horizontal > .w-split-bar::after {
   height: 3px;
   width: 100%;
-  box-shadow: inset 0 1px 0 0 #d5d5d5, 0 1px 0 0 #d5d5d5;
+  box-shadow: inset 0 1px 0 0 var(--w-split-bar-shadow), 0 1px 0 0 var(--w-split-bar-shadow);
 }
 .w-split-horizontal > .w-split-bar::before {
   margin-top: -1px;
@@ -3936,7 +3941,7 @@ a.w-list-item:hover:not(.w-disabled) {
   margin-top: 3px;
 }
 .w-split-horizontal > .w-split-bar.disable {
-  box-shadow: inset 1px 0 0 0 #e6e6e6, 1px 0 0 0 #eaeaea !important;
+  box-shadow: inset 1px 0 0 0 var(--w-split-bar-shadow-disable), 1px 0 0 0 var(--w-split-bar-shadow-disable) !important;
 }
 .w-split-vertical {
   flex-direction: column;
@@ -3947,16 +3952,16 @@ a.w-list-item:hover:not(.w-disabled) {
   height: 5px;
   align-items: center;
   flex-direction: row;
-  box-shadow: inset 0 1px 0 0 #d5d5d5, 0 1px 0 0 #d5d5d5;
+  box-shadow: inset 0 1px 0 0 var(--w-split-bar-shadow), 0 1px 0 0 var(--w-split-bar-shadow);
 }
 .w-split-vertical > .w-split-bar.disable {
-  box-shadow: inset 0 1px 0 0 #e6e6e6, 0 1px 0 0 #eaeaea !important;
+  box-shadow: inset 0 1px 0 0 var(--w-split-bar-shadow-disable), 0 1px 0 0 var(--w-split-bar-shadow-disable) !important;
 }
 .w-split-vertical > .w-split-bar::before,
 .w-split-vertical > .w-split-bar::after {
   height: 100%;
   width: 3px;
-  box-shadow: inset 1px 0 0 0 #d5d5d5, 1px 0 0 0 #d5d5d5;
+  box-shadow: inset 1px 0 0 0 var(--w-split-bar-shadow), 1px 0 0 0 var(--w-split-bar-shadow);
 }
 .w-split-vertical > .w-split-bar::before {
   margin-left: -1px;
@@ -3973,7 +3978,8 @@ a.w-list-item:hover:not(.w-disabled) {
 }
 .w-split-vertical > .w-split-line-bar:hover::before,
 .w-split-horizontal > .w-split-line-bar:hover::before {
-  border-color: #008EF0;
+  background: #008ef0;
+  background: var(--w-split-line-bar-hover-border-color, #008ef0);
 }
 .w-split-vertical > .w-split-line-bar {
   height: 1px;
@@ -3995,7 +4001,8 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-split-vertical > .w-split-line-bar div:hover::after,
 .w-split-vertical > .w-split-line-bar div:active::after,
 .w-split-vertical > .w-split-line-bar div:focus::after {
-  background-color: #008EF0;
+  background: #008ef0;
+  background: var(--w-split-line-bar-active-background, #008ef0);
 }
 .w-split-vertical > .w-split-line-bar div::after {
   height: 1px;
@@ -4021,7 +4028,8 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-split-horizontal > .w-split-line-bar div:hover::after,
 .w-split-horizontal > .w-split-line-bar div:active::after,
 .w-split-horizontal > .w-split-line-bar div:focus::after {
-  background-color: #008EF0;
+  background: #008ef0;
+  background: var(--w-split-line-bar-active-background, #008ef0);
 }
 .w-split-horizontal > .w-split-line-bar div::after {
   width: 1px;
@@ -4047,6 +4055,7 @@ a.w-list-item:hover:not(.w-disabled) {
   content: '';
   display: block;
   background-color: #d5d5d5;
+  background-color: var(--w-split-line-bar-background, #d5d5d5);
 }
 .w-split-line-bar {
   box-shadow: inset 0 0 0 0 !important;

package/dist/uiw.js

@@ -11,7 +11,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 894:
+/***/ 535:
 /***/ (function(module) {
 
 /**! 
@@ -91,7 +91,7 @@ return /******/ (() => { // webpackBootstrap
 
 /***/ }),
 
-/***/ 31:
+/***/ 837:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
@@ -110,14 +110,14 @@ function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&
 
 /***/ }),
 
-/***/ 310:
+/***/ 322:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 "use strict";
 
 
 if (true) {
-  module.exports = __webpack_require__(31);
+  module.exports = __webpack_require__(837);
 } else {}
 
 
@@ -390,7 +390,7 @@ var getOffset = (element, target) => {
 };
 var getDefaultTarget = () => typeof window !== 'undefined' ? window : null;
 // EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(310);
+var jsx_runtime = __webpack_require__(322);
 ;// CONCATENATED MODULE: ../react-affix/esm/index.js
 
 
@@ -1467,11 +1467,11 @@ function Overlay(props) {
       setIsOpen(true);
     }
   }, [visible]);
-  var decoratedChild = typeof children === 'object' ? /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(children, _extends({}, dialogProps, {
+  var decoratedChild = typeof children === 'object' ? ( /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(children, _extends({}, dialogProps, {
     style: _extends({}, children.props.style, dialogProps.style),
     className: [children.props.className, prefixCls + "-content"].filter(Boolean).join(' ').trim(),
     tabIndex: 0
-  })) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", _extends({}, dialogProps, {
+  }))) : /*#__PURE__*/(0,jsx_runtime.jsx)("span", _extends({}, dialogProps, {
     className: prefixCls + "-content",
     children: children
   }));
@@ -1546,9 +1546,9 @@ function Overlay(props) {
           children: /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(decoratedChild, {
             'data-status': status
           })
-        }) : /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(decoratedChild, {
+        }) : ( /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(decoratedChild, {
           'data-status': status
-        })]
+        }))]
       });
     }
   }));
@@ -2244,6 +2244,7 @@ formatter.utc = function (str, date) {
 };
 
 
+//# sourceMappingURL=index.js.map
 
 ;// CONCATENATED MODULE: ../react-overlay-trigger/esm/utils.js
 var utils_canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
@@ -5020,7 +5021,7 @@ function getElementHeight(elm) {
   for (var i = 0; i < childNodes.length; i++) {
     var childNode = childNodes[i];
     var computedStyle = getComputedStyle(childNode);
-    var height = childNode.offsetHeight + parseInt(computedStyle.marginTop) + parseInt(computedStyle.marginBottom) + parseInt(computedStyle.borderTopWidth) + parseInt(computedStyle.borderBottomWidth) + parseInt(computedStyle.paddingTop) + parseInt(computedStyle.paddingBottom);
+    var height = childNode.offsetHeight + +parseInt(computedStyle.marginTop) + parseInt(computedStyle.marginBottom) + parseInt(computedStyle.borderTopWidth) + parseInt(computedStyle.borderBottomWidth);
     totalHeight += height;
     var beforeStyle = getComputedStyle(childNode, '::before');
     var afterStyle = getComputedStyle(childNode, '::after');
@@ -5126,7 +5127,7 @@ Collapse.Panel = Panel;
 
 /* harmony default export */ const react_collapse_esm = (esm_Collapse);
 // EXTERNAL MODULE: ../../node_modules/@uiw/copy-to-clipboard/dist/copy-to-clipboard.umd.js
-var copy_to_clipboard_umd = __webpack_require__(894);
+var copy_to_clipboard_umd = __webpack_require__(535);
 var copy_to_clipboard_umd_default = /*#__PURE__*/__webpack_require__.n(copy_to_clipboard_umd);
 ;// CONCATENATED MODULE: ../react-copy-to-clipboard/esm/style/index.css
 // extracted by mini-css-extract-plugin
@@ -8153,7 +8154,7 @@ function SearchSelect(props) {
 ;// CONCATENATED MODULE: ../../node_modules/@uiw/react-split/esm/index.js
 
 
-var react_split_esm_excluded = ["prefixCls", "className", "children", "mode", "visiable", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
+var react_split_esm_excluded = ["prefixCls", "className", "children", "mode", "visiable", "visible", "renderBar", "lineBar", "disable", "onDragEnd", "onDragging"];
 
 
 
@@ -8181,21 +8182,17 @@ class Split extends (external_root_React_commonjs2_react_commonjs_react_amd_reac
     this.onDragEnd = this.onDragEnd.bind(this);
     this.onDragging = this.onDragging.bind(this);
   }
-
   componentWillUnmount() {
     this.removeEvent();
   }
-
   removeEvent() {
     window.removeEventListener('mousemove', this.onDragging, false);
     window.removeEventListener('mouseup', this.onDragEnd, false);
   }
-
   onMouseDown(paneNumber, env) {
     if (!env.target || !this.warpper) {
       return;
     }
-
     this.paneNumber = paneNumber;
     this.startX = env.clientX;
     this.startY = env.clientY;
@@ -8205,35 +8202,29 @@ class Split extends (external_root_React_commonjs2_react_commonjs_react_amd_reac
     var nextTarget = this.target.nextElementSibling;
     this.boxWidth = this.warpper.clientWidth;
     this.boxHeight = this.warpper.clientHeight;
-
     if (prevTarget) {
       this.preWidth = prevTarget.clientWidth;
       this.preHeight = prevTarget.clientHeight;
     }
-
     if (nextTarget) {
       this.nextWidth = nextTarget.clientWidth;
       this.nextHeight = nextTarget.clientHeight;
     }
-
     window.addEventListener('mousemove', this.onDragging);
     window.addEventListener('mouseup', this.onDragEnd, false);
     this.setState({
       dragging: true
     });
   }
-
   onDragging(env) {
     if (!this.move) {
       return;
     }
-
     if (!this.state.dragging) {
       this.setState({
         dragging: true
       });
     }
-
     var {
       mode,
       onDragging
@@ -8244,43 +8235,34 @@ class Split extends (external_root_React_commonjs2_react_commonjs_react_amd_reac
     var y = env.clientY - this.startY;
     this.preSize = 0;
     this.nextSize = 0;
-
     if (mode === 'horizontal') {
       this.preSize = this.preWidth + x > -1 ? this.preWidth + x : 0;
       this.nextSize = this.nextWidth - x > -1 ? this.nextWidth - x : 0;
-
       if (this.preSize === 0 || this.nextSize === 0) {
         return;
       }
-
       this.preSize = (this.preSize / this.boxWidth >= 1 ? 1 : this.preSize / this.boxWidth) * 100;
       this.nextSize = (this.nextSize / this.boxWidth >= 1 ? 1 : this.nextSize / this.boxWidth) * 100;
-
       if (prevTarget && nextTarget) {
         prevTarget.style.width = this.preSize + "%";
         nextTarget.style.width = this.nextSize + "%";
       }
     }
-
     if (mode === 'vertical' && this.preHeight + y > -1 && this.nextHeight - y > -1) {
       this.preSize = this.preHeight + y > -1 ? this.preHeight + y : 0;
       this.nextSize = this.nextHeight - y > -1 ? this.nextHeight - y : 0;
       this.preSize = (this.preSize / this.boxHeight >= 1 ? 1 : this.preSize / this.boxHeight) * 100;
       this.nextSize = (this.nextSize / this.boxHeight >= 1 ? 1 : this.nextSize / this.boxHeight) * 100;
-
       if (this.preSize === 0 || this.nextSize === 0) {
         return;
       }
-
       if (prevTarget && nextTarget) {
         prevTarget.style.height = this.preSize + "%";
         nextTarget.style.height = this.nextSize + "%";
       }
     }
-
     onDragging && onDragging(this.preSize, this.nextSize, this.paneNumber);
   }
-
   onDragEnd() {
     var {
       onDragEnd
@@ -8292,21 +8274,20 @@ class Split extends (external_root_React_commonjs2_react_commonjs_react_amd_reac
       dragging: false
     });
   }
-
   render() {
+    var _this$props$visible;
     var _this$props = this.props,
-        {
-      prefixCls,
-      className,
-      children,
-      mode,
-      visiable,
-      renderBar,
-      lineBar,
-      disable
-    } = _this$props,
-        other = _objectWithoutPropertiesLoose(_this$props, react_split_esm_excluded);
-
+      {
+        prefixCls,
+        className,
+        children,
+        mode,
+        visible = (_this$props$visible = this.props.visible) != null ? _this$props$visible : this.props.visiable,
+        renderBar,
+        lineBar,
+        disable
+      } = _this$props,
+      other = _objectWithoutPropertiesLoose(_this$props, react_split_esm_excluded);
     var {
       dragging
     } = this.state;
@@ -8321,41 +8302,35 @@ class Split extends (external_root_React_commonjs2_react_commonjs_react_amd_reac
           className: [prefixCls + "-pane", element.props.className].filter(Boolean).join(' ').trim(),
           style: _extends({}, element.props.style)
         });
-        var visiableBar = visiable === true || visiable && visiable.includes(idx + 1) || false;
+        var visibleBar = visible === true || visible && visible.includes(idx + 1) || false;
         var barProps = {
           className: [prefixCls + "-bar", lineBar ? prefixCls + "-line-bar" : null, !lineBar ? prefixCls + "-large-bar" : null].filter(Boolean).join(' ').trim()
         };
-
         if (disable === true || disable && disable.includes(idx + 1)) {
           barProps.className = [barProps.className, disable ? 'disable' : null].filter(Boolean).join(' ').trim();
         }
-
         var BarCom = null;
-
-        if (idx !== 0 && visiableBar && renderBar) {
+        if (idx !== 0 && visibleBar && renderBar) {
           BarCom = renderBar(_extends({}, barProps, {
             onMouseDown: this.onMouseDown.bind(this, idx + 1)
           }));
-        } else if (idx !== 0 && visiableBar) {
+        } else if (idx !== 0 && visibleBar) {
           BarCom = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('div', _extends({}, barProps), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
             onMouseDown: this.onMouseDown.bind(this, idx + 1)
           }));
         }
-
         return /*#__PURE__*/(0,jsx_runtime.jsxs)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
           children: [BarCom, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(element, _extends({}, props))]
         }, idx);
       })
     }));
   }
-
 }
 Split.defaultProps = {
   prefixCls: 'w-split',
   visiable: true,
   mode: 'horizontal'
 };
-
 ;// CONCATENATED MODULE: ../react-steps/esm/style/index.css
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const react_steps_esm_style = ({});