@vtx/components 2.4.2 → 2.5.0

package/lib/vtx-input/index.js

@@ -29,6 +29,8 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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 _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 _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; }
@@ -45,11 +47,13 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       maxLength = _props$maxLength === void 0 ? 32 : _props$maxLength,
       _props$specialCharact = props.specialCharactersFilter,
       specialCharactersFilter = _props$specialCharact === void 0 ? true : _props$specialCharact,
+      _props$trim = props.trim,
+      trim = _props$trim === void 0 ? true : _props$trim,
       onChange = props.onChange,
       _onBlur = props.onBlur,
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
-      rest = _objectWithoutProperties(props, ["showCount", "maxLength", "specialCharactersFilter", "onChange", "onBlur", "placeholder"]);
+      rest = _objectWithoutProperties(props, ["showCount", "maxLength", "specialCharactersFilter", "trim", "onChange", "onBlur", "placeholder"]);
 
   var len = (0, _useLength["default"])(props.value, {
     showCount: showCount
@@ -63,6 +67,10 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var value = e.target.value;
       var $e = e;
 
+      if (trim) {
+        value = value.trim();
+      }
+
       if (specialCharactersFilter && value) {
         $e = (0, _lodash["default"])(e);
         $e.target.value = (0, _filterSpecialCharacters["default"])(value, (0, _getComponentProps["default"])(specialCharactersFilter));
@@ -77,7 +85,9 @@ var VtxInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   showCount && 'value' in props && (newProps = _objectSpread({
     suffix: "".concat(len, "/").concat(maxLength)
   }, newProps));
-  return /*#__PURE__*/_react["default"].createElement(_input["default"], newProps);
+  return /*#__PURE__*/_react["default"].createElement(_input["default"], _extends({}, newProps, {
+    autoComplete: "off"
+  }));
 });
 VtxInput.propTypes = {
   maxLength: _propTypes["default"].number,
@@ -86,6 +96,7 @@ VtxInput.propTypes = {
   onChange: _propTypes["default"].func,
   onBlur: _propTypes["default"].func,
   placeholder: _propTypes["default"].string,
+  trim: _propTypes["default"].bool,
   specialCharactersFilter: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].object])
 };
 VtxInput.Search = _input["default"].Search;

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAEpCC,SAFoC,GASpCF,KAToC,CAEpCE,SAFoC;AAAA,yBASpCF,KAToC,CAGpCG,SAHoC;AAAA,MAGpCA,SAHoC,iCAGxB,EAHwB;AAAA,8BASpCH,KAToC,CAIpCI,uBAJoC;AAAA,MAIpCA,uBAJoC,sCAIV,IAJU;AAAA,MAKpCC,QALoC,GASpCL,KAToC,CAKpCK,QALoC;AAAA,MAMpCC,OANoC,GASpCN,KAToC,CAMpCM,MANoC;AAAA,2BASpCN,KAToC,CAOpCO,WAPoC;AAAA,MAOpCA,WAPoC,mCAOtB,KAPsB;AAAA,MAQjCC,IARiC,4BASpCR,KAToC;;AAWxC,MAAMS,GAAG,GAAG,2BAAUT,KAAK,CAACU,KAAhB,EAAuB;AAAER,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIS,QAAQ;AACRV,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRI,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAMF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAAvB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,uBAAuB,IAAIM,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBN,uBAAlB,CAFc,CAAlB;AAIAC,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAhBO;AAiBRT,IAAAA,QAAQ,EAARA;AAjBQ,KAkBLG,IAlBK,CAAZ;;AAqBAN,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKW,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYN,SAAZ;AADD,KAEFQ,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,EAAWA,QAAX,CAAP;AACH,CA1CgB,CAAjB;AA4CAZ,QAAQ,CAACiB,SAAT,GAAqB;AACjBb,EAAAA,SAAS,EAAEc,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBjB,EAAAA,SAAS,EAAEe,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,uBAAuB,EAAEa,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AAPR,CAArB;AAUAxB,QAAQ,CAACyB,MAAT,GAAkBC,kBAAMD,MAAxB;AACAzB,QAAQ,CAAC2B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA3B,QAAQ,CAAC4B,QAAT,GAAoBF,kBAAME,QAA1B;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBA,oBAApB;eAEe7B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            const value = e.target.value;\n            let $e = e;\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-input/index.jsx"],"names":["VtxInput","props","ref","showCount","maxLength","specialCharactersFilter","trim","onChange","onBlur","placeholder","rest","len","value","newProps","e","target","$e","suffix","propTypes","PropTypes","number","string","bool","func","oneOfType","object","Search","Input","Group","Password","TextArea"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,QAAQ,gBAAG,uBAAW,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAEpCC,SAFoC,GAUpCF,KAVoC,CAEpCE,SAFoC;AAAA,yBAUpCF,KAVoC,CAGpCG,SAHoC;AAAA,MAGpCA,SAHoC,iCAGxB,EAHwB;AAAA,8BAUpCH,KAVoC,CAIpCI,uBAJoC;AAAA,MAIpCA,uBAJoC,sCAIV,IAJU;AAAA,oBAUpCJ,KAVoC,CAKpCK,IALoC;AAAA,MAKpCA,IALoC,4BAK7B,IAL6B;AAAA,MAMpCC,QANoC,GAUpCN,KAVoC,CAMpCM,QANoC;AAAA,MAOpCC,OAPoC,GAUpCP,KAVoC,CAOpCO,MAPoC;AAAA,2BAUpCP,KAVoC,CAQpCQ,WARoC;AAAA,MAQpCA,WARoC,mCAQtB,KARsB;AAAA,MASjCC,IATiC,4BAUpCT,KAVoC;;AAYxC,MAAMU,GAAG,GAAG,2BAAUV,KAAK,CAACW,KAAhB,EAAuB;AAAET,IAAAA,SAAS,EAATA;AAAF,GAAvB,CAAZ;;AAEA,MAAIU,QAAQ;AACRX,IAAAA,GAAG,EAAHA,GADQ;AAERE,IAAAA,SAAS,EAATA,SAFQ;AAGRK,IAAAA,WAAW,EAAXA,WAHQ;AAIRD,IAAAA,MAJQ,kBAIDM,CAJC,EAIE;AACN,UAAIF,KAAK,GAAGE,CAAC,CAACC,MAAF,CAASH,KAArB;AACA,UAAII,EAAE,GAAGF,CAAT;;AACA,UAAIR,IAAJ,EAAU;AACNM,QAAAA,KAAK,GAAGA,KAAK,CAACN,IAAN,EAAR;AACH;;AACD,UAAID,uBAAuB,IAAIO,KAA/B,EAAsC;AAClCI,QAAAA,EAAE,GAAG,wBAAUF,CAAV,CAAL;AACAE,QAAAA,EAAE,CAACD,MAAH,CAAUH,KAAV,GAAkB,yCACdA,KADc,EAEd,mCAAkBP,uBAAlB,CAFc,CAAlB;AAIAE,QAAAA,QAAQ,IAAIA,QAAQ,CAACS,EAAD,CAApB;AACH;;AACDR,MAAAA,OAAM,IAAIA,OAAM,CAACQ,EAAD,CAAhB;AACH,KAnBO;AAoBRT,IAAAA,QAAQ,EAARA;AApBQ,KAqBLG,IArBK,CAAZ;;AAwBAP,EAAAA,SAAS,IACL,WAAWF,KADf,KAEKY,QAAQ;AACLI,IAAAA,MAAM,YAAKN,GAAL,cAAYP,SAAZ;AADD,KAEFS,QAFE,CAFb;AAOA,sBAAO,gCAAC,iBAAD,eAAWA,QAAX;AAAqB,IAAA,YAAY,EAAC;AAAlC,KAAP;AACH,CA9CgB,CAAjB;AAgDAb,QAAQ,CAACkB,SAAT,GAAqB;AACjBd,EAAAA,SAAS,EAAEe,sBAAUC,MADJ;AAEjBR,EAAAA,KAAK,EAAEO,sBAAUE,MAFA;AAGjBlB,EAAAA,SAAS,EAAEgB,sBAAUG,IAHJ;AAIjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAJH;AAKjBf,EAAAA,MAAM,EAAEW,sBAAUI,IALD;AAMjBd,EAAAA,WAAW,EAAEU,sBAAUE,MANN;AAOjBf,EAAAA,IAAI,EAAEa,sBAAUG,IAPC;AAQjBjB,EAAAA,uBAAuB,EAAEc,sBAAUK,SAAV,CAAoB,CAACL,sBAAUG,IAAX,EAAiBH,sBAAUM,MAA3B,CAApB;AARR,CAArB;AAWAzB,QAAQ,CAAC0B,MAAT,GAAkBC,kBAAMD,MAAxB;AACA1B,QAAQ,CAAC4B,KAAT,GAAiBD,kBAAMC,KAAvB;AACA5B,QAAQ,CAAC6B,QAAT,GAAoBF,kBAAME,QAA1B;AACA7B,QAAQ,CAAC8B,QAAT,GAAoBA,oBAApB;eAEe9B,Q","sourcesContent":["import React, { forwardRef } from 'react';\nimport PropTypes from 'prop-types';\nimport Input from 'antd/es/input';\nimport cloneDeep from 'lodash.clonedeep';\nimport TextArea from './TextArea';\nimport useLength from './useLength';\nimport getComponentProps from '../_util/getComponentProps';\nimport filterSpecialCharacters from '../_util/filterSpecialCharacters';\n\nconst VtxInput = forwardRef((props, ref) => {\n    const {\n        showCount,\n        maxLength = 32,\n        specialCharactersFilter = true,\n        trim = true,\n        onChange,\n        onBlur,\n        placeholder = '请输入',\n        ...rest\n    } = props;\n\n    const len = useLength(props.value, { showCount });\n\n    let newProps = {\n        ref,\n        maxLength,\n        placeholder,\n        onBlur(e) {\n            let value = e.target.value;\n            let $e = e;\n            if (trim) {\n                value = value.trim();\n            }\n            if (specialCharactersFilter && value) {\n                $e = cloneDeep(e);\n                $e.target.value = filterSpecialCharacters(\n                    value,\n                    getComponentProps(specialCharactersFilter),\n                );\n                onChange && onChange($e);\n            }\n            onBlur && onBlur($e);\n        },\n        onChange,\n        ...rest,\n    };\n\n    showCount &&\n        'value' in props &&\n        (newProps = {\n            suffix: `${len}/${maxLength}`,\n            ...newProps,\n        });\n\n    return <Input {...newProps} autoComplete=\"off\" />;\n});\n\nVtxInput.propTypes = {\n    maxLength: PropTypes.number,\n    value: PropTypes.string,\n    showCount: PropTypes.bool,\n    onChange: PropTypes.func,\n    onBlur: PropTypes.func,\n    placeholder: PropTypes.string,\n    trim: PropTypes.bool,\n    specialCharactersFilter: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),\n};\n\nVtxInput.Search = Input.Search;\nVtxInput.Group = Input.Group;\nVtxInput.Password = Input.Password;\nVtxInput.TextArea = TextArea;\n\nexport default VtxInput;\n"],"file":"index.js"}

