@vtx/components 2.5.4 → 3.0.0-2

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

@@ -1,20 +1,20 @@
 "use strict";
 
-require("antd/es/select/style/css");
+require("antd/lib/select/style/css");
 
-require("antd/es/tag/style/css");
+require("antd/lib/tag/style/css");
 
-require("antd/es/button/style/css");
+require("antd/lib/button/style/css");
 
-require("antd/es/empty/style/css");
+require("antd/lib/empty/style/css");
 
-require("antd/es/popover/style/css");
+require("antd/lib/popover/style/css");
 
-require("antd/es/tooltip/style/css");
+require("antd/lib/tooltip/style/css");
 
-require("antd/es/checkbox/style/css");
+require("antd/lib/checkbox/style/css");
 
-require("antd/es/divider/style/css");
+require("antd/lib/divider/style/css");
 
 require("./index.css");
 //# sourceMappingURL=css.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-select/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/select/style/css';\nimport 'antd/es/tag/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"css.js"}
+{"version":3,"sources":["vtx-select/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/select/style';\nimport 'antd/lib/tag/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/empty/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/checkbox/style';\nimport 'antd/lib/divider/style';\nimport './index.less';\n"],"file":"css.js"}

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

@@ -16,7 +16,7 @@
   width: 100%;
   padding: 5px;
   background-color: #fff;
-  border-radius: 4px;
+  border-radius: 2px;
   -webkit-box-shadow: 0 2px 8px #d9d9d9;
           box-shadow: 0 2px 8px #d9d9d9;
 }
@@ -46,7 +46,7 @@
   width: 100%;
   padding: 5px;
   background-color: #fff;
-  border-radius: 4px;
+  border-radius: 2px;
   -webkit-box-shadow: 0 2px 8px #d9d9d9;
           box-shadow: 0 2px 8px #d9d9d9;
 }

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

@@ -1,20 +1,20 @@
 "use strict";
 
-require("antd/es/select/style/css");
+require("antd/lib/select/style");
 
-require("antd/es/tag/style/css");
+require("antd/lib/tag/style");
 
-require("antd/es/button/style/css");
+require("antd/lib/button/style");
 
-require("antd/es/empty/style/css");
+require("antd/lib/empty/style");
 
-require("antd/es/popover/style/css");
+require("antd/lib/popover/style");
 
-require("antd/es/tooltip/style/css");
+require("antd/lib/tooltip/style");
 
-require("antd/es/checkbox/style/css");
+require("antd/lib/checkbox/style");
 
-require("antd/es/divider/style/css");
+require("antd/lib/divider/style");
 
 require("./index.less");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-select/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/es/select/style/css';\nimport 'antd/es/tag/style/css';\nimport 'antd/es/button/style/css';\nimport 'antd/es/empty/style/css';\nimport 'antd/es/popover/style/css';\nimport 'antd/es/tooltip/style/css';\nimport 'antd/es/checkbox/style/css';\nimport 'antd/es/divider/style/css';\nimport './index.less';\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-select/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import 'antd/lib/select/style';\nimport 'antd/lib/tag/style';\nimport 'antd/lib/button/style';\nimport 'antd/lib/empty/style';\nimport 'antd/lib/popover/style';\nimport 'antd/lib/tooltip/style';\nimport 'antd/lib/checkbox/style';\nimport 'antd/lib/divider/style';\nimport './index.less';\n"],"file":"index.js"}

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

