@ccs-ui/rc-pro 2.3.6-alpha-30 → 2.3.6-alpha-32

package/docs-dist/meta__dialog.1ca8b654.async.js

@@ -0,0 +1,502 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[578],{60783:function(x,t,n){n.r(t),n.d(t,{demos:function(){return a}});var l=n(90228),c=n.n(l),d=n(87999),o=n.n(d),i=n(75271),a={"dialog-demo-demos":{component:i.memo(i.lazy(function(){return n.e(447).then(n.bind(n,19723))})),asset:{type:"BLOCK",id:"dialog-demo-demos",refAtomIds:["dialog"],dependencies:{"index.tsx":{type:"FILE",value:n(92470).Z},"@ant-design/compatible":{type:"NPM",value:"5.1.3"},antd:{type:"NPM",value:"5.24.6"},"./Prompt.tsx":{type:"FILE",value:n(17318).Z},"./Cache.tsx":{type:"FILE",value:n(98689).Z},"./Form.tsx":{type:"FILE",value:n(81977).Z},"./FormCustom.tsx":{type:"FILE",value:n(17751).Z},"./Basic.tsx":{type:"FILE",value:n(12880).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},ahooks:{type:"NPM",value:"3.8.0"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@ant-design/compatible":n(64526),antd:n(13249),"antd/locale/zh_CN":n(69499),"./Prompt.tsx":n(74567),"./Cache.tsx":n(96463),"./Form.tsx":n(52381),"./FormCustom.tsx":n(73801),"./Basic.tsx":n(38625),"@ccs-ui/rc-pro":n(20600),ahooks:n(42191),react:n(75271)},renderOpts:{compile:function(){var s=o()(c()().mark(function f(){var u,r=arguments;return c()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.e(7488).then(n.bind(n,47488));case 2:return e.abrupt("return",(u=e.sent).default.apply(u,r));case 3:case"end":return e.stop()}},f)}));function m(){return s.apply(this,arguments)}return m}()}}}},38625:function(x,t,n){n.r(t),n.d(t,{default:function(){return f}});var l=n(97028),c=n(16820),d=n(19914),o=n(54588),i=n(98297),a=n(52676),s=[{key:"bottom",label:"bottom"},{key:"left",label:"left"},{key:"top",label:"top"}];function m(){var u=l.default.useDialog(),r=u.openDrawer,v=u.openModal,e=function(){v({title:"Modal",content:(0,a.jsx)("div",{children:"CcsModal content..."}),footer:null})},p=function(){var B=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"right";r({title:"Drawer",width:300,content:(0,a.jsx)("div",{children:"CcsDrawer content..."}),placement:B})},R=function(){r({title:"Drawer",content:(0,a.jsx)("div",{children:"CcsDrawer content..."}),width:"100%",height:"100%",getContainer:void 0})},P=function(B){p(B.key)};return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(d.Z,{style:{padding:"0 16px"},children:[(0,a.jsx)(o.ZP,{onClick:e,children:"modal"}),(0,a.jsx)(i.Z.Button,{menu:{items:s,onClick:P},onClick:function(){return p()},children:"drawer"}),(0,a.jsx)(o.ZP,{onClick:R,children:"\u5168\u5C4Fdrawer"})]})})}function f(){return(0,a.jsx)(c.default,{children:(0,a.jsx)(m,{})})}},96463:function(x,t,n){n.r(t),n.d(t,{default:function(){return s}});var l=n(97028),c=n(1363),d=n(19914),o=n(54588),i=n(75271),a=n(52676);function s(){var m=l.default.useDialog(),f=m.openModal,u=m.openDrawer,r=(0,i.useRef)(),v=(0,i.useRef)();return(0,i.useEffect)(function(){r.current=f({title:"Modal",open:!1,destroyOnClose:!1,width:300,content:(0,a.jsx)(c.default,{placeholder:"\u8BF7\u9009\u62E9",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"}]})}),v.current=u({title:"Modal",open:!1,destroyOnClose:!1,width:300,content:(0,a.jsx)(c.default,{placeholder:"\u8BF7\u9009\u62E9",options:[{value:"jack",label:"Jack"},{value:"lucy",label:"Lucy"}]})})},[]),(0,a.jsxs)(d.Z,{style:{marginLeft:16},children:[(0,a.jsx)(o.ZP,{onClick:function(){var p;(p=r.current)===null||p===void 0||p.update({open:!0})},children:"modal"}),(0,a.jsx)(o.ZP,{onClick:function(){var p;(p=v.current)===null||p===void 0||p.update({open:!0})},children:"drawer"})]})}},52381:function(x,t,n){n.r(t),n.d(t,{default:function(){return u}});var l=n(97028),c=n(90778),d=n(92142),o=n(54588),i=n(19914),a=n(52676),s=c.Z.Item;function m(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(s,{label:"fieldA",name:"fieldA",children:(0,a.jsx)(d.Z,{})}),(0,a.jsx)(s,{label:"fieldB",name:"fieldB",children:(0,a.jsx)(d.Z,{})})]})}var f=function(v){return console.log("request values",v),new Promise(function(e){setTimeout(function(){e({success:!0,msg:"\u63A5\u53E3\u6D88\u606F"})},500)})};function u(){var r=l.default.useDialog(),v=r.openModal,e=r.openDrawer,p=function(){v({title:"Modal",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},width:500,content:(0,a.jsx)(m,{}),extraBtn:(0,a.jsx)(o.ZP,{type:"dashed",danger:!0,children:"\u6D4B\u8BD5"}),request:f,onOk:function(){console.log("\u64CD\u4F5C\u6210\u529F...")}})},R=function(){v({title:"Modal",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},width:500,content:(0,a.jsx)(m,{}),extraBtn:(0,a.jsx)(o.ZP,{type:"dashed",danger:!0,children:"\u6D4B\u8BD5"}),request:f,preventRequestHandle:!0,onOk:function(D,I){return l.default.easyMessage(I),I==null?void 0:I.success}})},P=function(){v({title:"Modal",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},width:500,content:(0,a.jsx)(m,{}),extraBtn:(0,a.jsx)(o.ZP,{type:"dashed",danger:!0,children:"\u6D4B\u8BD5"}),onOk:function(D){return console.log("\u8BF7\u6C42\u53C2\u6570",D),new Promise(function(I){setTimeout(function(){I(!0)},1200)})}})},M=function(){e({title:"Drawer",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},width:500,content:(0,a.jsx)(m,{}),request:f})};return(0,a.jsxs)(i.Z,{style:{padding:"0 16px"},children:[(0,a.jsx)(o.ZP,{onClick:P,children:"\u83B7\u53D6\u8868\u5355\u4FE1\u606F"}),(0,a.jsx)(o.ZP,{onClick:p,children:"\u53D1\u8D77\u8BF7\u6C42\u5E76\u5904\u7406\u7ED3\u679C"}),(0,a.jsx)(o.ZP,{onClick:R,children:"\u81EA\u5B9A\u4E49\u5904\u7406\u7ED3\u679C"}),(0,a.jsx)(o.ZP,{onClick:M,children:"Drawer\u540Cmodal"})]})}},73801:function(x,t,n){n.r(t),n.d(t,{default:function(){return B}});var l=n(90228),c=n.n(l),d=n(87999),o=n.n(d),i=n(36075),a=n.n(i),s=n(97028),m=n(36457),f=n(90778),u=n(54588),r=n(92142),v=n(19914),e=n(52676),p=f.Z.Item,R=function(D){return a()(D),new Promise(function(I){setTimeout(function(){I({success:!0,msg:"\u64CD\u4F5C\u5931\u8D25"})},500)})};function P(){var C=s.default.useInstance(),D=C.closeDialog,I=(0,m.Z)(R,{manual:!0}),j=I.runAsync,h=I.loading,O=function(){var g=o()(c()().mark(function E(w){var _;return c()().wrap(function(y){for(;;)switch(y.prev=y.next){case 0:return y.next=2,j(w);case 2:return _=y.sent,s.default.easyMessage({success:_.success,msg:_.msg}),y.abrupt("return",_);case 5:case"end":return y.stop()}},E)}));return function(w){return g.apply(this,arguments)}}();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(s.default.Buttons,{onOk:O,loading:h,children:(0,e.jsx)(u.ZP,{danger:!0,type:"dashed",onClick:D,children:"\u5176\u4ED6"})}),(0,e.jsx)(p,{label:"fieldA",name:"fieldA",children:(0,e.jsx)(r.Z,{})}),(0,e.jsx)(p,{label:"fieldB",name:"fieldB",children:(0,e.jsx)(r.Z,{})})]})}function M(){var C=s.default.useInstance(),D=C.formRef,I=C.closeDialog;function j(){return h.apply(this,arguments)}function h(){return h=o()(c()().mark(function O(){var g,E;return c()().wrap(function(_){for(;;)switch(_.prev=_.next){case 0:return _.next=2,D==null||(g=D.current)===null||g===void 0||(g=g.formInstance)===null||g===void 0?void 0:g.validateFields();case 2:E=_.sent,console.log("values",E),I();case 5:case"end":return _.stop()}},O)})),h.apply(this,arguments)}return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(p,{label:"fieldA",name:"fieldA",children:(0,e.jsx)(r.Z,{})}),(0,e.jsx)(p,{label:"fieldB",name:"fieldB",children:(0,e.jsx)(r.Z,{})}),(0,e.jsx)(s.default.DrawerFooter,{children:(0,e.jsxs)(v.Z,{style:{padding:16},wrap:!0,children:[(0,e.jsx)(u.ZP,{type:"primary",children:"btn1"}),(0,e.jsx)(u.ZP,{type:"dashed",children:"btn1"}),(0,e.jsx)(u.ZP,{danger:!0,children:"btn2"}),(0,e.jsx)(u.ZP,{type:"link",children:"btn3"}),(0,e.jsx)(u.ZP,{children:"btn4"}),(0,e.jsx)(u.ZP,{children:"btn5"}),(0,e.jsx)(u.ZP,{children:"btn6"}),(0,e.jsx)(u.ZP,{children:"btn7"}),(0,e.jsx)(u.ZP,{children:"btn8"}),(0,e.jsx)(u.ZP,{onClick:function(){return I()},children:"\u53D6\u6D88"}),(0,e.jsx)(u.ZP,{onClick:j,type:"primary",children:"\u786E\u5B9A"})]})})]})}function B(){var C=s.default.useDialog(),D=C.openModal,I=C.openDrawer,j=function(){D({title:"Modal",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16},style:{padding:10}},width:500,content:(0,e.jsx)(P,{}),onOk:function(w){console.log("ok...",w)}})},h=function(){I({title:"Drawer",form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},width:500,content:(0,e.jsx)(P,{})})},O=function(){I({title:"Drawer",width:500,extra:void 0,form:{initialValues:{fieldA:"testa",fieldB:"testb"},labelCol:{span:6},wrapperCol:{span:16}},content:(0,e.jsx)(M,{})})};return(0,e.jsxs)(v.Z,{style:{padding:"0 16px"},children:[(0,e.jsx)(u.ZP,{onClick:j,children:"Modal custom form"}),(0,e.jsx)(u.ZP,{onClick:h,children:"Drawer custom form"}),(0,e.jsx)(u.ZP,{onClick:O,children:"Drawer \u591A\u6309\u94AE"})]})}},74567:function(x,t,n){n.r(t),n.d(t,{default:function(){return u}});var l=n(97028),c=n(19914),d=n(54588),o=n(52676),i={title:"title",content:"modal info..."},a={title:"title",message:"modal info..."},s="message info...",m={success:!0,msg:""},f={success:!1,msg:"\u63A5\u53E3\u8FD4\u56DE\u5F02\u5E38"};function u(){return(0,o.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,o.jsxs)(c.Z,{style:{padding:"0 16px"},children:[(0,o.jsx)(d.ZP,{onClick:function(){return l.default.modal.success(i)},children:"success"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.modal.info(i)},children:"info"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.modal.warning(i)},children:"warning"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.modal.error(i)},children:"error"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.modal.confirm(i)},children:"confirm"})]}),(0,o.jsxs)(c.Z,{style:{padding:"0 16px",marginTop:16},children:[(0,o.jsx)(d.ZP,{onClick:function(){return l.default.notice.success(a)},children:"success"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.notice.info(a)},children:"info"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.notice.warning(a)},children:"warning"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.notice.error(a)},children:"error"})]}),(0,o.jsxs)(c.Z,{style:{padding:"0 16px",marginTop:16},children:[(0,o.jsx)(d.ZP,{onClick:function(){return l.default.message.success(s)},children:"success"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.message.info(s)},children:"info"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.message.warning(s)},children:"warning"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.message.error(s)},children:"error"})]}),(0,o.jsxs)(c.Z,{style:{padding:"0 16px",marginTop:16},children:[(0,o.jsx)(d.ZP,{onClick:function(){return l.default.easyConfirm("confirm info...")},children:"\u64CD\u4F5C\u786E\u8BA4\u7B80\u4FBF\u65B9\u6CD5"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.easyMessage(m)},children:"\u63A5\u53E3\u54CD\u5E94\uFF1A\u6210\u529F"}),(0,o.jsx)(d.ZP,{onClick:function(){return l.default.easyMessage(f)},children:"\u63A5\u53E3\u54CD\u5E94\uFF1A\u5931\u8D25"})]})]})}},88459:function(x,t,n){n.r(t),n.d(t,{texts:function(){return l}});const l=[{value:"\u96C6\u6210 Modal,Drawer, Message, Notification \u9002\u5E94\u4E3B\u9898\u53D8\u5316\u7684\u9759\u6001\u65B9\u6CD5",paraId:0,tocIndex:0},{value:"\u4F7F\u7528\u9759\u6001\u65B9\u6CD5\u65F6\uFF0C\u9700\u4F7F\u7528CcsAppConfig\u7EC4\u4EF6\u3002\u53EA\u9700\u5728\u5E94\u7528\u5916\u56F4\u5305\u88F9\u4E00\u6B21\u5373\u53EF\u5168\u5C40\u751F\u6548\u3002",paraId:1,tocIndex:0},{value:"\u53C2\u6570",paraId:2,tocIndex:3},{value:"\u8BF4\u660E",paraId:2,tocIndex:3},{value:"\u7C7B\u578B",paraId:2,tocIndex:3},{value:"\u9ED8\u8BA4\u503C",paraId:2,tocIndex:3},{value:"message",paraId:2,tocIndex:3},{value:"antd message",paraId:2,tocIndex:3},{value:"MessageInstance",paraId:2,tocIndex:3},{value:"-",paraId:2,tocIndex:3},{value:"notice",paraId:2,tocIndex:3},{value:"antd notification",paraId:2,tocIndex:3},{value:"NotificationInstance",paraId:2,tocIndex:3},{value:"-",paraId:2,tocIndex:3},{value:"modal",paraId:2,tocIndex:3},{value:"antd modal",paraId:2,tocIndex:3},{value:"HookAPI",paraId:2,tocIndex:3},{value:"-",paraId:2,tocIndex:3},{value:"\u53C2\u6570",paraId:3,tocIndex:4},{value:"\u8BF4\u660E",paraId:3,tocIndex:4},{value:"\u7C7B\u578B",paraId:3,tocIndex:4},{value:"\u9ED8\u8BA4\u503C",paraId:3,tocIndex:4},{value:"contextHolder",paraId:3,tocIndex:4},{value:"\u83B7\u53D6\u6240\u5728\u4F4D\u7F6E\u7684\u6240\u6709\u4E0A\u4E0B\u6587",paraId:3,tocIndex:4},{value:"ReactNode",paraId:3,tocIndex:4},{value:"-",paraId:3,tocIndex:4},{value:"openModal",paraId:3,tocIndex:4},{value:"\u6253\u5F00\u6A21\u6001\u6846",paraId:3,tocIndex:4},{value:"(props:CcsDialogModalProps) => ReturnDialog",paraId:3,tocIndex:4},{value:"-",paraId:3,tocIndex:4},{value:"openDrawer",paraId:3,tocIndex:4},{value:"\u6253\u5F00\u62BD\u5C49",paraId:3,tocIndex:4},{value:"(props:CcsDialogDrawerProps) => ReturnDialog",paraId:3,tocIndex:4},{value:"-",paraId:3,tocIndex:4},{value:"\u901A\u7528\u5C5E\u6027\u7EE7\u627F ",paraId:4,tocIndex:5},{value:"Antd Modal",paraId:4,tocIndex:5},{value:"\u53C2\u6570 ",paraId:5,tocIndex:5},{value:"\u8BF4\u660E",paraId:5,tocIndex:5},{value:"\u7C7B\u578B",paraId:5,tocIndex:5},{value:"\u9ED8\u8BA4\u503C",paraId:5,tocIndex:5},{value:"auth",paraId:5,tocIndex:5},{value:"\u6743\u9650\u6807\u8BC6",paraId:5,tocIndex:5},{value:"string",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"form",paraId:5,tocIndex:5},{value:"antd form \u53C2\u6570",paraId:5,tocIndex:5},{value:"antd FormProps",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"content",paraId:5,tocIndex:5},{value:"\u5185\u5BB9\u7EC4\u4EF6",paraId:5,tocIndex:5},{value:"ReactNode",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"extraBtn",paraId:5,tocIndex:5},{value:"\u901A\u8FC7\u53C2\u6570\u4F20\u9012\u7684\u6269\u5C55\u6309\u94AE",paraId:5,tocIndex:5},{value:"ReactNode",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"request",paraId:5,tocIndex:5},{value:"\u8868\u5355\u63A5\u53E3\u8BF7\u6C42",paraId:5,tocIndex:5},{value:"(values: any) => Promise<any>",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"requestFieldNames",paraId:5,tocIndex:5},{value:"\u8BF7\u6C42 success \u548C errorMsg \u5B57\u6BB5\u6307\u5B9A",paraId:5,tocIndex:5},{value:"{ success?: string[]; errorMsg?: string[] }",paraId:5,tocIndex:5},{value:"{ success: ['success']; errorMsg: ['msg'] }",paraId:5,tocIndex:5},{value:"preventRequestHandle",paraId:5,tocIndex:5},{value:"\u963B\u6B62\u5BF9 request \u7ED3\u679C\u8FDB\u884C\u5904\u7406",paraId:5,tocIndex:5},{value:"boolean",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"hideFooter",paraId:5,tocIndex:5},{value:"\u9690\u85CF modal footer",paraId:5,tocIndex:5},{value:"boolean",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"onOk",paraId:5,tocIndex:5},{value:"\u786E\u5B9A\u56DE\u8C03,\u8FD4\u56DE false \u53EF\u4EE5\u963B\u6B62\u5F39\u6846\u5173\u95ED",paraId:5,tocIndex:5},{value:"(params,result) => Promise<boolean> | boolean | void",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"onClose",paraId:5,tocIndex:5},{value:"\u5F39\u6846\u5173\u95ED\u56DE\u8C03",paraId:5,tocIndex:5},{value:"() => void",paraId:5,tocIndex:5},{value:"-",paraId:5,tocIndex:5},{value:"\u901A\u7528\u5C5E\u6027\u7EE7\u627F ",paraId:6,tocIndex:6},{value:"Antd Drawer",paraId:6,tocIndex:6},{value:"\u53C2\u6570",paraId:7,tocIndex:6},{value:"\u8BF4\u660E",paraId:7,tocIndex:6},{value:"\u7C7B\u578B",paraId:7,tocIndex:6},{value:"\u9ED8\u8BA4\u503C",paraId:7,tocIndex:6},{value:"auth",paraId:7,tocIndex:6},{value:"\u6743\u9650\u6807\u8BC6",paraId:7,tocIndex:6},{value:"string",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"form",paraId:7,tocIndex:6},{value:"form \u53C2\u6570",paraId:7,tocIndex:6},{value:"antd FormProps",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"content",paraId:7,tocIndex:6},{value:"\u5185\u5BB9\u7EC4\u4EF6",paraId:7,tocIndex:6},{value:"ReactNode",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"extraBtn",paraId:7,tocIndex:6},{value:"\u901A\u8FC7\u53C2\u6570\u4F20\u9012\u7684\u6269\u5C55\u6309\u94AE",paraId:7,tocIndex:6},{value:"ReactNode",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"request",paraId:7,tocIndex:6},{value:"\u8868\u5355\u63A5\u53E3\u8BF7\u6C42",paraId:7,tocIndex:6},{value:"(values: any) => Promise<any>",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"requestFieldNames",paraId:7,tocIndex:6},{value:"\u8BF7\u6C42 success \u548C errorMsg \u5B57\u6BB5\u6307\u5B9A",paraId:7,tocIndex:6},{value:"{ success?: string[]; errorMsg?: string[] }",paraId:7,tocIndex:6},{value:"{ success: ['success']; errorMsg: ['msg'] }",paraId:7,tocIndex:6},{value:"preventRequestHandle",paraId:7,tocIndex:6},{value:"\u963B\u6B62\u5BF9 request \u7ED3\u679C\u8FDB\u884C\u5904\u7406",paraId:7,tocIndex:6},{value:"boolean",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"onOk",paraId:7,tocIndex:6},{value:"\u786E\u5B9A\u56DE\u8C03,\u8FD4\u56DE false \u53EF\u4EE5\u963B\u6B62\u5F39\u6846\u5173\u95ED",paraId:7,tocIndex:6},{value:"(params,result) => Promise<boolean> | boolean | void",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"onClose",paraId:7,tocIndex:6},{value:"\u5F39\u6846\u5173\u95ED\u56DE\u8C03",paraId:7,tocIndex:6},{value:"() => void",paraId:7,tocIndex:6},{value:"-",paraId:7,tocIndex:6},{value:"\u53C2\u6570",paraId:8,tocIndex:7},{value:"\u8BF4\u660E",paraId:8,tocIndex:7},{value:"\u7C7B\u578B",paraId:8,tocIndex:7},{value:"\u9ED8\u8BA4\u503C",paraId:8,tocIndex:7},{value:"update",paraId:8,tocIndex:7},{value:"\u66F4\u65B0\u5BF9\u8BDD",paraId:8,tocIndex:7},{value:"(props: ModalFuncProps | DrawerProps) => void",paraId:8,tocIndex:7},{value:"-",paraId:8,tocIndex:7},{value:"destroy",paraId:8,tocIndex:7},{value:"\u9500\u6BC1 \u5BF9\u8BDD",paraId:8,tocIndex:7},{value:"() => void",paraId:8,tocIndex:7},{value:"-",paraId:8,tocIndex:7},{value:"\u53C2\u6570",paraId:9,tocIndex:8},{value:"\u8BF4\u660E",paraId:9,tocIndex:8},{value:"\u7C7B\u578B",paraId:9,tocIndex:8},{value:"\u9ED8\u8BA4\u503C",paraId:9,tocIndex:8},{value:"closeDialog",paraId:9,tocIndex:8},{value:"\u5173\u95ED\u5BF9\u8BDD",paraId:9,tocIndex:8},{value:"() => void",paraId:9,tocIndex:8},{value:"-",paraId:9,tocIndex:8},{value:"formInitialValues",paraId:9,tocIndex:8},{value:"form \u521D\u59CB\u503C",paraId:9,tocIndex:8},{value:"-",paraId:9,tocIndex:8},{value:"formRef",paraId:9,tocIndex:8},{value:"form \u5B9E\u4F8B",paraId:9,tocIndex:8},{value:"() => ReactElement",paraId:9,tocIndex:8},{value:"-",paraId:9,tocIndex:8},{value:"\u81EA\u5B9A\u4E49\u6309\u94AE\u7EC4\u4EF6",paraId:10,tocIndex:9},{value:"\u53C2\u6570",paraId:11,tocIndex:9},{value:"\u8BF4\u660E",paraId:11,tocIndex:9},{value:"\u7C7B\u578B",paraId:11,tocIndex:9},{value:"\u9ED8\u8BA4\u503C",paraId:11,tocIndex:9},{value:"children",paraId:11,tocIndex:9},{value:"\u5185\u5BB9\u7EC4\u4EF6",paraId:11,tocIndex:9},{value:"ReactNode",paraId:11,tocIndex:9},{value:"-",paraId:11,tocIndex:9},{value:"okText",paraId:11,tocIndex:9},{value:"\u786E\u5B9A\u6587\u5B57\u5185\u5BB9",paraId:11,tocIndex:9},{value:"string",paraId:11,tocIndex:9},{value:"\u786E\u5B9A",paraId:11,tocIndex:9},{value:"okAuth",paraId:11,tocIndex:9},{value:"\u786E\u5B9A\u6309\u94AE\u6743\u9650",paraId:11,tocIndex:9},{value:"string",paraId:11,tocIndex:9},{value:"-",paraId:11,tocIndex:9},{value:"hideCancel",paraId:11,tocIndex:9},{value:"\u9690\u85CF\u53D6\u6D88\u6309\u94AE",paraId:11,tocIndex:9},{value:"boolean",paraId:11,tocIndex:9},{value:"-",paraId:11,tocIndex:9},{value:"cancelText",paraId:11,tocIndex:9},{value:"\u53D6\u6D88\u6587\u5B57\u5185\u5BB9",paraId:11,tocIndex:9},{value:"string",paraId:11,tocIndex:9},{value:"\u53D6\u6D88",paraId:11,tocIndex:9},{value:"loading",paraId:11,tocIndex:9},{value:"\u52A0\u8F7D\u4E2D",paraId:11,tocIndex:9},{value:"boolean",paraId:11,tocIndex:9},{value:"false",paraId:11,tocIndex:9},{value:"onOk",paraId:11,tocIndex:9},{value:"\u786E\u5B9A\u4E8B\u4EF6",paraId:11,tocIndex:9},{value:"(value?: any) => void",paraId:11,tocIndex:9},{value:"-",paraId:11,tocIndex:9},{value:"\u81EA\u5B9A\u4E49\u62BD\u5C49\u5E95\u90E8\u6309\u94AE\u7EC4\u4EF6",paraId:12,tocIndex:10},{value:"\u53C2\u6570",paraId:13,tocIndex:10},{value:"\u8BF4\u660E",paraId:13,tocIndex:10},{value:"\u7C7B\u578B",paraId:13,tocIndex:10},{value:"\u9ED8\u8BA4\u503C",paraId:13,tocIndex:10},{value:"children",paraId:13,tocIndex:10},{value:"\u6309\u94AE\u7EC4\u4EF6",paraId:13,tocIndex:10},{value:"ReactNode",paraId:13,tocIndex:10},{value:"-",paraId:13,tocIndex:10}]},12880:function(x,t){t.Z=`import { CcsAppConfig, CcsDialog } from '@ccs-ui/rc-pro';
+import { Button, DrawerProps, Dropdown, MenuProps, Space } from 'antd';
+
+const items = [
+  {
+    key: 'bottom',
+    label: 'bottom',
+  },
+  {
+    key: 'left',
+    label: 'left',
+  },
+  {
+    key: 'top',
+    label: 'top',
+  },
+];
+
+function DialogBasic() {
+  const { openDrawer, openModal } = CcsDialog.useDialog();
+
+  const onOpenModal = () => {
+    openModal({
+      title: 'Modal',
+      content: <div>CcsModal content...</div>,
+      footer: null,
+    });
+  };
+
+  const onOpenDrawer = (placement: DrawerProps['placement'] = 'right') => {
+    openDrawer({
+      title: 'Drawer',
+      width: 300,
+      content: <div>CcsDrawer content...</div>,
+      placement,
+    });
+  };
+
+  const onOpenFullDrawer = () => {
+    openDrawer({
+      title: 'Drawer',
+      content: <div>CcsDrawer content...</div>,
+      width: '100%',
+      height: '100%',
+      getContainer: undefined,
+    });
+  };
+
+  const onMenuClick: MenuProps['onClick'] = (e) => {
+    onOpenDrawer(e.key as DrawerProps['placement']);
+  };
+
+  return (
+    <>
+      <Space style={{ padding: '0 16px' }}>
+        <Button onClick={onOpenModal}>modal</Button>
+        <Dropdown.Button
+          menu={{ items, onClick: onMenuClick }}
+          onClick={() => onOpenDrawer()}
+        >
+          drawer
+        </Dropdown.Button>
+        <Button onClick={onOpenFullDrawer}>\u5168\u5C4Fdrawer</Button>
+      </Space>
+    </>
+  );
+}
+
+export default function DemoDialogBasic() {
+  return (
+    <CcsAppConfig>
+      <DialogBasic />
+    </CcsAppConfig>
+  );
+}
+`},98689:function(x,t){t.Z=`import { CcsDialog } from '@ccs-ui/rc-pro';
+import { CcsDialogDrawer, CcsDialogModal } from '@ccs-ui/rc-pro/dialog/hook';
+import { Button, Select, Space } from 'antd';
+import { useEffect, useRef } from 'react';
+
+export default function DialogCache() {
+  const { openModal, openDrawer } = CcsDialog.useDialog();
+  const modalRef = useRef<CcsDialogModal>();
+  const drawerRef = useRef<CcsDialogDrawer>();
+
+  useEffect(() => {
+    modalRef.current = openModal({
+      title: 'Modal',
+      open: false,
+      destroyOnClose: false,
+      width: 300,
+      content: (
+        <Select
+          placeholder="\u8BF7\u9009\u62E9"
+          options={[
+            { value: 'jack', label: 'Jack' },
+            { value: 'lucy', label: 'Lucy' },
+          ]}
+        />
+      ),
+    });
+
+    drawerRef.current = openDrawer({
+      title: 'Modal',
+      open: false,
+      destroyOnClose: false,
+      width: 300,
+      content: (
+        <Select
+          placeholder="\u8BF7\u9009\u62E9"
+          options={[
+            { value: 'jack', label: 'Jack' },
+            { value: 'lucy', label: 'Lucy' },
+          ]}
+        />
+      ),
+    });
+  }, []);
+
+  return (
+    <Space style={{ marginLeft: 16 }}>
+      <Button
+        onClick={() => {
+          modalRef.current?.update({ open: true });
+        }}
+      >
+        modal
+      </Button>
+      <Button
+        onClick={() => {
+          drawerRef.current?.update({ open: true });
+        }}
+      >
+        drawer
+      </Button>
+    </Space>
+  );
+}
+`},81977:function(x,t){t.Z=`import { CcsDialog } from '@ccs-ui/rc-pro';
+import { Button, Form, Input, Space } from 'antd';
+
+const FormItem = Form.Item;
+
+function FormDemo() {
+  return (
+    <>
+      <FormItem label="fieldA" name="fieldA">
+        <Input />
+      </FormItem>
+      <FormItem label="fieldB" name="fieldB">
+        <Input />
+      </FormItem>
+    </>
+  );
+}
+
+const onRequest = (values: { d: string }) => {
+  console.log('request values', values);
+  return new Promise<{ success: boolean; msg: string }>((resolve) => {
+    setTimeout(() => {
+      resolve({ success: true, msg: '\u63A5\u53E3\u6D88\u606F' });
+    }, 500);
+  });
+};
+
+export default function DialogForm() {
+  const { openModal, openDrawer } = CcsDialog.useDialog();
+
+  const onOpenModalRequest = () => {
+    openModal({
+      title: 'Modal',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      width: 500,
+      content: <FormDemo />,
+      extraBtn: (
+        <Button type="dashed" danger>
+          \u6D4B\u8BD5
+        </Button>
+      ),
+      request: onRequest,
+      onOk() {
+        console.log('\u64CD\u4F5C\u6210\u529F...');
+      },
+    });
+  };
+
+  const onOpenModalRequestResult = () => {
+    openModal({
+      title: 'Modal',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      width: 500,
+      content: <FormDemo />,
+      extraBtn: (
+        <Button type="dashed" danger>
+          \u6D4B\u8BD5
+        </Button>
+      ),
+      request: onRequest,
+      preventRequestHandle: true,
+      onOk(_, result) {
+        CcsDialog.easyMessage(result);
+        return result?.success;
+      },
+    });
+  };
+
+  const onOpenModal = () => {
+    openModal({
+      title: 'Modal',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      width: 500,
+      content: <FormDemo />,
+      extraBtn: (
+        <Button type="dashed" danger>
+          \u6D4B\u8BD5
+        </Button>
+      ),
+      onOk(parmas) {
+        console.log('\u8BF7\u6C42\u53C2\u6570', parmas);
+        // \u5F02\u6B65\u5904\u7406
+        return new Promise<boolean>((resolve) => {
+          setTimeout(() => {
+            resolve(true);
+          }, 1200);
+        });
+      },
+    });
+  };
+
+  const onOpenDrawer = () => {
+    openDrawer({
+      title: 'Drawer',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      width: 500,
+      content: <FormDemo />,
+      request: onRequest,
+    });
+  };
+
+  return (
+    <Space style={{ padding: '0 16px' }}>
+      <Button onClick={onOpenModal}>\u83B7\u53D6\u8868\u5355\u4FE1\u606F</Button>
+      <Button onClick={onOpenModalRequest}>\u53D1\u8D77\u8BF7\u6C42\u5E76\u5904\u7406\u7ED3\u679C</Button>
+      <Button onClick={onOpenModalRequestResult}>\u81EA\u5B9A\u4E49\u5904\u7406\u7ED3\u679C</Button>
+      <Button onClick={onOpenDrawer}>Drawer\u540Cmodal</Button>
+    </Space>
+  );
+}
+`},17751:function(x,t){t.Z=`import { CcsDialog } from '@ccs-ui/rc-pro';
+import { useRequest } from 'ahooks';
+import { Button, Form, Input, Space } from 'antd';
+
+const FormItem = Form.Item;
+
+const onRequest = ({}) => {
+  return new Promise<{ success?: boolean; msg?: string }>((resolve) => {
+    setTimeout(() => {
+      resolve({ success: true, msg: '\u64CD\u4F5C\u5931\u8D25' });
+    }, 500);
+  });
+};
+
+type TestType = { a: string };
+
+function FormDemo() {
+  // dialog\u5B9E\u4F8B
+  const { closeDialog } = CcsDialog.useInstance();
+  // \u63A5\u53E3\u8BF7\u6C42
+  const { runAsync, loading } = useRequest(onRequest, { manual: true });
+
+  const onOk = async (values: TestType) => {
+    const data = await runAsync(values);
+    // // \u7ED3\u679C\u53CD\u9988
+    CcsDialog.easyMessage({ success: data.success, msg: data.msg });
+
+    return data;
+  };
+
+  return (
+    <>
+      <CcsDialog.Buttons onOk={onOk} loading={loading}>
+        <Button danger type="dashed" onClick={closeDialog}>
+          \u5176\u4ED6
+        </Button>
+      </CcsDialog.Buttons>
+      <FormItem label="fieldA" name="fieldA">
+        <Input />
+      </FormItem>
+      <FormItem label="fieldB" name="fieldB">
+        <Input />
+      </FormItem>
+    </>
+  );
+}
+
+function DrawerMultiButtons() {
+  const { formRef, closeDialog } = CcsDialog.useInstance();
+
+  async function onClickOk() {
+    const values = await formRef?.current?.formInstance?.validateFields();
+    console.log('values', values);
+    closeDialog();
+  }
+
+  return (
+    <>
+      <FormItem label="fieldA" name="fieldA">
+        <Input />
+      </FormItem>
+      <FormItem label="fieldB" name="fieldB">
+        <Input />
+      </FormItem>
+      <CcsDialog.DrawerFooter>
+        <Space style={{ padding: 16 }} wrap>
+          <Button type="primary">btn1</Button>
+          <Button type="dashed">btn1</Button>
+          <Button danger>btn2</Button>
+          <Button type="link">btn3</Button>
+          <Button>btn4</Button>
+          <Button>btn5</Button>
+          <Button>btn6</Button>
+          <Button>btn7</Button>
+          <Button>btn8</Button>
+          <Button onClick={() => closeDialog()}>\u53D6\u6D88</Button>
+          <Button onClick={onClickOk} type="primary">
+            \u786E\u5B9A
+          </Button>
+        </Space>
+      </CcsDialog.DrawerFooter>
+    </>
+  );
+}
+
+export default function DialogFormCustom() {
+  const { openModal, openDrawer } = CcsDialog.useDialog();
+
+  const onOpenModal = () => {
+    openModal({
+      title: 'Modal',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+        style: { padding: 10 },
+      },
+      width: 500,
+      content: <FormDemo />,
+      onOk(e) {
+        console.log('ok...', e);
+      },
+    });
+  };
+
+  const onOpenDrawer = () => {
+    openDrawer({
+      title: 'Drawer',
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      width: 500,
+      content: <FormDemo />,
+    });
+  };
+
+  const onOpenDrawerAddFooter = () => {
+    openDrawer({
+      title: 'Drawer',
+      width: 500,
+      extra: undefined,
+      form: {
+        initialValues: { fieldA: 'testa', fieldB: 'testb' },
+        labelCol: { span: 6 },
+        wrapperCol: { span: 16 },
+      },
+      content: <DrawerMultiButtons />,
+    });
+  };
+
+  return (
+    <Space style={{ padding: '0 16px' }}>
+      <Button onClick={onOpenModal}>Modal custom form</Button>
+      <Button onClick={onOpenDrawer}>Drawer custom form</Button>
+      <Button onClick={onOpenDrawerAddFooter}>Drawer \u591A\u6309\u94AE</Button>
+    </Space>
+  );
+}
+`},17318:function(x,t){t.Z=`import { CcsDialog } from '@ccs-ui/rc-pro';
+import { Button, Space } from 'antd';
+
+const mp = {
+  title: 'title',
+  content: 'modal info...',
+};
+
+const np = {
+  title: 'title',
+  message: 'modal info...',
+};
+const me = 'message info...';
+
+const successResult = {
+  success: true,
+  msg: '',
+};
+
+const failResult = {
+  success: false,
+  msg: '\u63A5\u53E3\u8FD4\u56DE\u5F02\u5E38',
+};
+
+export default function DialogPrompt() {
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column' }}>
+      <Space style={{ padding: '0 16px' }}>
+        <Button onClick={() => CcsDialog.modal.success(mp)}>success</Button>
+        <Button onClick={() => CcsDialog.modal.info(mp)}>info</Button>
+        <Button onClick={() => CcsDialog.modal.warning(mp)}>warning</Button>
+        <Button onClick={() => CcsDialog.modal.error(mp)}>error</Button>
+        <Button onClick={() => CcsDialog.modal.confirm(mp)}>confirm</Button>
+      </Space>
+      <Space style={{ padding: '0 16px', marginTop: 16 }}>
+        <Button onClick={() => CcsDialog.notice.success(np)}>success</Button>
+        <Button onClick={() => CcsDialog.notice.info(np)}>info</Button>
+        <Button onClick={() => CcsDialog.notice.warning(np)}>warning</Button>
+        <Button onClick={() => CcsDialog.notice.error(np)}>error</Button>
+      </Space>
+      <Space style={{ padding: '0 16px', marginTop: 16 }}>
+        <Button onClick={() => CcsDialog.message.success(me)}>success</Button>
+        <Button onClick={() => CcsDialog.message.info(me)}>info</Button>
+        <Button onClick={() => CcsDialog.message.warning(me)}>warning</Button>
+        <Button onClick={() => CcsDialog.message.error(me)}>error</Button>
+      </Space>
+      <Space style={{ padding: '0 16px', marginTop: 16 }}>
+        <Button onClick={() => CcsDialog.easyConfirm('confirm info...')}>
+          \u64CD\u4F5C\u786E\u8BA4\u7B80\u4FBF\u65B9\u6CD5
+        </Button>
+        <Button onClick={() => CcsDialog.easyMessage(successResult)}>
+          \u63A5\u53E3\u54CD\u5E94\uFF1A\u6210\u529F
+        </Button>
+        <Button onClick={() => CcsDialog.easyMessage(failResult)}>
+          \u63A5\u53E3\u54CD\u5E94\uFF1A\u5931\u8D25
+        </Button>
+      </Space>
+    </div>
+  );
+}
+`},92470:function(x,t){t.Z=`import { defaultTheme } from '@ant-design/compatible';
+import { ConfigProvider, Divider } from 'antd';
+import zhCN from 'antd/locale/zh_CN';
+import Basic from './Basic';
+import Cache from './Cache';
+import Form from './Form';
+import FormCustom from './FormCustom';
+import Prompt from './Prompt';
+
+export default () => {
+  return (
+    <ConfigProvider locale={zhCN} theme={defaultTheme}>
+      <>
+        <Divider plain orientation="left" orientationMargin={16}>
+          \u57FA\u672C\u7528\u6CD5:\u4F7F\u7528\u65F6\u521B\u5EFA\uFF0C\u5173\u95ED\u5373\u9500\u6BC1\u3002
+        </Divider>
+        <Basic />
+        <Divider plain orientation="left" orientationMargin={16}>
+          \u7ED3\u5408Form\u8868\u5355,\u81EA\u52A8\u6536\u96C6\u8868\u5355\u7ED3\u679C\uFF0C\u4F20\u5165request\u81EA\u52A8\u53D1\u8D77\u8BF7\u6C42\uFF0C\u6821\u9A8C\u7ED3\u679C
+        </Divider>
+        <Form />
+        <Divider plain orientation="left" orientationMargin={16}>
+          \u7ED3\u5408Form\u8868\u5355,\u81EA\u5B9A\u4E49\u8BF7\u6C42,\u6309\u94AE,\u8868\u5355\u4E1A\u52A1\u5904\u7406\u903B\u8F91\u3002
+        </Divider>
+        <FormCustom />
+        <Divider plain orientation="left" orientationMargin={16}>
+          \u7F13\u5B58\u5185\u5BB9:\u9700\u7F13\u5B58\u6570\u636E\u65F6\uFF0C\u4F7F\u7528ref\u7F13\u5B58\u65B9\u6CD5\u3002
+        </Divider>
+        <Cache />
+        <Divider plain orientation="left" orientationMargin={16}>
+          modal,message,notification,\u6D88\u606F\u63D0\u793A\uFF1A\u9002\u5E94\u4E3B\u9898\u53D8\u5316\u7684\u6D88\u606F\u63D0,\u65E0\u9700\u4F7F\u7528contextHolder\u3002
+        </Divider>
+        <Prompt />
+      </>
+    </ConfigProvider>
+  );
+};
+`}}]);