package/lib/vtx-modal/Title.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function Title(props) {
+  var text = props.text,
+      subtitle = props.subtitle;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "vtx-modal-header-title"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "vtx-modal-header-text"
+  }, text), subtitle && /*#__PURE__*/_react["default"].createElement("span", {
+    className: "vtx-modal-header-subtitle"
+  }, subtitle));
+}
+
+Title.propTypes = {
+  text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
+  subtitle: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node])
+};
+var _default = Title;
+exports["default"] = _default;
+//# sourceMappingURL=Title.js.map

package/lib/vtx-modal/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-modal/Title.jsx"],"names":["Title","props","text","subtitle","propTypes","PropTypes","oneOfType","string","node"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAAA,MACVC,IADU,GACSD,KADT,CACVC,IADU;AAAA,MACJC,QADI,GACSF,KADT,CACJE,QADI;AAElB,sBACI;AAAK,IAAA,SAAS,EAAC;AAAf,kBACI;AAAM,IAAA,SAAS,EAAC;AAAhB,KAAyCD,IAAzC,CADJ,EAEKC,QAAQ,iBAAI;AAAM,IAAA,SAAS,EAAC;AAAhB,KAA6CA,QAA7C,CAFjB,CADJ;AAMH;;AAEDH,KAAK,CAACI,SAAN,GAAkB;AACdF,EAAAA,IAAI,EAAEG,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,IAA7B,CAApB,CADQ;AAEdL,EAAAA,QAAQ,EAAEE,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,IAA7B,CAApB;AAFI,CAAlB;eAKeR,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Title(props) {\n    const { text, subtitle } = props;\n    return (\n        <div className=\"vtx-modal-header-title\">\n            <span className=\"vtx-modal-header-text\">{text}</span>\n            {subtitle && <span className=\"vtx-modal-header-subtitle\">{subtitle}</span>}\n        </div>\n    );\n}\n\nTitle.propTypes = {\n    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n    subtitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n};\n\nexport default Title;\n"],"file":"Title.js"}