@@ -1,3 +1,5 @@
+@import (reference) '~antd/lib/style/themes/index.less';
+
 .vtx-select {
     position: relative;
     display: inline-block;
@@ -13,8 +15,8 @@
         box-sizing: border-box;
         width: 100%;
         padding: 5px;
-        background-color: #fff;
-        border-radius: 4px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
         box-shadow: 0 2px 8px #d9d9d9;
     }
     .ant-select-selection--multiple {
@@ -42,8 +44,8 @@
         box-sizing: border-box;
         width: 100%;
         padding: 5px;
-        background-color: #fff;
-        border-radius: 4px;
+        background-color: @component-background;
+        border-radius: @border-radius-base;
         box-shadow: 0 2px 8px #d9d9d9;
     }
     .ant-select-selection {

package/lib/vtx-signature/index.js

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _signature_pad = _interopRequireDefault(require("signature_pad"));
 
-var _button = _interopRequireDefault(require("antd/es/button"));
+var _button = _interopRequireDefault(require("antd/lib/button"));
 
 var _lodash = _interopRequireDefault(require("lodash.debounce"));
 
@@ -19,9 +19,9 @@ 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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)();

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

@@ -1 +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"}
+{"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":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,YAAY,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAC5C,MAAMC,SAAS,GAAG,oBAAlB;AACA,MAAMC,YAAY,GAAG,oBAArB;AACA,MACIC,OADJ,GAYIJ,KAZJ,CACII,OADJ;AAAA,MAEIC,QAFJ,GAYIL,KAZJ,CAEIK,QAFJ;AAAA,MAGIC,QAHJ,GAYIN,KAZJ,CAGIM,QAHJ;AAAA,MAIIC,QAJJ,GAYIP,KAZJ,CAIIO,QAJJ;AAAA,MAKIC,WALJ,GAYIR,KAZJ,CAKIQ,WALJ;AAAA,MAMIC,eANJ,GAYIT,KAZJ,CAMIS,eANJ;AAAA,MAOIC,QAPJ,GAYIV,KAZJ,CAOIU,QAPJ;AAAA,MAQIC,oBARJ,GAYIX,KAZJ,CAQIW,oBARJ;AAAA,MASIC,OATJ,GAYIZ,KAZJ,CASIY,OATJ;AAAA,MAUIC,MAVJ,GAYIb,KAZJ,CAUIa,KAVJ;AAAA,MAWIC,QAXJ,GAYId,KAZJ,CAWIc,QAXJ;AAcA,wBAAU,YAAM;AACZX,IAAAA,YAAY,CAACY,OAAb,GAAuB,IAAIC,yBAAJ,CAAiBd,SAAS,CAACa,OAA3B,EAAoC;AACvDX,MAAAA,OAAO,EAAPA,OADuD;AAEvDC,MAAAA,QAAQ,EAARA,QAFuD;AAGvDC,MAAAA,QAAQ,EAARA,QAHuD;AAIvDC,MAAAA,QAAQ,EAARA,QAJuD;AAKvDC,MAAAA,WAAW,EAAXA,WALuD;AAMvDC,MAAAA,eAAe,EAAfA,eANuD;AAOvDC,MAAAA,QAAQ,EAARA,QAPuD;AAQvDC,MAAAA,oBAAoB,EAApBA,oBARuD;AASvDC,MAAAA,OAAO,EAAPA,OATuD;AAUvDC,MAAAA,KAVuD,mBAU/C;AACJ,YAAMI,OAAO,GAAGd,YAAY,CAACY,OAAb,CAAqBG,SAArB,EAAhB;AACA,YAAMC,YAAY,GAAGF,OAAO,CAACG,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAArB;AAEAN,QAAAA,QAAQ,IAAIA,QAAQ,CAACK,YAAD,CAApB;AACAN,QAAAA,MAAK,IAAIA,MAAK,EAAd;AACH;AAhBsD,KAApC,CAAvB;AAkBAQ,IAAAA,YAAY;AACZC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,wBAASF,YAAT,EAAuB,GAAvB,CAAlC;AACA,WAAO,YAAM;AACTC,MAAAA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqC,wBAASH,YAAT,EAAuB,GAAvB,CAArC;AACH,KAFD;AAGH,GAxBD,EAwBG,EAxBH;;AA0BA,WAASA,YAAT,GAAwB;AACpB,QAAMI,KAAK,GAAGC,IAAI,CAACC,GAAL,CAASL,MAAM,CAACM,gBAAP,IAA2B,CAApC,EAAuC,CAAvC,CAAd;AACA,QAAMC,MAAM,GAAG3B,SAAS,CAACa,OAAzB;;AACA,QAAIc,MAAJ,EAAY;AACRA,MAAAA,MAAM,CAACC,KAAP,GAAeD,MAAM,CAACE,WAAP,GAAqBN,KAApC;AACAI,MAAAA,MAAM,CAACG,MAAP,GAAgBH,MAAM,CAACI,YAAP,GAAsBR,KAAtC;AACAI,MAAAA,MAAM,CAACK,UAAP,CAAkB,IAAlB,EAAwBC,KAAxB,CAA8BV,KAA9B,EAAqCA,KAArC;AACAW,MAAAA,KAAK;AACR;AACJ,GApD2C,CAsD5C;;;AACA,MAAMA,KAAK,GAAG,SAARA,KAAQ,GAAM;AAChBjC,IAAAA,YAAY,CAACY,OAAb,CAAqBqB,KAArB;AACH,GAFD,CAvD4C,CA2D5C;;;AACA,MAAMC,IAAI,GAAG,SAAPA,IAAO,GAAM;AACf,QAAMC,IAAI,GAAGnC,YAAY,CAACY,OAAb,CAAqBwB,MAArB,EAAb;;AACA,QAAID,IAAJ,EAAU;AACNA,MAAAA,IAAI,CAACE,GAAL;AACArC,MAAAA,YAAY,CAACY,OAAb,CAAqB0B,QAArB,CAA8BH,IAA9B;AACH;AACJ,GAND;;AAQA,sBACI;AAAK,IAAA,SAAS,EAAC,eAAf;AAA+B,IAAA,GAAG,EAAErC;AAApC,kBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAQ,IAAA,GAAG,EAAEC;AAAb,IADJ,CADJ,eAII;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,OAAO,EAAEkC;AAA9B,oBADJ,eAII,gCAAC,kBAAD;AAAQ,IAAA,IAAI,EAAC,OAAb;AAAqB,IAAA,OAAO,EAAEC;AAA9B,oBAJJ,CAJJ,CADJ;AAeH,CAnFoB,CAArB;eAqFetC,Y;;AAEfA,YAAY,CAAC2C,SAAb,GAAyB;AACrBtC,EAAAA,OAAO,EAAEuC,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,IAAX,EAAiBF,sBAAUG,MAA3B,CAApB,CADY;AAErBzC,EAAAA,QAAQ,EAAEsC,sBAAUG,MAFC;AAGrBxC,EAAAA,QAAQ,EAAEqC,sBAAUG,MAHC;AAIrBvC,EAAAA,QAAQ,EAAEoC,sBAAUG,MAJC;AAKrBtC,EAAAA,WAAW,EAAEmC,sBAAUG,MALF;AAMrBrC,EAAAA,eAAe,EAAEkC,sBAAUI,MANN;AAOrBrC,EAAAA,QAAQ,EAAEiC,sBAAUI,MAPC;AAQrBpC,EAAAA,oBAAoB,EAAEgC,sBAAUG,MARX;AASrBlC,EAAAA,OAAO,EAAE+B,sBAAUE,IATE;AAUrBhC,EAAAA,KAAK,EAAE8B,sBAAUE,IAVI;AAWrB/B,EAAAA,QAAQ,EAAE6B,sBAAUE;AAXC,CAAzB","sourcesContent":["import React, { forwardRef, useRef, useEffect } from 'react';\nimport SignaturePad from 'signature_pad';\nimport Button from 'antd/lib/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

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

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

@@ -1 +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"}
+{"version":3,"sources":["vtx-signature/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"file":"css.js"}

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

@@ -10,13 +10,13 @@
   height: 300px;
   padding: 16px;
   background-color: #fff;
-  border: 1px solid #f4f4f4;
-  border-radius: 4px;
+  border: 1px solid #f0f0f0;
+  border-radius: 2px;
 }
 .vtx-signature--body {
   position: relative;
   height: 100%;
-  border: 2px dotted #c1c1c1;
+  border: 1px dotted #c1c1c1;
 }
 .vtx-signature--body canvas {
   position: absolute;
@@ -24,7 +24,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .vtx-signature--footer {
   margin-top: 8px;

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

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

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

@@ -1 +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"}
+{"version":3,"sources":["vtx-signature/style/index.js"],"names":[],"mappings":";;AAAA;;AACA;;AACA","sourcesContent":["import 'antd/lib/button/style';\nimport 'antd/lib/message/style';\nimport './index.less';\n"],"file":"index.js"}

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

@@ -1,3 +1,4 @@
+@import (reference) '~antd/lib/style/themes/index.less';
 @prefix-cls: vtx-signature;
 
 .@{prefix-cls} {
@@ -6,20 +7,20 @@
     flex-direction: column;
     height: 300px;
     padding: 16px;
-    background-color: #fff;
-    border: 1px solid #f4f4f4;
-    border-radius: 4px;
+    background-color: @component-background;
+    border: 1px solid @border-color-split;
+    border-radius: @border-radius-base;
     &--body {
         position: relative;
         height: 100%;
-        border: 2px dotted #c1c1c1;
+        border: 1px dotted #c1c1c1;
         canvas {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
-            border-radius: 4px;
+            border-radius: @border-radius-base;
         }
     }
     &--footer {

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,13 +13,13 @@ 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 

package/lib/vtx-split-pane/Pane.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-split-pane/Pane.jsx"],"names":["Pane","props","ref","children","size","dragging","style","width","transition","propTypes","PropTypes","node","isRequired","oneOfType","string","number","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC5BC,QAD4B,GACCF,KADD,CAC5BE,QAD4B;AAAA,MAClBC,IADkB,GACCH,KADD,CAClBG,IADkB;AAAA,MACZC,QADY,GACCJ,KADD,CACZI,QADY;AAEpC,MAAIC,KAAK,GAAG;AAAEC,IAAAA,KAAK,EAAEH;AAAT,GAAZ;;AACA,MAAI,CAACC,QAAL,EAAe;AACXC,IAAAA,KAAK,mCACEA,KADF;AAEDE,MAAAA,UAAU,EAAE;AAFX,MAAL;AAIH;;AACD,sBACI;AAAK,IAAA,SAAS,EAAE,qBAAhB;AAAuC,IAAA,KAAK,EAAEF,KAA9C;AAAqD,IAAA,GAAG,EAAEJ;AAA1D,KACKC,QADL,CADJ;AAKH,CAdY,CAAb;AAgBAH,IAAI,CAACS,SAAL,GAAiB;AACbN,EAAAA,QAAQ,EAAEO,sBAAUC,IAAV,CAAeC,UADZ;AAEbR,EAAAA,IAAI,EAAEM,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,MAAX,EAAmBJ,sBAAUK,MAA7B,CAApB,CAFO;AAGbV,EAAAA,QAAQ,EAAEK,sBAAUM;AAHP,CAAjB;AAMAhB,IAAI,CAACiB,YAAL,GAAoB,EAApB;eAEejB,I","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Pane = forwardRef((props, ref) => {\n    const { children, size, dragging } = props;\n    let style = { width: size };\n    if (!dragging) {\n        style = {\n            ...style,\n            transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s',\n        };\n    }\n    return (\n        <div className={'vtx-split-pane-item'} style={style} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nPane.propTypes = {\n    children: PropTypes.node.isRequired,\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    dragging: PropTypes.bool,\n};\n\nPane.defaultProps = {};\n\nexport default Pane;\n"],"file":"Pane.js"}
+{"version":3,"sources":["vtx-split-pane/Pane.jsx"],"names":["Pane","props","ref","children","size","dragging","style","width","transition","propTypes","PropTypes","node","isRequired","oneOfType","string","number","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AACpC,MAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;AAAA,MAAkBC,IAAlB,GAAqCH,KAArC,CAAkBG,IAAlB;AAAA,MAAwBC,QAAxB,GAAqCJ,KAArC,CAAwBI,QAAxB;AACA,MAAIC,KAAK,GAAG;AAAEC,IAAAA,KAAK,EAAEH;AAAT,GAAZ;;AACA,MAAI,CAACC,QAAL,EAAe;AACXC,IAAAA,KAAK,mCACEA,KADF;AAEDE,MAAAA,UAAU,EAAE;AAFX,MAAL;AAIH;;AACD,sBACI;AAAK,IAAA,SAAS,EAAE,qBAAhB;AAAuC,IAAA,KAAK,EAAEF,KAA9C;AAAqD,IAAA,GAAG,EAAEJ;AAA1D,KACKC,QADL,CADJ;AAKH,CAdY,CAAb;AAgBAH,IAAI,CAACS,SAAL,GAAiB;AACbN,EAAAA,QAAQ,EAAEO,sBAAUC,IAAV,CAAeC,UADZ;AAEbR,EAAAA,IAAI,EAAEM,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,MAAX,EAAmBJ,sBAAUK,MAA7B,CAApB,CAFO;AAGbV,EAAAA,QAAQ,EAAEK,sBAAUM;AAHP,CAAjB;AAMAhB,IAAI,CAACiB,YAAL,GAAoB,EAApB;eAEejB,I","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Pane = forwardRef((props, ref) => {\n    const { children, size, dragging } = props;\n    let style = { width: size };\n    if (!dragging) {\n        style = {\n            ...style,\n            transition: 'width 200ms cubic-bezier(0.1, 0, 0, 1) 0s',\n        };\n    }\n    return (\n        <div className={'vtx-split-pane-item'} style={style} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nPane.propTypes = {\n    children: PropTypes.node.isRequired,\n    size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    dragging: PropTypes.bool,\n};\n\nPane.defaultProps = {};\n\nexport default Pane;\n"],"file":"Pane.js"}

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -15,15 +15,15 @@ var _classnames2 = _interopRequireDefault(require("classnames"));
 
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -40,9 +40,9 @@ var Resizer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       children = props.children,
       primary = props.primary,
       primaryShow = props.primaryShow;
+  var events = {};
 
-  var events = {},
-      newStyle = _objectSpread({}, style);
+  var newStyle = _objectSpread({}, style);
 
   if (primaryShow) {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {

package/lib/vtx-split-pane/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-split-pane/Resizer.jsx"],"names":["Resizer","props","ref","className","onClick","onDoubleClick","onMouseDown","onTouchEnd","onTouchStart","style","children","primary","primaryShow","events","newStyle","cursor","event","preventDefault","propTypes","PropTypes","string","isRequired","func","object","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Resizer = forwardRef((props, ref) => {\n    const {\n        className,\n        onClick,\n        onDoubleClick,\n        onMouseDown,\n        onTouchEnd,\n        onTouchStart,\n        style,\n        children,\n        primary,\n        primaryShow,\n    } = props;\n\n    let events = {},\n        newStyle = { ...style };\n    if (primaryShow) {\n        newStyle = { ...newStyle, cursor: 'col-resize' };\n        events = {\n            onMouseDown: event => onMouseDown(event),\n            onTouchStart: event => {\n                event.preventDefault();\n                onTouchStart(event);\n            },\n            onTouchEnd: event => {\n                event.preventDefault();\n                onTouchEnd(event);\n            },\n        };\n    } else {\n        newStyle = { ...newStyle, cursor: 'pointer' };\n    }\n\n    return (\n        <span\n            ref={ref}\n            role=\"presentation\"\n            className={classnames(\n                'vtx-split-pane-resizer',\n                {\n                    ['vtx-split-pane-resizer-left']: primary === 'first',\n                    ['vtx-split-pane-resizer-right']: primary === 'second',\n                },\n                className,\n            )}\n            style={newStyle}\n            onClick={event => {\n                if (onClick) {\n                    event.preventDefault();\n                    onClick(event);\n                }\n            }}\n            onDoubleClick={event => {\n                if (onDoubleClick) {\n                    event.preventDefault();\n                    onDoubleClick(event);\n                }\n            }}\n            {...events}\n        >\n            {children}\n        </span>\n    );\n});\n\nResizer.propTypes = {\n    className: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n    onMouseDown: PropTypes.func.isRequired,\n    onTouchStart: PropTypes.func.isRequired,\n    onTouchEnd: PropTypes.func.isRequired,\n    style: PropTypes.object,\n    children: PropTypes.node,\n    primary: PropTypes.string,\n    primaryShow: PropTypes.bool,\n};\n\nResizer.defaultProps = {};\n\nexport default Resizer;\n"],"file":"Resizer.js"}
+{"version":3,"sources":["vtx-split-pane/Resizer.jsx"],"names":["Resizer","props","ref","className","onClick","onDoubleClick","onMouseDown","onTouchEnd","onTouchStart","style","children","primary","primaryShow","events","newStyle","cursor","event","preventDefault","propTypes","PropTypes","string","isRequired","func","object","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Resizer = forwardRef((props, ref) => {\n    const {\n        className,\n        onClick,\n        onDoubleClick,\n        onMouseDown,\n        onTouchEnd,\n        onTouchStart,\n        style,\n        children,\n        primary,\n        primaryShow,\n    } = props;\n\n    let events = {};\n    let newStyle = { ...style };\n    if (primaryShow) {\n        newStyle = { ...newStyle, cursor: 'col-resize' };\n        events = {\n            onMouseDown: event => onMouseDown(event),\n            onTouchStart: event => {\n                event.preventDefault();\n                onTouchStart(event);\n            },\n            onTouchEnd: event => {\n                event.preventDefault();\n                onTouchEnd(event);\n            },\n        };\n    } else {\n        newStyle = { ...newStyle, cursor: 'pointer' };\n    }\n\n    return (\n        <span\n            ref={ref}\n            role=\"presentation\"\n            className={classnames(\n                'vtx-split-pane-resizer',\n                {\n                    ['vtx-split-pane-resizer-left']: primary === 'first',\n                    ['vtx-split-pane-resizer-right']: primary === 'second',\n                },\n                className,\n            )}\n            style={newStyle}\n            onClick={event => {\n                if (onClick) {\n                    event.preventDefault();\n                    onClick(event);\n                }\n            }}\n            onDoubleClick={event => {\n                if (onDoubleClick) {\n                    event.preventDefault();\n                    onDoubleClick(event);\n                }\n            }}\n            {...events}\n        >\n            {children}\n        </span>\n    );\n});\n\nResizer.propTypes = {\n    className: PropTypes.string.isRequired,\n    onClick: PropTypes.func,\n    onDoubleClick: PropTypes.func,\n    onMouseDown: PropTypes.func.isRequired,\n    onTouchStart: PropTypes.func.isRequired,\n    onTouchEnd: PropTypes.func.isRequired,\n    style: PropTypes.object,\n    children: PropTypes.node,\n    primary: PropTypes.string,\n    primaryShow: PropTypes.bool,\n};\n\nResizer.defaultProps = {};\n\nexport default Resizer;\n"],"file":"Resizer.js"}

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

@@ -1,6 +1,6 @@
 "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); }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -13,9 +13,15 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _button = _interopRequireDefault(require("antd/es/button"));
+var _button = _interopRequireDefault(require("antd/lib/button"));
 
-var _tooltip = _interopRequireDefault(require("antd/es/tooltip"));
+var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
+
+var _LeftOutlined = _interopRequireDefault(require("@ant-design/icons/LeftOutlined"));
+
+var _RightOutlined = _interopRequireDefault(require("@ant-design/icons/RightOutlined"));
+
+var _SwapOutlined = _interopRequireDefault(require("@ant-design/icons/SwapOutlined"));
 
 var _Pane = _interopRequireDefault(require("./Pane"));
 
@@ -23,9 +29,9 @@ var _Resizer = _interopRequireDefault(require("./Resizer"));
 
 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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-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; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -35,7 +41,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
@@ -75,14 +81,14 @@ function VtxSplitPane(props) {
       defaultSize = props.defaultSize,
       minSize = props.minSize,
       maxSize = props.maxSize;
-  var active = (0, _react.useRef)(false),
-      position = (0, _react.useRef)(),
-      draggedSize = (0, _react.useRef)(),
-      resized = (0, _react.useRef)(false);
-  var splitPane = (0, _react.useRef)(),
-      pane1 = (0, _react.useRef)(),
-      pane2 = (0, _react.useRef)(),
-      resizerRef = (0, _react.useRef)();
+  var active = (0, _react.useRef)(false);
+  var position = (0, _react.useRef)();
+  var draggedSize = (0, _react.useRef)();
+  var resized = (0, _react.useRef)(false);
+  var splitPane = (0, _react.useRef)();
+  var pane1 = (0, _react.useRef)();
+  var pane2 = (0, _react.useRef)();
+  var resizerRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)({
     pane1: 0,
@@ -115,8 +121,8 @@ function VtxSplitPane(props) {
   }, [primary]);
   (0, _react.useLayoutEffect)(function () {
     var initialSize = size !== undefined ? size : getDefaultSize(defaultSize, minSize, maxSize, null);
-    var splitPaneWidth = splitPane.current.clientWidth,
-        resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
+    var splitPaneWidth = splitPane.current.clientWidth;
+    var resizerWidth = resizerRef.current.offsetWidth + 1; // +1避免因为小数问题
 
     setPaneSize({
       pane1: primary === 'first' ? initialSize : splitPaneWidth - initialSize - resizerWidth,
@@ -128,8 +134,8 @@ function VtxSplitPane(props) {
    */
 
   window.onresize = function () {
-    var splitPaneWidth = splitPane.current.clientWidth,
-        resizerWidth = resizerRef.current.offsetWidth + 1;
+    var splitPaneWidth = splitPane.current.clientWidth;
+    var resizerWidth = resizerRef.current.offsetWidth + 1;
     setPaneSize({
       pane1: primary === 'first' ? paneSize.pane1 : splitPaneWidth - resizerWidth - paneSize.pane2,
       pane2: primary === 'first' ? splitPaneWidth - resizerWidth - paneSize.pane1 : paneSize.pane2
@@ -234,8 +240,8 @@ function VtxSplitPane(props) {
 
           if (onChange) onChange(newSize);
           draggedSize.current = newSize;
-          var splitPaneWidth = splitPane.current.clientWidth,
-              resizerWidth = resizerRef.current.offsetWidth + 1;
+          var splitPaneWidth = splitPane.current.clientWidth;
+          var resizerWidth = resizerRef.current.offsetWidth + 1;
           setPaneSize({
             pane1: isPrimaryFirst ? newSize : splitPaneWidth - newSize - resizerWidth,
             pane2: isPrimaryFirst ? splitPaneWidth - newSize - resizerWidth : newSize
@@ -318,14 +324,14 @@ function VtxSplitPane(props) {
     },
     shape: "circle",
     size: "small",
-    icon: primary === 'first' ? primaryShow ? 'left' : 'right' : primaryShow ? 'right' : 'left',
+    icon: primary === 'first' ? primaryShow ? /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null) : primaryShow ? /*#__PURE__*/_react["default"].createElement(_RightOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_LeftOutlined["default"], null),
     onClick: function onClick() {
       setPrimaryShow(!primaryShow);
     }
   })), showSwitch && /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: "vtx-split-pane-resizer-switch",
     shape: "circle",
-    icon: "swap",
+    icon: /*#__PURE__*/_react["default"].createElement(_SwapOutlined["default"], null),
     style: primary === 'first' ? {
       left: 0
     } : {