@kne-components/button-group 0.1.17 → 0.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/asset-manifest.json +16 -18
- package/build/index.html +1 -1
- package/build/remoteEntry.js +1 -1
- package/build/remoteEntry.js.map +1 -1
- package/build/static/css/{72.279efb34.chunk.css → 72.2936653e.chunk.css} +2 -2
- package/build/static/css/72.2936653e.chunk.css.map +1 -0
- package/build/static/css/784.4e56b4f8.chunk.css +2 -0
- package/build/static/css/784.4e56b4f8.chunk.css.map +1 -0
- package/build/static/js/155.4af79288.chunk.js +2 -0
- package/build/static/js/155.4af79288.chunk.js.map +1 -0
- package/build/static/js/{72.9b15f061.chunk.js → 72.eba83842.chunk.js} +2 -2
- package/build/static/js/{72.9b15f061.chunk.js.map → 72.eba83842.chunk.js.map} +1 -1
- package/build/static/js/{784.86863d45.chunk.js → 784.b0bbd74d.chunk.js} +2 -2
- package/build/static/js/{784.86863d45.chunk.js.map → 784.b0bbd74d.chunk.js.map} +1 -1
- package/build/static/js/{872.82d825a9.chunk.js → 872.ac64d3b7.chunk.js} +2 -2
- package/build/static/js/{872.82d825a9.chunk.js.map → 872.ac64d3b7.chunk.js.map} +1 -1
- package/build/static/js/main.4c8065f5.js +2 -0
- package/build/static/js/main.4c8065f5.js.map +1 -0
- package/package.json +1 -1
- package/build/static/css/72.279efb34.chunk.css.map +0 -1
- package/build/static/css/784.201846a2.chunk.css +0 -2
- package/build/static/css/784.201846a2.chunk.css.map +0 -1
- package/build/static/js/155.48740487.chunk.js +0 -2
- package/build/static/js/155.48740487.chunk.js.map +0 -1
- package/build/static/js/536.41ad9b31.chunk.js +0 -2
- package/build/static/js/536.41ad9b31.chunk.js.map +0 -1
- package/build/static/js/main.1d1f843c.js +0 -2
- package/build/static/js/main.1d1f843c.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[72],{11448:(e,t,o)=>{var n=o(89379),r=(o(94922),o(87558)),s=o(55199),a=o(94312),l=o(13050),p=o(89261);window.PUBLIC_URL="/button-group";const u={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var c=o(65457),m=o(53986),d=o(94679),i=o(14152),g=o.n(i),k=(o(91296),o(46446));const f=["globalPreset"],h=g().ExampleRoutes,b=e=>{let{globalPreset:t}=e,o=(0,m.A)(e,f);return(0,p.jsx)(d.HashRouter,{children:(0,p.jsx)(h,(0,n.A)((0,n.A)({},o),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:t.themeToken,readme:k.default,pageProps:{menu:null}}))})},A=c.createRoot(document.getElementById("root"));(async e=>{const t=await(async()=>{const e=(0,a.A)({errorHandler:e=>s.message.error(e)}),t=(0,n.A)((0,n.A)({},u),{},{remote:"components-core",defaultVersion:"0.4.3"});return(0,l.preset)({remotes:{default:t,"components-core":t,"components-iconfont":(0,n.A)((0,n.A)({},u),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"button-group":(0,n.A)((0,n.A)({},u),{},{remote:"button-group",defaultVersion:"0.1.
|
|
2
|
-
//# sourceMappingURL=72.
|
|
1
|
+
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[72],{11448:(e,t,o)=>{var n=o(89379),r=(o(94922),o(87558)),s=o(55199),a=o(94312),l=o(13050),p=o(89261);window.PUBLIC_URL="/button-group";const u={url:"https://uc.fatalent.cn",tpl:"{{url}}/packages/@kne-components/{{remote}}/{{version}}/build"};var c=o(65457),m=o(53986),d=o(94679),i=o(14152),g=o.n(i),k=(o(91296),o(46446));const f=["globalPreset"],h=g().ExampleRoutes,b=e=>{let{globalPreset:t}=e,o=(0,m.A)(e,f);return(0,p.jsx)(d.HashRouter,{children:(0,p.jsx)(h,(0,n.A)((0,n.A)({},o),{},{paths:[{key:"components",path:"/",title:"\u9996\u9875"}],preset:t,themeToken:t.themeToken,readme:k.default,pageProps:{menu:null}}))})},A=c.createRoot(document.getElementById("root"));(async e=>{const t=await(async()=>{const e=(0,a.A)({errorHandler:e=>s.message.error(e)}),t=(0,n.A)((0,n.A)({},u),{},{remote:"components-core",defaultVersion:"0.4.3"});return(0,l.preset)({remotes:{default:t,"components-core":t,"components-iconfont":(0,n.A)((0,n.A)({},u),{},{remote:"components-iconfont",defaultVersion:"0.2.1"}),"button-group":(0,n.A)((0,n.A)({},u),{},{remote:"button-group",defaultVersion:"0.1.18"})}}),(0,r.preset)({ajax:e,loading:(0,p.jsx)(s.Spin,{delay:500,style:{position:"absolute",left:"50%",padding:"10px",transform:"translateX(-50%)"}}),error:null,empty:(0,p.jsx)(s.Empty,{}),transformResponse:e=>{const{data:t}=e;return e.data={code:0===t.code?200:t.code,msg:t.msg,results:t.data},e}}),{ajax:e,enums:{},apis:{},themeToken:{colorPrimary:"#4183F0"}}})();A.render((0,p.jsx)(e,{themeToken:t.themeToken,globalPreset:t}))})(b)}}]);
|
|
2
|
+
//# sourceMappingURL=72.eba83842.chunk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/72.
|
|
1
|
+
{"version":3,"file":"static/js/72.eba83842.chunk.js","mappings":"4NAMAA,OAAOC,WAAaC,gBAOpB,MAAMC,EAAW,CACfC,IAAK,yBAA0BC,IAAK,iE,wGCThCC,EAAgBC,IAAAA,cAuBtB,EArBYC,IAAiC,IAAhC,aAAEC,GAAwBD,EAAPE,GAAKC,EAAAA,EAAAA,GAAAH,EAAAI,GACnC,OACIC,EAAAA,EAAAA,KAACC,EAAAA,WAAU,CAAAC,UACTF,EAAAA,EAAAA,KAACP,GAAaU,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACNN,GAAK,IACTO,MAAO,CACL,CACEC,IAAK,aACLC,KAAM,IACNC,MAAO,iBAGXC,OAAQZ,EACRa,WAAYb,EAAaa,WACzBC,OAAQA,EAAAA,QACRC,UAAW,CAAEC,KAAM,YCjBzBC,EAAOC,EAAAA,WAAoBC,SAASC,eAAe,SAEtCC,WACjB,MAAMrB,OFSkBqB,WACxB,MAAMC,GAAOC,EAAAA,EAAAA,GAAW,CACtBC,aAAcC,GAASC,EAAAA,QAAQD,MAAMA,KAGjCE,GAAoBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACrBb,GAAQ,IAAEkC,OAAQ,kBAAmBC,eAAgB,UAgC1D,OA7BAC,EAAAA,EAAAA,QAAmB,CACjBC,QAAS,CACPC,QAASL,EAAsB,kBAAmBA,EAAsB,uBAAqBpB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACxFb,GAAQ,IAAEkC,OAAQ,sBAAuBC,eAAgB,UAC3D,gBAEFtB,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACIb,GAAQ,IAAEkC,OAAQ,eAAgBC,eAAgBpC,eAM3DwC,EAAAA,EAAAA,QAAY,CACVX,OAAMY,SAAS9B,EAAAA,EAAAA,KAAC+B,EAAAA,KAAI,CAACC,MAAO,IACPC,MAAO,CACLC,SAAU,WACVC,KAAM,MACNC,QAAS,OACTC,UAAW,sBACNhB,MAAO,KAAMiB,OAAOtC,EAAAA,EAAAA,KAACuC,EAAAA,MAAK,IAAKC,kBAAoBC,IAC7E,MAAM,KAAEC,GAASD,EAIjB,OAHAA,EAASC,KAAO,CACdC,KAAoB,IAAdD,EAAKC,KAAa,IAAMD,EAAKC,KAAMC,IAAKF,EAAKE,IAAKC,QAASH,EAAKA,MAEjED,KAIJ,CACLvB,OAAM4B,MAAO,CAAC,EAAGC,KAAM,CAAC,EAAGtC,WAAY,CACrCuC,aAAc,aEjDSC,GACpBpC,EAAKqC,QAAOlD,EAAAA,EAAAA,KAACmD,EAAG,CAAC1C,WAAYb,EAAaa,WAAYb,aAAcA,MAG7EwD,CAAWD,E","sources":["preset.js","App.js","bootstrap.js"],"sourcesContent":["import React from 'react';\nimport { preset as fetchPreset } from '@kne/react-fetch';\nimport { Spin, Empty, message } from 'antd';\nimport createAjax from '@kne/axios-fetch';\nimport { preset as remoteLoaderPreset } from '@kne/remote-loader';\n\nwindow.PUBLIC_URL = process.env.PUBLIC_URL;\n\n// url: 'https://registry.npmmirror.com',\n// tpl: '{{url}}/@kne-components%2f{{remote}}/{{version}}/files/build',\n\n// url: 'https://cdn.jsdelivr.net', tpl: '{{url}}/npm/@kne-components/{{remote}}@{{version}}/build'\n\nconst registry = {\n url: 'https://uc.fatalent.cn', tpl: '{{url}}/packages/@kne-components/{{remote}}/{{version}}/build'\n};\n\nexport const globalInit = async () => {\n const ajax = createAjax({\n errorHandler: error => message.error(error)\n });\n\n const componentsCoreRemote = {\n ...registry, remote: 'components-core', defaultVersion: '0.4.3'\n };\n\n remoteLoaderPreset({\n remotes: {\n default: componentsCoreRemote, 'components-core': componentsCoreRemote, 'components-iconfont': {\n ...registry, remote: 'components-iconfont', defaultVersion: '0.2.1'\n }, 'button-group': process.env.NODE_ENV === 'development' ? {\n remote: 'button-group', url: '/', tpl: '{{url}}'\n } : {\n ...registry, remote: 'button-group', defaultVersion: process.env.DEFAULT_VERSION\n }\n }\n });\n\n\n fetchPreset({\n ajax, loading: <Spin delay={500}\n style={{\n position: 'absolute',\n left: '50%',\n padding: '10px',\n transform: 'translateX(-50%)'\n }} />, error: null, empty: <Empty />, transformResponse: (response) => {\n const { data } = response;\n response.data = {\n code: data.code === 0 ? 200 : data.code, msg: data.msg, results: data.data\n };\n return response;\n }\n });\n\n return {\n ajax, enums: {}, apis: {}, themeToken: {\n colorPrimary: '#4183F0'\n }\n };\n};\n","import { HashRouter } from \"react-router-dom\";\nimport createEntry from \"@kne/modules-dev/dist/create-entry\";\nimport \"@kne/modules-dev/dist/create-entry.css\";\nimport readme from \"readme\";\n\nconst ExampleRoutes = createEntry.ExampleRoutes;\n\nconst App = ({ globalPreset, ...props }) => {\n return (\n <HashRouter>\n <ExampleRoutes\n {...props}\n paths={[\n {\n key: \"components\",\n path: \"/\",\n title: \"首页\",\n },\n ]}\n preset={globalPreset}\n themeToken={globalPreset.themeToken}\n readme={readme}\n pageProps={{ menu: null }}\n />\n </HashRouter>\n );\n};\n\nexport default App;\n","import { globalInit } from './preset';\nimport React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './App';\n\nconst root = ReactDOM.createRoot(document.getElementById('root'));\n\nconst renderRoot = async (App) => {\n const globalPreset = await globalInit();\n return root.render(<App themeToken={globalPreset.themeToken} globalPreset={globalPreset} />);\n};\n\nrenderRoot(App);\n"],"names":["window","PUBLIC_URL","process","registry","url","tpl","ExampleRoutes","createEntry","_ref","globalPreset","props","_objectWithoutProperties","_excluded","_jsx","HashRouter","children","_objectSpread","paths","key","path","title","preset","themeToken","readme","pageProps","menu","root","ReactDOM","document","getElementById","async","ajax","createAjax","errorHandler","error","message","componentsCoreRemote","remote","defaultVersion","remoteLoaderPreset","remotes","default","fetchPreset","loading","Spin","delay","style","position","left","padding","transform","empty","Empty","transformResponse","response","data","code","msg","results","enums","apis","colorPrimary","globalInit","render","App","renderRoot"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[784],{8151:(o,n,u)=>{u.r(n),u.d(n,{default:()=>t,manifest:()=>e});const t={ButtonGroup:u(58872).A},e={name:"button-group",version:"0.1.
|
|
2
|
-
//# sourceMappingURL=784.
|
|
1
|
+
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[784],{8151:(o,n,u)=>{u.r(n),u.d(n,{default:()=>t,manifest:()=>e});const t={ButtonGroup:u(58872).A},e={name:"button-group",version:"0.1.18","open-version":!0,"public-url":"/button-group",modules:[{name:"button-group",baseDir:"/home/runner/work/button-group/button-group",description:"\u5b9e\u73b0\u4e86\u4e00\u4e2a\u6309\u94ae\u7ec4,loading\u6309\u94ae,\u786e\u8ba4\u6309\u94ae\u548c\u52a0\u8f7d\u6309\u94ae.",packageName:"@kne/button-group"}]}}}]);
|
|
2
|
+
//# sourceMappingURL=784.b0bbd74d.chunk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/784.
|
|
1
|
+
{"version":3,"file":"static/js/784.b0bbd74d.chunk.js","mappings":"wLAA6D,SAAgBA,Y,SAAWA,GAC3EC,EAAW,CAAC,KAAO,eAAe,QAAU,SAAS,gBAAe,EAAK,aAAa,gBAAgB,QAAU,CAAC,CAAC,KAAO,eAAe,QAAU,8CAA8C,YAAc,+HAAgC,YAAc,sB","sources":["../node_modules/readme/modules.js"],"sourcesContent":["import ButtonGroup from '@components/button-group/README.md';export default {ButtonGroup};\nexport const manifest = {\"name\":\"button-group\",\"version\":\"0.1.18\",\"open-version\":true,\"public-url\":\"/button-group\",\"modules\":[{\"name\":\"button-group\",\"baseDir\":\"/home/runner/work/button-group/button-group\",\"description\":\"实现了一个按钮组,loading按钮,确认按钮和加载按钮.\",\"packageName\":\"@kne/button-group\"}]};"],"names":["ButtonGroup","manifest"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[872],{58872:(n,t,o)=>{o.d(t,{A:()=>r});var d=o(28711),e=o(28833);const r={name:"button-group",summary:"<p>@kne/button-group \u662f\u4e00\u4e2aReact\u6309\u94ae\u7ec4\u4ef6\u5e93\uff0c\u63d0\u4f9b\u4e86\u4e00\u7cfb\u5217\u529f\u80fd\u4e30\u5bcc\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7b80\u5316\u5e38\u89c1\u7684\u6309\u94ae\u4ea4\u4e92\u573a\u666f\u3002\u8be5\u5e93\u4e13\u6ce8\u4e8e\u63d0\u4f9b\u81ea\u9002\u5e94\u5e03\u5c40\u3001\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406\u3001\u786e\u8ba4\u64cd\u4f5c\u548c\u6570\u636e\u8bf7\u6c42\u7b49\u529f\u80fd\uff0c\u4f7f\u5f00\u53d1\u8005\u80fd\u591f\u5feb\u901f\u5b9e\u73b0\u5404\u79cd\u590d\u6742\u7684\u6309\u94ae\u4ea4\u4e92\u9700\u6c42\u3002</p>\n<h3>\u4e3b\u8981\u7ec4\u4ef6</h3>\n<h4>ButtonGroup</h4>\n<p>\u81ea\u9002\u5e94\u7684\u6309\u94ae\u7ec4\u7ec4\u4ef6\uff0c\u80fd\u591f\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u663e\u793a\u7684\u6309\u94ae\u6570\u91cf\u3002\u5f53\u5bb9\u5668\u5bbd\u5ea6\u4e0d\u8db3\u4ee5\u663e\u793a\u6240\u6709\u6309\u94ae\u65f6\uff0c\u4f1a\u81ea\u52a8\u5c06\u591a\u4f59\u7684\u6309\u94ae\u653e\u5165\u4e0b\u62c9\u83dc\u5355\u4e2d\uff0c\u786e\u4fdd\u754c\u9762\u5e03\u5c40\u7f8e\u89c2\u4e14\u529f\u80fd\u5b8c\u6574\u3002</p>\n<h4>LoadingButton</h4>\n<p>\u5c01\u88c5\u4e86\u52a0\u8f7d\u72b6\u6001\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7b80\u5316\u4e86\u5f02\u6b65\u64cd\u4f5c\u7684\u5904\u7406\u3002\u901a\u8fc7\u5185\u7f6e\u7684\u72b6\u6001\u7ba1\u7406\uff0c\u5728\u5f02\u6b65\u64cd\u4f5c\u6267\u884c\u671f\u95f4\u81ea\u52a8\u663e\u793a\u52a0\u8f7d\u72b6\u6001\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002\u540c\u65f6\u63d0\u4f9b\u4e86useLoading hook\uff0c\u65b9\u4fbf\u5728\u5176\u4ed6\u7ec4\u4ef6\u4e2d\u590d\u7528\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406\u903b\u8f91\u3002</p>\n<h4>ConfirmButton</h4>\n<p>\u5e26\u6709\u786e\u8ba4\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u652f\u6301\u5f39\u7a97\u786e\u8ba4\u548c\u6a21\u6001\u6846\u786e\u8ba4\u4e24\u79cd\u6a21\u5f0f\u3002\u9002\u7528\u4e8e\u9700\u8981\u7528\u6237\u4e8c\u6b21\u786e\u8ba4\u7684\u64cd\u4f5c\uff0c\u5982\u5220\u9664\u3001\u63d0\u4ea4\u7b49\u91cd\u8981\u64cd\u4f5c\u3002\u540c\u65f6\u63d0\u4f9b\u4e86ConfirmLink\u548cConfirmText\u53d8\u4f53\uff0c\u4ee5\u53cawithConfirm\u9ad8\u9636\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u4e0d\u540c\u573a\u666f\u7684\u786e\u8ba4\u9700\u6c42\u3002</p>\n<h4>FetchButton</h4>\n<p>\u96c6\u6210\u4e86\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u57fa\u4e8e@kne/react-fetch\u5e93\u5b9e\u73b0\u3002\u53ef\u4ee5\u76f4\u63a5\u5904\u7406API\u8bf7\u6c42\uff0c\u5e76\u5728\u8bf7\u6c42\u8fc7\u7a0b\u4e2d\u81ea\u52a8\u7ba1\u7406\u52a0\u8f7d\u72b6\u6001\uff0c\u7b80\u5316\u4e86\u6570\u636e\u4ea4\u4e92\u7684\u5b9e\u73b0\u3002</p>\n<h4>ButtonFooter</h4>\n<p>\u9875\u9762\u5e95\u90e8\u6309\u94ae\u533a\u57df\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u81ea\u52a8\u8ba1\u7b97\u9ad8\u5ea6\u5e76\u8bbe\u7f6eCSS\u53d8\u91cf\uff0c\u65b9\u4fbf\u9875\u9762\u5e03\u5c40\u548c\u6837\u5f0f\u8c03\u6574\u3002</p>\n<h3>\u7279\u6027</h3>\n<ul>\n<li><strong>\u81ea\u9002\u5e94\u5e03\u5c40</strong>\uff1a\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u6309\u94ae\u663e\u793a\u65b9\u5f0f</li>\n<li><strong>\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406</strong>\uff1a\u7b80\u5316\u5f02\u6b65\u64cd\u4f5c\u7684\u52a0\u8f7d\u72b6\u6001\u5904\u7406</li>\n<li><strong>\u64cd\u4f5c\u786e\u8ba4</strong>\uff1a\u63d0\u4f9b\u591a\u79cd\u786e\u8ba4\u6a21\u5f0f\uff0c\u589e\u5f3a\u7528\u6237\u64cd\u4f5c\u5b89\u5168\u6027</li>\n<li><strong>\u6570\u636e\u8bf7\u6c42\u96c6\u6210</strong>\uff1a\u7b80\u5316\u6309\u94ae\u4e0e\u540e\u7aefAPI\u7684\u4ea4\u4e92</li>\n<li><strong>\u56fd\u9645\u5316\u652f\u6301</strong>\uff1a\u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305</li>\n<li><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong>\uff1a\u7ec4\u4ef6\u63d0\u4f9b\u4e30\u5bcc\u7684\u914d\u7f6e\u9009\u9879</li>\n</ul>\n<h3>\u8bbe\u8ba1\u7406\u5ff5</h3>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7684\u8bbe\u8ba1\u7406\u5ff5\u662f\u901a\u8fc7\u5c01\u88c5\u5e38\u89c1\u7684\u6309\u94ae\u4ea4\u4e92\u6a21\u5f0f\uff0c\u63d0\u4f9b\u5f00\u7bb1\u5373\u7528\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u540c\u65f6\u4fdd\u6301\u8db3\u591f\u7684\u7075\u6d3b\u6027\u548c\u53ef\u6269\u5c55\u6027\u3002\u4e3b\u8981\u4f53\u73b0\u5728\u4ee5\u4e0b\u51e0\u4e2a\u65b9\u9762\uff1a</p>\n<ol>\n<li>\n<p><strong>\u5173\u6ce8\u70b9\u5206\u79bb</strong>\uff1a\u6bcf\u4e2a\u7ec4\u4ef6\u4e13\u6ce8\u4e8e\u89e3\u51b3\u7279\u5b9a\u7684\u95ee\u9898\uff0c\u5982ButtonGroup\u4e13\u6ce8\u4e8e\u5e03\u5c40\uff0cLoadingButton\u4e13\u6ce8\u4e8e\u72b6\u6001\u7ba1\u7406\u3002</p>\n</li>\n<li>\n<p><strong>\u7ec4\u5408\u4f18\u4e8e\u7ee7\u627f</strong>\uff1a\u901a\u8fc7\u7ec4\u5408\u4e0d\u540c\u7684\u529f\u80fd\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u5b9e\u73b0\u590d\u6742\u7684\u4ea4\u4e92\u9700\u6c42\uff0c\u5982FetchButton\u5c31\u662fLoadingButton\u4e0e\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u7ec4\u5408\u3002</p>\n</li>\n<li>\n<p><strong>\u58f0\u660e\u5f0fAPI</strong>\uff1a\u63d0\u4f9b\u7b80\u6d01\u660e\u4e86\u7684API\uff0c\u4f7f\u5f00\u53d1\u8005\u80fd\u591f\u4ee5\u58f0\u660e\u5f0f\u7684\u65b9\u5f0f\u63cf\u8ff0UI\u548c\u4ea4\u4e92\u884c\u4e3a\u3002</p>\n</li>\n<li>\n<p><strong>\u6e10\u8fdb\u5f0f\u589e\u5f3a</strong>\uff1a\u57fa\u7840\u7ec4\u4ef6\u53ef\u4ee5\u72ec\u7acb\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u4e0e\u5176\u4ed6\u7ec4\u4ef6\u7ec4\u5408\u4f7f\u7528\uff0c\u5b9e\u73b0\u66f4\u590d\u6742\u7684\u529f\u80fd\u3002</p>\n</li>\n<li>\n<p><strong>\u7528\u6237\u4f53\u9a8c\u4f18\u5148</strong>\uff1a\u6ce8\u91cd\u7ec6\u8282\uff0c\u5982\u81ea\u9002\u5e94\u5e03\u5c40\u3001\u52a0\u8f7d\u72b6\u6001\u53cd\u9988\u7b49\uff0c\u63d0\u5347\u6700\u7ec8\u7528\u6237\u7684\u4f7f\u7528\u4f53\u9a8c\u3002</p>\n</li>\n</ol>",description:"\u5b9e\u73b0\u4e86\u4e00\u4e2a\u6309\u94ae\u7ec4,loading\u6309\u94ae,\u786e\u8ba4\u6309\u94ae\u548c\u52a0\u8f7d\u6309\u94ae.",packageName:"@kne/button-group",api:'<h3>ButtonGroup \u7ec4\u4ef6</h3>\n<p>ButtonGroup\u662f\u4e00\u4e2a\u81ea\u9002\u5e94\u7684\u6309\u94ae\u7ec4\u7ec4\u4ef6\uff0c\u80fd\u591f\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u663e\u793a\u7684\u6309\u94ae\u6570\u91cf\uff0c\u5e76\u5c06\u591a\u4f59\u7684\u6309\u94ae\u653e\u5165\u4e0b\u62c9\u83dc\u5355\u4e2d\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u7ec4\u7684\u5b50\u5143\u7d20\uff0c\u901a\u5e38\u662f\u4e00\u7cfb\u5217\u6309\u94ae</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u7c7b\u540d</td>\n</tr>\n<tr>\n<td>style</td>\n<td>object</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f</td>\n</tr>\n<tr>\n<td>moreText</td>\n<td>string</td>\n<td>"\u66f4\u591a"</td>\n<td>\u66f4\u591a\u6309\u94ae\u7684\u6587\u672c</td>\n</tr>\n<tr>\n<td>buttonWidth</td>\n<td>number</td>\n<td>-</td>\n<td>\u6309\u94ae\u7684\u56fa\u5b9a\u5bbd\u5ea6\uff0c\u5982\u679c\u4e0d\u8bbe\u7f6e\u5219\u81ea\u52a8\u8ba1\u7b97</td>\n</tr>\n<tr>\n<td>buttonMargin</td>\n<td>number</td>\n<td>8</td>\n<td>\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</td>\n</tr>\n<tr>\n<td>dropdownProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Dropdown\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>menuProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Menu\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>getPopupContainer</td>\n<td>function</td>\n<td>-</td>\n<td>\u83dc\u5355\u6e32\u67d3\u7236\u8282\u70b9\uff0c\u9ed8\u8ba4\u6e32\u67d3\u5230body\u4e0a</td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>function</td>\n<td>-</td>\n<td>\u83dc\u5355\u663e\u793a\u72b6\u6001\u6539\u53d8\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>onMoreClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u66f4\u591a\u6309\u94ae\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>onMenuClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u83dc\u5355\u9879\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>moreIcon</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u66f4\u591a\u6309\u94ae\u7684\u56fe\u6807</td>\n</tr>\n<tr>\n<td>moreButtonProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9\u66f4\u591a\u6309\u94ae\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>forceRender</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u5f3a\u5236\u6e32\u67d3\u6240\u6709\u6309\u94ae\uff0c\u4e0d\u8fdb\u884c\u81ea\u9002\u5e94\u5904\u7406</td>\n</tr>\n</tbody>\n</table>\n<h3>LoadingButton \u7ec4\u4ef6</h3>\n<p>LoadingButton\u662f\u4e00\u4e2a\u5c01\u88c5\u4e86\u52a0\u8f7d\u72b6\u6001\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7b80\u5316\u4e86\u5f02\u6b65\u64cd\u4f5c\u7684\u5904\u7406\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u6309\u94ae\u65f6\u7684\u56de\u8c03\u51fd\u6570\uff0c\u53ef\u4ee5\u8fd4\u56dePromise</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u663e\u793a\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u7981\u7528\u6309\u94ae</td>\n</tr>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9Button\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>useLoading Hook</h3>\n<p>useLoading\u662f\u4e00\u4e2a\u7528\u4e8e\u7ba1\u7406\u5f02\u6b65\u64cd\u4f5c\u52a0\u8f7d\u72b6\u6001\u7684Hook\u3002</p>\n<h4>\u53c2\u6570\u4e0e\u8fd4\u56de\u503c</h4>\n<table>\n<thead>\n<tr>\n<th>\u53c2\u6570</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>-</td>\n<td>-</td>\n<td>-</td>\n<td>\u4e0d\u63a5\u53d7\u53c2\u6570</td>\n</tr>\n</tbody>\n</table>\n<p><strong>\u8fd4\u56de\u503c</strong>\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0</th>\n<th>\u7c7b\u578b</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>\u5f53\u524d\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n<tr>\n<td>withLoading</td>\n<td>function</td>\n<td>\u5305\u88c5\u5f02\u6b65\u51fd\u6570\uff0c\u81ea\u52a8\u7ba1\u7406\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmButton \u7ec4\u4ef6</h3>\n<p>ConfirmButton\u662f\u4e00\u4e2a\u5e26\u6709\u786e\u8ba4\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u652f\u6301\u5f39\u7a97\u786e\u8ba4\u548c\u6a21\u6001\u6846\u786e\u8ba4\u4e24\u79cd\u6a21\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u786e\u8ba4\u540e\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u6807\u9898</td>\n</tr>\n<tr>\n<td>content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>string</td>\n<td>"\u786e\u5b9a"</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>string</td>\n<td>"\u53d6\u6d88"</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>type</td>\n<td>"popconfirm" | "modal"</td>\n<td>"popconfirm"</td>\n<td>\u786e\u8ba4\u6846\u7c7b\u578b\uff0c\u652f\u6301\u6c14\u6ce1\u786e\u8ba4\u6846\u548c\u6a21\u6001\u6846</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Modal\u7ec4\u4ef6\u7684\u5c5e\u6027\uff08\u5f53type\u4e3a"modal"\u65f6\u6709\u6548\uff09</td>\n</tr>\n<tr>\n<td>popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Popconfirm\u7ec4\u4ef6\u7684\u5c5e\u6027\uff08\u5f53type\u4e3a"popconfirm"\u65f6\u6709\u6548\uff09</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9Button\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink \u7ec4\u4ef6</h3>\n<p>ConfirmLink\u662fConfirmButton\u7684\u53d8\u4f53\uff0c\u6e32\u67d3\u4e3a\u94fe\u63a5\u6837\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<p>\u4e0eConfirmButton\u76f8\u540c\uff0c\u4f46\u9ed8\u8ba4\u6e32\u67d3\u4e3a\u94fe\u63a5\u6837\u5f0f\u3002</p>\n<h3>ConfirmText \u7ec4\u4ef6</h3>\n<p>ConfirmText\u662fConfirmButton\u7684\u53d8\u4f53\uff0c\u6e32\u67d3\u4e3a\u7eaf\u6587\u672c\u6837\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<p>\u4e0eConfirmButton\u76f8\u540c\uff0c\u4f46\u9ed8\u8ba4\u6e32\u67d3\u4e3a\u7eaf\u6587\u672c\u6837\u5f0f\u3002</p>\n<h3>withConfirm \u9ad8\u9636\u7ec4\u4ef6</h3>\n<p>withConfirm\u662f\u4e00\u4e2a\u9ad8\u9636\u7ec4\u4ef6\uff0c\u7528\u4e8e\u4e3a\u4efb\u610f\u7ec4\u4ef6\u6dfb\u52a0\u786e\u8ba4\u529f\u80fd\u3002</p>\n<h4>\u53c2\u6570</h4>\n<table>\n<thead>\n<tr>\n<th>\u53c2\u6570\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>options</td>\n<td>object</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u914d\u7f6e\u9009\u9879</td>\n</tr>\n<tr>\n<td>options.title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u6807\u9898</td>\n</tr>\n<tr>\n<td>options.content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>options.okText</td>\n<td>string</td>\n<td>"\u786e\u5b9a"</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>options.cancelText</td>\n<td>string</td>\n<td>"\u53d6\u6d88"</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>options.type</td>\n<td>"popconfirm" | "modal"</td>\n<td>"popconfirm"</td>\n<td>\u786e\u8ba4\u6846\u7c7b\u578b</td>\n</tr>\n<tr>\n<td>options.modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Modal\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>options.popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Popconfirm\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>FetchButton \u7ec4\u4ef6</h3>\n<p>FetchButton\u662f\u4e00\u4e2a\u96c6\u6210\u4e86\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u57fa\u4e8e@kne/react-fetch\u5e93\u5b9e\u73b0\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>api</td>\n<td>string | object | function</td>\n<td>-</td>\n<td>\u8bf7\u6c42API\uff0c\u53ef\u4ee5\u662f\u5b57\u7b26\u4e32\u3001\u5bf9\u8c61\u6216\u51fd\u6570</td>\n</tr>\n<tr>\n<td>params</td>\n<td>object</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u53c2\u6570</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u6210\u529f\u56de\u8c03</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u5931\u8d25\u56de\u8c03</td>\n</tr>\n<tr>\n<td>beforeFetch</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u524d\u5904\u7406\u51fd\u6570\uff0c\u8fd4\u56defalse\u53ef\u963b\u6b62\u8bf7\u6c42</td>\n</tr>\n<tr>\n<td>afterFetch</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u540e\u5904\u7406\u51fd\u6570</td>\n</tr>\n<tr>\n<td>fetchOptions</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9fetch\u51fd\u6570\u7684\u9009\u9879</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9LoadingButton\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>ButtonFooter \u7ec4\u4ef6</h3>\n<p>ButtonFooter\u662f\u4e00\u4e2a\u9875\u9762\u5e95\u90e8\u6309\u94ae\u533a\u57df\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u81ea\u52a8\u8ba1\u7b97\u9ad8\u5ea6\u5e76\u8bbe\u7f6eCSS\u53d8\u91cf\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u533a\u57df\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u7c7b\u540d</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!1,className:"button_group_e0271",style:".button_group_e0271 .ant-card {\n border-color: black;\n text-align: center;\n width: 200px;\n}",list:[{title:"ButtonGroup",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { default: ButtonGroup, ConfirmButton } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst { useState, useEffect } = React;\n\nconst Example = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n list={[\n {\n type: 'primary',\n children: '\u64cd\u4f5c1'\n },\n {\n type: 'primary',\n children: '\u64cd\u4f5c1-1',\n hidden: true\n },\n {\n children: '\u64cd\u4f5c2',\n tooltipProps: {\n title: '\u64cd\u4f5c2'\n }\n },\n {\n children: '\u64cd\u4f5c3',\n disabled: true,\n tooltipProps: {\n title: '\u64cd\u4f5c3==='\n }\n },\n {\n children: '\u64cd\u4f5c4',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f',\n disabled: true\n },\n {\n children: '\u64cd\u4f5c5',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f'\n }\n ]}\n more=\"...\"\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst CompactExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n compact\n list={[\n {\n type: 'primary',\n children: '\u64cd\u4f5c1'\n },\n {\n children: '\u64cd\u4f5c2'\n },\n {\n children: '\u64cd\u4f5c3',\n hidden: true\n },\n {\n children: '\u64cd\u4f5c4',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f'\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst LoadChildren = ({ children }) => {\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n }, []);\n if (loading) {\n return null;\n }\n return children({\n onClick: () => {\n console.log('\u52a0\u8f7d\u5b8c\u6210');\n }\n });\n};\nconst FunctionProps = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n moreType=\"link\"\n list={[\n props => {\n return (\n <Button {...props} type=\"link\">\n \u64cd\u4f5c1\n </Button>\n );\n },\n props => {\n return <Button {...props} type=\"link\">\u64cd\u4f5c2</Button>;\n },\n props => {\n return <Button {...props} type=\"link\">\u64cd\u4f5c3</Button>;\n },\n props => {\n return (\n <LoadChildren key={props.key}>\n {({ onClick }) => {\n return (\n <ConfirmButton {...props} type=\"link\" isModal={props.isDropdown} message=\"\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f\" onClick={onClick}>\n \u64cd\u4f5c4\n </ConfirmButton>\n );\n }}\n </LoadChildren>\n );\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst BaseExample = () => {\n return (\n <div>\n <Flex vertical gap={8}>\n <div>base:</div>\n <Example />\n <div>compact:</div>\n <CompactExample />\n <div>function props:</div>\n <FunctionProps />\n </Flex>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"LoadingButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { LoadingButton } = _ButtonGroup;\nconst { Space, App } = antd;\nconst BaseExample = () => {\n const { message } = App.useApp();\n const clickHandler = () => {\n message.success('\u70b9\u51fb\u6309\u94ae1s\u540e\u5b8c\u6210\u52a0\u8f7d');\n return new Promise((resolve) => {\n setTimeout(() => {\n message.success('\u5b8c\u6210');\n resolve();\n }, 1000);\n });\n };\n return (<Space wrap>\n <LoadingButton onClick={clickHandler}>\u6309\u94ae</LoadingButton>\n <LoadingButton onClick={clickHandler}>\n {(isLoading) => (isLoading ? '\u6b63\u5728\u52a0\u8f7d\u4e2d...' : '\u5207\u6362\u52a0\u8f7d\u6587\u6848')}\n </LoadingButton>\n </Space>);\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"ConfirmButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ConfirmButton, ConfirmLink, ConfirmText } = _ButtonGroup;\nconst { Flex } = antd;\nconst BaseExample = () => {\n return <Flex gap={8} vertical>\n <Flex gap={8}>\n <ConfirmButton message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton disabled message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isDelete message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isDelete title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmButton isModal message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal isDelete message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal isDelete title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmLink onClick={() => {\n console.log(\'\u5220\u9664\');\n }}>\u5220\u9664</ConfirmLink>\n <ConfirmText onClick={() => {\n console.log(\'\u5220\u9664\');\n }}>\u5220\u9664</ConfirmText>\n </Flex>\n </Flex>;\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"FetchButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { FetchButton } = _ButtonGroup;\n\nconst BaseExample = () => {\n return <div>\n <FetchButton api={{\n loader: async () => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve({ data: 'xxxxx' });\n }, 1000);\n });\n }\n }} onClick={(data) => {\n console.log(data);\n }}>\u70b9\u51fb\u52a0\u8f7d\u6570\u636e</FetchButton>\n </div>;\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"ButtonFooter",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ButtonFooter } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst BaseExample = () => {\n return (\n <ButtonFooter>\n <Flex justify="space-between" align="middle">\n <Button>\u6309\u94ae</Button>\n </Flex>\n </ButtonFooter>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]}]}}}}]);
|
|
2
|
-
//# sourceMappingURL=872.
|
|
1
|
+
"use strict";(self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[]).push([[872],{58872:(n,t,o)=>{o.d(t,{A:()=>r});var d=o(28711),e=o(28833);const r={name:"button-group",summary:"<p>@kne/button-group \u662f\u4e00\u4e2aReact\u6309\u94ae\u7ec4\u4ef6\u5e93\uff0c\u63d0\u4f9b\u4e86\u4e00\u7cfb\u5217\u529f\u80fd\u4e30\u5bcc\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7528\u4e8e\u7b80\u5316\u5e38\u89c1\u7684\u6309\u94ae\u4ea4\u4e92\u573a\u666f\u3002\u8be5\u5e93\u4e13\u6ce8\u4e8e\u63d0\u4f9b\u81ea\u9002\u5e94\u5e03\u5c40\u3001\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406\u3001\u786e\u8ba4\u64cd\u4f5c\u548c\u6570\u636e\u8bf7\u6c42\u7b49\u529f\u80fd\uff0c\u4f7f\u5f00\u53d1\u8005\u80fd\u591f\u5feb\u901f\u5b9e\u73b0\u5404\u79cd\u590d\u6742\u7684\u6309\u94ae\u4ea4\u4e92\u9700\u6c42\u3002</p>\n<h3>\u4e3b\u8981\u7ec4\u4ef6</h3>\n<h4>ButtonGroup</h4>\n<p>\u81ea\u9002\u5e94\u7684\u6309\u94ae\u7ec4\u7ec4\u4ef6\uff0c\u80fd\u591f\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u663e\u793a\u7684\u6309\u94ae\u6570\u91cf\u3002\u5f53\u5bb9\u5668\u5bbd\u5ea6\u4e0d\u8db3\u4ee5\u663e\u793a\u6240\u6709\u6309\u94ae\u65f6\uff0c\u4f1a\u81ea\u52a8\u5c06\u591a\u4f59\u7684\u6309\u94ae\u653e\u5165\u4e0b\u62c9\u83dc\u5355\u4e2d\uff0c\u786e\u4fdd\u754c\u9762\u5e03\u5c40\u7f8e\u89c2\u4e14\u529f\u80fd\u5b8c\u6574\u3002</p>\n<h4>LoadingButton</h4>\n<p>\u5c01\u88c5\u4e86\u52a0\u8f7d\u72b6\u6001\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7b80\u5316\u4e86\u5f02\u6b65\u64cd\u4f5c\u7684\u5904\u7406\u3002\u901a\u8fc7\u5185\u7f6e\u7684\u72b6\u6001\u7ba1\u7406\uff0c\u5728\u5f02\u6b65\u64cd\u4f5c\u6267\u884c\u671f\u95f4\u81ea\u52a8\u663e\u793a\u52a0\u8f7d\u72b6\u6001\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c\u3002\u540c\u65f6\u63d0\u4f9b\u4e86useLoading hook\uff0c\u65b9\u4fbf\u5728\u5176\u4ed6\u7ec4\u4ef6\u4e2d\u590d\u7528\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406\u903b\u8f91\u3002</p>\n<h4>ConfirmButton</h4>\n<p>\u5e26\u6709\u786e\u8ba4\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u652f\u6301\u5f39\u7a97\u786e\u8ba4\u548c\u6a21\u6001\u6846\u786e\u8ba4\u4e24\u79cd\u6a21\u5f0f\u3002\u9002\u7528\u4e8e\u9700\u8981\u7528\u6237\u4e8c\u6b21\u786e\u8ba4\u7684\u64cd\u4f5c\uff0c\u5982\u5220\u9664\u3001\u63d0\u4ea4\u7b49\u91cd\u8981\u64cd\u4f5c\u3002\u540c\u65f6\u63d0\u4f9b\u4e86ConfirmLink\u548cConfirmText\u53d8\u4f53\uff0c\u4ee5\u53cawithConfirm\u9ad8\u9636\u7ec4\u4ef6\uff0c\u6ee1\u8db3\u4e0d\u540c\u573a\u666f\u7684\u786e\u8ba4\u9700\u6c42\u3002</p>\n<h4>FetchButton</h4>\n<p>\u96c6\u6210\u4e86\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u57fa\u4e8e@kne/react-fetch\u5e93\u5b9e\u73b0\u3002\u53ef\u4ee5\u76f4\u63a5\u5904\u7406API\u8bf7\u6c42\uff0c\u5e76\u5728\u8bf7\u6c42\u8fc7\u7a0b\u4e2d\u81ea\u52a8\u7ba1\u7406\u52a0\u8f7d\u72b6\u6001\uff0c\u7b80\u5316\u4e86\u6570\u636e\u4ea4\u4e92\u7684\u5b9e\u73b0\u3002</p>\n<h4>ButtonFooter</h4>\n<p>\u9875\u9762\u5e95\u90e8\u6309\u94ae\u533a\u57df\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u81ea\u52a8\u8ba1\u7b97\u9ad8\u5ea6\u5e76\u8bbe\u7f6eCSS\u53d8\u91cf\uff0c\u65b9\u4fbf\u9875\u9762\u5e03\u5c40\u548c\u6837\u5f0f\u8c03\u6574\u3002</p>\n<h3>\u7279\u6027</h3>\n<ul>\n<li><strong>\u81ea\u9002\u5e94\u5e03\u5c40</strong>\uff1a\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u6309\u94ae\u663e\u793a\u65b9\u5f0f</li>\n<li><strong>\u52a0\u8f7d\u72b6\u6001\u7ba1\u7406</strong>\uff1a\u7b80\u5316\u5f02\u6b65\u64cd\u4f5c\u7684\u52a0\u8f7d\u72b6\u6001\u5904\u7406</li>\n<li><strong>\u64cd\u4f5c\u786e\u8ba4</strong>\uff1a\u63d0\u4f9b\u591a\u79cd\u786e\u8ba4\u6a21\u5f0f\uff0c\u589e\u5f3a\u7528\u6237\u64cd\u4f5c\u5b89\u5168\u6027</li>\n<li><strong>\u6570\u636e\u8bf7\u6c42\u96c6\u6210</strong>\uff1a\u7b80\u5316\u6309\u94ae\u4e0e\u540e\u7aefAPI\u7684\u4ea4\u4e92</li>\n<li><strong>\u56fd\u9645\u5316\u652f\u6301</strong>\uff1a\u5185\u7f6e\u4e2d\u82f1\u6587\u8bed\u8a00\u5305</li>\n<li><strong>\u9ad8\u5ea6\u53ef\u5b9a\u5236</strong>\uff1a\u7ec4\u4ef6\u63d0\u4f9b\u4e30\u5bcc\u7684\u914d\u7f6e\u9009\u9879</li>\n</ul>\n<h3>\u8bbe\u8ba1\u7406\u5ff5</h3>\n<p>\u8be5\u7ec4\u4ef6\u5e93\u7684\u8bbe\u8ba1\u7406\u5ff5\u662f\u901a\u8fc7\u5c01\u88c5\u5e38\u89c1\u7684\u6309\u94ae\u4ea4\u4e92\u6a21\u5f0f\uff0c\u63d0\u4f9b\u5f00\u7bb1\u5373\u7528\u7684\u89e3\u51b3\u65b9\u6848\uff0c\u540c\u65f6\u4fdd\u6301\u8db3\u591f\u7684\u7075\u6d3b\u6027\u548c\u53ef\u6269\u5c55\u6027\u3002\u4e3b\u8981\u4f53\u73b0\u5728\u4ee5\u4e0b\u51e0\u4e2a\u65b9\u9762\uff1a</p>\n<ol>\n<li>\n<p><strong>\u5173\u6ce8\u70b9\u5206\u79bb</strong>\uff1a\u6bcf\u4e2a\u7ec4\u4ef6\u4e13\u6ce8\u4e8e\u89e3\u51b3\u7279\u5b9a\u7684\u95ee\u9898\uff0c\u5982ButtonGroup\u4e13\u6ce8\u4e8e\u5e03\u5c40\uff0cLoadingButton\u4e13\u6ce8\u4e8e\u72b6\u6001\u7ba1\u7406\u3002</p>\n</li>\n<li>\n<p><strong>\u7ec4\u5408\u4f18\u4e8e\u7ee7\u627f</strong>\uff1a\u901a\u8fc7\u7ec4\u5408\u4e0d\u540c\u7684\u529f\u80fd\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u5b9e\u73b0\u590d\u6742\u7684\u4ea4\u4e92\u9700\u6c42\uff0c\u5982FetchButton\u5c31\u662fLoadingButton\u4e0e\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u7ec4\u5408\u3002</p>\n</li>\n<li>\n<p><strong>\u58f0\u660e\u5f0fAPI</strong>\uff1a\u63d0\u4f9b\u7b80\u6d01\u660e\u4e86\u7684API\uff0c\u4f7f\u5f00\u53d1\u8005\u80fd\u591f\u4ee5\u58f0\u660e\u5f0f\u7684\u65b9\u5f0f\u63cf\u8ff0UI\u548c\u4ea4\u4e92\u884c\u4e3a\u3002</p>\n</li>\n<li>\n<p><strong>\u6e10\u8fdb\u5f0f\u589e\u5f3a</strong>\uff1a\u57fa\u7840\u7ec4\u4ef6\u53ef\u4ee5\u72ec\u7acb\u4f7f\u7528\uff0c\u4e5f\u53ef\u4ee5\u4e0e\u5176\u4ed6\u7ec4\u4ef6\u7ec4\u5408\u4f7f\u7528\uff0c\u5b9e\u73b0\u66f4\u590d\u6742\u7684\u529f\u80fd\u3002</p>\n</li>\n<li>\n<p><strong>\u7528\u6237\u4f53\u9a8c\u4f18\u5148</strong>\uff1a\u6ce8\u91cd\u7ec6\u8282\uff0c\u5982\u81ea\u9002\u5e94\u5e03\u5c40\u3001\u52a0\u8f7d\u72b6\u6001\u53cd\u9988\u7b49\uff0c\u63d0\u5347\u6700\u7ec8\u7528\u6237\u7684\u4f7f\u7528\u4f53\u9a8c\u3002</p>\n</li>\n</ol>",description:"\u5b9e\u73b0\u4e86\u4e00\u4e2a\u6309\u94ae\u7ec4,loading\u6309\u94ae,\u786e\u8ba4\u6309\u94ae\u548c\u52a0\u8f7d\u6309\u94ae.",packageName:"@kne/button-group",api:'<h3>ButtonGroup \u7ec4\u4ef6</h3>\n<p>ButtonGroup\u662f\u4e00\u4e2a\u81ea\u9002\u5e94\u7684\u6309\u94ae\u7ec4\u7ec4\u4ef6\uff0c\u80fd\u591f\u6839\u636e\u5bb9\u5668\u5bbd\u5ea6\u81ea\u52a8\u8c03\u6574\u663e\u793a\u7684\u6309\u94ae\u6570\u91cf\uff0c\u5e76\u5c06\u591a\u4f59\u7684\u6309\u94ae\u653e\u5165\u4e0b\u62c9\u83dc\u5355\u4e2d\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u7ec4\u7684\u5b50\u5143\u7d20\uff0c\u901a\u5e38\u662f\u4e00\u7cfb\u5217\u6309\u94ae</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u7c7b\u540d</td>\n</tr>\n<tr>\n<td>style</td>\n<td>object</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u6837\u5f0f</td>\n</tr>\n<tr>\n<td>moreText</td>\n<td>string</td>\n<td>"\u66f4\u591a"</td>\n<td>\u66f4\u591a\u6309\u94ae\u7684\u6587\u672c</td>\n</tr>\n<tr>\n<td>buttonWidth</td>\n<td>number</td>\n<td>-</td>\n<td>\u6309\u94ae\u7684\u56fa\u5b9a\u5bbd\u5ea6\uff0c\u5982\u679c\u4e0d\u8bbe\u7f6e\u5219\u81ea\u52a8\u8ba1\u7b97</td>\n</tr>\n<tr>\n<td>buttonMargin</td>\n<td>number</td>\n<td>8</td>\n<td>\u6309\u94ae\u4e4b\u95f4\u7684\u95f4\u8ddd</td>\n</tr>\n<tr>\n<td>dropdownProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Dropdown\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>menuProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Menu\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>getPopupContainer</td>\n<td>function</td>\n<td>-</td>\n<td>\u83dc\u5355\u6e32\u67d3\u7236\u8282\u70b9\uff0c\u9ed8\u8ba4\u6e32\u67d3\u5230body\u4e0a</td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>function</td>\n<td>-</td>\n<td>\u83dc\u5355\u663e\u793a\u72b6\u6001\u6539\u53d8\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>onMoreClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u66f4\u591a\u6309\u94ae\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>onMenuClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u83dc\u5355\u9879\u65f6\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>moreIcon</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u66f4\u591a\u6309\u94ae\u7684\u56fe\u6807</td>\n</tr>\n<tr>\n<td>moreButtonProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9\u66f4\u591a\u6309\u94ae\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>forceRender</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u5f3a\u5236\u6e32\u67d3\u6240\u6709\u6309\u94ae\uff0c\u4e0d\u8fdb\u884c\u81ea\u9002\u5e94\u5904\u7406</td>\n</tr>\n</tbody>\n</table>\n<h3>LoadingButton \u7ec4\u4ef6</h3>\n<p>LoadingButton\u662f\u4e00\u4e2a\u5c01\u88c5\u4e86\u52a0\u8f7d\u72b6\u6001\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u7b80\u5316\u4e86\u5f02\u6b65\u64cd\u4f5c\u7684\u5904\u7406\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u70b9\u51fb\u6309\u94ae\u65f6\u7684\u56de\u8c03\u51fd\u6570\uff0c\u53ef\u4ee5\u8fd4\u56dePromise</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u663e\u793a\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>boolean</td>\n<td>false</td>\n<td>\u662f\u5426\u7981\u7528\u6309\u94ae</td>\n</tr>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9Button\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>useLoading Hook</h3>\n<p>useLoading\u662f\u4e00\u4e2a\u7528\u4e8e\u7ba1\u7406\u5f02\u6b65\u64cd\u4f5c\u52a0\u8f7d\u72b6\u6001\u7684Hook\u3002</p>\n<h4>\u53c2\u6570\u4e0e\u8fd4\u56de\u503c</h4>\n<table>\n<thead>\n<tr>\n<th>\u53c2\u6570</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>-</td>\n<td>-</td>\n<td>-</td>\n<td>\u4e0d\u63a5\u53d7\u53c2\u6570</td>\n</tr>\n</tbody>\n</table>\n<p><strong>\u8fd4\u56de\u503c</strong>\uff1a</p>\n<table>\n<thead>\n<tr>\n<th>\u540d\u79f0</th>\n<th>\u7c7b\u578b</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>\u5f53\u524d\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n<tr>\n<td>withLoading</td>\n<td>function</td>\n<td>\u5305\u88c5\u5f02\u6b65\u51fd\u6570\uff0c\u81ea\u52a8\u7ba1\u7406\u52a0\u8f7d\u72b6\u6001</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmButton \u7ec4\u4ef6</h3>\n<p>ConfirmButton\u662f\u4e00\u4e2a\u5e26\u6709\u786e\u8ba4\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u652f\u6301\u5f39\u7a97\u786e\u8ba4\u548c\u6a21\u6001\u6846\u786e\u8ba4\u4e24\u79cd\u6a21\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>\u786e\u8ba4\u540e\u7684\u56de\u8c03\u51fd\u6570</td>\n</tr>\n<tr>\n<td>title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u6807\u9898</td>\n</tr>\n<tr>\n<td>content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>string</td>\n<td>"\u786e\u5b9a"</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>string</td>\n<td>"\u53d6\u6d88"</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>type</td>\n<td>"popconfirm" | "modal"</td>\n<td>"popconfirm"</td>\n<td>\u786e\u8ba4\u6846\u7c7b\u578b\uff0c\u652f\u6301\u6c14\u6ce1\u786e\u8ba4\u6846\u548c\u6a21\u6001\u6846</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Modal\u7ec4\u4ef6\u7684\u5c5e\u6027\uff08\u5f53type\u4e3a"modal"\u65f6\u6709\u6548\uff09</td>\n</tr>\n<tr>\n<td>popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Popconfirm\u7ec4\u4ef6\u7684\u5c5e\u6027\uff08\u5f53type\u4e3a"popconfirm"\u65f6\u6709\u6548\uff09</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9Button\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink \u7ec4\u4ef6</h3>\n<p>ConfirmLink\u662fConfirmButton\u7684\u53d8\u4f53\uff0c\u6e32\u67d3\u4e3a\u94fe\u63a5\u6837\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<p>\u4e0eConfirmButton\u76f8\u540c\uff0c\u4f46\u9ed8\u8ba4\u6e32\u67d3\u4e3a\u94fe\u63a5\u6837\u5f0f\u3002</p>\n<h3>ConfirmText \u7ec4\u4ef6</h3>\n<p>ConfirmText\u662fConfirmButton\u7684\u53d8\u4f53\uff0c\u6e32\u67d3\u4e3a\u7eaf\u6587\u672c\u6837\u5f0f\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<p>\u4e0eConfirmButton\u76f8\u540c\uff0c\u4f46\u9ed8\u8ba4\u6e32\u67d3\u4e3a\u7eaf\u6587\u672c\u6837\u5f0f\u3002</p>\n<h3>withConfirm \u9ad8\u9636\u7ec4\u4ef6</h3>\n<p>withConfirm\u662f\u4e00\u4e2a\u9ad8\u9636\u7ec4\u4ef6\uff0c\u7528\u4e8e\u4e3a\u4efb\u610f\u7ec4\u4ef6\u6dfb\u52a0\u786e\u8ba4\u529f\u80fd\u3002</p>\n<h4>\u53c2\u6570</h4>\n<table>\n<thead>\n<tr>\n<th>\u53c2\u6570\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>options</td>\n<td>object</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u914d\u7f6e\u9009\u9879</td>\n</tr>\n<tr>\n<td>options.title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u6807\u9898</td>\n</tr>\n<tr>\n<td>options.content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>\u786e\u8ba4\u6846\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>options.okText</td>\n<td>string</td>\n<td>"\u786e\u5b9a"</td>\n<td>\u786e\u8ba4\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>options.cancelText</td>\n<td>string</td>\n<td>"\u53d6\u6d88"</td>\n<td>\u53d6\u6d88\u6309\u94ae\u6587\u5b57</td>\n</tr>\n<tr>\n<td>options.type</td>\n<td>"popconfirm" | "modal"</td>\n<td>"popconfirm"</td>\n<td>\u786e\u8ba4\u6846\u7c7b\u578b</td>\n</tr>\n<tr>\n<td>options.modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Modal\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n<tr>\n<td>options.popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9Popconfirm\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>FetchButton \u7ec4\u4ef6</h3>\n<p>FetchButton\u662f\u4e00\u4e2a\u96c6\u6210\u4e86\u6570\u636e\u8bf7\u6c42\u529f\u80fd\u7684\u6309\u94ae\u7ec4\u4ef6\uff0c\u57fa\u4e8e@kne/react-fetch\u5e93\u5b9e\u73b0\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>api</td>\n<td>string | object | function</td>\n<td>-</td>\n<td>\u8bf7\u6c42API\uff0c\u53ef\u4ee5\u662f\u5b57\u7b26\u4e32\u3001\u5bf9\u8c61\u6216\u51fd\u6570</td>\n</tr>\n<tr>\n<td>params</td>\n<td>object</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u53c2\u6570</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u6210\u529f\u56de\u8c03</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u5931\u8d25\u56de\u8c03</td>\n</tr>\n<tr>\n<td>beforeFetch</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u524d\u5904\u7406\u51fd\u6570\uff0c\u8fd4\u56defalse\u53ef\u963b\u6b62\u8bf7\u6c42</td>\n</tr>\n<tr>\n<td>afterFetch</td>\n<td>function</td>\n<td>-</td>\n<td>\u8bf7\u6c42\u540e\u5904\u7406\u51fd\u6570</td>\n</tr>\n<tr>\n<td>fetchOptions</td>\n<td>object</td>\n<td>-</td>\n<td>\u4f20\u9012\u7ed9fetch\u51fd\u6570\u7684\u9009\u9879</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>\u5176\u4ed6\u4f20\u9012\u7ed9LoadingButton\u7ec4\u4ef6\u7684\u5c5e\u6027</td>\n</tr>\n</tbody>\n</table>\n<h3>ButtonFooter \u7ec4\u4ef6</h3>\n<p>ButtonFooter\u662f\u4e00\u4e2a\u9875\u9762\u5e95\u90e8\u6309\u94ae\u533a\u57df\u7ec4\u4ef6\uff0c\u53ef\u4ee5\u81ea\u52a8\u8ba1\u7b97\u9ad8\u5ea6\u5e76\u8bbe\u7f6eCSS\u53d8\u91cf\u3002</p>\n<h4>\u5c5e\u6027</h4>\n<table>\n<thead>\n<tr>\n<th>\u5c5e\u6027\u540d</th>\n<th>\u7c7b\u578b</th>\n<th>\u9ed8\u8ba4\u503c</th>\n<th>\u8bf4\u660e</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>\u6309\u94ae\u533a\u57df\u5185\u5bb9</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>\u81ea\u5b9a\u4e49\u7c7b\u540d</td>\n</tr>\n</tbody>\n</table>',example:{isFull:!1,className:"button_group_e0271",style:".button_group_e0271 .ant-card {\n border-color: black;\n text-align: center;\n width: 200px;\n}",list:[{title:"ButtonGroup",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { default: ButtonGroup, ConfirmButton } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst { useState, useEffect } = React;\n\nconst Example = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n list={[\n {\n type: 'primary',\n children: '\u64cd\u4f5c1'\n },\n {\n type: 'primary',\n children: '\u64cd\u4f5c1-1',\n hidden: true\n },\n {\n children: '\u64cd\u4f5c2',\n tooltipProps: {\n title: '\u64cd\u4f5c2'\n }\n },\n {\n children: '\u64cd\u4f5c3',\n disabled: true,\n tooltipProps: {\n title: '\u64cd\u4f5c3==='\n }\n },\n {\n children: '\u64cd\u4f5c4',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f',\n disabled: true\n },\n {\n children: '\u64cd\u4f5c5',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f'\n }\n ]}\n more=\"...\"\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst CompactExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup\n compact\n list={[\n {\n type: 'primary',\n children: '\u64cd\u4f5c1'\n },\n {\n children: '\u64cd\u4f5c2'\n },\n {\n children: '\u64cd\u4f5c3',\n hidden: true\n },\n {\n children: '\u64cd\u4f5c4',\n message: '\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f'\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst LoadChildren = ({ children }) => {\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n }, []);\n if (loading) {\n return null;\n }\n return children({\n onClick: () => {\n console.log('\u52a0\u8f7d\u5b8c\u6210');\n }\n });\n};\nconst FunctionProps = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: `${width}px` }}>\n <ButtonGroup itemClassName=\"btn-no-padding\"\n moreType=\"link\"\n list={[\n props => {\n return (\n <Button {...props} type=\"link\">\n \u64cd\u4f5c1\n </Button>\n );\n },\n props => {\n return <Button {...props} type=\"link\">\u64cd\u4f5c2</Button>;\n },\n props => {\n return <Button {...props} type=\"link\">\u64cd\u4f5c3</Button>;\n },\n props => {\n return (\n <LoadChildren key={props.key}>\n {({ onClick }) => {\n return (\n <ConfirmButton {...props} type=\"link\" isModal={props.isDropdown} message=\"\u786e\u5b9a\u8981\u6267\u884c\u64cd\u4f5c\u5417\uff1f\" onClick={onClick}>\n \u64cd\u4f5c4\n </ConfirmButton>\n );\n }}\n </LoadChildren>\n );\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n \u589e\u52a0\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n \u51cf\u5c11\u5bb9\u5668\u5bbd\u5ea6\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst BaseExample = () => {\n return (\n <div>\n <Flex vertical gap={8}>\n <div>base:</div>\n <Example />\n <div>compact:</div>\n <CompactExample />\n <div>function props:</div>\n <FunctionProps />\n </Flex>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"LoadingButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { LoadingButton } = _ButtonGroup;\nconst { Space, App } = antd;\nconst BaseExample = () => {\n const { message } = App.useApp();\n const clickHandler = () => {\n message.success('\u70b9\u51fb\u6309\u94ae1s\u540e\u5b8c\u6210\u52a0\u8f7d');\n return new Promise((resolve) => {\n setTimeout(() => {\n message.success('\u5b8c\u6210');\n resolve();\n }, 1000);\n });\n };\n return (<Space wrap>\n <LoadingButton onClick={clickHandler}>\u6309\u94ae</LoadingButton>\n <LoadingButton onClick={clickHandler}>\n {(isLoading) => (isLoading ? '\u6b63\u5728\u52a0\u8f7d\u4e2d...' : '\u5207\u6362\u52a0\u8f7d\u6587\u6848')}\n </LoadingButton>\n </Space>);\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"ConfirmButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ConfirmButton, ConfirmLink, ConfirmText } = _ButtonGroup;\nconst { Flex } = antd;\nconst BaseExample = () => {\n return <Flex gap={8} vertical>\n <Flex gap={8}>\n <ConfirmButton message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton disabled message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isDelete message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isDelete title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmButton isModal message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal isDelete message="\u786e\u5b9a\u8981\u5220\u9664\u5417?" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n\n <ConfirmButton isModal isDelete title="\u786e\u5b9a\u8981\u5220\u9664\u5417?"\n message="\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664\u5220\u9664"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log(\'\u786e\u5b9a\u5220\u9664\');\n resolve();\n }, 500);\n });\n }}>\u5220\u9664</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmLink onClick={() => {\n console.log(\'\u5220\u9664\');\n }}>\u5220\u9664</ConfirmLink>\n <ConfirmText onClick={() => {\n console.log(\'\u5220\u9664\');\n }}>\u5220\u9664</ConfirmText>\n </Flex>\n </Flex>;\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"FetchButton",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:"const { FetchButton } = _ButtonGroup;\n\nconst BaseExample = () => {\n return <div>\n <FetchButton api={{\n loader: async () => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve({ data: 'xxxxx' });\n }, 1000);\n });\n }\n }} onClick={(data) => {\n console.log(data);\n }}>\u70b9\u51fb\u52a0\u8f7d\u6570\u636e</FetchButton>\n </div>;\n};\n\nrender(<BaseExample />);\n\n",scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]},{title:"ButtonFooter",description:"\u8fd9\u91cc\u586b\u5199\u793a\u4f8b\u8bf4\u660e",code:'const { ButtonFooter } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst BaseExample = () => {\n return (\n <ButtonFooter>\n <Flex justify="space-between" align="middle">\n <Button>\u6309\u94ae</Button>\n </Flex>\n </ButtonFooter>\n );\n};\n\nrender(<BaseExample />);\n\n',scope:[{name:"_ButtonGroup",packageName:"@kne/current-lib_button-group",importStatement:'import * as _ButtonGroup from "@kne/button-group"',component:d},{name:"antd",packageName:"antd",component:e}]}]}}}}]);
|
|
2
|
+
//# sourceMappingURL=872.ac64d3b7.chunk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static/js/872.82d825a9.chunk.js","mappings":"uLAIA,MAg6BA,EAh6BqB,CACjBA,KAAM,eACNC,QAAS,y/KAwCTC,YAAa,+HACbC,YAAa,oBACbC,IAAK,07UAmbLC,QAAS,CACLC,QAAQ,EACRC,UAAW,qBACXC,MAAO,qGAKPC,KAAM,CAAC,CACXC,MAAO,cACPR,YAAa,mDACbS,KAAM,2tKAiNNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,gBACPR,YAAa,mDACbS,KAAM,kuBAwBNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,gBACPR,YAAa,mDACbS,KAAM,u/OAwGNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,cACPR,YAAa,mDACbS,KAAM,mdAqBNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,eACPR,YAAa,mDACbS,KAAM,gTAeNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,O","sources":["../../README.md"],"sourcesContent":["import * as component_1 from '@kne/current-lib_button-group';\nimport * as component_2 from 'antd';\nimport '@kne/current-lib_button-group/dist/index.css';\nimport '@kne/current-lib_button-group/dist/index.css';\nconst readmeConfig = {\n name: `button-group`,\n summary: `<p>@kne/button-group 是一个React按钮组件库,提供了一系列功能丰富的按钮组件,用于简化常见的按钮交互场景。该库专注于提供自适应布局、加载状态管理、确认操作和数据请求等功能,使开发者能够快速实现各种复杂的按钮交互需求。</p>\n<h3>主要组件</h3>\n<h4>ButtonGroup</h4>\n<p>自适应的按钮组组件,能够根据容器宽度自动调整显示的按钮数量。当容器宽度不足以显示所有按钮时,会自动将多余的按钮放入下拉菜单中,确保界面布局美观且功能完整。</p>\n<h4>LoadingButton</h4>\n<p>封装了加载状态的按钮组件,简化了异步操作的处理。通过内置的状态管理,在异步操作执行期间自动显示加载状态,提升用户体验。同时提供了useLoading hook,方便在其他组件中复用加载状态管理逻辑。</p>\n<h4>ConfirmButton</h4>\n<p>带有确认功能的按钮组件,支持弹窗确认和模态框确认两种模式。适用于需要用户二次确认的操作,如删除、提交等重要操作。同时提供了ConfirmLink和ConfirmText变体,以及withConfirm高阶组件,满足不同场景的确认需求。</p>\n<h4>FetchButton</h4>\n<p>集成了数据请求功能的按钮组件,基于@kne/react-fetch库实现。可以直接处理API请求,并在请求过程中自动管理加载状态,简化了数据交互的实现。</p>\n<h4>ButtonFooter</h4>\n<p>页面底部按钮区域组件,可以自动计算高度并设置CSS变量,方便页面布局和样式调整。</p>\n<h3>特性</h3>\n<ul>\n<li><strong>自适应布局</strong>:根据容器宽度自动调整按钮显示方式</li>\n<li><strong>加载状态管理</strong>:简化异步操作的加载状态处理</li>\n<li><strong>操作确认</strong>:提供多种确认模式,增强用户操作安全性</li>\n<li><strong>数据请求集成</strong>:简化按钮与后端API的交互</li>\n<li><strong>国际化支持</strong>:内置中英文语言包</li>\n<li><strong>高度可定制</strong>:组件提供丰富的配置选项</li>\n</ul>\n<h3>设计理念</h3>\n<p>该组件库的设计理念是通过封装常见的按钮交互模式,提供开箱即用的解决方案,同时保持足够的灵活性和可扩展性。主要体现在以下几个方面:</p>\n<ol>\n<li>\n<p><strong>关注点分离</strong>:每个组件专注于解决特定的问题,如ButtonGroup专注于布局,LoadingButton专注于状态管理。</p>\n</li>\n<li>\n<p><strong>组合优于继承</strong>:通过组合不同的功能组件,可以实现复杂的交互需求,如FetchButton就是LoadingButton与数据请求功能的组合。</p>\n</li>\n<li>\n<p><strong>声明式API</strong>:提供简洁明了的API,使开发者能够以声明式的方式描述UI和交互行为。</p>\n</li>\n<li>\n<p><strong>渐进式增强</strong>:基础组件可以独立使用,也可以与其他组件组合使用,实现更复杂的功能。</p>\n</li>\n<li>\n<p><strong>用户体验优先</strong>:注重细节,如自适应布局、加载状态反馈等,提升最终用户的使用体验。</p>\n</li>\n</ol>`,\n description: `实现了一个按钮组,loading按钮,确认按钮和加载按钮.`,\n packageName: `@kne/button-group`,\n api: `<h3>ButtonGroup 组件</h3>\n<p>ButtonGroup是一个自适应的按钮组组件,能够根据容器宽度自动调整显示的按钮数量,并将多余的按钮放入下拉菜单中。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮组的子元素,通常是一系列按钮</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>自定义类名</td>\n</tr>\n<tr>\n<td>style</td>\n<td>object</td>\n<td>-</td>\n<td>自定义样式</td>\n</tr>\n<tr>\n<td>moreText</td>\n<td>string</td>\n<td>\"更多\"</td>\n<td>更多按钮的文本</td>\n</tr>\n<tr>\n<td>buttonWidth</td>\n<td>number</td>\n<td>-</td>\n<td>按钮的固定宽度,如果不设置则自动计算</td>\n</tr>\n<tr>\n<td>buttonMargin</td>\n<td>number</td>\n<td>8</td>\n<td>按钮之间的间距</td>\n</tr>\n<tr>\n<td>dropdownProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Dropdown组件的属性</td>\n</tr>\n<tr>\n<td>menuProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Menu组件的属性</td>\n</tr>\n<tr>\n<td>getPopupContainer</td>\n<td>function</td>\n<td>-</td>\n<td>菜单渲染父节点,默认渲染到body上</td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>function</td>\n<td>-</td>\n<td>菜单显示状态改变时的回调函数</td>\n</tr>\n<tr>\n<td>onMoreClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击更多按钮时的回调函数</td>\n</tr>\n<tr>\n<td>onMenuClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击菜单项时的回调函数</td>\n</tr>\n<tr>\n<td>moreIcon</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>自定义更多按钮的图标</td>\n</tr>\n<tr>\n<td>moreButtonProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给更多按钮的属性</td>\n</tr>\n<tr>\n<td>forceRender</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否强制渲染所有按钮,不进行自适应处理</td>\n</tr>\n</tbody>\n</table>\n<h3>LoadingButton 组件</h3>\n<p>LoadingButton是一个封装了加载状态的按钮组件,简化了异步操作的处理。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击按钮时的回调函数,可以返回Promise</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否显示加载状态</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否禁用按钮</td>\n</tr>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给Button组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>useLoading Hook</h3>\n<p>useLoading是一个用于管理异步操作加载状态的Hook。</p>\n<h4>参数与返回值</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>-</td>\n<td>-</td>\n<td>-</td>\n<td>不接受参数</td>\n</tr>\n</tbody>\n</table>\n<p><strong>返回值</strong>:</p>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>当前加载状态</td>\n</tr>\n<tr>\n<td>withLoading</td>\n<td>function</td>\n<td>包装异步函数,自动管理加载状态</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmButton 组件</h3>\n<p>ConfirmButton是一个带有确认功能的按钮组件,支持弹窗确认和模态框确认两种模式。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>确认后的回调函数</td>\n</tr>\n<tr>\n<td>title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框标题</td>\n</tr>\n<tr>\n<td>content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框内容</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>string</td>\n<td>\"确定\"</td>\n<td>确认按钮文字</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>string</td>\n<td>\"取消\"</td>\n<td>取消按钮文字</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\"popconfirm\" | \"modal\"</td>\n<td>\"popconfirm\"</td>\n<td>确认框类型,支持气泡确认框和模态框</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Modal组件的属性(当type为\"modal\"时有效)</td>\n</tr>\n<tr>\n<td>popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Popconfirm组件的属性(当type为\"popconfirm\"时有效)</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给Button组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink 组件</h3>\n<p>ConfirmLink是ConfirmButton的变体,渲染为链接样式。</p>\n<h4>属性</h4>\n<p>与ConfirmButton相同,但默认渲染为链接样式。</p>\n<h3>ConfirmText 组件</h3>\n<p>ConfirmText是ConfirmButton的变体,渲染为纯文本样式。</p>\n<h4>属性</h4>\n<p>与ConfirmButton相同,但默认渲染为纯文本样式。</p>\n<h3>withConfirm 高阶组件</h3>\n<p>withConfirm是一个高阶组件,用于为任意组件添加确认功能。</p>\n<h4>参数</h4>\n<table>\n<thead>\n<tr>\n<th>参数名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>options</td>\n<td>object</td>\n<td>-</td>\n<td>确认框配置选项</td>\n</tr>\n<tr>\n<td>options.title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框标题</td>\n</tr>\n<tr>\n<td>options.content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框内容</td>\n</tr>\n<tr>\n<td>options.okText</td>\n<td>string</td>\n<td>\"确定\"</td>\n<td>确认按钮文字</td>\n</tr>\n<tr>\n<td>options.cancelText</td>\n<td>string</td>\n<td>\"取消\"</td>\n<td>取消按钮文字</td>\n</tr>\n<tr>\n<td>options.type</td>\n<td>\"popconfirm\" | \"modal\"</td>\n<td>\"popconfirm\"</td>\n<td>确认框类型</td>\n</tr>\n<tr>\n<td>options.modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Modal组件的属性</td>\n</tr>\n<tr>\n<td>options.popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Popconfirm组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>FetchButton 组件</h3>\n<p>FetchButton是一个集成了数据请求功能的按钮组件,基于@kne/react-fetch库实现。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>api</td>\n<td>string | object | function</td>\n<td>-</td>\n<td>请求API,可以是字符串、对象或函数</td>\n</tr>\n<tr>\n<td>params</td>\n<td>object</td>\n<td>-</td>\n<td>请求参数</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>function</td>\n<td>-</td>\n<td>请求成功回调</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>function</td>\n<td>-</td>\n<td>请求失败回调</td>\n</tr>\n<tr>\n<td>beforeFetch</td>\n<td>function</td>\n<td>-</td>\n<td>请求前处理函数,返回false可阻止请求</td>\n</tr>\n<tr>\n<td>afterFetch</td>\n<td>function</td>\n<td>-</td>\n<td>请求后处理函数</td>\n</tr>\n<tr>\n<td>fetchOptions</td>\n<td>object</td>\n<td>-</td>\n<td>传递给fetch函数的选项</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给LoadingButton组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>ButtonFooter 组件</h3>\n<p>ButtonFooter是一个页面底部按钮区域组件,可以自动计算高度并设置CSS变量。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮区域内容</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>自定义类名</td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: false,\n className: `button_group_e0271`,\n style: `.button_group_e0271 .ant-card {\n border-color: black;\n text-align: center;\n width: 200px;\n}`,\n list: [{\n title: `ButtonGroup`,\n description: `这里填写示例说明`,\n code: `const { default: ButtonGroup, ConfirmButton } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst { useState, useEffect } = React;\n\nconst Example = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup\n list={[\n {\n type: 'primary',\n children: '操作1'\n },\n {\n type: 'primary',\n children: '操作1-1',\n hidden: true\n },\n {\n children: '操作2',\n tooltipProps: {\n title: '操作2'\n }\n },\n {\n children: '操作3',\n disabled: true,\n tooltipProps: {\n title: '操作3==='\n }\n },\n {\n children: '操作4',\n message: '确定要执行操作吗?',\n disabled: true\n },\n {\n children: '操作5',\n message: '确定要执行操作吗?'\n }\n ]}\n more=\"...\"\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst CompactExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup\n compact\n list={[\n {\n type: 'primary',\n children: '操作1'\n },\n {\n children: '操作2'\n },\n {\n children: '操作3',\n hidden: true\n },\n {\n children: '操作4',\n message: '确定要执行操作吗?'\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst LoadChildren = ({ children }) => {\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n }, []);\n if (loading) {\n return null;\n }\n return children({\n onClick: () => {\n console.log('加载完成');\n }\n });\n};\nconst FunctionProps = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup\n moreType=\"link\"\n list={[\n props => {\n return (\n <Button {...props} type=\"link\">\n 操作1\n </Button>\n );\n },\n props => {\n return <Button {...props} type=\"link\">操作2</Button>;\n },\n props => {\n return <Button {...props} type=\"link\">操作3</Button>;\n },\n props => {\n return (\n <LoadChildren key={props.key}>\n {({ onClick }) => {\n return (\n <ConfirmButton {...props} type=\"link\" isModal={props.isDropdown} message=\"确定要执行操作吗?\" onClick={onClick}>\n 操作4\n </ConfirmButton>\n );\n }}\n </LoadChildren>\n );\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst BaseExample = () => {\n return (\n <div>\n <Flex vertical gap={8}>\n <div>base:</div>\n <Example />\n <div>compact:</div>\n <CompactExample />\n <div>function props:</div>\n <FunctionProps />\n </Flex>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `LoadingButton`,\n description: `这里填写示例说明`,\n code: `const { LoadingButton } = _ButtonGroup;\nconst { Space, App } = antd;\nconst BaseExample = () => {\n const { message } = App.useApp();\n const clickHandler = () => {\n message.success('点击按钮1s后完成加载');\n return new Promise((resolve) => {\n setTimeout(() => {\n message.success('完成');\n resolve();\n }, 1000);\n });\n };\n return (<Space wrap>\n <LoadingButton onClick={clickHandler}>按钮</LoadingButton>\n <LoadingButton onClick={clickHandler}>\n {(isLoading) => (isLoading ? '正在加载中...' : '切换加载文案')}\n </LoadingButton>\n </Space>);\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `ConfirmButton`,\n description: `这里填写示例说明`,\n code: `const { ConfirmButton, ConfirmLink, ConfirmText } = _ButtonGroup;\nconst { Flex } = antd;\nconst BaseExample = () => {\n return <Flex gap={8} vertical>\n <Flex gap={8}>\n <ConfirmButton message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton disabled message=\"确定要删除吗?\" onClick={() => {\n console.log('确定删除');\n }}>删除</ConfirmButton>\n\n <ConfirmButton title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isDelete message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isDelete title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmButton isModal message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal isDelete message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal isDelete title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmLink onClick={() => {\n console.log('删除');\n }}>删除</ConfirmLink>\n <ConfirmText onClick={() => {\n console.log('删除');\n }}>删除</ConfirmText>\n </Flex>\n </Flex>;\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `FetchButton`,\n description: `这里填写示例说明`,\n code: `const { FetchButton } = _ButtonGroup;\n\nconst BaseExample = () => {\n return <div>\n <FetchButton api={{\n loader: async () => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve({ data: 'xxxxx' });\n }, 1000);\n });\n }\n }} onClick={(data) => {\n console.log(data);\n }}>点击加载数据</FetchButton>\n </div>;\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `ButtonFooter`,\n description: `这里填写示例说明`,\n code: `const { ButtonFooter } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst BaseExample = () => {\n return (\n <ButtonFooter>\n <Flex justify=\"space-between\" align=\"middle\">\n <Button>按钮</Button>\n </Flex>\n </ButtonFooter>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","importStatement","component"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"static/js/872.ac64d3b7.chunk.js","mappings":"uLAIA,MAg6BA,EAh6BqB,CACjBA,KAAM,eACNC,QAAS,y/KAwCTC,YAAa,+HACbC,YAAa,oBACbC,IAAK,07UAmbLC,QAAS,CACLC,QAAQ,EACRC,UAAW,qBACXC,MAAO,qGAKPC,KAAM,CAAC,CACXC,MAAO,cACPR,YAAa,mDACbS,KAAM,4vKAiNNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,gBACPR,YAAa,mDACbS,KAAM,kuBAwBNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,gBACPR,YAAa,mDACbS,KAAM,u/OAwGNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,cACPR,YAAa,mDACbS,KAAM,mdAqBNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,KAEb,CACEJ,MAAO,eACPR,YAAa,mDACbS,KAAM,gTAeNC,MAAO,CAAC,CACRZ,KAAM,eACNG,YAAa,gCACbU,gBAAiB,oDACjBC,UAAW,GACb,CACEd,KAAM,OACNG,YAAa,OACbW,UAAW,O","sources":["../../README.md"],"sourcesContent":["import * as component_1 from '@kne/current-lib_button-group';\nimport * as component_2 from 'antd';\nimport '@kne/current-lib_button-group/dist/index.css';\nimport '@kne/current-lib_button-group/dist/index.css';\nconst readmeConfig = {\n name: `button-group`,\n summary: `<p>@kne/button-group 是一个React按钮组件库,提供了一系列功能丰富的按钮组件,用于简化常见的按钮交互场景。该库专注于提供自适应布局、加载状态管理、确认操作和数据请求等功能,使开发者能够快速实现各种复杂的按钮交互需求。</p>\n<h3>主要组件</h3>\n<h4>ButtonGroup</h4>\n<p>自适应的按钮组组件,能够根据容器宽度自动调整显示的按钮数量。当容器宽度不足以显示所有按钮时,会自动将多余的按钮放入下拉菜单中,确保界面布局美观且功能完整。</p>\n<h4>LoadingButton</h4>\n<p>封装了加载状态的按钮组件,简化了异步操作的处理。通过内置的状态管理,在异步操作执行期间自动显示加载状态,提升用户体验。同时提供了useLoading hook,方便在其他组件中复用加载状态管理逻辑。</p>\n<h4>ConfirmButton</h4>\n<p>带有确认功能的按钮组件,支持弹窗确认和模态框确认两种模式。适用于需要用户二次确认的操作,如删除、提交等重要操作。同时提供了ConfirmLink和ConfirmText变体,以及withConfirm高阶组件,满足不同场景的确认需求。</p>\n<h4>FetchButton</h4>\n<p>集成了数据请求功能的按钮组件,基于@kne/react-fetch库实现。可以直接处理API请求,并在请求过程中自动管理加载状态,简化了数据交互的实现。</p>\n<h4>ButtonFooter</h4>\n<p>页面底部按钮区域组件,可以自动计算高度并设置CSS变量,方便页面布局和样式调整。</p>\n<h3>特性</h3>\n<ul>\n<li><strong>自适应布局</strong>:根据容器宽度自动调整按钮显示方式</li>\n<li><strong>加载状态管理</strong>:简化异步操作的加载状态处理</li>\n<li><strong>操作确认</strong>:提供多种确认模式,增强用户操作安全性</li>\n<li><strong>数据请求集成</strong>:简化按钮与后端API的交互</li>\n<li><strong>国际化支持</strong>:内置中英文语言包</li>\n<li><strong>高度可定制</strong>:组件提供丰富的配置选项</li>\n</ul>\n<h3>设计理念</h3>\n<p>该组件库的设计理念是通过封装常见的按钮交互模式,提供开箱即用的解决方案,同时保持足够的灵活性和可扩展性。主要体现在以下几个方面:</p>\n<ol>\n<li>\n<p><strong>关注点分离</strong>:每个组件专注于解决特定的问题,如ButtonGroup专注于布局,LoadingButton专注于状态管理。</p>\n</li>\n<li>\n<p><strong>组合优于继承</strong>:通过组合不同的功能组件,可以实现复杂的交互需求,如FetchButton就是LoadingButton与数据请求功能的组合。</p>\n</li>\n<li>\n<p><strong>声明式API</strong>:提供简洁明了的API,使开发者能够以声明式的方式描述UI和交互行为。</p>\n</li>\n<li>\n<p><strong>渐进式增强</strong>:基础组件可以独立使用,也可以与其他组件组合使用,实现更复杂的功能。</p>\n</li>\n<li>\n<p><strong>用户体验优先</strong>:注重细节,如自适应布局、加载状态反馈等,提升最终用户的使用体验。</p>\n</li>\n</ol>`,\n description: `实现了一个按钮组,loading按钮,确认按钮和加载按钮.`,\n packageName: `@kne/button-group`,\n api: `<h3>ButtonGroup 组件</h3>\n<p>ButtonGroup是一个自适应的按钮组组件,能够根据容器宽度自动调整显示的按钮数量,并将多余的按钮放入下拉菜单中。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮组的子元素,通常是一系列按钮</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>自定义类名</td>\n</tr>\n<tr>\n<td>style</td>\n<td>object</td>\n<td>-</td>\n<td>自定义样式</td>\n</tr>\n<tr>\n<td>moreText</td>\n<td>string</td>\n<td>\"更多\"</td>\n<td>更多按钮的文本</td>\n</tr>\n<tr>\n<td>buttonWidth</td>\n<td>number</td>\n<td>-</td>\n<td>按钮的固定宽度,如果不设置则自动计算</td>\n</tr>\n<tr>\n<td>buttonMargin</td>\n<td>number</td>\n<td>8</td>\n<td>按钮之间的间距</td>\n</tr>\n<tr>\n<td>dropdownProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Dropdown组件的属性</td>\n</tr>\n<tr>\n<td>menuProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Menu组件的属性</td>\n</tr>\n<tr>\n<td>getPopupContainer</td>\n<td>function</td>\n<td>-</td>\n<td>菜单渲染父节点,默认渲染到body上</td>\n</tr>\n<tr>\n<td>onVisibleChange</td>\n<td>function</td>\n<td>-</td>\n<td>菜单显示状态改变时的回调函数</td>\n</tr>\n<tr>\n<td>onMoreClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击更多按钮时的回调函数</td>\n</tr>\n<tr>\n<td>onMenuClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击菜单项时的回调函数</td>\n</tr>\n<tr>\n<td>moreIcon</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>自定义更多按钮的图标</td>\n</tr>\n<tr>\n<td>moreButtonProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给更多按钮的属性</td>\n</tr>\n<tr>\n<td>forceRender</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否强制渲染所有按钮,不进行自适应处理</td>\n</tr>\n</tbody>\n</table>\n<h3>LoadingButton 组件</h3>\n<p>LoadingButton是一个封装了加载状态的按钮组件,简化了异步操作的处理。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>点击按钮时的回调函数,可以返回Promise</td>\n</tr>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否显示加载状态</td>\n</tr>\n<tr>\n<td>disabled</td>\n<td>boolean</td>\n<td>false</td>\n<td>是否禁用按钮</td>\n</tr>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给Button组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>useLoading Hook</h3>\n<p>useLoading是一个用于管理异步操作加载状态的Hook。</p>\n<h4>参数与返回值</h4>\n<table>\n<thead>\n<tr>\n<th>参数</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>-</td>\n<td>-</td>\n<td>-</td>\n<td>不接受参数</td>\n</tr>\n</tbody>\n</table>\n<p><strong>返回值</strong>:</p>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>loading</td>\n<td>boolean</td>\n<td>当前加载状态</td>\n</tr>\n<tr>\n<td>withLoading</td>\n<td>function</td>\n<td>包装异步函数,自动管理加载状态</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmButton 组件</h3>\n<p>ConfirmButton是一个带有确认功能的按钮组件,支持弹窗确认和模态框确认两种模式。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>onClick</td>\n<td>function</td>\n<td>-</td>\n<td>确认后的回调函数</td>\n</tr>\n<tr>\n<td>title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框标题</td>\n</tr>\n<tr>\n<td>content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框内容</td>\n</tr>\n<tr>\n<td>okText</td>\n<td>string</td>\n<td>\"确定\"</td>\n<td>确认按钮文字</td>\n</tr>\n<tr>\n<td>cancelText</td>\n<td>string</td>\n<td>\"取消\"</td>\n<td>取消按钮文字</td>\n</tr>\n<tr>\n<td>type</td>\n<td>\"popconfirm\" | \"modal\"</td>\n<td>\"popconfirm\"</td>\n<td>确认框类型,支持气泡确认框和模态框</td>\n</tr>\n<tr>\n<td>modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Modal组件的属性(当type为\"modal\"时有效)</td>\n</tr>\n<tr>\n<td>popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Popconfirm组件的属性(当type为\"popconfirm\"时有效)</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给Button组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>ConfirmLink 组件</h3>\n<p>ConfirmLink是ConfirmButton的变体,渲染为链接样式。</p>\n<h4>属性</h4>\n<p>与ConfirmButton相同,但默认渲染为链接样式。</p>\n<h3>ConfirmText 组件</h3>\n<p>ConfirmText是ConfirmButton的变体,渲染为纯文本样式。</p>\n<h4>属性</h4>\n<p>与ConfirmButton相同,但默认渲染为纯文本样式。</p>\n<h3>withConfirm 高阶组件</h3>\n<p>withConfirm是一个高阶组件,用于为任意组件添加确认功能。</p>\n<h4>参数</h4>\n<table>\n<thead>\n<tr>\n<th>参数名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>options</td>\n<td>object</td>\n<td>-</td>\n<td>确认框配置选项</td>\n</tr>\n<tr>\n<td>options.title</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框标题</td>\n</tr>\n<tr>\n<td>options.content</td>\n<td>string | ReactNode</td>\n<td>-</td>\n<td>确认框内容</td>\n</tr>\n<tr>\n<td>options.okText</td>\n<td>string</td>\n<td>\"确定\"</td>\n<td>确认按钮文字</td>\n</tr>\n<tr>\n<td>options.cancelText</td>\n<td>string</td>\n<td>\"取消\"</td>\n<td>取消按钮文字</td>\n</tr>\n<tr>\n<td>options.type</td>\n<td>\"popconfirm\" | \"modal\"</td>\n<td>\"popconfirm\"</td>\n<td>确认框类型</td>\n</tr>\n<tr>\n<td>options.modalProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Modal组件的属性</td>\n</tr>\n<tr>\n<td>options.popconfirmProps</td>\n<td>object</td>\n<td>-</td>\n<td>传递给Popconfirm组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>FetchButton 组件</h3>\n<p>FetchButton是一个集成了数据请求功能的按钮组件,基于@kne/react-fetch库实现。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮内容</td>\n</tr>\n<tr>\n<td>api</td>\n<td>string | object | function</td>\n<td>-</td>\n<td>请求API,可以是字符串、对象或函数</td>\n</tr>\n<tr>\n<td>params</td>\n<td>object</td>\n<td>-</td>\n<td>请求参数</td>\n</tr>\n<tr>\n<td>onSuccess</td>\n<td>function</td>\n<td>-</td>\n<td>请求成功回调</td>\n</tr>\n<tr>\n<td>onError</td>\n<td>function</td>\n<td>-</td>\n<td>请求失败回调</td>\n</tr>\n<tr>\n<td>beforeFetch</td>\n<td>function</td>\n<td>-</td>\n<td>请求前处理函数,返回false可阻止请求</td>\n</tr>\n<tr>\n<td>afterFetch</td>\n<td>function</td>\n<td>-</td>\n<td>请求后处理函数</td>\n</tr>\n<tr>\n<td>fetchOptions</td>\n<td>object</td>\n<td>-</td>\n<td>传递给fetch函数的选项</td>\n</tr>\n<tr>\n<td>...rest</td>\n<td>-</td>\n<td>-</td>\n<td>其他传递给LoadingButton组件的属性</td>\n</tr>\n</tbody>\n</table>\n<h3>ButtonFooter 组件</h3>\n<p>ButtonFooter是一个页面底部按钮区域组件,可以自动计算高度并设置CSS变量。</p>\n<h4>属性</h4>\n<table>\n<thead>\n<tr>\n<th>属性名</th>\n<th>类型</th>\n<th>默认值</th>\n<th>说明</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>children</td>\n<td>ReactNode</td>\n<td>-</td>\n<td>按钮区域内容</td>\n</tr>\n<tr>\n<td>className</td>\n<td>string</td>\n<td>-</td>\n<td>自定义类名</td>\n</tr>\n</tbody>\n</table>`,\n example: {\n isFull: false,\n className: `button_group_e0271`,\n style: `.button_group_e0271 .ant-card {\n border-color: black;\n text-align: center;\n width: 200px;\n}`,\n list: [{\n title: `ButtonGroup`,\n description: `这里填写示例说明`,\n code: `const { default: ButtonGroup, ConfirmButton } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst { useState, useEffect } = React;\n\nconst Example = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup\n list={[\n {\n type: 'primary',\n children: '操作1'\n },\n {\n type: 'primary',\n children: '操作1-1',\n hidden: true\n },\n {\n children: '操作2',\n tooltipProps: {\n title: '操作2'\n }\n },\n {\n children: '操作3',\n disabled: true,\n tooltipProps: {\n title: '操作3==='\n }\n },\n {\n children: '操作4',\n message: '确定要执行操作吗?',\n disabled: true\n },\n {\n children: '操作5',\n message: '确定要执行操作吗?'\n }\n ]}\n more=\"...\"\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst CompactExample = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup\n compact\n list={[\n {\n type: 'primary',\n children: '操作1'\n },\n {\n children: '操作2'\n },\n {\n children: '操作3',\n hidden: true\n },\n {\n children: '操作4',\n message: '确定要执行操作吗?'\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst LoadChildren = ({ children }) => {\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n setTimeout(() => {\n setLoading(false);\n }, 1000);\n }, []);\n if (loading) {\n return null;\n }\n return children({\n onClick: () => {\n console.log('加载完成');\n }\n });\n};\nconst FunctionProps = () => {\n const [width, setWidth] = useState(200);\n return (\n <Flex gap={8}>\n <div style={{ width: \\`\\${width}px\\` }}>\n <ButtonGroup itemClassName=\"btn-no-padding\"\n moreType=\"link\"\n list={[\n props => {\n return (\n <Button {...props} type=\"link\">\n 操作1\n </Button>\n );\n },\n props => {\n return <Button {...props} type=\"link\">操作2</Button>;\n },\n props => {\n return <Button {...props} type=\"link\">操作3</Button>;\n },\n props => {\n return (\n <LoadChildren key={props.key}>\n {({ onClick }) => {\n return (\n <ConfirmButton {...props} type=\"link\" isModal={props.isDropdown} message=\"确定要执行操作吗?\" onClick={onClick}>\n 操作4\n </ConfirmButton>\n );\n }}\n </LoadChildren>\n );\n }\n ]}\n />\n </div>\n <Flex gap={8}>\n <Button\n onClick={() => {\n setWidth(width => {\n return width + 20;\n });\n }}>\n 增加容器宽度\n </Button>\n <Button\n onClick={() => {\n setWidth(width => {\n return width - 20;\n });\n }}>\n 减少容器宽度\n </Button>\n </Flex>\n </Flex>\n );\n};\n\nconst BaseExample = () => {\n return (\n <div>\n <Flex vertical gap={8}>\n <div>base:</div>\n <Example />\n <div>compact:</div>\n <CompactExample />\n <div>function props:</div>\n <FunctionProps />\n </Flex>\n </div>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `LoadingButton`,\n description: `这里填写示例说明`,\n code: `const { LoadingButton } = _ButtonGroup;\nconst { Space, App } = antd;\nconst BaseExample = () => {\n const { message } = App.useApp();\n const clickHandler = () => {\n message.success('点击按钮1s后完成加载');\n return new Promise((resolve) => {\n setTimeout(() => {\n message.success('完成');\n resolve();\n }, 1000);\n });\n };\n return (<Space wrap>\n <LoadingButton onClick={clickHandler}>按钮</LoadingButton>\n <LoadingButton onClick={clickHandler}>\n {(isLoading) => (isLoading ? '正在加载中...' : '切换加载文案')}\n </LoadingButton>\n </Space>);\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `ConfirmButton`,\n description: `这里填写示例说明`,\n code: `const { ConfirmButton, ConfirmLink, ConfirmText } = _ButtonGroup;\nconst { Flex } = antd;\nconst BaseExample = () => {\n return <Flex gap={8} vertical>\n <Flex gap={8}>\n <ConfirmButton message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton disabled message=\"确定要删除吗?\" onClick={() => {\n console.log('确定删除');\n }}>删除</ConfirmButton>\n\n <ConfirmButton title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isDelete message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isDelete title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmButton isModal message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal isDelete message=\"确定要删除吗?\" onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n\n <ConfirmButton isModal isDelete title=\"确定要删除吗?\"\n message=\"删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除删除\"\n onClick={() => {\n return new Promise((resolve) => {\n setTimeout(() => {\n console.log('确定删除');\n resolve();\n }, 500);\n });\n }}>删除</ConfirmButton>\n </Flex>\n <Flex gap={8}>\n <ConfirmLink onClick={() => {\n console.log('删除');\n }}>删除</ConfirmLink>\n <ConfirmText onClick={() => {\n console.log('删除');\n }}>删除</ConfirmText>\n </Flex>\n </Flex>;\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `FetchButton`,\n description: `这里填写示例说明`,\n code: `const { FetchButton } = _ButtonGroup;\n\nconst BaseExample = () => {\n return <div>\n <FetchButton api={{\n loader: async () => {\n return new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve({ data: 'xxxxx' });\n }, 1000);\n });\n }\n }} onClick={(data) => {\n console.log(data);\n }}>点击加载数据</FetchButton>\n </div>;\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n},{\n title: `ButtonFooter`,\n description: `这里填写示例说明`,\n code: `const { ButtonFooter } = _ButtonGroup;\nconst { Flex, Button } = antd;\nconst BaseExample = () => {\n return (\n <ButtonFooter>\n <Flex justify=\"space-between\" align=\"middle\">\n <Button>按钮</Button>\n </Flex>\n </ButtonFooter>\n );\n};\n\nrender(<BaseExample />);\n\n`,\n scope: [{\n name: \"_ButtonGroup\",\n packageName: \"@kne/current-lib_button-group\",\n importStatement: \"import * as _ButtonGroup from \\\"@kne/button-group\\\"\",\n component: component_1\n},{\n name: \"antd\",\n packageName: \"antd\",\n component: component_2\n}]\n}]\n }\n};\nexport default readmeConfig;\n"],"names":["name","summary","description","packageName","api","example","isFull","className","style","list","title","code","scope","importStatement","component"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(()=>{var e={72812:(e,t,r)=>{Promise.all([r.e(959),r.e(922),r.e(714),r.e(833),r.e(872),r.e(72)]).then(r.bind(r,11448))}},t={};function r(n){var a=t[n];if(void 0!==a)return a.exports;var o=t[n]={id:n,loaded:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.loaded=!0,o.exports}r.m=e,r.c=t,r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>"static/js/"+e+"."+{72:"eba83842",84:"d3063cb8",97:"1fef40d5",146:"0dc32ce9",155:"4af79288",201:"c0097cef",233:"32af7b99",245:"44526c31",257:"26779e63",288:"94c59963",340:"a6a98a87",351:"3d77648d",379:"5bedbc91",446:"a77f1020",467:"566370d0",496:"5a7873f0",510:"a1efdd5c",548:"99bf87c4",563:"ebbc872c",638:"22551bca",705:"103ea713",848:"6a7f4a0d",872:"ac64d3b7",938:"08517eff",959:"50b6f171"}[e]+".chunk.js",r.miniCssF=e=>"static/css/"+e+".2936653e.chunk.css",r.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="@kne-components/button-group:";r.l=(n,a,o,l)=>{if(e[n])e[n].push(a);else{var i,d;if(void 0!==o)for(var u=document.getElementsByTagName("script"),s=0;s<u.length;s++){var c=u[s];if(c.getAttribute("src")==n||c.getAttribute("data-webpack")==t+o){i=c;break}}i||(d=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,r.nc&&i.setAttribute("nonce",r.nc),i.setAttribute("data-webpack",t+o),i.src=n),e[n]=[a];var f=(t,r)=>{i.onerror=i.onload=null,clearTimeout(h);var a=e[n];if(delete e[n],i.parentNode&&i.parentNode.removeChild(i),a&&a.forEach(e=>e(r)),t)return t(r)},h=setTimeout(f.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=f.bind(null,i.onerror),i.onload=f.bind(null,i.onload),d&&document.head.appendChild(i)}}})(),r.r=e=>{"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{r.S={};var e={},t={};r.I=(n,a)=>{a||(a=[]);var o=t[n];if(o||(o=t[n]={}),!(a.indexOf(o)>=0)){if(a.push(o),e[n])return e[n];r.o(r.S,n)||(r.S[n]={});var l=r.S[n],i="@kne-components/button-group",d=(e,t,r,n)=>{var a=l[e]=l[e]||{},o=a[t];(!o||!o.loaded&&(!n!=!o.eager?n:i>o.from))&&(a[t]={get:r,from:i,eager:!!n})},u=[];if("default"===n)d("@kne/current-lib_button-group","0.1.18",()=>Promise.all([r.e(563),r.e(938),r.e(922),r.e(833),r.e(155)]).then(()=>()=>r(76155))),d("@kne/global-context","1.2.0",()=>Promise.all([r.e(922),r.e(638)]).then(()=>()=>r(39638))),d("@kne/react-fetch","1.5.5",()=>Promise.all([r.e(496),r.e(201),r.e(922),r.e(97)]).then(()=>()=>r(3201))),d("@kne/react-fetch","1.5.5",()=>Promise.all([r.e(938),r.e(351),r.e(922)]).then(()=>()=>r(64351))),d("@kne/react-intl","0.1.9",()=>Promise.all([r.e(548),r.e(922),r.e(946)]).then(()=>()=>r(99548))),d("@kne/remote-loader","1.3.2",()=>Promise.all([r.e(496),r.e(922),r.e(467)]).then(()=>()=>r(31467))),d("antd","5.27.1",()=>Promise.all([r.e(146),r.e(922),r.e(714),r.e(469),r.e(510)]).then(()=>()=>r(64146))),d("antd","5.27.1",()=>Promise.all([r.e(563),r.e(340),r.e(922),r.e(714),r.e(263)]).then(()=>()=>r(33340))),d("axios","1.11.0",()=>Promise.all([r.e(84),r.e(379)]).then(()=>()=>r(62084))),d("dayjs","1.11.13",()=>r.e(446).then(()=>()=>r(60446))),d("dayjs","1.11.13",()=>r.e(288).then(()=>()=>r(93288))),d("react-dom","18.3.1",()=>Promise.all([r.e(848),r.e(922)]).then(()=>()=>r(83848))),d("react-router-dom","6.30.1",()=>Promise.all([r.e(245),r.e(922),r.e(714)]).then(()=>()=>r(53245))),d("react","18.3.1",()=>r.e(233).then(()=>()=>r(98233)));return u.length?e[n]=Promise.all(u).then(()=>e[n]=1):e[n]=1}}})(),(()=>{var e;r.g.importScripts&&(e=r.g.location+"");var t=r.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var a=n.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=n[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=e+"../../"})(),(()=>{var e=e=>{var t=e=>e.split(".").map(e=>+e==e?+e:e),r=/^([^-+]+)?(?:-([^+]+))?(?:\+(.+))?$/.exec(e),n=r[1]?t(r[1]):[];return r[2]&&(n.length++,n.push.apply(n,t(r[2]))),r[3]&&(n.push([]),n.push.apply(n,t(r[3]))),n},t=(t,r)=>{t=e(t),r=e(r);for(var n=0;;){if(n>=t.length)return n<r.length&&"u"!=(typeof r[n])[0];var a=t[n],o=(typeof a)[0];if(n>=r.length)return"u"==o;var l=r[n],i=(typeof l)[0];if(o!=i)return"o"==o&&"n"==i||"s"==i||"u"==o;if("o"!=o&&"u"!=o&&a!=l)return a<l;n++}},n=(e,t)=>e&&r.o(e,t),a=e=>(e.loaded=1,e.get()),o=e=>Object.keys(e).reduce((t,r)=>(e[r].eager&&(t[r]=e[r]),t),{}),l=(e,r,n)=>{var a=n?o(e[r]):e[r];return Object.keys(a).reduce((e,r)=>!e||!a[e].loaded&&t(e,r)?r:e,0)},i=e=>{throw new Error(e)},d=e=>function(t,n,a,o,l){var i=r.I(t);return i&&i.then&&!a?i.then(e.bind(e,t,r.S[t],n,!1,o,l)):e(t,r.S[t],n,a,o,l)},u=(e,t,r)=>r?r():((e,t)=>i("Shared module "+t+" doesn't exist in shared scope "+e))(e,t),s=d((e,t,r,o,i)=>{if(!n(t,r))return u(e,r,i);var d=l(t,r,o);return a(t[r][d])}),c={},f={94922:()=>s("default","react",!1,()=>r.e(233).then(()=>()=>r(98233))),85714:()=>s("default","react-dom",!1,()=>r.e(848).then(()=>()=>r(83848))),28833:()=>s("default","antd",!1,()=>Promise.all([r.e(563),r.e(340),r.e(922),r.e(714),r.e(263)]).then(()=>()=>r(33340))),28711:()=>s("default","@kne/current-lib_button-group",!1,()=>Promise.all([r.e(563),r.e(938),r.e(922),r.e(155)]).then(()=>()=>r(76155))),13050:()=>s("default","@kne/remote-loader",!1,()=>Promise.all([r.e(496),r.e(705)]).then(()=>()=>r(31467))),55199:()=>s("default","antd",!1,()=>Promise.all([r.e(146),r.e(469)]).then(()=>()=>r(64146))),87558:()=>s("default","@kne/react-fetch",!1,()=>Promise.all([r.e(496),r.e(201)]).then(()=>()=>r(3201))),89946:()=>s("default","axios",!1,()=>r.e(84).then(()=>()=>r(62084))),94679:()=>s("default","react-router-dom",!1,()=>r.e(245).then(()=>()=>r(53245))),16052:()=>s("default","@kne/react-fetch",!1,()=>r.e(351).then(()=>()=>r(64351))),20274:()=>s("default","@kne/react-intl",!1,()=>Promise.all([r.e(548),r.e(946)]).then(()=>()=>r(99548))),74946:()=>s("default","@kne/global-context",!1,()=>r.e(257).then(()=>()=>r(39638))),57469:()=>s("default","dayjs",!1,()=>r.e(446).then(()=>()=>r(60446))),80263:()=>s("default","dayjs",!1,()=>r.e(288).then(()=>()=>r(93288)))},h={72:[13050,55199,87558,89946,94679],155:[16052,20274],263:[80263],469:[57469],714:[85714],833:[28833],872:[28711],922:[94922],946:[74946]},p={};r.f.consumes=(e,t)=>{r.o(h,e)&&h[e].forEach(e=>{if(r.o(c,e))return t.push(c[e]);if(!p[e]){var n=t=>{c[e]=0,r.m[e]=n=>{delete r.c[e],n.exports=t()}};p[e]=!0;var a=t=>{delete c[e],r.m[e]=n=>{throw delete r.c[e],t}};try{var o=f[e]();o.then?t.push(c[e]=o.then(n).catch(a)):n(o)}catch(l){a(l)}}})}})(),(()=>{if("undefined"!==typeof document){var e=e=>new Promise((t,n)=>{var a=r.miniCssF(e),o=r.p+a;if(((e,t)=>{for(var r=document.getElementsByTagName("link"),n=0;n<r.length;n++){var a=(l=r[n]).getAttribute("data-href")||l.getAttribute("href");if("stylesheet"===l.rel&&(a===e||a===t))return l}var o=document.getElementsByTagName("style");for(n=0;n<o.length;n++){var l;if((a=(l=o[n]).getAttribute("data-href"))===e||a===t)return l}})(a,o))return t();((e,t,n,a,o)=>{var l=document.createElement("link");l.rel="stylesheet",l.type="text/css",r.nc&&(l.nonce=r.nc),l.onerror=l.onload=r=>{if(l.onerror=l.onload=null,"load"===r.type)a();else{var n=r&&r.type,i=r&&r.target&&r.target.href||t,d=new Error("Loading CSS chunk "+e+" failed.\n("+n+": "+i+")");d.name="ChunkLoadError",d.code="CSS_CHUNK_LOAD_FAILED",d.type=n,d.request=i,l.parentNode&&l.parentNode.removeChild(l),o(d)}},l.href=t,n?n.parentNode.insertBefore(l,n.nextSibling):document.head.appendChild(l)})(e,o,null,t,n)}),t={792:0};r.f.miniCss=(r,n)=>{t[r]?n.push(t[r]):0!==t[r]&&{72:1}[r]&&n.push(t[r]=e(r).then(()=>{t[r]=0},e=>{throw delete t[r],e}))}}})(),(()=>{var e={792:0};r.f.j=(t,n)=>{var a=r.o(e,t)?e[t]:void 0;if(0!==a)if(a)n.push(a[2]);else if(/^(263|469|714|833|922|946)$/.test(t))e[t]=0;else{var o=new Promise((r,n)=>a=e[t]=[r,n]);n.push(a[2]=o);var l=r.p+r.u(t),i=new Error;r.l(l,n=>{if(r.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var o=n&&("load"===n.type?"missing":n.type),l=n&&n.target&&n.target.src;i.message="Loading chunk "+t+" failed.\n("+o+": "+l+")",i.name="ChunkLoadError",i.type=o,i.request=l,a[1](i)}},"chunk-"+t,t)}};var t=(t,n)=>{var a,o,l=n[0],i=n[1],d=n[2],u=0;if(l.some(t=>0!==e[t])){for(a in i)r.o(i,a)&&(r.m[a]=i[a]);if(d)d(r)}for(t&&t(n);u<l.length;u++)o=l[u],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0},n=self.webpackChunk_kne_components_button_group=self.webpackChunk_kne_components_button_group||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})();r(72812)})();
|
|
2
|
+
//# sourceMappingURL=main.4c8065f5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static/js/main.4c8065f5.js","mappings":"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","sources":["index.js","../webpack/bootstrap","../webpack/runtime/compat get default export","../webpack/runtime/define property getters","../webpack/runtime/ensure chunk","../webpack/runtime/get javascript chunk filename","../webpack/runtime/get mini-css chunk filename","../webpack/runtime/global","../webpack/runtime/hasOwnProperty shorthand","../webpack/runtime/load script","../webpack/runtime/make namespace object","../webpack/runtime/node module decorator","../webpack/runtime/sharing","../webpack/runtime/publicPath","../webpack/runtime/consumes","../webpack/runtime/css loading","../webpack/runtime/jsonp chunk loading","../webpack/startup"],"sourcesContent":["import('./bootstrap');\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n// expose the module cache\n__webpack_require__.c = __webpack_module_cache__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.f = {};\n// This file contains only the entry chunk.\n// The chunk loading function for additional chunks\n__webpack_require__.e = (chunkId) => {\n\treturn Promise.all(Object.keys(__webpack_require__.f).reduce((promises, key) => {\n\t\t__webpack_require__.f[key](chunkId, promises);\n\t\treturn promises;\n\t}, []));\n};","// This function allow to reference async chunks\n__webpack_require__.u = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"static/js/\" + chunkId + \".\" + {\"72\":\"eba83842\",\"84\":\"d3063cb8\",\"97\":\"1fef40d5\",\"146\":\"0dc32ce9\",\"155\":\"4af79288\",\"201\":\"c0097cef\",\"233\":\"32af7b99\",\"245\":\"44526c31\",\"257\":\"26779e63\",\"288\":\"94c59963\",\"340\":\"a6a98a87\",\"351\":\"3d77648d\",\"379\":\"5bedbc91\",\"446\":\"a77f1020\",\"467\":\"566370d0\",\"496\":\"5a7873f0\",\"510\":\"a1efdd5c\",\"548\":\"99bf87c4\",\"563\":\"ebbc872c\",\"638\":\"22551bca\",\"705\":\"103ea713\",\"848\":\"6a7f4a0d\",\"872\":\"ac64d3b7\",\"938\":\"08517eff\",\"959\":\"50b6f171\"}[chunkId] + \".chunk.js\";\n};","// This function allow to reference async chunks\n__webpack_require__.miniCssF = (chunkId) => {\n\t// return url for filenames based on template\n\treturn \"static/css/\" + chunkId + \".\" + \"2936653e\" + \".chunk.css\";\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","var inProgress = {};\nvar dataWebpackPrefix = \"@kne-components/button-group:\";\n// loadScript function to load a script via script tag\n__webpack_require__.l = (url, done, key, chunkId) => {\n\tif(inProgress[url]) { inProgress[url].push(done); return; }\n\tvar script, needAttach;\n\tif(key !== undefined) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tfor(var i = 0; i < scripts.length; i++) {\n\t\t\tvar s = scripts[i];\n\t\t\tif(s.getAttribute(\"src\") == url || s.getAttribute(\"data-webpack\") == dataWebpackPrefix + key) { script = s; break; }\n\t\t}\n\t}\n\tif(!script) {\n\t\tneedAttach = true;\n\t\tscript = document.createElement('script');\n\n\t\tscript.charset = 'utf-8';\n\t\tscript.timeout = 120;\n\t\tif (__webpack_require__.nc) {\n\t\t\tscript.setAttribute(\"nonce\", __webpack_require__.nc);\n\t\t}\n\t\tscript.setAttribute(\"data-webpack\", dataWebpackPrefix + key);\n\n\t\tscript.src = url;\n\t}\n\tinProgress[url] = [done];\n\tvar onScriptComplete = (prev, event) => {\n\t\t// avoid mem leaks in IE.\n\t\tscript.onerror = script.onload = null;\n\t\tclearTimeout(timeout);\n\t\tvar doneFns = inProgress[url];\n\t\tdelete inProgress[url];\n\t\tscript.parentNode && script.parentNode.removeChild(script);\n\t\tdoneFns && doneFns.forEach((fn) => (fn(event)));\n\t\tif(prev) return prev(event);\n\t}\n\tvar timeout = setTimeout(onScriptComplete.bind(null, undefined, { type: 'timeout', target: script }), 120000);\n\tscript.onerror = onScriptComplete.bind(null, script.onerror);\n\tscript.onload = onScriptComplete.bind(null, script.onload);\n\tneedAttach && document.head.appendChild(script);\n};","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","__webpack_require__.S = {};\nvar initPromises = {};\nvar initTokens = {};\n__webpack_require__.I = (name, initScope) => {\n\tif(!initScope) initScope = [];\n\t// handling circular init calls\n\tvar initToken = initTokens[name];\n\tif(!initToken) initToken = initTokens[name] = {};\n\tif(initScope.indexOf(initToken) >= 0) return;\n\tinitScope.push(initToken);\n\t// only runs once\n\tif(initPromises[name]) return initPromises[name];\n\t// creates a new share scope if needed\n\tif(!__webpack_require__.o(__webpack_require__.S, name)) __webpack_require__.S[name] = {};\n\t// runs all init snippets from all modules reachable\n\tvar scope = __webpack_require__.S[name];\n\tvar warn = (msg) => {\n\t\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n\t};\n\tvar uniqueName = \"@kne-components/button-group\";\n\tvar register = (name, version, factory, eager) => {\n\t\tvar versions = scope[name] = scope[name] || {};\n\t\tvar activeVersion = versions[version];\n\t\tif(!activeVersion || (!activeVersion.loaded && (!eager != !activeVersion.eager ? eager : uniqueName > activeVersion.from))) versions[version] = { get: factory, from: uniqueName, eager: !!eager };\n\t};\n\tvar initExternal = (id) => {\n\t\tvar handleError = (err) => (warn(\"Initialization of sharing external failed: \" + err));\n\t\ttry {\n\t\t\tvar module = __webpack_require__(id);\n\t\t\tif(!module) return;\n\t\t\tvar initFn = (module) => (module && module.init && module.init(__webpack_require__.S[name], initScope))\n\t\t\tif(module.then) return promises.push(module.then(initFn, handleError));\n\t\t\tvar initResult = initFn(module);\n\t\t\tif(initResult && initResult.then) return promises.push(initResult['catch'](handleError));\n\t\t} catch(err) { handleError(err); }\n\t}\n\tvar promises = [];\n\tswitch(name) {\n\t\tcase \"default\": {\n\t\t\tregister(\"@kne/current-lib_button-group\", \"0.1.18\", () => (Promise.all([__webpack_require__.e(563), __webpack_require__.e(938), __webpack_require__.e(922), __webpack_require__.e(833), __webpack_require__.e(155)]).then(() => (() => (__webpack_require__(76155))))));\n\t\t\tregister(\"@kne/global-context\", \"1.2.0\", () => (Promise.all([__webpack_require__.e(922), __webpack_require__.e(638)]).then(() => (() => (__webpack_require__(39638))))));\n\t\t\tregister(\"@kne/react-fetch\", \"1.5.5\", () => (Promise.all([__webpack_require__.e(496), __webpack_require__.e(201), __webpack_require__.e(922), __webpack_require__.e(97)]).then(() => (() => (__webpack_require__(3201))))));\n\t\t\tregister(\"@kne/react-fetch\", \"1.5.5\", () => (Promise.all([__webpack_require__.e(938), __webpack_require__.e(351), __webpack_require__.e(922)]).then(() => (() => (__webpack_require__(64351))))));\n\t\t\tregister(\"@kne/react-intl\", \"0.1.9\", () => (Promise.all([__webpack_require__.e(548), __webpack_require__.e(922), __webpack_require__.e(946)]).then(() => (() => (__webpack_require__(99548))))));\n\t\t\tregister(\"@kne/remote-loader\", \"1.3.2\", () => (Promise.all([__webpack_require__.e(496), __webpack_require__.e(922), __webpack_require__.e(467)]).then(() => (() => (__webpack_require__(31467))))));\n\t\t\tregister(\"antd\", \"5.27.1\", () => (Promise.all([__webpack_require__.e(146), __webpack_require__.e(922), __webpack_require__.e(714), __webpack_require__.e(469), __webpack_require__.e(510)]).then(() => (() => (__webpack_require__(64146))))));\n\t\t\tregister(\"antd\", \"5.27.1\", () => (Promise.all([__webpack_require__.e(563), __webpack_require__.e(340), __webpack_require__.e(922), __webpack_require__.e(714), __webpack_require__.e(263)]).then(() => (() => (__webpack_require__(33340))))));\n\t\t\tregister(\"axios\", \"1.11.0\", () => (Promise.all([__webpack_require__.e(84), __webpack_require__.e(379)]).then(() => (() => (__webpack_require__(62084))))));\n\t\t\tregister(\"dayjs\", \"1.11.13\", () => (__webpack_require__.e(446).then(() => (() => (__webpack_require__(60446))))));\n\t\t\tregister(\"dayjs\", \"1.11.13\", () => (__webpack_require__.e(288).then(() => (() => (__webpack_require__(93288))))));\n\t\t\tregister(\"react-dom\", \"18.3.1\", () => (Promise.all([__webpack_require__.e(848), __webpack_require__.e(922)]).then(() => (() => (__webpack_require__(83848))))));\n\t\t\tregister(\"react-router-dom\", \"6.30.1\", () => (Promise.all([__webpack_require__.e(245), __webpack_require__.e(922), __webpack_require__.e(714)]).then(() => (() => (__webpack_require__(53245))))));\n\t\t\tregister(\"react\", \"18.3.1\", () => (__webpack_require__.e(233).then(() => (() => (__webpack_require__(98233))))));\n\t\t}\n\t\tbreak;\n\t}\n\tif(!promises.length) return initPromises[name] = 1;\n\treturn initPromises[name] = Promise.all(promises).then(() => (initPromises[name] = 1));\n};","var scriptUrl;\nif (__webpack_require__.g.importScripts) scriptUrl = __webpack_require__.g.location + \"\";\nvar document = __webpack_require__.g.document;\nif (!scriptUrl && document) {\n\tif (document.currentScript && document.currentScript.tagName.toUpperCase() === 'SCRIPT')\n\t\tscriptUrl = document.currentScript.src;\n\tif (!scriptUrl) {\n\t\tvar scripts = document.getElementsByTagName(\"script\");\n\t\tif(scripts.length) {\n\t\t\tvar i = scripts.length - 1;\n\t\t\twhile (i > -1 && (!scriptUrl || !/^http(s?):/.test(scriptUrl))) scriptUrl = scripts[i--].src;\n\t\t}\n\t}\n}\n// When supporting browsers where an automatic publicPath is not supported you must specify an output.publicPath manually via configuration\n// or pass an empty string (\"\") and set the __webpack_public_path__ variable from your code to use your own logic.\nif (!scriptUrl) throw new Error(\"Automatic publicPath is not supported in this browser\");\nscriptUrl = scriptUrl.replace(/^blob:/, \"\").replace(/#.*$/, \"\").replace(/\\?.*$/, \"\").replace(/\\/[^\\/]+$/, \"/\");\n__webpack_require__.p = scriptUrl + \"../../\";","var parseVersion = (str) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar p=p=>{return p.split(\".\").map(p=>{return+p==p?+p:p})},n=/^([^-+]+)?(?:-([^+]+))?(?:\\+(.+))?$/.exec(str),r=n[1]?p(n[1]):[];return n[2]&&(r.length++,r.push.apply(r,p(n[2]))),n[3]&&(r.push([]),r.push.apply(r,p(n[3]))),r;\n}\nvar versionLt = (a, b) => {\n\t// see webpack/lib/util/semver.js for original code\n\ta=parseVersion(a),b=parseVersion(b);for(var r=0;;){if(r>=a.length)return r<b.length&&\"u\"!=(typeof b[r])[0];var e=a[r],n=(typeof e)[0];if(r>=b.length)return\"u\"==n;var t=b[r],f=(typeof t)[0];if(n!=f)return\"o\"==n&&\"n\"==f||(\"s\"==f||\"u\"==n);if(\"o\"!=n&&\"u\"!=n&&e!=t)return e<t;r++}\n}\nvar rangeToString = (range) => {\n\t// see webpack/lib/util/semver.js for original code\n\tvar r=range[0],n=\"\";if(1===range.length)return\"*\";if(r+.5){n+=0==r?\">=\":-1==r?\"<\":1==r?\"^\":2==r?\"~\":r>0?\"=\":\"!=\";for(var e=1,a=1;a<range.length;a++){e--,n+=\"u\"==(typeof(t=range[a]))[0]?\"-\":(e>0?\".\":\"\")+(e=2,t)}return n}var g=[];for(a=1;a<range.length;a++){var t=range[a];g.push(0===t?\"not(\"+o()+\")\":1===t?\"(\"+o()+\" || \"+o()+\")\":2===t?g.pop()+\" \"+g.pop():rangeToString(t))}return o();function o(){return g.pop().replace(/^\\((.+)\\)$/,\"$1\")}\n}\nvar satisfy = (range, version) => {\n\t// see webpack/lib/util/semver.js for original code\n\tif(0 in range){version=parseVersion(version);var e=range[0],r=e<0;r&&(e=-e-1);for(var n=0,i=1,a=!0;;i++,n++){var f,s,g=i<range.length?(typeof range[i])[0]:\"\";if(n>=version.length||\"o\"==(s=(typeof(f=version[n]))[0]))return!a||(\"u\"==g?i>e&&!r:\"\"==g!=r);if(\"u\"==s){if(!a||\"u\"!=g)return!1}else if(a)if(g==s)if(i<=e){if(f!=range[i])return!1}else{if(r?f>range[i]:f<range[i])return!1;f!=range[i]&&(a=!1)}else if(\"s\"!=g&&\"n\"!=g){if(r||i<=e)return!1;a=!1,i--}else{if(i<=e||s<g!=r)return!1;a=!1}else\"s\"!=g&&\"n\"!=g&&(a=!1,i--)}}var t=[],o=t.pop.bind(t);for(n=1;n<range.length;n++){var u=range[n];t.push(1==u?o()|o():2==u?o()&o():u?satisfy(u,version):!o())}return!!o();\n}\nvar exists = (scope, key) => {\n\treturn scope && __webpack_require__.o(scope, key);\n}\nvar get = (entry) => {\n\tentry.loaded = 1;\n\treturn entry.get()\n};\nvar eagerOnly = (versions) => {\n\treturn Object.keys(versions).reduce((filtered, version) => {\n\t\t\tif (versions[version].eager) {\n\t\t\t\tfiltered[version] = versions[version];\n\t\t\t}\n\t\t\treturn filtered;\n\t}, {});\n};\nvar findLatestVersion = (scope, key, eager) => {\n\tvar versions = eager ? eagerOnly(scope[key]) : scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key];\n};\nvar findSatisfyingVersion = (scope, key, requiredVersion, eager) => {\n\tvar versions = eager ? eagerOnly(scope[key]) : scope[key];\n\tvar key = Object.keys(versions).reduce((a, b) => {\n\t\tif (!satisfy(requiredVersion, b)) return a;\n\t\treturn !a || versionLt(a, b) ? b : a;\n\t}, 0);\n\treturn key && versions[key]\n};\nvar findSingletonVersionKey = (scope, key, eager) => {\n\tvar versions = eager ? eagerOnly(scope[key]) : scope[key];\n\treturn Object.keys(versions).reduce((a, b) => {\n\t\treturn !a || (!versions[a].loaded && versionLt(a, b)) ? b : a;\n\t}, 0);\n};\nvar getInvalidSingletonVersionMessage = (scope, key, version, requiredVersion) => {\n\treturn \"Unsatisfied version \" + version + \" from \" + (version && scope[key][version].from) + \" of shared singleton module \" + key + \" (required \" + rangeToString(requiredVersion) + \")\"\n};\nvar getInvalidVersionMessage = (scope, scopeName, key, requiredVersion, eager) => {\n\tvar versions = scope[key];\n\treturn \"No satisfying version (\" + rangeToString(requiredVersion) + \")\" + (eager ? \" for eager consumption\" : \"\") + \" of shared module \" + key + \" found in shared scope \" + scopeName + \".\\n\" +\n\t\t\"Available versions: \" + Object.keys(versions).map((key) => {\n\t\treturn key + \" from \" + versions[key].from;\n\t}).join(\", \");\n};\nvar fail = (msg) => {\n\tthrow new Error(msg);\n}\nvar failAsNotExist = (scopeName, key) => {\n\treturn fail(\"Shared module \" + key + \" doesn't exist in shared scope \" + scopeName);\n}\nvar warn = /*#__PURE__*/ (msg) => {\n\tif (typeof console !== \"undefined\" && console.warn) console.warn(msg);\n};\nvar init = (fn) => (function(scopeName, key, eager, c, d) {\n\tvar promise = __webpack_require__.I(scopeName);\n\tif (promise && promise.then && !eager) {\n\t\treturn promise.then(fn.bind(fn, scopeName, __webpack_require__.S[scopeName], key, false, c, d));\n\t}\n\treturn fn(scopeName, __webpack_require__.S[scopeName], key, eager, c, d);\n});\n\nvar useFallback = (scopeName, key, fallback) => {\n\treturn fallback ? fallback() : failAsNotExist(scopeName, key);\n}\nvar load = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\treturn get(findLatestVersion(scope, key, eager));\n});\nvar loadVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\tvar satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);\n\tif (satisfyingVersion) return get(satisfyingVersion);\n\twarn(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager))\n\treturn get(findLatestVersion(scope, key, eager));\n});\nvar loadStrictVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\tvar satisfyingVersion = findSatisfyingVersion(scope, key, requiredVersion, eager);\n\tif (satisfyingVersion) return get(satisfyingVersion);\n\tif (fallback) return fallback();\n\tfail(getInvalidVersionMessage(scope, scopeName, key, requiredVersion, eager));\n});\nvar loadSingleton = /*#__PURE__*/ init((scopeName, scope, key, eager, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\tvar version = findSingletonVersionKey(scope, key, eager);\n\treturn get(scope[key][version]);\n});\nvar loadSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\tvar version = findSingletonVersionKey(scope, key, eager);\n\tif (!satisfy(requiredVersion, version)) {\n\t\twarn(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\t}\n\treturn get(scope[key][version]);\n});\nvar loadStrictSingletonVersion = /*#__PURE__*/ init((scopeName, scope, key, eager, requiredVersion, fallback) => {\n\tif (!exists(scope, key)) return useFallback(scopeName, key, fallback);\n\tvar version = findSingletonVersionKey(scope, key, eager);\n\tif (!satisfy(requiredVersion, version)) {\n\t\tfail(getInvalidSingletonVersionMessage(scope, key, version, requiredVersion));\n\t}\n\treturn get(scope[key][version]);\n});\nvar installedModules = {};\nvar moduleToHandlerMapping = {\n\t94922: () => (loadSingleton(\"default\", \"react\", false, () => (__webpack_require__.e(233).then(() => (() => (__webpack_require__(98233))))))),\n\t85714: () => (loadSingleton(\"default\", \"react-dom\", false, () => (__webpack_require__.e(848).then(() => (() => (__webpack_require__(83848))))))),\n\t28833: () => (loadSingleton(\"default\", \"antd\", false, () => (Promise.all([__webpack_require__.e(563), __webpack_require__.e(340), __webpack_require__.e(922), __webpack_require__.e(714), __webpack_require__.e(263)]).then(() => (() => (__webpack_require__(33340))))))),\n\t28711: () => (loadSingleton(\"default\", \"@kne/current-lib_button-group\", false, () => (Promise.all([__webpack_require__.e(563), __webpack_require__.e(938), __webpack_require__.e(922), __webpack_require__.e(155)]).then(() => (() => (__webpack_require__(76155))))))),\n\t13050: () => (loadSingleton(\"default\", \"@kne/remote-loader\", false, () => (Promise.all([__webpack_require__.e(496), __webpack_require__.e(705)]).then(() => (() => (__webpack_require__(31467))))))),\n\t55199: () => (loadSingleton(\"default\", \"antd\", false, () => (Promise.all([__webpack_require__.e(146), __webpack_require__.e(469)]).then(() => (() => (__webpack_require__(64146))))))),\n\t87558: () => (loadSingleton(\"default\", \"@kne/react-fetch\", false, () => (Promise.all([__webpack_require__.e(496), __webpack_require__.e(201)]).then(() => (() => (__webpack_require__(3201))))))),\n\t89946: () => (loadSingleton(\"default\", \"axios\", false, () => (__webpack_require__.e(84).then(() => (() => (__webpack_require__(62084))))))),\n\t94679: () => (loadSingleton(\"default\", \"react-router-dom\", false, () => (__webpack_require__.e(245).then(() => (() => (__webpack_require__(53245))))))),\n\t16052: () => (loadSingleton(\"default\", \"@kne/react-fetch\", false, () => (__webpack_require__.e(351).then(() => (() => (__webpack_require__(64351))))))),\n\t20274: () => (loadSingleton(\"default\", \"@kne/react-intl\", false, () => (Promise.all([__webpack_require__.e(548), __webpack_require__.e(946)]).then(() => (() => (__webpack_require__(99548))))))),\n\t74946: () => (loadSingleton(\"default\", \"@kne/global-context\", false, () => (__webpack_require__.e(257).then(() => (() => (__webpack_require__(39638))))))),\n\t57469: () => (loadSingleton(\"default\", \"dayjs\", false, () => (__webpack_require__.e(446).then(() => (() => (__webpack_require__(60446))))))),\n\t80263: () => (loadSingleton(\"default\", \"dayjs\", false, () => (__webpack_require__.e(288).then(() => (() => (__webpack_require__(93288)))))))\n};\n// no consumes in initial chunks\nvar chunkMapping = {\n\t\"72\": [\n\t\t13050,\n\t\t55199,\n\t\t87558,\n\t\t89946,\n\t\t94679\n\t],\n\t\"155\": [\n\t\t16052,\n\t\t20274\n\t],\n\t\"263\": [\n\t\t80263\n\t],\n\t\"469\": [\n\t\t57469\n\t],\n\t\"714\": [\n\t\t85714\n\t],\n\t\"833\": [\n\t\t28833\n\t],\n\t\"872\": [\n\t\t28711\n\t],\n\t\"922\": [\n\t\t94922\n\t],\n\t\"946\": [\n\t\t74946\n\t]\n};\nvar startedInstallModules = {};\n__webpack_require__.f.consumes = (chunkId, promises) => {\n\tif(__webpack_require__.o(chunkMapping, chunkId)) {\n\t\tchunkMapping[chunkId].forEach((id) => {\n\t\t\tif(__webpack_require__.o(installedModules, id)) return promises.push(installedModules[id]);\n\t\t\tif(!startedInstallModules[id]) {\n\t\t\tvar onFactory = (factory) => {\n\t\t\t\tinstalledModules[id] = 0;\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tmodule.exports = factory();\n\t\t\t\t}\n\t\t\t};\n\t\t\tstartedInstallModules[id] = true;\n\t\t\tvar onError = (error) => {\n\t\t\t\tdelete installedModules[id];\n\t\t\t\t__webpack_require__.m[id] = (module) => {\n\t\t\t\t\tdelete __webpack_require__.c[id];\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t};\n\t\t\ttry {\n\t\t\t\tvar promise = moduleToHandlerMapping[id]();\n\t\t\t\tif(promise.then) {\n\t\t\t\t\tpromises.push(installedModules[id] = promise.then(onFactory)['catch'](onError));\n\t\t\t\t} else onFactory(promise);\n\t\t\t} catch(e) { onError(e); }\n\t\t\t}\n\t\t});\n\t}\n}","if (typeof document === \"undefined\") return;\nvar createStylesheet = (chunkId, fullhref, oldTag, resolve, reject) => {\n\tvar linkTag = document.createElement(\"link\");\n\n\tlinkTag.rel = \"stylesheet\";\n\tlinkTag.type = \"text/css\";\n\tif (__webpack_require__.nc) {\n\t\tlinkTag.nonce = __webpack_require__.nc;\n\t}\n\tvar onLinkComplete = (event) => {\n\t\t// avoid mem leaks.\n\t\tlinkTag.onerror = linkTag.onload = null;\n\t\tif (event.type === 'load') {\n\t\t\tresolve();\n\t\t} else {\n\t\t\tvar errorType = event && event.type;\n\t\t\tvar realHref = event && event.target && event.target.href || fullhref;\n\t\t\tvar err = new Error(\"Loading CSS chunk \" + chunkId + \" failed.\\n(\" + errorType + \": \" + realHref + \")\");\n\t\t\terr.name = \"ChunkLoadError\";\n\t\t\terr.code = \"CSS_CHUNK_LOAD_FAILED\";\n\t\t\terr.type = errorType;\n\t\t\terr.request = realHref;\n\t\t\tif (linkTag.parentNode) linkTag.parentNode.removeChild(linkTag)\n\t\t\treject(err);\n\t\t}\n\t}\n\tlinkTag.onerror = linkTag.onload = onLinkComplete;\n\tlinkTag.href = fullhref;\n\n\n\tif (oldTag) {\n\t\toldTag.parentNode.insertBefore(linkTag, oldTag.nextSibling);\n\t} else {\n\t\tdocument.head.appendChild(linkTag);\n\t}\n\treturn linkTag;\n};\nvar findStylesheet = (href, fullhref) => {\n\tvar existingLinkTags = document.getElementsByTagName(\"link\");\n\tfor(var i = 0; i < existingLinkTags.length; i++) {\n\t\tvar tag = existingLinkTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\") || tag.getAttribute(\"href\");\n\t\tif(tag.rel === \"stylesheet\" && (dataHref === href || dataHref === fullhref)) return tag;\n\t}\n\tvar existingStyleTags = document.getElementsByTagName(\"style\");\n\tfor(var i = 0; i < existingStyleTags.length; i++) {\n\t\tvar tag = existingStyleTags[i];\n\t\tvar dataHref = tag.getAttribute(\"data-href\");\n\t\tif(dataHref === href || dataHref === fullhref) return tag;\n\t}\n};\nvar loadStylesheet = (chunkId) => {\n\treturn new Promise((resolve, reject) => {\n\t\tvar href = __webpack_require__.miniCssF(chunkId);\n\t\tvar fullhref = __webpack_require__.p + href;\n\t\tif(findStylesheet(href, fullhref)) return resolve();\n\t\tcreateStylesheet(chunkId, fullhref, null, resolve, reject);\n\t});\n}\n// object to store loaded CSS chunks\nvar installedCssChunks = {\n\t792: 0\n};\n\n__webpack_require__.f.miniCss = (chunkId, promises) => {\n\tvar cssChunks = {\"72\":1};\n\tif(installedCssChunks[chunkId]) promises.push(installedCssChunks[chunkId]);\n\telse if(installedCssChunks[chunkId] !== 0 && cssChunks[chunkId]) {\n\t\tpromises.push(installedCssChunks[chunkId] = loadStylesheet(chunkId).then(() => {\n\t\t\tinstalledCssChunks[chunkId] = 0;\n\t\t}, (e) => {\n\t\t\tdelete installedCssChunks[chunkId];\n\t\t\tthrow e;\n\t\t}));\n\t}\n};\n\n// no hmr\n\n// no prefetching\n\n// no preloaded","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t792: 0\n};\n\n__webpack_require__.f.j = (chunkId, promises) => {\n\t\t// JSONP chunk loading for javascript\n\t\tvar installedChunkData = __webpack_require__.o(installedChunks, chunkId) ? installedChunks[chunkId] : undefined;\n\t\tif(installedChunkData !== 0) { // 0 means \"already installed\".\n\n\t\t\t// a Promise means \"currently loading\".\n\t\t\tif(installedChunkData) {\n\t\t\t\tpromises.push(installedChunkData[2]);\n\t\t\t} else {\n\t\t\t\tif(!/^(263|469|714|833|922|946)$/.test(chunkId)) {\n\t\t\t\t\t// setup Promise in chunk cache\n\t\t\t\t\tvar promise = new Promise((resolve, reject) => (installedChunkData = installedChunks[chunkId] = [resolve, reject]));\n\t\t\t\t\tpromises.push(installedChunkData[2] = promise);\n\n\t\t\t\t\t// start chunk loading\n\t\t\t\t\tvar url = __webpack_require__.p + __webpack_require__.u(chunkId);\n\t\t\t\t\t// create error before stack unwound to get useful stacktrace later\n\t\t\t\t\tvar error = new Error();\n\t\t\t\t\tvar loadingEnded = (event) => {\n\t\t\t\t\t\tif(__webpack_require__.o(installedChunks, chunkId)) {\n\t\t\t\t\t\t\tinstalledChunkData = installedChunks[chunkId];\n\t\t\t\t\t\t\tif(installedChunkData !== 0) installedChunks[chunkId] = undefined;\n\t\t\t\t\t\t\tif(installedChunkData) {\n\t\t\t\t\t\t\t\tvar errorType = event && (event.type === 'load' ? 'missing' : event.type);\n\t\t\t\t\t\t\t\tvar realSrc = event && event.target && event.target.src;\n\t\t\t\t\t\t\t\terror.message = 'Loading chunk ' + chunkId + ' failed.\\n(' + errorType + ': ' + realSrc + ')';\n\t\t\t\t\t\t\t\terror.name = 'ChunkLoadError';\n\t\t\t\t\t\t\t\terror.type = errorType;\n\t\t\t\t\t\t\t\terror.request = realSrc;\n\t\t\t\t\t\t\t\tinstalledChunkData[1](error);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t};\n\t\t\t\t\t__webpack_require__.l(url, loadingEnded, \"chunk-\" + chunkId, chunkId);\n\t\t\t\t} else installedChunks[chunkId] = 0;\n\t\t\t}\n\t\t}\n};\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n// no on chunks loaded\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunk_kne_components_button_group\"] = self[\"webpackChunk_kne_components_button_group\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// module cache are used so entry inlining is disabled\n// startup\n// Load entry module and return exports\nvar __webpack_exports__ = __webpack_require__(72812);\n"],"names":["__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","id","loaded","__webpack_modules__","call","m","c","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","f","e","chunkId","Promise","all","keys","reduce","promises","u","miniCssF","g","globalThis","this","Function","window","obj","prop","prototype","hasOwnProperty","inProgress","dataWebpackPrefix","l","url","done","push","script","needAttach","scripts","document","getElementsByTagName","i","length","s","getAttribute","createElement","charset","timeout","nc","setAttribute","src","onScriptComplete","prev","event","onerror","onload","clearTimeout","doneFns","parentNode","removeChild","forEach","fn","setTimeout","bind","type","target","head","appendChild","r","Symbol","toStringTag","value","nmd","paths","children","S","initPromises","initTokens","I","name","initScope","initToken","indexOf","scope","uniqueName","register","version","factory","eager","versions","activeVersion","from","then","scriptUrl","importScripts","location","currentScript","tagName","toUpperCase","test","Error","replace","p","parseVersion","str","split","map","exec","apply","versionLt","b","t","exists","entry","eagerOnly","filtered","findSingletonVersionKey","fail","msg","init","scopeName","promise","useFallback","fallback","failAsNotExist","loadSingleton","installedModules","moduleToHandlerMapping","chunkMapping","startedInstallModules","consumes","onFactory","onError","error","loadStylesheet","resolve","reject","href","fullhref","existingLinkTags","dataHref","tag","rel","existingStyleTags","findStylesheet","oldTag","linkTag","nonce","errorType","realHref","err","code","request","insertBefore","nextSibling","createStylesheet","installedCssChunks","miniCss","installedChunks","j","installedChunkData","realSrc","message","webpackJsonpCallback","parentChunkLoadingFunction","data","chunkIds","moreModules","runtime","some","chunkLoadingGlobal","self"],"sourceRoot":""}
|