package/lib/vtx-modal/index.js

@@ -21,6 +21,8 @@ var _modal = _interopRequireDefault(require("antd/es/modal"));
 
 var _icon = _interopRequireDefault(require("antd/es/icon"));
 
+var _Title = _interopRequireDefault(require("./Title"));
+
 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; }
@@ -245,6 +247,14 @@ VtxModal.propTypes = {
   style: _propTypes["default"].object,
   children: _propTypes["default"].node
 };
+VtxModal.Title = _Title["default"];
+var size = {
+  xsmall: 392,
+  small: 500,
+  middle: 744,
+  large: 1096
+};
+VtxModal.size = size;
 var _default = VtxModal;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["vtx-modal/index.jsx"],"names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","fullScreen","setFullScreen","dragArg","setDragArg","classId","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: chenxinyu\n * @LastEditTime: 2021-03-26 22:48:23\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport classnames from 'classnames';\nimport Modal from 'antd/es/modal';\nimport Icon from 'antd/es/icon';\n\n//对话框位置初始参数\nconst initDragArg = {\n    init_x: 0,\n    init_y: 0,\n    x_move: 0,\n    y_move: 0,\n    documentMouseMove: null,\n    documentMouseUp: null,\n};\n\n//全屏参数\nconst initFullScreen = {\n    isFull: false,\n    className: '',\n};\n\nfunction VtxModal(props) {\n    const [fullScreen, setFullScreen] = useSetState(initFullScreen); //是否是全屏状态\n    const [dragArg, setDragArg] = useSetState(initDragArg); //拖动配置\n    const classId = useRef(new Date().getTime() + Math.random());\n\n    let {\n        wrapClassName = '',\n        closable = true, //是否显示右上角关闭按钮\n        title = '', //对话框title\n        maximize = false, //是否显示对话框全屏按钮\n        onModalResize, //对话框全屏回调\n        moveable = false, //对话框是否允许拖动\n    } = props;\n\n    //监听对话框大小变化回调(忽略首次执行)\n    useUpdateEffect(() => {\n        const timer = setTimeout(() => {\n            if (onModalResize && typeof onModalResize === 'function') {\n                const el = document.getElementsByClassName('ant-modal-body')[0];\n                let option = {\n                    height: window.getComputedStyle(el).height,\n                    isFull: fullScreen.isFull,\n                };\n                onModalResize(option);\n            }\n        }, 100);\n        return () => clearTimeout(timer);\n    }, [fullScreen.isFull]);\n\n    //拖拽\n    useEffect(() => {\n        if (props.visible && moveable) {\n            let timer = setTimeout(() => {\n                let modalHead = document\n                    .getElementsByClassName(classId.current)?.[0]\n                    ?.getElementsByClassName('ant-modal-header')?.[0];\n                if (modalHead) {\n                    modalHead.style.cursor = 'move';\n                    modalHead.onmousedown = startDrag;\n                }\n            }, 200);\n            return () => clearTimeout(timer);\n        }\n    });\n\n    const startDrag = e => {\n        e.preventDefault();\n        //全屏模式下禁止拖拽\n        if (!fullScreen.isFull) {\n            setDragArg({\n                documentMouseUp: document.onmouseup,\n                documentMouseMove: document.onmousemove,\n                init_x: e.clientX - dragArg.x_move,\n                init_y: e.clientY - dragArg.y_move,\n            });\n            document.onmousemove = e => {\n                setDragArg(prev => ({\n                    x_move: e.clientX - prev.init_x,\n                    y_move: e.clientY - prev.init_y,\n                }));\n            };\n            document.onmouseup = () => {\n                document.onmousemove = dragArg.documentMouseMove;\n                document.onmouseup = dragArg.documentMouseUp;\n            };\n        }\n    };\n\n    //关闭对话框，初始化位置\n    const onCancel = () => {\n        if (props.onCancel && typeof props.onCancel === 'function') {\n            props.onCancel();\n            //TODO 关闭弹框会闪一下,待解决\n            setDragArg(initDragArg);\n            setFullScreen(initFullScreen);\n        }\n    };\n\n    /*\n     *重写title，加入对话框全屏功能\n     */\n    title = (function renderTitle() {\n        return (\n            <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n                <div className=\"vtx-modal-title_name\">{title}</div>\n                {maximize ? (\n                    <div className=\"vtx-modal-maximizeIcon\">\n                        <p\n                            onClick={() => {\n                                let fullScreenClass = '';\n                                if (!fullScreen.isFull) {\n                                    fullScreenClass = 'vtx-modal-maxClass';\n                                }\n                                setFullScreen({\n                                    isFull: !fullScreen.isFull,\n                                    className: fullScreenClass,\n                                });\n                            }}\n                        >\n                            {fullScreen.isFull ? (\n                                <Icon type=\"fullscreen-exit\" />\n                            ) : (\n                                <Icon type=\"fullscreen\" />\n                            )}\n                        </p>\n                    </div>\n                ) : null}\n                {closable ? (\n                    <div className=\"vtx-modal-close\">\n                        <p onClick={onCancel}>\n                            <Icon type=\"close\" />\n                        </p>\n                    </div>\n                ) : (\n                    ''\n                )}\n            </div>\n        );\n    })();\n\n    let bodyStyle = {\n        ...props.bodyStyle,\n    };\n\n    /* 限制最大高度 */\n    if (!fullScreen.isFull) {\n        bodyStyle = {\n            maxHeight: `${window.innerHeight * 0.7}px`,\n            ...bodyStyle,\n        };\n    }\n\n    const transformStyle = {\n        transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n    };\n\n    const newProps = {\n        maskClosable: false,\n        destroyOnClose: true,\n        width: 700,\n        ...props,\n        closable: false,\n        title,\n        wrapClassName: classnames(\n            'vtx-modal',\n            wrapClassName,\n            fullScreen.className,\n            classId.current,\n        ),\n        bodyStyle,\n        onCancel,\n        style: {\n            ...props.style,\n            ...(fullScreen.isFull ? {} : transformStyle),\n        },\n    };\n\n    return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n    visible: PropTypes.bool,\n    wrapClassName: PropTypes.string,\n    closable: PropTypes.bool,\n    title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n    maximize: PropTypes.bool,\n    onModalResize: PropTypes.func,\n    moveable: PropTypes.bool,\n    onCancel: PropTypes.func,\n    bodyStyle: PropTypes.object,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\nexport default VtxModal;\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-modal/index.jsx"],"names":["initDragArg","init_x","init_y","x_move","y_move","documentMouseMove","documentMouseUp","initFullScreen","isFull","className","VtxModal","props","fullScreen","setFullScreen","dragArg","setDragArg","classId","Date","getTime","Math","random","wrapClassName","closable","title","maximize","onModalResize","moveable","timer","setTimeout","el","document","getElementsByClassName","option","height","window","getComputedStyle","clearTimeout","visible","modalHead","current","style","cursor","onmousedown","startDrag","e","preventDefault","onmouseup","onmousemove","clientX","clientY","prev","onCancel","renderTitle","paddingRight","fullScreenClass","bodyStyle","maxHeight","innerHeight","transformStyle","transform","newProps","maskClosable","destroyOnClose","width","children","info","Modal","success","error","warning","confirm","propTypes","PropTypes","bool","string","oneOfType","element","func","object","node","Title","size","xsmall","small","middle","large"],"mappings":"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","sourcesContent":["/*\n * @Author: chenxinyu\n * @Date: 2021-03-24 21:47:52\n * @LastEditors: your name\n * @LastEditTime: 2021-11-23 09:21:48\n * @Description: 对话框组件\n * @FilePath: \\react-components\\components\\vtx-modal\\index.jsx\n */\nimport React, { useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport useUpdateEffect from 'ahooks/es/useUpdateEffect';\nimport useSetState from 'ahooks/es/useSetState';\nimport classnames from 'classnames';\nimport Modal from 'antd/es/modal';\nimport Icon from 'antd/es/icon';\nimport Title from './Title';\n\n//对话框位置初始参数\nconst initDragArg = {\n    init_x: 0,\n    init_y: 0,\n    x_move: 0,\n    y_move: 0,\n    documentMouseMove: null,\n    documentMouseUp: null,\n};\n\n//全屏参数\nconst initFullScreen = {\n    isFull: false,\n    className: '',\n};\n\nfunction VtxModal(props) {\n    const [fullScreen, setFullScreen] = useSetState(initFullScreen); //是否是全屏状态\n    const [dragArg, setDragArg] = useSetState(initDragArg); //拖动配置\n    const classId = useRef(new Date().getTime() + Math.random());\n\n    let {\n        wrapClassName = '',\n        closable = true, //是否显示右上角关闭按钮\n        title = '', //对话框title\n        maximize = false, //是否显示对话框全屏按钮\n        onModalResize, //对话框全屏回调\n        moveable = false, //对话框是否允许拖动\n    } = props;\n\n    //监听对话框大小变化回调(忽略首次执行)\n    useUpdateEffect(() => {\n        const timer = setTimeout(() => {\n            if (onModalResize && typeof onModalResize === 'function') {\n                const el = document.getElementsByClassName('ant-modal-body')[0];\n                let option = {\n                    height: window.getComputedStyle(el).height,\n                    isFull: fullScreen.isFull,\n                };\n                onModalResize(option);\n            }\n        }, 100);\n        return () => clearTimeout(timer);\n    }, [fullScreen.isFull]);\n\n    //拖拽\n    useEffect(() => {\n        if (props.visible && moveable) {\n            let timer = setTimeout(() => {\n                let modalHead = document\n                    .getElementsByClassName(classId.current)?.[0]\n                    ?.getElementsByClassName('ant-modal-header')?.[0];\n                if (modalHead) {\n                    modalHead.style.cursor = 'move';\n                    modalHead.onmousedown = startDrag;\n                }\n            }, 200);\n            return () => clearTimeout(timer);\n        }\n    });\n\n    const startDrag = e => {\n        e.preventDefault();\n        //全屏模式下禁止拖拽\n        if (!fullScreen.isFull) {\n            setDragArg({\n                documentMouseUp: document.onmouseup,\n                documentMouseMove: document.onmousemove,\n                init_x: e.clientX - dragArg.x_move,\n                init_y: e.clientY - dragArg.y_move,\n            });\n            document.onmousemove = e => {\n                setDragArg(prev => ({\n                    x_move: e.clientX - prev.init_x,\n                    y_move: e.clientY - prev.init_y,\n                }));\n            };\n            document.onmouseup = () => {\n                document.onmousemove = dragArg.documentMouseMove;\n                document.onmouseup = dragArg.documentMouseUp;\n            };\n        }\n    };\n\n    //关闭对话框，初始化位置\n    const onCancel = () => {\n        if (props.onCancel && typeof props.onCancel === 'function') {\n            props.onCancel();\n            //TODO 关闭弹框会闪一下,待解决\n            setDragArg(initDragArg);\n            setFullScreen(initFullScreen);\n        }\n    };\n\n    /*\n     *重写title，加入对话框全屏功能\n     */\n    title = (function renderTitle() {\n        return (\n            <div className=\"vtx-modal-title\" style={{ paddingRight: closable ? '32px' : '0px' }}>\n                <div className=\"vtx-modal-title_name\">{title}</div>\n                {maximize ? (\n                    <div className=\"vtx-modal-maximizeIcon\">\n                        <p\n                            onClick={() => {\n                                let fullScreenClass = '';\n                                if (!fullScreen.isFull) {\n                                    fullScreenClass = 'vtx-modal-maxClass';\n                                }\n                                setFullScreen({\n                                    isFull: !fullScreen.isFull,\n                                    className: fullScreenClass,\n                                });\n                            }}\n                        >\n                            {fullScreen.isFull ? (\n                                <Icon type=\"fullscreen-exit\" />\n                            ) : (\n                                <Icon type=\"fullscreen\" />\n                            )}\n                        </p>\n                    </div>\n                ) : null}\n                {closable ? (\n                    <div className=\"vtx-modal-close\">\n                        <p onClick={onCancel}>\n                            <Icon type=\"close\" />\n                        </p>\n                    </div>\n                ) : (\n                    ''\n                )}\n            </div>\n        );\n    })();\n\n    let bodyStyle = {\n        ...props.bodyStyle,\n    };\n\n    /* 限制最大高度 */\n    if (!fullScreen.isFull) {\n        bodyStyle = {\n            maxHeight: `${window.innerHeight * 0.7}px`,\n            ...bodyStyle,\n        };\n    }\n\n    const transformStyle = {\n        transform: `translate(${dragArg.x_move}px,${dragArg.y_move}px)`,\n    };\n\n    const newProps = {\n        maskClosable: false,\n        destroyOnClose: true,\n        width: 700,\n        ...props,\n        closable: false,\n        title,\n        wrapClassName: classnames(\n            'vtx-modal',\n            wrapClassName,\n            fullScreen.className,\n            classId.current,\n        ),\n        bodyStyle,\n        onCancel,\n        style: {\n            ...props.style,\n            ...(fullScreen.isFull ? {} : transformStyle),\n        },\n    };\n\n    return <Modal {...newProps}>{props.children}</Modal>;\n}\n\nVtxModal.info = Modal.info;\nVtxModal.success = Modal.success;\nVtxModal.error = Modal.error;\nVtxModal.warning = Modal.warning;\nVtxModal.confirm = Modal.confirm;\n\nVtxModal.propTypes = {\n    visible: PropTypes.bool,\n    wrapClassName: PropTypes.string,\n    closable: PropTypes.bool,\n    title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n    maximize: PropTypes.bool,\n    onModalResize: PropTypes.func,\n    moveable: PropTypes.bool,\n    onCancel: PropTypes.func,\n    bodyStyle: PropTypes.object,\n    style: PropTypes.object,\n    children: PropTypes.node,\n};\n\nVtxModal.Title = Title;\n\nconst size = {\n    xsmall: 392,\n    small: 500,\n    middle: 744,\n    large: 1096,\n};\n\nVtxModal.size = size;\n\nexport default VtxModal;\n"],"file":"index.js"}

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

