1 line
11 KiB
JSON
1 line
11 KiB
JSON
|
{"ast":null,"code":"import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectSpread from \"@babel/runtime/helpers/esm/objectSpread2\";\nimport _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport React from 'react';\nimport classNames from 'classnames';\nimport Portal from '@rc-component/portal';\nimport useId from \"rc-util/es/hooks/useId\";\nvar COVER_PROPS = {\n fill: 'transparent',\n pointerEvents: 'auto'\n};\nvar Mask = function Mask(props) {\n var prefixCls = props.prefixCls,\n rootClassName = props.rootClassName,\n pos = props.pos,\n showMask = props.showMask,\n _props$style = props.style,\n style = _props$style === void 0 ? {} : _props$style,\n _props$fill = props.fill,\n fill = _props$fill === void 0 ? \"rgba(0,0,0,0.5)\" : _props$fill,\n open = props.open,\n animated = props.animated,\n zIndex = props.zIndex,\n disabledInteraction = props.disabledInteraction;\n var id = useId();\n var maskId = \"\".concat(prefixCls, \"-mask-\").concat(id);\n var mergedAnimated = _typeof(animated) === 'object' ? animated === null || animated === void 0 ? void 0 : animated.placeholder : animated;\n var isSafari = typeof navigator !== 'undefined' && /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n var maskRectSize = isSafari ? {\n width: '100%',\n height: '100%'\n } : {\n width: '100vw',\n height: '100vh'\n };\n return /*#__PURE__*/React.createElement(Portal, {\n open: open,\n autoLock: true\n }, /*#__PURE__*/React.createElement(\"div\", {\n className: classNames(\"\".concat(prefixCls, \"-mask\"), rootClassName),\n style: _objectSpread({\n position: 'fixed',\n left: 0,\n right: 0,\n top: 0,\n bottom: 0,\n zIndex: zIndex,\n pointerEvents: pos && !disabledInteraction ? 'none' : 'auto'\n }, style)\n }, showMask ? /*#__PURE__*/React.createElement(\"svg\", {\n style: {\n width: '100%',\n height: '100%'\n }\n }, /*#__PURE__*/React.createElement(\"defs\", null, /*#__PURE__*/React.createElement(\"mask\", {\n id: maskId\n }, /*#__PURE__*/React.createElement(\"rect\", _extends({\n x: \"0\",\n y: \"0\"\n }, maskRectSize, {\n fill: \"white\"\n })), pos && /*#__PURE__*/React.createElement(\"rect\", {\n x: pos.left,\n y: pos.top,\n rx: pos.radius,\n width: pos.width,\n height: pos.height,\n fill: \"black\",\n className: mergedAnimated ? \"\".concat(prefixCls, \"-placeholder-animated\") : ''\n }))), /*#__PURE__*/React.createElement(\"rect\", {\n x: \"0\",\n y: \"0\",\n width: \"100%\",\n height: \"100%\",\n fill: fill,\n mask: \"url(#\".concat(maskId, \")\")\n }), pos && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(\"rect\", _extends({}, COVER_PROPS, {\n x: \"0\",\n y: \"0\",\n width: \"100%\",\n height: pos.top\n })), /*#__PURE__*/React.createElement(\"rect\", _extends({}, COVER_PROPS, {\n x: \"0\",\n y: \"0\",\n width: pos.left,\n height: \"100%\"\n })), /*#__PURE__*/React.createElement(\"rect\", _extends({}, COVER_PROPS, {\n x: \"0\",\n y: pos.top + pos.height,\n width: \"100%\",\n height: \"calc(100vh - \".concat(pos.top + pos.height, \"px)\")\n })), /*#__PURE__*/React.createElement(\"rect\", _extends({}, COVER_PROPS, {\n x: pos.left + pos.width,\n y: \"0\",\n width: \"calc(100vw - \".concat(pos.left + pos.width, \"px)\"),\n height: \"100%\"\n })))) : null));\n};\nexport default Mask;","map":{"version":3,"names":["_extends","_objectSpread","_typeof","React","classNames","Portal","useId","COVER_PROPS","fill","pointerEvents","Mask","props","prefixCls","rootClassName","pos","showMask","_props$style","style","_props$fill","open","animated","zIndex","disabledInteraction","id","maskId","concat","mergedAnimated","placeholder","isSafari","navigator","test","userAgent","maskRectSize","width","height","createElement","autoLock","className","position","left","right","top","bottom","x","y","rx","radius","mask","Fragment"],"sources":["C:/Users/
|