@uiw/doc/web/static/js/6965.50b73c86.chunk.js

UIW documentation website.

(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6965],{4934:e=>{function n(e){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}n.keys=()=>[],n.resolve=n,n.id=4934,e.exports=n},5301:(e,n,t)=>{"use strict";t.d(n,{Z:()=>_});var r=t(8573),u=t(6320),l=t(8563),a=t(7622),o=t(7937);const i={docinfo:"index_docinfo__3Vx8S",markdown:"index_markdown__hcQCp",markdownWrap:"index_markdownWrap__t60jR"};var c=t(4760);function s(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{path:n}=e,t=/^http/.test(n||"")?n:"https://github.com/uiwjs/uiw/blob/master/".concat(n);return(0,c.jsxs)("div",{className:i.docinfo,children:["\u72af\u4e86\u9519\u8bef\u8fd8\u662f\u60f3\u5bf9\u6587\u4ef6\u505a\u51fa\u8d21\u732e\uff1f",t&&(0,c.jsx)("a",{href:t,target:"_blank",rel:"noopener noreferrer",children:"\u5728Github\u4e0a\u7f16\u8f91\u672c\u9875\uff01"}),(0,c.jsx)("br",{}),(0,c.jsx)("a",{href:"https://github.com/uiwjs/uiw/issues",target:"_blank",rel:"noopener noreferrer",children:"\u53cd\u9988\u5efa\u8bae"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw/issues/new",children:"\u63d0\u4ea4bug"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/uiwjs/uiw",children:"Github"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt",children:"kkt"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"https://github.com/kktjs/kkt-ssr",children:"@kkt/ssr"}),(0,c.jsx)(o.Divider,{type:"vertical"}),(0,c.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:"http://uiw.gitee.io",children:"\u56fd\u5185\u955c\u50cf"})]})}const p=u.ZP.Preview,f=u.ZP.Code,d=u.ZP.Toolbar,m=e=>{var n,t;let{node:a,components:o,data:i,...s}=e;const m=(0,r.useRef)(null),{headings:_,headingsList:v,...b}=s;(0,r.useEffect)((()=>{if(m.current){const e=m.current.parentElement;e&&e.parentElement&&e.parentElement.replaceChild(m.current,e)}}),[m]);const g=null===a||void 0===a||null===(n=a.position)||void 0===n?void 0:n.start.line,w=null===a||void 0===a||null===(t=a.data)||void 0===t?void 0:t.meta,h=(0,l.Mx)(w)||String(g),y=o["".concat(h)];if(h&&"function"===typeof y){const e=i[h].value||"",n=(0,l.aE)(w||"");return(0,c.jsxs)(u.ZP,{ref:m,children:[(0,c.jsx)(p,{style:{background:n.bg||"transparent"},children:(0,c.jsx)(y,{})}),(0,c.jsx)(d,{text:e,children:n.title||"Example"}),(0,c.jsx)(f,{children:(0,c.jsx)("pre",{...b})})]})}return(0,c.jsx)("code",{...b})};function _(e){return(0,c.jsxs)(r.Fragment,{children:[(0,c.jsx)(a.Z,{className:i.markdownWrap,source:e.source||"",disableCopy:!0,wrapperElement:{"data-color-mode":"light"},components:{code:n=>(0,c.jsx)(m,{...e,...n})}}),(0,c.jsx)(s,{path:e.path})]})}},1887:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>a});const r={components:{19:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.FileInput,{multiple:"multiple",style:{maxWidth:200},size:"small",onChange:function(e){console.log(e)}}),n.default.createElement("br",null),n.default.createElement(r.FileInput,{multiple:"multiple",style:{maxWidth:200}}),n.default.createElement("br",null))}}(),40:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.FileInput,{uploadType:"card",size:"large",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(r.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(r.FileInput,{uploadType:"card",shape:"circle",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(r.Icon,{type:"plus"})),n.default.createElement("br",null),n.default.createElement(r.FileInput,{uploadType:"card",size:"small",showFileIcon:{showPreviewIcon:!1,showRemoveIcon:!0},onPreview:function(e){return console.log(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4"}],onChange:function(e){return console.log(e)}},n.default.createElement(r.Icon,{type:"plus"})))}}(),101:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);function u(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,u,l,a,o=[],i=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;i=!1}else for(;!(i=(r=l.call(t)).done)&&(o.push(r.value),o.length!==n);i=!0);}catch(e){c=!0,u=e}finally{try{if(!i&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(c)throw u}}return o}}(e,n)||function(e,n){if(!e)return;if("string"===typeof e)return l(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,n)}(e,n)||function(){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 l(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}return function(){var e=u(n.default.useState(!1),2),t=e[0],l=e[1],a=u(n.default.useState(null),2),o=a[0],i=a[1];return console.log("curfile",o),n.default.createElement(n.default.Fragment,null,n.default.createElement(r.Overlay,{isOpen:t,onClosed:function(){return l(!1)}},n.default.createElement("img",{src:"".concat(null===o||void 0===o?void 0:o.dataURL),alt:"".concat(null===o||void 0===o?void 0:o.name)})),n.default.createElement(r.FileInput,{uploadType:"picture",size:"large",onPreview:function(e){l(!0),i(e)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Icon,{type:"plus"})))}}(),138:function(){var e,n=(e=t(8573))&&e.__esModule?e:{default:e},r=t(7937);return function(){return n.default.createElement("div",null,n.default.createElement(r.FileInput,{uploadType:"picture",size:"large",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.FileInput,{uploadType:"picture",shape:"circle",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.FileInput,{uploadType:"picture",size:"small",onPreview:function(){return console.log(234)},value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Button,null,"\u65b0\u589e")),n.default.createElement("br",null),n.default.createElement(r.FileInput,{uploadType:"text",multiple:!0,maxNumber:2,value:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}]},n.default.createElement(r.Button,null,"\u65b0\u589e")))}}(),195:function(){var e=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=u(e)&&"function"!=typeof e)return{default:e};var t=r(n);if(t&&t.has(e))return t.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=e[o]}return l.default=e,t&&t.set(e,l),l}(t(8573)),n=t(7937);function r(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(r=function(e){return e?t:n})(e)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){o(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function o(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==u(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===u(n)?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}return function(){var t=(0,e.useRef)();return e.default.createElement("div",null,e.default.createElement(n.Button,{type:"danger",onClick:function(){var e=t.current.getFieldValues();t.current.setFields(a(a({},e),{},{picture1:[],picture2:[],picture3:[]}))}},"\u6e05\u7a7a\u7167\u7247"),e.default.createElement(n.Form,{ref:t,onSubmit:function(e){e.initial;var n=e.current;console.log("current",n)},fields:{picture1:{label:"\u56fe\u7247\u5899",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:e.default.createElement(n.FileInput,{uploadType:"card"},e.default.createElement(n.Icon,{type:"plus"}))},picture2:{label:"\u56fe\u7247\u5217\u8868",initialValue:[{dataURL:"https://avatars2.githubusercontent.com/u/1680273?s=40&v=4",name:"uiw.png"}],children:e.default.createElement(n.FileInput,{uploadType:"picture"},e.default.createElement(n.Button,null,"\u65b0\u589e"))},picture3:{label:"\u56fe\u7247\u540d\u79f0\u5217\u8868",children:e.default.createElement(n.FileInput,{uploadType:"text"},e.default.createElement(n.Button,null,"\u65b0\u589e"))}}},(function(t){var r=t.fields,u=t.state,l=t.canSubmit;return e.default.createElement("div",null,e.default.createElement(n.Row,null,e.default.createElement(n.Col,null,r.picture1)),e.default.createElement(n.Row,null,e.default.createElement(n.Col,null,r.picture2)),e.default.createElement(n.Row,null,e.default.createElement(n.Col,null,r.picture3)),e.default.createElement(n.Row,{gutter:10},e.default.createElement(n.Col,null,e.default.createElement(n.Button,{disabled:!l(),type:"primary",htmlType:"submit"},"\u63d0\u4ea4"))),e.default.createElement(n.Row,null,e.default.createElement(n.Col,null,e.default.createElement("pre",{style:{padding:"10px 0 0 10px"}},JSON.stringify(u.current,null,2)))))})))}}()},data:{19:{name:19,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  var onChange = function onChange(e) {\n    console.log(e);\n  };\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    },\n    size: "small",\n    onChange: onChange\n  }), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    multiple: "multiple",\n    style: {\n      maxWidth: 200\n    }\n  }), /*#__PURE__*/_react["default"].createElement("br", null));\n};',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button } from \'uiw\';\n\nexport default function Demo() {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} size="small" onChange={onChange} />\n      <br />\n      <FileInput multiple="multiple" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}'},40:{name:40,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "large",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    shape: "circle",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "card",\n    size: "small",\n    showFileIcon: {\n      showPreviewIcon: false,\n      showRemoveIcon: true\n    },\n    onPreview: function onPreview(file) {\n      return console.log(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'\n    }],\n    onChange: function onChange(items) {\n      return console.log(items);\n    }\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};',language:"jsx",value:'import React from \'react\';\nimport { FileInput, Button, Icon } from \'uiw\';\n\nexport default function Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType="card"\n        size="large"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        shape="circle"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType="card"\n        size="small"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type="plus" />\n      </FileInput>\n    </div>\n  )\n}'},101:{name:101,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\nfunction _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."); }\nfunction _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); }\nfunction _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; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\nreturn function Demo() {\n  var _React$useState = _react["default"].useState(false),\n    _React$useState2 = _slicedToArray(_React$useState, 2),\n    visible = _React$useState2[0],\n    visibleSet = _React$useState2[1];\n  var _React$useState3 = _react["default"].useState(null),\n    _React$useState4 = _slicedToArray(_React$useState3, 2),\n    curfile = _React$useState4[0],\n    curFileSet = _React$useState4[1];\n  console.log(\'curfile\', curfile);\n  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_uiw.Overlay, {\n    isOpen: visible,\n    onClosed: function onClosed() {\n      return visibleSet(false);\n    }\n  }, /*#__PURE__*/_react["default"].createElement("img", {\n    src: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.dataURL),\n    alt: "".concat(curfile === null || curfile === void 0 ? void 0 : curfile.name)\n  })), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview(file) {\n      visibleSet(true);\n      curFileSet(file);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n    type: "plus"\n  })));\n};',language:"jsx",value:"import React from 'react';\nimport { FileInput, Overlay, Icon } from 'uiw';\n\nexport default function Demo() {\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}"},138:{name:138,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireDefault(require("react"));\nvar _uiw = require("uiw");\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }\nreturn function Demo() {\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "large",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    shape: "circle",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "picture",\n    size: "small",\n    onPreview: function onPreview() {\n      return console.log(234);\n    },\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n    uploadType: "text",\n    multiple: true,\n    maxNumber: 2,\n    value: [{\n      dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n      name: \'uiw.png\'\n    }]\n  }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E")));\n};',language:"jsx",value:"import React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}"},195:{name:195,meta:{bg:"#fff"},code:'"use strict";\n\nvar _react = _interopRequireWildcard(require("react"));\nvar _uiw = require("uiw");\nfunction _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }\nfunction _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }\nfunction _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }\nreturn function Demo() {\n  var form = (0, _react.useRef)();\n  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n    type: "danger",\n    onClick: function onClick() {\n      var value = form.current.getFieldValues();\n      form.current.setFields(_objectSpread(_objectSpread({}, value), {}, {\n        picture1: [],\n        picture2: [],\n        picture3: []\n      }));\n    }\n  }, "\\u6E05\\u7A7A\\u7167\\u7247"), /*#__PURE__*/_react["default"].createElement(_uiw.Form, {\n    ref: form,\n    onSubmit: function onSubmit(_ref) {\n      var initial = _ref.initial,\n        current = _ref.current;\n      console.log(\'current\', current);\n    },\n    fields: {\n      picture1: {\n        label: \'\u56fe\u7247\u5899\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "card"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Icon, {\n          type: "plus"\n        }))\n      },\n      picture2: {\n        label: \'\u56fe\u7247\u5217\u8868\',\n        initialValue: [{\n          dataURL: \'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4\',\n          name: \'uiw.png\'\n        }],\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "picture"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      },\n      picture3: {\n        label: \'\u56fe\u7247\u540d\u79f0\u5217\u8868\',\n        children: /*#__PURE__*/_react["default"].createElement(_uiw.FileInput, {\n          uploadType: "text"\n        }, /*#__PURE__*/_react["default"].createElement(_uiw.Button, null, "\\u65B0\\u589E"))\n      }\n    }\n  }, function (_ref2) {\n    var fields = _ref2.fields,\n      state = _ref2.state,\n      canSubmit = _ref2.canSubmit;\n    return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture1)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture2)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, fields.picture3)), /*#__PURE__*/_react["default"].createElement(_uiw.Row, {\n      gutter: 10\n    }, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement(_uiw.Button, {\n      disabled: !canSubmit(),\n      type: "primary",\n      htmlType: "submit"\n    }, "\\u63D0\\u4EA4"))), /*#__PURE__*/_react["default"].createElement(_uiw.Row, null, /*#__PURE__*/_react["default"].createElement(_uiw.Col, null, /*#__PURE__*/_react["default"].createElement("pre", {\n      style: {\n        padding: \'10px 0 0 10px\'\n      }\n    }, JSON.stringify(state.current, null, 2)))));\n  }));\n};',language:"jsx",value:"import React,{ useRef } from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nexport default function Demo() {\n  const form = useRef()\n  return (\n    <div>\n      <Button\n        type=\"danger\" \n        onClick={()=>{\n          const value =  form.current.getFieldValues()\n          form.current.setFields({\n            ...value,\n            picture1:[],\n            picture2:[],\n            picture3:[]\n          })\n        }}\n      > \n        \u6e05\u7a7a\u7167\u7247\n      </Button>\n      <Form\n        ref={form}\n        onSubmit={({initial, current}) => {\n          console.log('current',current)\n        }}\n        fields={{\n          picture1: {\n            label: '\u56fe\u7247\u5899',\n            initialValue: [\n              {\n                dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n              }\n            ],\n            children: (\n              <FileInput uploadType=\"card\">\n                <Icon type=\"plus\" />\n              </FileInput>\n            )\n          },\n          picture2: {\n            label: '\u56fe\u7247\u5217\u8868',\n            initialValue: [\n              {\n                dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n              }\n            ],\n            children: (\n              <FileInput uploadType=\"picture\">\n                <Button>\u65b0\u589e</Button>\n              </FileInput>\n            )\n          },\n          picture3: {\n            label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n            children: (\n              <FileInput uploadType=\"text\">\n                <Button>\u65b0\u589e</Button>\n              </FileInput>\n            )\n          },\n        }}>\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row>\n                <Col>{fields.picture1}</Col>\n              </Row>\n              <Row>\n                <Col>{fields.picture2}</Col>\n              </Row>\n              <Row>\n                <Col>{fields.picture3}</Col>\n              </Row>\n              <Row gutter={10}>\n                <Col>\n                  <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <pre style={{ padding: '10px 0 0 10px' }}>\n                    {JSON.stringify(state.current, null, 2)}\n                  </pre>\n                </Col>\n              </Row>\n            </div>\n          )\n        }}\n      </Form>\n    </div>\n  )\n}"}},source:"FileInput \u4e0a\u4f20\u8f93\u5165\u6846\n===\n\n[![Buy me a coffee](https://img.shields.io/badge/Buy%20me%20a%20coffee-048754?logo=buymeacoffee)](https://jaywcjlove.github.io/#/sponsor)\n[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@uiw/react-file-input/file/README.md)\n[![NPM Downloads](https://img.shields.io/npm/dm/@uiw/react-file-input.svg?style=flat)](https://www.npmjs.com/package/@uiw/react-file-input)\n[![npm version](https://img.shields.io/npm/v/@uiw/react-file-input.svg?label=@uiw/react-file-input)](https://npmjs.com/@uiw/react-file-input)\n\n\u8fd9\u4e2a\u7ec4\u4ef6\u4ec5\u4ec5\u662f\u5bf9 `<input type=\"file\">` \u7684\u7f8e\u5316\uff0c\u4ed6\u662f\u57fa\u4e8e Input \u7ec4\u4ef6\u5c01\u88c5      \u3002\n\n```jsx\nimport { FileInput } from 'uiw';\n// or\nimport FileInput from '@uiw/react-file-input';\n```\n\n### \u57fa\u7840\u7528\u6cd5\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nexport default function Demo() {\n  const onChange = (e) => {\n    console.log(e)\n  }\n  return (\n    <div>\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} size=\"small\" onChange={onChange} />\n      <br />\n      <FileInput multiple=\"multiple\" style={{ maxWidth: 200 }} />\n      <br />\n    </div>\n  )\n}\n```\n\n### \u56fe\u7247\u5899\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { FileInput, Button, Icon } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"card\"\n        size=\"large\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        shape=\"circle\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"card\"\n        size=\"small\"\n        showFileIcon={{\n          showPreviewIcon: false,\n          showRemoveIcon: true\n        }}\n        onPreview={(file) => console.log(file)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4'}\n        ]}\n        onChange={(items) => console.log(items)}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </div>\n  )\n}\n```\n\n### \u56fe\u7247\u9884\u89c8\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { FileInput, Overlay, Icon } from 'uiw';\n\nexport default function Demo() {\n  const [visible,visibleSet]=React.useState(false)\n  const [curfile,curFileSet]=React.useState(null)\n  console.log('curfile',curfile)\n\n   return(\n     <>\n      <Overlay\n        isOpen={visible}\n        onClosed={()=>visibleSet(false)}\n      >\n        <img src={`${curfile?.dataURL}`} alt={`${curfile?.name}`} />\n      </Overlay>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={(file) =>{\n          visibleSet(true)\n          curFileSet(file)\n        }}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Icon type=\"plus\" />\n      </FileInput>\n    </>\n   )\n}\n```\n\n### \u56fe\u7247\u5217\u8868\u6837\u5f0f\n\n```jsx mdx:preview&bg=#fff\nimport React from 'react';\nimport { FileInput, Button } from 'uiw';\n\nexport default function Demo() {\n  return (\n    <div>\n      <FileInput\n        uploadType=\"picture\"\n        size=\"large\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        shape=\"circle\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"picture\"\n        size=\"small\"\n        onPreview={() => console.log(234)}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n      <br />\n      <FileInput\n        uploadType=\"text\"\n        multiple\n        maxNumber={2}\n        value={[\n          { dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png' }\n        ]}\n      >\n        <Button>\u65b0\u589e</Button>\n      </FileInput>\n    </div>\n  );\n}\n```\n\n### \u5728 `Form` \u8868\u5355\u4e2d\u4f7f\u7528\n\n```jsx mdx:preview&bg=#fff\nimport React,{ useRef } from 'react';\nimport { Form, Row, Col, Icon,FileInput,Button } from 'uiw';\n\nexport default function Demo() {\n  const form = useRef()\n  return (\n    <div>\n      <Button\n        type=\"danger\" \n        onClick={()=>{\n          const value =  form.current.getFieldValues()\n          form.current.setFields({\n            ...value,\n            picture1:[],\n            picture2:[],\n            picture3:[]\n          })\n        }}\n      > \n        \u6e05\u7a7a\u7167\u7247\n      </Button>\n      <Form\n        ref={form}\n        onSubmit={({initial, current}) => {\n          console.log('current',current)\n        }}\n        fields={{\n          picture1: {\n            label: '\u56fe\u7247\u5899',\n            initialValue: [\n              {\n                dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n              }\n            ],\n            children: (\n              <FileInput uploadType=\"card\">\n                <Icon type=\"plus\" />\n              </FileInput>\n            )\n          },\n          picture2: {\n            label: '\u56fe\u7247\u5217\u8868',\n            initialValue: [\n              {\n                dataURL: 'https://avatars2.githubusercontent.com/u/1680273?s=40&v=4', name: 'uiw.png'\n              }\n            ],\n            children: (\n              <FileInput uploadType=\"picture\">\n                <Button>\u65b0\u589e</Button>\n              </FileInput>\n            )\n          },\n          picture3: {\n            label: '\u56fe\u7247\u540d\u79f0\u5217\u8868',\n            children: (\n              <FileInput uploadType=\"text\">\n                <Button>\u65b0\u589e</Button>\n              </FileInput>\n            )\n          },\n        }}>\n        {({ fields, state, canSubmit }) => {\n          return (\n            <div>\n              <Row>\n                <Col>{fields.picture1}</Col>\n              </Row>\n              <Row>\n                <Col>{fields.picture2}</Col>\n              </Row>\n              <Row>\n                <Col>{fields.picture3}</Col>\n              </Row>\n              <Row gutter={10}>\n                <Col>\n                  <Button disabled={!canSubmit()} type=\"primary\" htmlType=\"submit\">\u63d0\u4ea4</Button>\n                </Col>\n              </Row>\n              <Row>\n                <Col>\n                  <pre style={{ padding: '10px 0 0 10px' }}>\n                    {JSON.stringify(state.current, null, 2)}\n                  </pre>\n                </Col>\n              </Row>\n            </div>\n          )\n        }}\n      </Form>\n    </div>\n  )\n}\n```\n\n## Props\n\n- `uploadType: input` \u57fa\u7840\u8f93\u5165\u6846\u4e0a\u4f20\n- `uploadType: picture` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u663e\u793a\u56fe\u7247\n- `uploadType: text` \u56fe\u7247\u5217\u5c55\u793a\u5217\u8868\uff0c\u4e0d\u663e\u793a\u56fe\u7247\n- `uploadType: card` \u56fe\u7247\u5899\u5217\u8868\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| uploadType | \u4e0a\u4f20\u5c55\u793a\u7c7b\u578b | `input`\u3001`picture`\u3001`text`\u3001`card` | `input` |\n| className | CSS\u7c7b\u540d\u79f0 | String | - |\n| multiple | \u662f\u5426\u591a\u9009\u4e0a\u4f20 | boolean | - |\n\n\n### Props uploadType input\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| dataLabel | input \u540e\u7f6e\u6587\u5b57 | `string` | `Browse` |\n\n\u66f4\u591a\u5c5e\u6027\u6587\u6863\u8bf7\u53c2\u8003 [Input](#/components/input)\u3002\n\n\n### Props uploadType \u975einput\u7c7b\u578b\n\n| \u53c2\u6570 | \u8bf4\u660e | \u7c7b\u578b | \u9ed8\u8ba4\u503c |\n|--------- |-------- |--------- |-------- |\n| value | \u9ed8\u8ba4\u56fe\u7247\u5217\u8868  | FileInputValue[] | - |\n| readonly | \u662f\u5426\u662f\u53ea\u8bfb\u6a21\u5f0f | boolean | false |\n| maxNumber | \u6587\u4ef6\u4e0a\u4f20\u6570\u91cf | boolean | false |\n| shape | \u56fe\u7247\u5c55\u793a\u5f62\u72b6  | `circle`\u3001`round` | `round` |\n| size | \u56fe\u7247\u5c55\u793a\u5927\u5c0f  | `large`\u3001`middle`\u3001`small` | `middle` |\n| showFileIcon | \u8bbe\u7f6e\u56fe\u6807\u6309\u94ae\u662f\u5426\u5c55\u793a | {showPreviewIcon?: boolean,showRemoveIcon?: boolean} | {showPreviewIcon: true, showRemoveIcon: true} |\n| onChange | \u6587\u4ef6\u4e0a\u4f20\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n| onPreview | \u9884\u89c8\u56fe\u6807\u65f6\u7684\u56de\u8c03 | (value: FileInputValue[]) => void | - |\n\n",headings:[],headingsList:[]};var u=t(5301),l=t(4760);function a(){return(0,l.jsx)(u.Z,{...r,path:"https://github.com/uiwjs/uiw/tree/master/packages/react-file-input/README.md"})}}}]);
//# sourceMappingURL=6965.50b73c86.chunk.js.map