@@ -18,6 +18,7 @@
 }
 .vtx-modal .ant-modal .ant-modal-content .ant-modal-body {
   max-height: calc(100% - 108px);
+  padding: 20px 24px;
   overflow: auto;
   background-color: #fbfbfb;
 }
@@ -64,3 +65,13 @@
 .vtx-modal .vtx-modal-title .vtx-modal-maximizeIcon {
   right: 20px;
 }
+.vtx-modal-header-title .vtx-modal-header-text {
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+}
+.vtx-modal-header-title .vtx-modal-header-text + .vtx-modal-header-subtitle::before {
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.65);
+  font-weight: 400;
+  content: '>';
+}

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

@@ -19,6 +19,7 @@
             height: 100%;
             .ant-modal-body {
                 max-height: e('calc(100% - 108px)');
+                padding: 20px 24px;
                 overflow: auto;
                 background-color: #fbfbfb;
             }
@@ -66,3 +67,18 @@
         }
     }
 }
+
+.vtx-modal-header-title {
+    .vtx-modal-header-text {
+        color: fade(#000, 65%);
+        font-weight: 400;
+    }
+    .vtx-modal-header-text + .vtx-modal-header-subtitle {
+        &::before {
+            margin: 0 4px;
+            color: fade(#000, 65%);
+            font-weight: 400;
+            content: '>';
+        }
+    }
+}

package/lib/vtx-page-layout/Basic.js

@@ -24,7 +24,6 @@ function Basic(props) {
 }
 
 Basic.propTypes = {
-  cols: _propTypes["default"].number,
   style: _propTypes["default"].object,
   className: _propTypes["default"].string,
   children: _propTypes["default"].node

package/lib/vtx-page-layout/Basic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/Basic.jsx"],"names":["Basic","props","className","style","children","propTypes","cols","PropTypes","number","object","string","node"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAAA,MACVC,SADU,GACWD,KADX,CACVC,SADU;AAAA,MACCC,KADD,GACWF,KADX,CACCE,KADD;AAGlB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAED;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;AACdC,EAAAA,IAAI,EAAEC,sBAAUC,MADF;AAEdL,EAAAA,KAAK,EAAEI,sBAAUE,MAFH;AAGdP,EAAAA,SAAS,EAAEK,sBAAUG,MAHP;AAIdN,EAAAA,QAAQ,EAAEG,sBAAUI;AAJN,CAAlB;eAOeX,K","sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    cols: PropTypes.number,\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"file":"Basic.js"}
+{"version":3,"sources":["vtx-page-layout/Basic.jsx"],"names":["Basic","props","className","style","children","propTypes","PropTypes","object","string","node"],"mappings":";;;;;;;AAGA;;AACA;;;;AAJA;AACA;AACA;AAIA,SAASA,KAAT,CAAeC,KAAf,EAAsB;AAAA,MACVC,SADU,GACWD,KADX,CACVC,SADU;AAAA,MACCC,KADD,GACWF,KADX,CACCE,KADD;AAGlB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAED;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH;;AAEDJ,KAAK,CAACK,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMeT,K","sourcesContent":["/**\n * 基础布局\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\nfunction Basic(props) {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={className}>\n            {props.children}\n        </div>\n    );\n}\n\nBasic.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default Basic;\n"],"file":"Basic.js"}

package/lib/vtx-page-layout/Pane.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var Left = function Left(props) {
+  var className = props.className,
+      style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: (0, _classnames["default"])('vtx-table-left', className)
+  }, props.children);
+};
+
+Left.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+
+var Right = function Right(props) {
+  var className = props.className,
+      style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: (0, _classnames["default"])('vtx-table-right', className)
+  }, props.children);
+};
+
+Right.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+var _default = {
+  Left: Left,
+  Right: Right
+};
+exports["default"] = _default;
+//# sourceMappingURL=Pane.js.map