package/docs-dist/meta__dialog.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}

package/docs-dist/meta__docs.5dbc484a.async.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[1904],{42278:function(I,e,a){a.r(e),a.d(e,{demos:function(){return o}});var d=a(75271),o={}},64665:function(I,e,a){a.r(e),a.d(e,{demos:function(){return o}});var d=a(75271),o={}},12790:function(I,e,a){a.r(e),a.d(e,{demos:function(){return o}});var d=a(75271),o={}},624:function(I,e,a){a.r(e),a.d(e,{texts:function(){return d}});const d=[]},1673:function(I,e,a){a.r(e),a.d(e,{texts:function(){return d}});const d=[{value:"\u9A8C\u8BC1\u7801\u7EC4\u4EF6\u517C\u5BB9\u6697\u9ED1\u6A21\u5F0F;",paraId:0,tocIndex:1},{value:"proTable \u5C01\u88C5 rowselection \u4EE3\u7801;",paraId:0,tocIndex:1},{value:"proTable \u6DFB\u52A0\u81EA\u9002\u5E94\u5E03\u5C40\u6A21\u5F0F;",paraId:0,tocIndex:1},{value:"CcsDialog \u4E0D\u9002\u5E94 contextHolder \u4E5F\u80FD\u6253\u5F00;",paraId:0,tocIndex:1},{value:"\u79FB\u9664 utils,\u72EC\u7ACB\u5B58\u5728@ccs-ui/utils;",paraId:0,tocIndex:1},{value:"\u6DFB\u52A0\u5C5E\u6027 isEnableToolbar\uFF0C",paraId:0,tocIndex:1},{value:"table \u53EF\u4EE5\u9690\u85CF toolbar;",paraId:0,tocIndex:1},{value:"2024-6-4",paraId:1,tocIndex:2},{value:"\u4FEE\u590D table \u53CC\u6EDA\u52A8\u6761\u95EE\u9898;",paraId:2,tocIndex:2},{value:"\u4FEE\u590D modal \u6309\u94AE\u65E0\u95F4\u8DDD\u95EE\u9898;",paraId:2,tocIndex:2},{value:"\u4FEE\u6539 antd \u7EC4\u4EF6\u8FC7\u671F\u53C2\u6570\u4F7F\u7528\u95EE\u9898;",paraId:2,tocIndex:2},{value:"\u4FEE\u590D ccs date-picker \u63D2\u4EF6 bug;",paraId:2,tocIndex:2},{value:"colorful \u4E3B\u9898\u7EC4\u4EF6\u6837\u5F0F\u8C03\u6574;",paraId:2,tocIndex:2},{value:"\u6DFB\u52A0\u5355\u9875\u5E03\u5C40\u6A21\u5F0F;",paraId:2,tocIndex:2},{value:"\u5012\u8BA1\u65F6\u6309\u94AE\u7EC4\u4EF6\u6DFB\u52A0\u5B9E\u4F8B\u65B9\u6CD5;",paraId:2,tocIndex:2},{value:"\u6DFB\u52A0\u6ED1\u5757\u9A8C\u8BC1\u7801\u7EC4\u4EF6",paraId:2,tocIndex:2},{value:"2024-4-8",paraId:3,tocIndex:3},{value:"\u5220\u9664 IsTabsPage \u53C2\u6570;",paraId:4,tocIndex:3},{value:"\u6DFB\u52A0 colorful \u4E3B\u9898;",paraId:4,tocIndex:3},{value:"\u4FEE\u590D Table \u56FA\u5B9A\u9AD8\u5EA6\u65E0\u6CD5\u6EDA\u52A8\u95EE\u9898;",paraId:4,tocIndex:3},{value:"2024-3-10",paraId:5,tocIndex:4},{value:"CcsDatePicker.RangePicker \u53C2\u6570 bug;",paraId:6,tocIndex:4},{value:"CcsProTable \u5220\u9664 disableCollapseForm \u53C2\u6570;",paraId:6,tocIndex:4},{value:"CcsProTable \u6DFB\u52A0 formItemLayout\uFF0CformItemCol \u53C2\u6570\u9002\u5E94\u81EA\u5B9A\u4E49\u5E03\u5C40;",paraId:6,tocIndex:4},{value:"table column \u652F\u6301\u591A\u884C\u7701\u7565\u663E\u793A",paraId:6,tocIndex:4},{value:"2024-2-28",paraId:7,tocIndex:5},{value:"ProTable \u5728\u62BD\u5C49\u4E2D\u5438\u9876\u5F02\u5E38;",paraId:8,tocIndex:5},{value:"table \u6392\u5E8F\u53C2\u6570\u4FEE\u6539\u4FDD\u6301\u4E0E\u540E\u7AEF\u4E00\u81F4;",paraId:8,tocIndex:5},{value:"table \u6DFB\u52A0\u663E\u793A\u5E8F\u53F7\u53C2\u6570",paraId:8,tocIndex:5},{value:"2024-1-19",paraId:9,tocIndex:6},{value:"ProGrid \u8C03\u6574;",paraId:10,tocIndex:6},{value:"ProTable \u4F20\u5165\u5217\u5BBD\u5EA6\u4E3A number \u7C7B\u578B\u62D6\u62FD\u624D\u751F\u6548;",paraId:10,tocIndex:6},{value:"ProTable \u4F20\u5165 pagination \u5206\u9875\u663E\u793A\u5F02\u5E38",paraId:10,tocIndex:6},{value:"2024-1-5",paraId:11,tocIndex:7},{value:"ProTable \u652F\u6301\u62D6\u62FD\u6539\u53D8\u5BBD\u5EA6\uFF0C\u9700\u8BBE\u7F6E\u5217\u5BBD",paraId:12,tocIndex:7},{value:"2024-1-1",paraId:13,tocIndex:8},{value:"\u597D\u4E45\u6CA1\u5199\u65E5\u5FD7\u4E86",paraId:14,tocIndex:8},{value:"2023-9-20",paraId:15,tocIndex:9},{value:"CcsModal \u5F03\u7528\u6CE8\u91CA",paraId:16,tocIndex:9},{value:"CcsDrawer \u5F03\u7528\u6CE8\u91CA",paraId:16,tocIndex:9},{value:"CcsProTabs\uFF0Ctab \u4EA4\u4E92 hooks \u4F18\u5316",paraId:16,tocIndex:9},{value:"CcsProTable \u6CA1\u6709\u6B21\u6761\u4EF6\u65F6\u4E0D\u663E\u793A\u66F4\u591A\u6309\u94AE",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsApiSelect \u57FA\u4E8E\u63A5\u53E3\u7684\u67E5\u8BE2\u7EC4\u4EF6",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsApiCascader \u57FA\u4E8E\u63A5\u53E3\u7684\u7EA7\u8054\u7EC4\u4EF6",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsUpload\uFF0C\u901A\u7528\u6587\u4EF6\u4E0A\u4F20\uFF0C\u56FE\u7247\u4E0A\u4F20\u7EC4\u4EF6",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsStatusTag \u72B6\u6001\u663E\u793A\u7EC4\u4EF6",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsDialog\uFF0C\u9759\u6001\u65B9\u6CD5\u6253\u5F00 Modal\uFF0CDrawer,\u652F\u6301\u83B7\u53D6\u4E0A\u4E0B\u6587 context",paraId:16,tocIndex:9},{value:"\u65B0\u589E CcsProTable \u6DFB\u52A0 disableCollapseForm \u7981\u6B62\u5C55\u5F00\u6536\u8D77\u67E5\u8BE2\u6761\u4EF6",paraId:16,tocIndex:9},{value:"2023-9-3",paraId:17,tocIndex:10},{value:"CcsProTable \u6DFB\u52A0 expandForm \u53C2\u6570\uFF0C\u53EF\u4EE5\u9ED8\u8BA4\u5C55\u5F00\u67E5\u8BE2\u6761\u4EF6",paraId:18,tocIndex:10},{value:"\u91CD\u6784\u5012\u8BA1\u65F6\u6309\u94AE\u7EC4\u4EF6",paraId:18,tocIndex:10},{value:"CcsModal \u53C2\u6570\u8986\u76D6\u5F02\u5E38",paraId:18,tocIndex:10},{value:"2023-9-1",paraId:19,tocIndex:11},{value:"\u5347\u7EA7 antd5",paraId:20,tocIndex:11},{value:"\u90E8\u95E8\u7EC4\u4EF6\u91CD\u6784\uFF0C\u5220\u9664\u65E0\u5F02\u8BAE\u529F\u80FD",paraId:20,tocIndex:11},{value:"modal \u548C Drawer \u4F7F\u7528\u9759\u6001\u65B9\u6CD5\u3002",paraId:20,tocIndex:11},{value:"\u6743\u9650\u7EC4\u4EF6\u91CD\u6784",paraId:20,tocIndex:11},{value:"\u65B0\u589E\u65F6\u95F4\u7EC4\u4EF6\uFF0C\u8F93\u5165\u8F93\u51FA\u5B57\u7B26\u4E32",paraId:20,tocIndex:11},{value:"\u65B0\u589E\u5E8F\u5217\u8868\u7EC4\u4EF6",paraId:20,tocIndex:11},{value:"\u65B0\u589E\u9009\u62E9\u63A5\u53E3\u9009\u62E9\u7EC4\u4EF6",paraId:20,tocIndex:11},{value:"utils \u5DE5\u5177\u96C6",paraId:20,tocIndex:11}]},64058:function(I,e,a){a.r(e),a.d(e,{texts:function(){return d}});const d=[{value:"\u4E00\u4E9B\u5E38\u7528\u5DE5\u5177\u65B9\u6CD5",paraId:0,tocIndex:0},{value:"isFunction",paraId:1,tocIndex:1},{value:" \u662F\u51FD\u6570\uFF1F",paraId:1,tocIndex:1},{value:"getStroage",paraId:1,tocIndex:1},{value:" \u83B7\u53D6 stroage",paraId:1,tocIndex:1},{value:"setStroage",paraId:1,tocIndex:1},{value:" \u8BBE\u7F6E stroage",paraId:1,tocIndex:1},{value:"removeStroage",paraId:1,tocIndex:1},{value:" \u5220\u9664 stroage",paraId:1,tocIndex:1},{value:"showWarning",paraId:1,tocIndex:1},{value:" \u5F00\u53D1\u73AF\u5883\u629B\u8B66\u544A",paraId:1,tocIndex:1},{value:"isNode",paraId:1,tocIndex:1},{value:" nodejs \u73AF\u5883",paraId:1,tocIndex:1},{value:"isBrowser",paraId:1,tocIndex:1},{value:" \u6D4F\u89C8\u5668\u73AF\u5883",paraId:1,tocIndex:1},{value:"dayjs",paraId:1,tocIndex:1},{value:" \u683C\u5F0F\u5316\u6210 dayjs",paraId:1,tocIndex:1},{value:"dayjsFmt",paraId:1,tocIndex:1},{value:" string to dayjs",paraId:1,tocIndex:1},{value:"isEmpty",paraId:1,tocIndex:1},{value:" \u7A7A\u5224\u65AD",paraId:1,tocIndex:1},{value:"isNotEmpty",paraId:1,tocIndex:1},{value:" \u975E\u7A7A",paraId:1,tocIndex:1},{value:"jsonToBase64",paraId:1,tocIndex:1},{value:" json \u8F6C base64",paraId:1,tocIndex:1},{value:"base64ToJson",paraId:1,tocIndex:1},{value:" base64 \u8F6C json",paraId:1,tocIndex:1},{value:"jsonParse",paraId:1,tocIndex:1},{value:" JSON.parse",paraId:1,tocIndex:1},{value:"stringToHex",paraId:1,tocIndex:1},{value:" string to HEX",paraId:1,tocIndex:1}]}}]);

package/docs-dist/meta__editor.11adf92c.async.js

@@ -0,0 +1,37 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[7145],{60008:function(t,n,e){e.r(n),e.d(n,{demos:function(){return i}});var d=e(90228),o=e.n(d),l=e(87999),u=e.n(l),r=e(75271),i={"editor-demo-demos":{component:r.memo(r.lazy(function(){return e.e(3404).then(e.bind(e,21717))})),asset:{type:"BLOCK",id:"editor-demo-demos",refAtomIds:["editor"],dependencies:{"index.tsx":{type:"FILE",value:e(23827).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"}},entry:"index.tsx"},context:{"@ccs-ui/rc-pro":e(20600),antd:e(13249)},renderOpts:{compile:function(){var c=u()(o()().mark(function p(){var s,v=arguments;return o()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(7488).then(e.bind(e,47488));case 2:return a.abrupt("return",(s=a.sent).default.apply(s,v));case 3:case"end":return a.stop()}},p)}));function I(){return c.apply(this,arguments)}return I}()}}}},290:function(t,n,e){e.r(n),e.d(n,{texts:function(){return d}});const d=[{value:"JSON\uFF0CJavaScript \u7F16\u8F91\u5668",paraId:0,tocIndex:0},{value:"\u53C2\u6570",paraId:1,tocIndex:3},{value:"\u8BF4\u660E",paraId:1,tocIndex:3},{value:"\u7C7B\u578B",paraId:1,tocIndex:3},{value:"\u9ED8\u8BA4\u503C",paraId:1,tocIndex:3},{value:"message",paraId:1,tocIndex:3},{value:"antd message",paraId:1,tocIndex:3},{value:"MessageInstance",paraId:1,tocIndex:3},{value:"-",paraId:1,tocIndex:3},{value:"notice",paraId:1,tocIndex:3},{value:"antd notification",paraId:1,tocIndex:3},{value:"NotificationInstance",paraId:1,tocIndex:3},{value:"-",paraId:1,tocIndex:3},{value:"modal",paraId:1,tocIndex:3},{value:"antd modal",paraId:1,tocIndex:3},{value:"HookAPI",paraId:1,tocIndex:3},{value:"-",paraId:1,tocIndex:3},{value:"\u53C2\u6570",paraId:2,tocIndex:4},{value:"\u8BF4\u660E",paraId:2,tocIndex:4},{value:"\u7C7B\u578B",paraId:2,tocIndex:4},{value:"\u9ED8\u8BA4\u503C",paraId:2,tocIndex:4},{value:"message",paraId:2,tocIndex:4},{value:"antd message",paraId:2,tocIndex:4},{value:"MessageInstance",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"notice",paraId:2,tocIndex:4},{value:"antd notification",paraId:2,tocIndex:4},{value:"NotificationInstance",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"modal",paraId:2,tocIndex:4},{value:"antd modal",paraId:2,tocIndex:4},{value:"HookAPI",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4}]},23827:function(t,n){n.Z=`import { CcsEditor } from '@ccs-ui/rc-pro';
+import { Divider } from 'antd';
+
+const jsonValue = \`{
+  "key": 1,
+  "value": ".."
+}\`;
+
+const jsValue = \`function(record){
+  return record.state === 1
+}\`;
+
+const sqlValue = \`select * from sys_user where user_name='\u7F8E\u5973' and s1=1  and s1=1  and s1=1  and s1=1  and s1=1  and s1=1  and s1=1  and s1=1\`;
+
+export default () => {
+  return (
+    <>
+      <Divider plain orientation="left" orientationMargin={16}>
+        Json\u7F16\u8F91\u5668\u3002
+      </Divider>
+      <CcsEditor.Json value={jsonValue} />
+      <Divider plain orientation="left" orientationMargin={16}>
+        JavaScript\u7F16\u8F91\u5668\u3002
+      </Divider>
+      <CcsEditor.Js value={jsValue} />
+      <Divider plain orientation="left" orientationMargin={16}>
+        sql\u7F16\u8F91\u5668\u3002
+      </Divider>
+      <CcsEditor.Sql value={sqlValue} />
+      <Divider plain orientation="left" orientationMargin={16}>
+        \u4EE3\u7801\u9884\u89C8
+      </Divider>
+      <CcsEditor.Sql isPreview value={sqlValue} />
+    </>
+  );
+};
+`}}]);

package/docs-dist/meta__editor.b9764392.chunk.css

@@ -0,0 +1 @@
+.ccs-aj-modal .ccs-aj-bg{-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-slider-img{top:0;position:absolute;-webkit-user-drag:none}.ccs-aj-modal .ccs-aj-body{position:relative}.ccs-aj-modal .ccs-aj-btn{display:flex;justify-content:space-between;margin-top:5px;align-items:center}.ccs-aj-modal .ccs-aj-error{color:red}.ccs-aj-modal .ccs-aj-slider{position:relative;height:40px}.ccs-aj-modal .ccs-aj-slider-track{height:30px;margin-top:10px;text-align:center;line-height:30px;border-radius:15px;user-select:none}.ccs-aj-modal .ccs-aj-slider-bar{height:40px;width:40px;position:absolute;bottom:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:gray;font-size:12px;cursor:move}.ccs-aj-modal .ccs-aj-slider-bar:hover{box-shadow:#666 0 0 8px}.ccs-aj-modal .ccs-aj-word-slider{color:#52c41a;text-align:center;border:1px solid #52c41a;height:36px;line-height:36px;margin-top:10px}.ccs-aj-modal .ccs-word-point{background-color:#52c41a;border-radius:15px;width:26px;height:26px;line-height:26px;text-align:center;color:#fff;position:absolute}.ccs-color-picker{display:flex;justify-content:start}.ccs-color-picker-select{display:none!important}.ccs-editor .cm-editor{outline:none!important}.ccs-editor .cm-editor:hover{outline:1px solid #c8c8c8!important}.ccs-editor-preview .cm-gutters{display:none}.ccs-editor-preview .cm-activeLine{background:transparent}.ccs-ellipsis{overflow:hidden;line-height:1.5;word-break:break-word}.buttons button:not(:last-child):after{margin:0 4px 0 6px;color:#e8e8e8;content:"|"}.dark-table ::-webkit-scrollbar{width:12px;height:12px}.dark-table ::-webkit-scrollbar-thumb{background:#2a2c2c;border-radius:3px}.ccs-pl.css-table-full{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999}.ccs-table-pagination{margin:0!important;padding:12px 16px;text-align:right}.ccs-pl{display:flex;flex-direction:column}.ccs-pl-icon{font-size:16}.ccs-pl-table-content{position:relative;flex:auto}.ccs-pl-form-collapse{display:flex;justify-content:flex-end;flex-wrap:wrap;column-gap:10px}.ccs-pl-form-expand{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:10px}.ccs-pl-adaptation-form{flex:1 1 auto;overflow:hidden}.ccs-pl-adaptation-form::-webkit-scrollbar{display:none}.ccs-pl-form-item{margin-bottom:10px!important;margin-inline-end:0!important}.ccs-pl-toolbar{flex:0 0 auto}.ccs-table-card .react-resizable{position:relative;background-clip:padding-box}.ccs-table-card .react-resizable-handle{position:absolute;right:-5px;bottom:0;z-index:1;width:15px;height:100%;cursor:col-resize}.ccs-tabs-auto-height{flex:1 1 auto;overflow:hidden}.ccs-table-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-keep-alive{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav{margin:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav:before{background:#fff;opacity:.1;position:absolute;top:0;right:0;bottom:0;left:0}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-active{background-color:#fff}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab{border:0;padding:6px 16px!important;border-radius:0!important}.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-tab-remove,.ccs-keep-alive-tabs-colorful>.ant-tabs-nav .ant-tabs-extra-content>.ant-dropdown-trigger{color:#03a9f4}.ccs-keep-alive-nav{margin:0}.ccs-keep-alive-nav:before{border-bottom:0!important}.ccs-keep-alive-tabs{background-color:#fff;border-bottom:1px solid #f1f2f5}.ccs-keep-alive-tabs.dark{background-color:#252525;border-bottom:0}.ccs-keep-alive .ccs-tab-item{flex:1 1 auto;position:relative}.ccs-keep-alive .ccs-sticky-scroll>div{padding:10px 16px 16px;flex-direction:column;display:none}.ccs-keep-alive .ccs-sticky-scroll.route-avtive>div{display:flex}.ccs-sticky-scroll>div{display:flex;flex-direction:column;padding:10px 16px 16px}.colorful-theme .page-content{background-color:#fff}.ccs-breadcrumb{margin-bottom:10px}.ccs-trigger-hidden{display:none!important}.ccs-trigger-show{display:block!important}.ccs-trigger-icon{color:#00000040!important;font-size:12px}.ccs-trigger-container{overflow:auto;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;transition:margin .3s}.ccs-trigger-mask{position:fixed;top:0;right:0;bottom:0;left:0;height:100%;opacity:1}.ccs-trigger-mask-hidden,.rc-trigger-popup-hidden{display:none}

package/docs-dist/meta__group-form-item.a6e6163c.async.js

@@ -0,0 +1,36 @@
+"use strict";(self.webpackChunk_ccs_ui_rc_pro=self.webpackChunk_ccs_ui_rc_pro||[]).push([[1942],{58220:function(o,n,e){e.r(n),e.d(n,{demos:function(){return l}});var r=e(90228),s=e.n(r),m=e(87999),d=e.n(m),a=e(75271),l={"group-form-item-demo-basic":{component:a.memo(a.lazy(function(){return e.e(9629).then(e.bind(e,82580))})),asset:{type:"BLOCK",id:"group-form-item-demo-basic",refAtomIds:["group-form-item"],dependencies:{"index.tsx":{type:"FILE",value:e(31218).Z},"@ccs-ui/rc-pro":{type:"NPM",value:"2.3.6-alpha-32"},antd:{type:"NPM",value:"5.24.6"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"\u57FA\u672C\u7528\u6CD5",description:"\u5F00\u59CB\u65F6\u95F4\uFF0C\u7ED3\u675F\u65F6\u95F4\uFF0C\u4F7F\u7528RangePicker\u663E\u793A\uFF0C\u751F\u6210\u72EC\u7ACB\u7684\u5B57\u6BB5\u503C"},context:{"@ccs-ui/rc-pro":e(20600),antd:e(13249),react:e(75271)},renderOpts:{compile:function(){var i=d()(s()().mark(function p(){var u,_=arguments;return s()().wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.e(7488).then(e.bind(e,47488));case 2:return t.abrupt("return",(u=t.sent).default.apply(u,_));case 3:case"end":return t.stop()}},p)}));function c(){return i.apply(this,arguments)}return c}()}}}},16649:function(o,n,e){e.r(n),e.d(n,{texts:function(){return r}});const r=[{value:"\u89E3\u51B3\u6570\u636E\u5206\u6563\u800C\u7EC4\u4EF6\u9700\u8981\u6570\u7EC4\u5BF9\u8C61\u7684\u95EE\u9898\uFF0C\u907F\u514D\u83B7\u53D6\u7684\u5230\u8868\u5355\u503C\u9700\u8981\u4E8C\u6B21\u52A0\u5DE5\uFF0C\u4E0D\u80FD\u76F4\u63A5\u4F7F\u7528",paraId:0,tocIndex:0},{value:"\u901A\u7528\u5C5E\u6027\u7EE7\u627F ",paraId:1,tocIndex:3},{value:"Ant DatePicker",paraId:1,tocIndex:3}]},31218:function(o,n){n.Z=`import { CcsDatePicker, CcsGroupFormItem } from '@ccs-ui/rc-pro';
+import { Alert, Button, Form } from 'antd';
+import { useState } from 'react';
+
+export default () => {
+  const [form] = Form.useForm();
+  const [state, setState] = useState<any>(undefined);
+
+  return (
+    <Form
+      form={form}
+      initialValues={{
+        startDate: '2023-09-01',
+        endDate: '2025-09-01',
+      }}
+      onFinish={(values) => {
+        console.log('onFinish...', values);
+      }}
+    >
+      <CcsGroupFormItem label="\u65F6\u95F4" groupItemNames={['startDate', 'endDate']}>
+        <CcsDatePicker.RangePicker />
+      </CcsGroupFormItem>
+      <Button htmlType="submit" type="primary" onClick={() => setState({})}>
+        \u786E\u5B9A
+      </Button>
+      {state && (
+        <Alert
+          style={{ marginTop: 10 }}
+          message={\`\${JSON.stringify(form.getFieldsValue())}\`}
+          type="info"
+        />
+      )}
+    </Form>
+  );
+};
+`}}]);