@vtx/components 2.3.4 → 2.5.0

package/lib/vtx-search/style/index.css

@@ -1,13 +1,10 @@
 .vtx-search {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
+  position: relative;
   z-index: 1000;
-  padding-top: 5px;
-  padding-right: 32px;
-  padding-bottom: 5px;
-  padding-left: 32px;
+  padding-top: 8px;
+  padding-right: 24px;
+  padding-bottom: 8px;
+  padding-left: 24px;
   overflow: hidden;
   background: #ffffff;
   -webkit-transition-duration: 0.3s;
@@ -18,7 +15,7 @@
 .vtx-search-label_h {
   display: inline-block;
   overflow: hidden;
-  line-height: 42px;
+  line-height: 48px;
   white-space: nowrap;
   text-overflow: ellipsis;
   vertical-align: top;
@@ -28,13 +25,16 @@
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: 42px;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-left: 15px;
-  line-height: 32px;
+  height: 48px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  padding-left: 12px;
+  line-height: 1.5;
   vertical-align: top;
 }
+.vtx-search .vtx-search-item__v {
+  padding: 8px 0;
+}
 .vtx-search-label_v {
   overflow: hidden;
   line-height: 21px;
@@ -47,32 +47,33 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   height: 42px;
-  padding-top: 5px;
-  padding-bottom: 5px;
+  padding-top: 8px;
+  padding-bottom: 8px;
   line-height: 32px;
   vertical-align: top;
 }
-.vtx-search-colon {
-  position: absolute;
-  left: 0;
-  width: 15px;
-}
 .vtx-search-list {
   width: 100%;
 }
 .vtx-search-element {
   display: inline-block;
-  width: calc(100% - 192px);
-  margin-right: 8px;
+  /* stylelint-disable */
+  width: calc(100% - 200px - 24px);
+  margin-right: 24px;
 }
 .vtx-search-buttons {
   display: inline-block;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  width: 184px;
+  width: 200px;
   height: 100%;
   vertical-align: top;
 }
+.vtx-search .vtx-search-more {
+  height: 32px;
+  color: #1890ff;
+  line-height: 32px;
+}
 .vtx-row {
   overflow: hidden;
 }

package/lib/vtx-search/style/index.js

@@ -8,5 +8,7 @@ require("antd/es/tooltip/style/css");
 
 require("antd/es/button/style/css");
 
+require("antd/es/icon/style/css");
+
 require("./index.less");
 //# sourceMappingURL=index.js.map

package/lib/vtx-search/style/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-search/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/button/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-search/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/row/style/css';\nimport 'antd/es/col/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/icon/style/css';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-search/style/index.less

@@ -1,16 +1,15 @@
 @toggleSpeed: 0.3s; // 展开速度
 @prefix-cls: vtx-search;
 
+@buttons-width: 200px;
+
 .@{prefix-cls} {
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0;
+    position: relative;
     z-index: 1000;
-    padding-top: 5px;
-    padding-right: 32px;
-    padding-bottom: 5px;
-    padding-left: 32px;
+    padding-top: 8px;
+    padding-right: 24px;
+    padding-bottom: 8px;
+    padding-left: 24px;
     overflow: hidden;
     background: rgb(255, 255, 255);
     transition-duration: @toggleSpeed;
@@ -18,7 +17,7 @@
     &-label_h {
         display: inline-block;
         overflow: hidden;
-        line-height: 42px;
+        line-height: 48px;
         white-space: nowrap;
         text-overflow: ellipsis;
         vertical-align: top;
@@ -27,14 +26,16 @@
         position: relative;
         display: inline-block;
         box-sizing: border-box;
-        height: 42px;
-        padding-top: 5px;
-        padding-bottom: 5px;
-        padding-left: 15px;
-        line-height: 32px;
+        height: 48px;
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-left: 12px;
+        line-height: 1.5;
         vertical-align: top;
     }
-
+    .vtx-search-item__v {
+        padding: 8px 0;
+    }
     &-label_v {
         overflow: hidden;
         line-height: 21px;
@@ -46,31 +47,32 @@
         position: relative;
         box-sizing: border-box;
         height: 42px;
-        padding-top: 5px;
-        padding-bottom: 5px;
+        padding-top: 8px;
+        padding-bottom: 8px;
         line-height: 32px;
         vertical-align: top;
     }
-    &-colon {
-        position: absolute;
-        left: 0;
-        width: 15px;
-    }
     &-list {
         width: 100%;
     }
     &-element {
         display: inline-block;
-        width: e('calc(100% - 192px)');
-        margin-right: 8px;
+        /* stylelint-disable */
+        width: calc(100% - @buttons-width - 24px);
+        margin-right: 24px;
     }
     &-buttons {
         display: inline-block;
         box-sizing: border-box;
-        width: 184px;
+        width: @buttons-width;
         height: 100%;
         vertical-align: top;
     }
+    .vtx-search-more {
+        height: 32px;
+        color: #1890ff;
+        line-height: 32px;
+    }
 }
 
 .vtx-row {

package/lib/vtx-select/index.js

@@ -130,7 +130,8 @@ var VtxSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var newProps = _objectSpread({
     showSearch: true,
     optionFilterProp: 'children',
-    placeholder: '请选择'
+    placeholder: '请选择',
+    allowClear: true
   }, props);
 
   if (mode === 'multiple') {

package/lib/vtx-select/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-select/index.jsx"],"names":["VtxSelect","props","ref","popWidth","setPopWidth","elRef","elId","Date","now","value","mode","size","onChange","maxTagCount","maxTagTextLength","maxTagPlaceholder","showAll","selectStyle","selectAll","defaultBindBodyToPopupContainer","current","clientWidth","newChildren","children","Array","isArray","getContent","length","map","item","index","name","getChildren","margin","e","preventDefault","valueClone","splice","options","filter","ite","includes","substring","Empty","PRESENTED_IMAGE_SIMPLE","newProps","showSearch","optionFilterProp","placeholder","dropdownRender","menu","valueLength","target","checked","keys","key","style","paddingRight","triggerNode","document","body","width","list","i","Option","Select","OptGroup","propTypes","PropTypes","oneOfType","string","array","number","object","func","bool","node"],"mappings":"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","sourcesContent":["import React, { useState, useLayoutEffect, useRef, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Select from 'antd/es/select';\nimport Tag from 'antd/es/tag';\nimport Button from 'antd/es/button';\nimport Empty from 'antd/es/empty';\nimport Popover from 'antd/es/popover';\nimport Tooltip from 'antd/es/tooltip';\nimport Checkbox from 'antd/es/checkbox';\nimport Divider from 'antd/es/divider';\n\nconst VtxSelect = forwardRef((props, ref) => {\n    const [popWidth, setPopWidth] = useState(0);\n    const elRef = useRef();\n    const elId = useRef(`vtx-select-${Date.now()}`);\n\n    const {\n        value,\n        mode,\n        size = 'default', //同步button大小\n        onChange,\n        maxTagCount = 2,\n        maxTagTextLength = 5,\n        maxTagPlaceholder = '...',\n        showAll = true, //是否显示全部选项\n        selectStyle,\n        selectAll = true,\n        defaultBindBodyToPopupContainer = true,\n    } = props;\n\n    useLayoutEffect(() => {\n        mode === 'multiple' && setPopWidth(elRef.current.clientWidth);\n    }, [elRef.current?.clientWidth]);\n\n    const newChildren = props.children\n        ? Array.isArray(props.children)\n            ? props.children\n            : [props.children]\n        : [];\n\n    const getContent = () => (\n        <div className=\"vtx-all-list\">\n            {Array.isArray(value) && value.length ? (\n                value.map((item, index) => {\n                    let name = getChildren(newChildren, item);\n                    return (\n                        <Tag\n                            style={{ margin: '4px' }}\n                            key={index}\n                            closable\n                            onClose={e => {\n                                e.preventDefault();\n                                let valueClone = [...value];\n                                valueClone.splice(index, 1);\n                                let options = newChildren.filter(ite =>\n                                    valueClone.includes(ite.props.value),\n                                );\n                                onChange(valueClone, options);\n                            }}\n                        >\n                            <Tooltip title={name}>\n                                {name.length > maxTagTextLength\n                                    ? `${name.substring(0, maxTagTextLength)}...`\n                                    : name}\n                            </Tooltip>\n                        </Tag>\n                    );\n                })\n            ) : (\n                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n            )}\n        </div>\n    );\n\n    let newProps = {\n        showSearch: true,\n        optionFilterProp: 'children',\n        placeholder: '请选择',\n        ...props,\n    };\n\n    if (mode === 'multiple') {\n        newProps = {\n            ...newProps,\n            maxTagCount: maxTagCount,\n            maxTagTextLength: maxTagTextLength,\n            maxTagPlaceholder: maxTagPlaceholder,\n        };\n        if (selectAll) {\n            newProps = {\n                ...newProps,\n                dropdownRender: menu => {\n                    const valueLength = Array.isArray(value) && value.length ? value.length : 0;\n                    return (\n                        <div>\n                            <div\n                                className=\"vtx-multi-select-all\"\n                                onMouseDown={e => e.preventDefault()}\n                            >\n                                <Checkbox\n                                    indeterminate={valueLength && valueLength < newChildren.length}\n                                    checked={valueLength && valueLength === newChildren.length}\n                                    onChange={e => {\n                                        if (e.target.checked) {\n                                            const keys = newChildren.map(item => item.key);\n                                            onChange && onChange(keys, newChildren);\n                                        } else {\n                                            onChange && onChange([], []);\n                                        }\n                                    }}\n                                >\n                                    全选\n                                </Checkbox>\n                            </div>\n                            <Divider style={{ margin: '4px 0' }} />\n                            {menu}\n                        </div>\n                    );\n                },\n            };\n        }\n    }\n\n    return (\n        <div\n            className={classnames({\n                'vtx-select': mode !== 'multiple',\n                'vtx-multi-select': mode == 'multiple' || mode == 'tags',\n            })}\n            id={elId.current}\n            ref={elRef}\n            style={{\n                ...props.style,\n                paddingRight: (mode == 'multiple' || mode == 'tags') && showAll ? 32 : 0,\n            }}\n        >\n            <Select\n                ref={ref}\n                getPopupContainer={triggerNode => {\n                    return defaultBindBodyToPopupContainer ? document.body : triggerNode;\n                }}\n                {...newProps}\n                style={{ width: '100%', ...selectStyle }}\n            >\n                {props.children}\n            </Select>\n            {(mode == 'multiple' || mode == 'tags') && showAll ? (\n                <Popover\n                    content={getContent()}\n                    placement=\"bottomRight\"\n                    trigger=\"click\"\n                    overlayStyle={{ width: popWidth }}\n                >\n                    <Button className=\"vtx-select-count\" icon=\"more\" size={size} />\n                </Popover>\n            ) : null}\n        </div>\n    );\n});\n\nfunction getChildren(list = [], value) {\n    let name = '';\n    for (let i = 0; i < list.length; i++) {\n        if (list[i].key === value) {\n            name = list[i].props.children;\n            break;\n        }\n    }\n    return name;\n}\n\nVtxSelect.Option = Select.Option;\nVtxSelect.OptGroup = Select.OptGroup;\n\nVtxSelect.propTypes = {\n    value: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array,\n        PropTypes.number,\n        PropTypes.object,\n    ]),\n    mode: PropTypes.string,\n    size: PropTypes.string,\n    style: PropTypes.object,\n    selectStyle: PropTypes.object,\n    onChange: PropTypes.func,\n    defaultBindBodyToPopupContainer: PropTypes.bool,\n    maxTagCount: PropTypes.number,\n    maxTagTextLength: PropTypes.number,\n    maxTagPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n    showAll: PropTypes.bool,\n    children: PropTypes.node,\n    selectAll: PropTypes.bool,\n};\n\nexport default VtxSelect;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-select/index.jsx"],"names":["VtxSelect","props","ref","popWidth","setPopWidth","elRef","elId","Date","now","value","mode","size","onChange","maxTagCount","maxTagTextLength","maxTagPlaceholder","showAll","selectStyle","selectAll","defaultBindBodyToPopupContainer","current","clientWidth","newChildren","children","Array","isArray","getContent","length","map","item","index","name","getChildren","margin","e","preventDefault","valueClone","splice","options","filter","ite","includes","substring","Empty","PRESENTED_IMAGE_SIMPLE","newProps","showSearch","optionFilterProp","placeholder","allowClear","dropdownRender","menu","valueLength","target","checked","keys","key","style","paddingRight","triggerNode","document","body","width","list","i","Option","Select","OptGroup","propTypes","PropTypes","oneOfType","string","array","number","object","func","bool","node"],"mappings":"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","sourcesContent":["import React, { useState, useLayoutEffect, useRef, forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport Select from 'antd/es/select';\nimport Tag from 'antd/es/tag';\nimport Button from 'antd/es/button';\nimport Empty from 'antd/es/empty';\nimport Popover from 'antd/es/popover';\nimport Tooltip from 'antd/es/tooltip';\nimport Checkbox from 'antd/es/checkbox';\nimport Divider from 'antd/es/divider';\n\nconst VtxSelect = forwardRef((props, ref) => {\n    const [popWidth, setPopWidth] = useState(0);\n    const elRef = useRef();\n    const elId = useRef(`vtx-select-${Date.now()}`);\n\n    const {\n        value,\n        mode,\n        size = 'default', //同步button大小\n        onChange,\n        maxTagCount = 2,\n        maxTagTextLength = 5,\n        maxTagPlaceholder = '...',\n        showAll = true, //是否显示全部选项\n        selectStyle,\n        selectAll = true,\n        defaultBindBodyToPopupContainer = true,\n    } = props;\n\n    useLayoutEffect(() => {\n        mode === 'multiple' && setPopWidth(elRef.current.clientWidth);\n    }, [elRef.current?.clientWidth]);\n\n    const newChildren = props.children\n        ? Array.isArray(props.children)\n            ? props.children\n            : [props.children]\n        : [];\n\n    const getContent = () => (\n        <div className=\"vtx-all-list\">\n            {Array.isArray(value) && value.length ? (\n                value.map((item, index) => {\n                    let name = getChildren(newChildren, item);\n                    return (\n                        <Tag\n                            style={{ margin: '4px' }}\n                            key={index}\n                            closable\n                            onClose={e => {\n                                e.preventDefault();\n                                let valueClone = [...value];\n                                valueClone.splice(index, 1);\n                                let options = newChildren.filter(ite =>\n                                    valueClone.includes(ite.props.value),\n                                );\n                                onChange(valueClone, options);\n                            }}\n                        >\n                            <Tooltip title={name}>\n                                {name.length > maxTagTextLength\n                                    ? `${name.substring(0, maxTagTextLength)}...`\n                                    : name}\n                            </Tooltip>\n                        </Tag>\n                    );\n                })\n            ) : (\n                <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />\n            )}\n        </div>\n    );\n\n    let newProps = {\n        showSearch: true,\n        optionFilterProp: 'children',\n        placeholder: '请选择',\n        allowClear: true,\n        ...props,\n    };\n\n    if (mode === 'multiple') {\n        newProps = {\n            ...newProps,\n            maxTagCount: maxTagCount,\n            maxTagTextLength: maxTagTextLength,\n            maxTagPlaceholder: maxTagPlaceholder,\n        };\n        if (selectAll) {\n            newProps = {\n                ...newProps,\n                dropdownRender: menu => {\n                    const valueLength = Array.isArray(value) && value.length ? value.length : 0;\n                    return (\n                        <div>\n                            <div\n                                className=\"vtx-multi-select-all\"\n                                onMouseDown={e => e.preventDefault()}\n                            >\n                                <Checkbox\n                                    indeterminate={valueLength && valueLength < newChildren.length}\n                                    checked={valueLength && valueLength === newChildren.length}\n                                    onChange={e => {\n                                        if (e.target.checked) {\n                                            const keys = newChildren.map(item => item.key);\n                                            onChange && onChange(keys, newChildren);\n                                        } else {\n                                            onChange && onChange([], []);\n                                        }\n                                    }}\n                                >\n                                    全选\n                                </Checkbox>\n                            </div>\n                            <Divider style={{ margin: '4px 0' }} />\n                            {menu}\n                        </div>\n                    );\n                },\n            };\n        }\n    }\n\n    return (\n        <div\n            className={classnames({\n                'vtx-select': mode !== 'multiple',\n                'vtx-multi-select': mode == 'multiple' || mode == 'tags',\n            })}\n            id={elId.current}\n            ref={elRef}\n            style={{\n                ...props.style,\n                paddingRight: (mode == 'multiple' || mode == 'tags') && showAll ? 32 : 0,\n            }}\n        >\n            <Select\n                ref={ref}\n                getPopupContainer={triggerNode => {\n                    return defaultBindBodyToPopupContainer ? document.body : triggerNode;\n                }}\n                {...newProps}\n                style={{ width: '100%', ...selectStyle }}\n            >\n                {props.children}\n            </Select>\n            {(mode == 'multiple' || mode == 'tags') && showAll ? (\n                <Popover\n                    content={getContent()}\n                    placement=\"bottomRight\"\n                    trigger=\"click\"\n                    overlayStyle={{ width: popWidth }}\n                >\n                    <Button className=\"vtx-select-count\" icon=\"more\" size={size} />\n                </Popover>\n            ) : null}\n        </div>\n    );\n});\n\nfunction getChildren(list = [], value) {\n    let name = '';\n    for (let i = 0; i < list.length; i++) {\n        if (list[i].key === value) {\n            name = list[i].props.children;\n            break;\n        }\n    }\n    return name;\n}\n\nVtxSelect.Option = Select.Option;\nVtxSelect.OptGroup = Select.OptGroup;\n\nVtxSelect.propTypes = {\n    value: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.array,\n        PropTypes.number,\n        PropTypes.object,\n    ]),\n    mode: PropTypes.string,\n    size: PropTypes.string,\n    style: PropTypes.object,\n    selectStyle: PropTypes.object,\n    onChange: PropTypes.func,\n    defaultBindBodyToPopupContainer: PropTypes.bool,\n    maxTagCount: PropTypes.number,\n    maxTagTextLength: PropTypes.number,\n    maxTagPlaceholder: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n    showAll: PropTypes.bool,\n    children: PropTypes.node,\n    selectAll: PropTypes.bool,\n};\n\nexport default VtxSelect;\n"],"file":"index.js"}

package/lib/vtx-signature/index.js

@@ -0,0 +1,124 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _signature_pad = _interopRequireDefault(require("signature_pad"));
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _lodash = _interopRequireDefault(require("lodash.debounce"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var VtxSignature = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var canvasRef = (0, _react.useRef)();
+  var signaturePad = (0, _react.useRef)();
+  var dotSize = props.dotSize,
+      minWidth = props.minWidth,
+      maxWidth = props.maxWidth,
+      throttle = props.throttle,
+      minDistance = props.minDistance,
+      backgroundColor = props.backgroundColor,
+      penColor = props.penColor,
+      velocityFilterWeight = props.velocityFilterWeight,
+      onBegin = props.onBegin,
+      _onEnd = props.onEnd,
+      onChange = props.onChange;
+  (0, _react.useEffect)(function () {
+    signaturePad.current = new _signature_pad["default"](canvasRef.current, {
+      dotSize: dotSize,
+      minWidth: minWidth,
+      maxWidth: maxWidth,
+      throttle: throttle,
+      minDistance: minDistance,
+      backgroundColor: backgroundColor,
+      penColor: penColor,
+      velocityFilterWeight: velocityFilterWeight,
+      onBegin: onBegin,
+      onEnd: function onEnd() {
+        var dataUri = signaturePad.current.toDataURL();
+        var encodedImage = dataUri.split(',')[1];
+        onChange && onChange(encodedImage);
+        _onEnd && _onEnd();
+      }
+    });
+    resizeCanvas();
+    window.addEventListener('resize', (0, _lodash["default"])(resizeCanvas, 150));
+    return function () {
+      window.removeEventListener('resize', (0, _lodash["default"])(resizeCanvas, 150));
+    };
+  }, []);
+
+  function resizeCanvas() {
+    var ratio = Math.max(window.devicePixelRatio || 1, 1);
+    var canvas = canvasRef.current;
+
+    if (canvas) {
+      canvas.width = canvas.offsetWidth * ratio;
+      canvas.height = canvas.offsetHeight * ratio;
+      canvas.getContext('2d').scale(ratio, ratio);
+      clear();
+    }
+  } // 清空
+
+
+  var clear = function clear() {
+    signaturePad.current.clear();
+  }; // 撤销
+
+
+  var undo = function undo() {
+    var data = signaturePad.current.toData();
+
+    if (data) {
+      data.pop();
+      signaturePad.current.fromData(data);
+    }
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-signature",
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-signature--body"
+  }, /*#__PURE__*/_react["default"].createElement("canvas", {
+    ref: canvasRef
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-signature--footer"
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    size: "small",
+    onClick: clear
+  }, "\u6E05\u7A7A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    size: "small",
+    onClick: undo
+  }, "\u64A4\u9500")));
+});
+var _default = VtxSignature;
+exports["default"] = _default;
+VtxSignature.propTypes = {
+  dotSize: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].number]),
+  minWidth: _propTypes["default"].number,
+  maxWidth: _propTypes["default"].number,
+  throttle: _propTypes["default"].number,
+  minDistance: _propTypes["default"].number,
+  backgroundColor: _propTypes["default"].string,
+  penColor: _propTypes["default"].string,
+  velocityFilterWeight: _propTypes["default"].number,
+  onBegin: _propTypes["default"].func,
+  onEnd: _propTypes["default"].func,
+  onChange: _propTypes["default"].func
+};
+//# sourceMappingURL=index.js.map

package/lib/vtx-signature/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-signature/index.jsx"],"names":["VtxSignature","props","ref","canvasRef","signaturePad","dotSize","minWidth","maxWidth","throttle","minDistance","backgroundColor","penColor","velocityFilterWeight","onBegin","onEnd","onChange","current","SignaturePad","dataUri","toDataURL","encodedImage","split","resizeCanvas","window","addEventListener","removeEventListener","ratio","Math","max","devicePixelRatio","canvas","width","offsetWidth","height","offsetHeight","getContext","scale","clear","undo","data","toData","pop","fromData","propTypes","PropTypes","oneOfType","func","number","string"],"mappings":"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","sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport SignaturePad from 'signature_pad';\nimport Button from 'antd/es/button';\nimport debounce from 'lodash.debounce';\nimport PropTypes from 'prop-types';\n\nconst VtxSignature = forwardRef((props, ref) => {\n    const canvasRef = useRef();\n    const signaturePad = useRef();\n    const {\n        dotSize,\n        minWidth,\n        maxWidth,\n        throttle,\n        minDistance,\n        backgroundColor,\n        penColor,\n        velocityFilterWeight,\n        onBegin,\n        onEnd,\n        onChange,\n    } = props;\n\n    useEffect(() => {\n        signaturePad.current = new SignaturePad(canvasRef.current, {\n            dotSize,\n            minWidth,\n            maxWidth,\n            throttle,\n            minDistance,\n            backgroundColor,\n            penColor,\n            velocityFilterWeight,\n            onBegin,\n            onEnd() {\n                const dataUri = signaturePad.current.toDataURL();\n                const encodedImage = dataUri.split(',')[1];\n\n                onChange && onChange(encodedImage);\n                onEnd && onEnd();\n            },\n        });\n        resizeCanvas();\n        window.addEventListener('resize', debounce(resizeCanvas, 150));\n        return () => {\n            window.removeEventListener('resize', debounce(resizeCanvas, 150));\n        };\n    }, []);\n\n    function resizeCanvas() {\n        const ratio = Math.max(window.devicePixelRatio || 1, 1);\n        const canvas = canvasRef.current;\n        if (canvas) {\n            canvas.width = canvas.offsetWidth * ratio;\n            canvas.height = canvas.offsetHeight * ratio;\n            canvas.getContext('2d').scale(ratio, ratio);\n            clear();\n        }\n    }\n\n    // 清空\n    const clear = () => {\n        signaturePad.current.clear();\n    };\n\n    // 撤销\n    const undo = () => {\n        const data = signaturePad.current.toData();\n        if (data) {\n            data.pop();\n            signaturePad.current.fromData(data);\n        }\n    };\n\n    return (\n        <div className=\"vtx-signature\" ref={ref}>\n            <div className=\"vtx-signature--body\">\n                <canvas ref={canvasRef} />\n            </div>\n            <div className=\"vtx-signature--footer\">\n                <Button size=\"small\" onClick={clear}>\n                    清空\n                </Button>\n                <Button size=\"small\" onClick={undo}>\n                    撤销\n                </Button>\n            </div>\n        </div>\n    );\n});\n\nexport default VtxSignature;\n\nVtxSignature.propTypes = {\n    dotSize: PropTypes.oneOfType([PropTypes.func, PropTypes.number]),\n    minWidth: PropTypes.number,\n    maxWidth: PropTypes.number,\n    throttle: PropTypes.number,\n    minDistance: PropTypes.number,\n    backgroundColor: PropTypes.string,\n    penColor: PropTypes.string,\n    velocityFilterWeight: PropTypes.number,\n    onBegin: PropTypes.func,\n    onEnd: PropTypes.func,\n    onChange: PropTypes.func,\n};\n"],"file":"index.js"}

package/lib/vtx-signature/style/css.js

@@ -0,0 +1,8 @@
+"use strict";
+
+require("antd/es/button/style/css");
+
+require("antd/es/message/style/css");
+
+require("./index.css");
+//# sourceMappingURL=css.js.map

package/lib/vtx-signature/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-signature/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/es/button/style/css';\nimport 'antd/es/message/style/css';\nimport './index.less';\n"],"file":"css.js"}

package/lib/vtx-signature/style/index.css

@@ -0,0 +1,35 @@
+.vtx-signature {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  height: 300px;
+  padding: 16px;
+  background-color: #fff;
+  border: 1px solid #f4f4f4;
+  border-radius: 4px;
+}
+.vtx-signature--body {
+  position: relative;
+  height: 100%;
+  border: 2px dotted #c1c1c1;
+}
+.vtx-signature--body canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.vtx-signature--footer {
+  margin-top: 8px;
+  line-height: 1;
+}
+.vtx-signature--footer button + button {
+  margin-left: 8px;
+}

package/lib/vtx-signature/style/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+require("antd/es/button/style/css");
+
+require("antd/es/message/style/css");
+
+require("./index.less");
+//# sourceMappingURL=index.js.map

package/lib/vtx-signature/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-signature/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/es/button/style/css';\nimport 'antd/es/message/style/css';\nimport './index.less';\n"],"file":"index.js"}

package/lib/vtx-signature/style/index.less

@@ -0,0 +1,32 @@
+@prefix-cls: vtx-signature;
+
+.@{prefix-cls} {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 300px;
+    padding: 16px;
+    background-color: #fff;
+    border: 1px solid #f4f4f4;
+    border-radius: 4px;
+    &--body {
+        position: relative;
+        height: 100%;
+        border: 2px dotted #c1c1c1;
+        canvas {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: 4px;
+        }
+    }
+    &--footer {
+        margin-top: 8px;
+        line-height: 1;
+        button + button {
+            margin-left: 8px;
+        }
+    }
+}

package/lib/vtx-split-pane/SplitPane.js

@@ -110,6 +110,7 @@ function VtxSplitPane(props) {
       document.removeEventListener('mouseup', onMouseUp);
       document.removeEventListener('mousemove', onMouseMove);
       document.removeEventListener('touchmove', onTouchMove);
+      window.onresize = '';
     };
   }, [primary]);
   (0, _react.useLayoutEffect)(function () {