package/lib/vtx-page-layout/Pane.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-page-layout/Pane.jsx"],"names":["Left","props","className","style","children","propTypes","PropTypes","object","string","node","Right"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAAAC,KAAK,EAAI;AAAA,MACVC,SADU,GACWD,KADX,CACVC,SADU;AAAA,MACCC,KADD,GACWF,KADX,CACCE,KADD;AAGlB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,gBAAZ,EAA8BD,SAA9B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAJ,IAAI,CAACK,SAAL,GAAiB;AACbF,EAAAA,KAAK,EAAEG,sBAAUC,MADJ;AAEbL,EAAAA,SAAS,EAAEI,sBAAUE,MAFR;AAGbJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHP,CAAjB;;AAMA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAT,KAAK,EAAI;AAAA,MACXC,SADW,GACUD,KADV,CACXC,SADW;AAAA,MACAC,KADA,GACUF,KADV,CACAE,KADA;AAGnB,sBACI;AAAK,IAAA,KAAK,EAAEA,KAAZ;AAAmB,IAAA,SAAS,EAAE,4BAAY,iBAAZ,EAA+BD,SAA/B;AAA9B,KACKD,KAAK,CAACG,QADX,CADJ;AAKH,CARD;;AAUAM,KAAK,CAACL,SAAN,GAAkB;AACdF,EAAAA,KAAK,EAAEG,sBAAUC,MADH;AAEdL,EAAAA,SAAS,EAAEI,sBAAUE,MAFP;AAGdJ,EAAAA,QAAQ,EAAEE,sBAAUG;AAHN,CAAlB;eAMe;AAAET,EAAAA,IAAI,EAAJA,IAAF;AAAQU,EAAAA,KAAK,EAALA;AAAR,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\n\nconst Left = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-left', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nLeft.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Right = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-right', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nRight.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Left, Right };\n"],"file":"Pane.js"}

