+
+
+
+
+
+
+
+
+
+
+
+
+ Part 1
+
+
+ Part 2
+
+
+ Part 3
+
+
+
+
+ Fixed Top Block
+ +
+
+
+
+
+ }
+}`},(ne=(ae=g.parameters)==null?void 0:ae.docs)==null?void 0:ne.source)})});var oe,se,ie;y.parameters=r(t({},y.parameters),{docs:r(t({},(oe=y.parameters)==null?void 0:oe.docs),{source:t({originalSource:`{
+ args: {
+ title:
+ }
+}`},(ie=(se=y.parameters)==null?void 0:se.docs)==null?void 0:ie.source)})});var ce,de,le;x.parameters=r(t({},x.parameters),{docs:r(t({},(ce=x.parameters)==null?void 0:ce.docs),{source:t({originalSource:`{
+ args: {
+ type: 'inner'
+ }
+}`},(le=(de=x.parameters)==null?void 0:de.docs)==null?void 0:le.source)})});var pe,me,he;u.parameters=r(t({},u.parameters),{docs:r(t({},(pe=u.parameters)==null?void 0:pe.docs),{source:t({originalSource:`{
+ render: () => {
+ return content1
, + tab2:content2
+ }; + const tabListNoTitle = [{ + key: 'article', + label: 'article' + }, { + key: 'app', + label: 'app' + }, { + key: 'project', + label: 'project' + }]; + const contentListNoTitle: Recordarticle content
, + app:app content
, + project:project content
+ }; + const [activeTabKey1, setActiveTabKey1] = useState+
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+ 4
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+ 4
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+ 4
+
+
+ 1
+
+
+ 2
+
+
+ 3
+
+
+ 4
++ If a large or small collapse is desired, set the size property to either large or small respectively. Omit + the size property for a collapse with the default size. + }> +
{text}
+ }]; + const items: ICollapseProps['items'] = [{ + key: '1', + label: 'This is panel header 1', + children:{text}
+ }, { + key: '3', + label: 'This is panel header 3', + children:{text}
+ }]; + const onChange = (key: string | string[]) => { + console.log(key); + }; + return+ A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome + guest in many households across the world. +
; + const items: ICollapseProps['items'] = [{ + key: '1', + label: 'This is panel header 1', + children: collapseText + }, { + key: '2', + label: 'This is panel header 2', + children: collapseText + }, { + key: '3', + label: 'This is panel header 3', + children: collapseText + }]; + return{text}
, + style: panelStyle + }, { + key: '2', + label: 'This is panel header 2', + children:{text}
, + style: panelStyle + }, { + key: '3', + label: 'This is panel header 3', + children:{text}
, + style: panelStyle + }]; + const { + token + } = theme.useToken(); + const panelStyle: React.CSSProperties = { + marginBottom: 24, + background: token.colorFillAlter, + borderRadius: token.borderRadiusLG, + border: 'none' + }; + return{text}
+ }, { + key: '2', + label: 'This is panel header with no arrow icon', + children:{text}
, + showArrow: false + }]; + const onChange = (key: string | string[]) => { + console.log(key); + }; + return{text}
,
+ extra: genExtra()
+ }, {
+ key: '2',
+ label: 'This is panel header 2',
+ children: {text}
,
+ extra: genExtra()
+ }, {
+ key: '3',
+ label: 'This is panel header 3',
+ children: {text}
,
+ extra: genExtra()
+ }];
+ return + Expand Icon Position: + +
+ {current.year()}
+
+
+ {current.year()}
+
+ + Database version: 3.4 +
+ Package: dds.mongo.mid +
+ Storage space: 10 GB +
+ Replication factor: 3 +
+ Region: East China 1 +
+ + }]; + return
+ Database version: 3.4 +
+ Package: dds.mongo.mid +
+ Storage space: 10 GB +
+ Replication factor: 3 +
+ Region: East China 1 +
+ + }]; + const items: IDescriptionsProps['items'] = [{ + key: '1', + label: 'Product', + children: 'Cloud Database' + }, { + key: '2', + label: 'Billing', + children: 'Prepaid' + }, { + key: '3', + label: 'Time', + children: '18:00:00' + }, { + key: '4', + label: 'Amount', + children: '$80.00' + }, { + key: '5', + label: 'Discount', + children: '$20.00' + }, { + key: '6', + label: 'Official', + children: '$60.00' + }]; + const [size, setSize] = useState
+
+ default
+ middle
+ small
+
+
+
+Edit} items={borderedItems} />
+
+
+Edit} items={items} />
+
+ +
+
+
+
+ Database version: 3.4 +
+ Package: dds.mongo.mid + + }, { + label: 'Hardware Info', + span: { + xs: 1, + sm: 2, + md: 3, + lg: 3, + xl: 2, + xxl: 2 + }, + children: <> + CPU: 6 Core 3.5 GHz +
+ Storage space: 10 GB +
+ Replication factor: 3 +
+ Region: East China 1 + + }]; + return
Custom Components Go Here
;
+ }
+ }
+}`},(Z=(X=y.parameters)==null?void 0:X.docs)==null?void 0:Z.source)})});var ee,te,ne;k.parameters=r(t({},k.parameters),{docs:r(t({},(ee=k.parameters)==null?void 0:ee.docs),{source:t({originalSource:`{
+ args: {
+ autoAdjustOverflow: false
+ }
+}`},(ne=(te=k.parameters)==null?void 0:te.docs)==null?void 0:ne.source)})});var re,oe,ae;x.parameters=r(t({},x.parameters),{docs:r(t({},(re=x.parameters)==null?void 0:re.docs),{source:t({originalSource:`{
+ args: {
+ destroyPopupOnHide: true
+ }
+}`},(ae=(oe=x.parameters)==null?void 0:oe.docs)==null?void 0:ae.source)})});var le,se,ie;f.parameters=r(t({},f.parameters),{docs:r(t({},(le=f.parameters)==null?void 0:le.docs),{source:t({originalSource:`{
+ args: {
+ overlayStyle: {
+ color: 'red'
+ }
+ }
+}`},(ie=(se=f.parameters)==null?void 0:se.docs)==null?void 0:ie.source)})});var me,ce,de;j.parameters=r(t({},j.parameters),{docs:r(t({},(me=j.parameters)==null?void 0:me.docs),{source:t({originalSource:`{
+ args: {
+ placement: 'topRight'
+ }
+}`},(de=(ce=j.parameters)==null?void 0:ce.docs)==null?void 0:de.source)})});var ue,pe,he;S.parameters=r(t({},S.parameters),{docs:r(t({},(ue=S.parameters)==null?void 0:ue.docs),{source:t({originalSource:`{
+ args: {
+ trigger: ['click']
+ }
+}`},(he=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:he.source)})});var we,be,ge;C.parameters=r(t({},C.parameters),{docs:r(t({},(we=C.parameters)==null?void 0:we.docs),{source:t({originalSource:`{
+ args: {
+ open: true
+ }
+}`},(ge=(be=C.parameters)==null?void 0:be.docs)==null?void 0:ge.source)})});var ye,ke,xe;D.parameters=r(t({},D.parameters),{docs:r(t({},(ye=D.parameters)==null?void 0:ye.docs),{source:t({originalSource:`{
+ args: {
+ onOpenChange: (open: boolean, info: {
+ source: 'trigger' | 'menu';
+ }) => {
+ alert('Dropdown Open: ' + open);
+ }
+ }
+}`},(xe=(ke=D.parameters)==null?void 0:ke.docs)==null?void 0:xe.source)})});var fe,je,Se;B.parameters=r(t({},B.parameters),{docs:r(t({},(fe=B.parameters)==null?void 0:fe.docs),{source:t({originalSource:`{
+ render: () => {
+ const items: IMenuProps['items'] = [{
+ key: '1',
+ label:
+ 1st menu item
+
+ }, {
+ key: '2',
+ label:
+ 2nd menu item (disabled)
+ ,
+ icon: +
+
+ {cloneElement(menu as React.ReactElement, {
+ style: menuStyle
+ })}
+
+
+
+
}>
+ {
+ e.preventDefault();
+ }}>
+
+ Right Click on here
+
+ This is a custom description for the empty state.
+ + Feel free to add formatted content here. + + , + imageStyle: { + width: '200px', + height: '200px' + } + } +}`},(L=(R=l.parameters)==null?void 0:R.docs)==null?void 0:L.source)})});var F,M,G;p.parameters=r(e({},p.parameters),{docs:r(e({},(F=p.parameters)==null?void 0:F.docs),{source:e({originalSource:`{ + args: { + description: '' + } +}`},(G=(M=p.parameters)==null?void 0:M.docs)==null?void 0:G.source)})});var O,U,q;g.parameters=r(e({},g.parameters),{docs:r(e({},(O=g.parameters)==null?void 0:O.docs),{source:e({originalSource:`{ + args: { + description: 'No data available', + imageStyle: { + borderRadius: '50%', + boxShadow: '0 0 10px rgba(0, 0, 0, 0.2)' + } + } +}`},(q=(U=g.parameters)==null?void 0:U.docs)==null?void 0:q.source)})});var B,H,J;u.parameters=r(e({},u.parameters),{docs:r(e({},(B=u.parameters)==null?void 0:B.docs),{source:e({originalSource:`{ + args: { + description: null, + image: null + } +}`},(J=(H=u.parameters)==null?void 0:H.docs)==null?void 0:J.source)})});var K,Q,V;h.parameters=r(e({},h.parameters),{docs:r(e({},(K=h.parameters)==null?void 0:K.docs),{source:e({originalSource:`{ + render: () => { + const customizeRenderEmpty = () =>
+ {'{Icon}'}
+
;
+ const style: React.CSSProperties = {
+ width: 200
+ };
+ const [customize, setCustomize] = useState(true);
+ return Data Not Found
+Select
+ +TreeSelect
+Cascader
+Transfer
+Table
+List
+Select justify :
+Select align :
+