package/lib/vtx-page-layout/TableLayout.js

@@ -0,0 +1,165 @@
+"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"] = exports.StoreCtx = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _useEventEmitter = _interopRequireDefault(require("ahooks/es/useEventEmitter"));
+
+var _container = _interopRequireDefault(require("./container"));
+
+var _Basic = _interopRequireDefault(require("./Basic"));
+
+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; }
+
+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 _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 _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; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var StoreCtx = /*#__PURE__*/(0, _react.createContext)({});
+exports.StoreCtx = StoreCtx;
+var pagePaddingTop = 16;
+var searchMarginBottom = 16;
+/**
+ * 页面
+ * @param {*} props
+ */
+
+var Page = function Page(props) {
+  var _useState = (0, _react.useState)(64),
+      _useState2 = _slicedToArray(_useState, 2),
+      searchHeight = _useState2[0],
+      setSearchHeight = _useState2[1];
+
+  var onSearchCollapse = props.onSearchCollapse;
+  var searchCollapseEvent$ = (0, _useEventEmitter["default"])();
+  var store = {
+    searchHeight: searchHeight,
+    searchCollapseEvent$: searchCollapseEvent$,
+    onCollapse: function onCollapse(height) {
+      setSearchHeight(height);
+      onSearchCollapse && onSearchCollapse(height);
+      searchCollapseEvent$.emit();
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(StoreCtx.Provider, {
+    value: store
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-page--table', props.className),
+    style: props.style
+  }, props.children));
+};
+
+Page.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node,
+  onSearchCollapse: _propTypes["default"].func
+};
+/**
+ * 搜索
+ */
+
+var Search = (0, _container["default"])({
+  componentClass: 'vtx-table-search'
+})(_Basic["default"]);
+/**
+ * 内容
+ * @param {*} props
+ */
+
+var Content = function Content(props) {
+  var className = props.className,
+      style = props.style;
+
+  var _useContext = (0, _react.useContext)(StoreCtx),
+      searchHeight = _useContext.searchHeight;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-table-content', className),
+    style: _objectSpread({
+      top: pagePaddingTop + searchMarginBottom + searchHeight
+    }, style)
+  }, props.children);
+};
+
+Content.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+/**
+ * 表格布局
+ */
+
+var Table = function Table(props) {
+  var className = props.className,
+      style = props.style;
+
+  var _useContext2 = (0, _react.useContext)(StoreCtx),
+      searchCollapseEvent$ = _useContext2.searchCollapseEvent$;
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('vtx-table-wrap', className),
+    style: style
+  }, /*#__PURE__*/_react["default"].cloneElement(props.children, _objectSpread(_objectSpread({}, props.children.props), {}, {
+    searchCollapseEvent$: searchCollapseEvent$
+  })));
+};
+
+Table.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+
+var Card = function Card(props) {
+  var className = props.className,
+      style = props.style;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style,
+    className: (0, _classnames["default"])('vtx-table-card', className)
+  }, props.children);
+};
+
+Card.propTypes = {
+  style: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  children: _propTypes["default"].node
+};
+var _default = {
+  Page: Page,
+  Search: Search,
+  Content: Content,
+  Table: (0, _container["default"])()(Table),
+  Card: Card
+};
+exports["default"] = _default;
+//# sourceMappingURL=TableLayout.js.map

package/lib/vtx-page-layout/TableLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vtx-page-layout/TableLayout.jsx"],"names":["StoreCtx","pagePaddingTop","searchMarginBottom","Page","props","searchHeight","setSearchHeight","onSearchCollapse","searchCollapseEvent$","store","onCollapse","height","emit","className","style","children","propTypes","PropTypes","object","string","node","func","Search","componentClass","Basic","Content","top","Table","React","cloneElement","Card"],"mappings":"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","sourcesContent":["import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport classsnames from 'classnames';\nimport { createContext } from 'react';\nimport useEventEmitter from 'ahooks/es/useEventEmitter';\nimport container from './container';\nimport Basic from './Basic';\nexport const StoreCtx = createContext({});\n\nconst pagePaddingTop = 16;\nconst searchMarginBottom = 16;\n\n/**\n * 页面\n * @param {*} props\n */\nconst Page = props => {\n    const [searchHeight, setSearchHeight] = useState(64);\n    const { onSearchCollapse } = props;\n    const searchCollapseEvent$ = useEventEmitter();\n    const store = {\n        searchHeight,\n        searchCollapseEvent$,\n        onCollapse(height) {\n            setSearchHeight(height);\n            onSearchCollapse && onSearchCollapse(height);\n            searchCollapseEvent$.emit();\n        },\n    };\n    return (\n        <StoreCtx.Provider value={store}>\n            <div className={classsnames('vtx-page--table', props.className)} style={props.style}>\n                {props.children}\n            </div>\n        </StoreCtx.Provider>\n    );\n};\n\nPage.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n    onSearchCollapse: PropTypes.func,\n};\n\n/**\n * 搜索\n */\nconst Search = container({ componentClass: 'vtx-table-search' })(Basic);\n\n/**\n * 内容\n * @param {*} props\n */\nconst Content = props => {\n    const { className, style } = props;\n    const { searchHeight } = useContext(StoreCtx);\n    return (\n        <div\n            className={classsnames('vtx-table-content', className)}\n            style={{ top: pagePaddingTop + searchMarginBottom + searchHeight, ...style }}\n        >\n            {props.children}\n        </div>\n    );\n};\n\nContent.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\n/**\n * 表格布局\n */\nconst Table = props => {\n    const { className, style } = props;\n    const { searchCollapseEvent$ } = useContext(StoreCtx);\n\n    return (\n        <div className={classsnames('vtx-table-wrap', className)} style={style}>\n            {React.cloneElement(props.children, {\n                ...props.children.props,\n                searchCollapseEvent$,\n            })}\n        </div>\n    );\n};\n\nTable.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nconst Card = props => {\n    const { className, style } = props;\n\n    return (\n        <div style={style} className={classsnames('vtx-table-card', className)}>\n            {props.children}\n        </div>\n    );\n};\n\nCard.propTypes = {\n    style: PropTypes.object,\n    className: PropTypes.string,\n    children: PropTypes.node,\n};\n\nexport default { Page, Search, Content, Table: container()(Table), Card };\n"],"file":"TableLayout.js"}

package/lib/vtx-page-layout/index.js

@@ -13,6 +13,10 @@ var _Content = _interopRequireDefault(require("./Content"));
 
 var _TableWrap = _interopRequireDefault(require("./TableWrap"));
 
+var _TableLayout = _interopRequireDefault(require("./TableLayout"));
+
+var _Pane = _interopRequireDefault(require("./Pane"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Page = (0, _container["default"])({
@@ -22,8 +26,10 @@ var ButtonWrap = (0, _container["default"])({
   componentClass: 'vtx-button-wrap'
 })(_Basic["default"]);
 var _default = {
+  TableLayout: _TableLayout["default"],
   Page: Page,
   ButtonWrap: ButtonWrap,
+  Pane: _Pane["default"],
   Content: (0, _container["default"])()(_Content["default"]),
   TableWrap: (0, _container["default"])()(_TableWrap["default"])
 };

package/lib/vtx-page-layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["vtx-page-layout/index.jsx"],"names":["Page","componentClass","Basic","ButtonWrap","Content","TableWrap"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,2BAAU;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,2BAAU;AAAEF,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;AACXF,EAAAA,IAAI,EAAJA,IADW;AAEXG,EAAAA,UAAU,EAAVA,UAFW;AAGXC,EAAAA,OAAO,EAAE,6BAAYA,mBAAZ,CAHE;AAIXC,EAAAA,SAAS,EAAE,6BAAYA,qBAAZ;AAJA,C","sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    Page,\n    ButtonWrap,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"file":"index.js"}
+{"version":3,"sources":["vtx-page-layout/index.jsx"],"names":["Page","componentClass","Basic","ButtonWrap","TableLayout","Pane","Content","TableWrap"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,IAAI,GAAG,2BAAU;AAAEC,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAA0CC,iBAA1C,CAAb;AACA,IAAMC,UAAU,GAAG,2BAAU;AAAEF,EAAAA,cAAc,EAAE;AAAlB,CAAV,EAAiDC,iBAAjD,CAAnB;eAEe;AACXE,EAAAA,WAAW,EAAXA,uBADW;AAEXJ,EAAAA,IAAI,EAAJA,IAFW;AAGXG,EAAAA,UAAU,EAAVA,UAHW;AAIXE,EAAAA,IAAI,EAAJA,gBAJW;AAKXC,EAAAA,OAAO,EAAE,6BAAYA,mBAAZ,CALE;AAMXC,EAAAA,SAAS,EAAE,6BAAYA,qBAAZ;AANA,C","sourcesContent":["import container from './container';\nimport Basic from './Basic';\nimport Content from './Content';\nimport TableWrap from './TableWrap';\nimport TableLayout from './TableLayout';\nimport Pane from './Pane';\n\nconst Page = container({ componentClass: 'vtx-page' })(Basic);\nconst ButtonWrap = container({ componentClass: 'vtx-button-wrap' })(Basic);\n\nexport default {\n    TableLayout,\n    Page,\n    ButtonWrap,\n    Pane,\n    Content: container()(Content),\n    TableWrap: container()(TableWrap),\n};\n"],"file":"index.js"}

package/lib/vtx-page-layout/style/index.css

@@ -31,7 +31,7 @@
   position: relative;
 }
 .vtx-button-wrap button + button {
-  margin-left: 10px;
+  margin-left: 8px;
 }
 .vtx-content-absolute {
   position: absolute;
@@ -64,3 +64,52 @@
   max-height: 500px;
   padding: 0 5px;
 }
+.vtx-page--table {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  padding: 16px 20px 16px 20px;
+  overflow-x: hidden;
+  font-size: 14px;
+  background-color: #f0f2f5;
+}
+.vtx-table-search {
+  margin-bottom: 16px;
+  background: #fff;
+  border-radius: 2px;
+}
+.vtx-table-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  right: 20px;
+  bottom: 16px;
+  left: 20px;
+  -webkit-transition-duration: 0.3s;
+          transition-duration: 0.3s;
+  -webkit-transition-property: top;
+  transition-property: top;
+}
+.vtx-table-wrap {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 0 24px;
+  background-color: #fff;
+}
+.vtx-table-card {
+  background: #fff;
+  border-radius: 2px;
+}
+.vtx-table-left,
+.vtx-table-right {
+  height: 100%;
+  overflow: hidden;
+}
+.vtx-table-left .vtx-ztree-search {
+  right: 0;
+}