@szc-ft/szcd 1.1.7

package/dist/meta__pro-packages.96ee71d4.async.js

@@ -0,0 +1 @@
+(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[5070],{30891:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return C}});var r,o,s,d,l,i,c,u,p,m,I,x,f,v,y,b,h,P,g=t(15009),F=t.n(g),z=t(99289),w=t.n(z),k=t(67294),T=t(28801),C={"checkcard-demo-basic":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,51256))})),asset:{type:"BLOCK",id:"checkcard-demo-basic",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(97910).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(P=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return P.apply(this,arguments)})}},"checkcard-demo-single":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,12714))})),asset:{type:"BLOCK",id:"checkcard-demo-single",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(24309).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",description:"在多个选项存在的情况下可通过 CheckCard.Group 分组，默认选项卡组件为单选模式。",title:"单选模式"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(h=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return h.apply(this,arguments)})}},"checkcard-demo-multiple":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,60384))})),asset:{type:"BLOCK",id:"checkcard-demo-multiple",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(8688).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",description:"通过设置 CheckCard.Group 的 multiple 属性配置多选，注意多选模式下表单项返回值为数组。"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(b=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return b.apply(this,arguments)})}},"checkcard-demo-size":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,85447))})),asset:{type:"BLOCK",id:"checkcard-demo-size",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(87423).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T,react:a||(a=t.t(k,2))},renderOpts:{compile:(y=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return y.apply(this,arguments)})}},"checkcard-demo-custom":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,82231))})),asset:{type:"BLOCK",id:"checkcard-demo-custom",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(92994).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(v=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return v.apply(this,arguments)})}},"checkcard-demo-form":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,94850))})),asset:{type:"BLOCK",id:"checkcard-demo-form",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(2382).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(f=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return f.apply(this,arguments)})}},"checkcard-demo-compose":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,26800))})),asset:{type:"BLOCK",id:"checkcard-demo-compose",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(72923).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(x=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"checkcard-demo-avatar":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,37649))})),asset:{type:"BLOCK",id:"checkcard-demo-avatar",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(55965).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(I=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"checkcard-demo-title":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,53519))})),asset:{type:"BLOCK",id:"checkcard-demo-title",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(69097).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(m=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"checkcard-demo-description":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,35219))})),asset:{type:"BLOCK",id:"checkcard-demo-description",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(26455).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(p=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"checkcard-demo-defaultchecked":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,16715))})),asset:{type:"BLOCK",id:"checkcard-demo-defaultchecked",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(37330).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(u=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"checkcard-demo-extra":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,85262))})),asset:{type:"BLOCK",id:"checkcard-demo-extra",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(11282).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(c=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"checkcard-demo-loading":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,6062))})),asset:{type:"BLOCK",id:"checkcard-demo-loading",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(74891).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(i=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"checkcard-demo-image":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,93119))})),asset:{type:"BLOCK",id:"checkcard-demo-image",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(67821).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(l=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"checkcard-demo-disabled":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,93526))})),asset:{type:"BLOCK",id:"checkcard-demo-disabled",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(86342).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(d=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"checkcard-demo-group":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,5489))})),asset:{type:"BLOCK",id:"checkcard-demo-group",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(50712).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(s=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"checkcard-demo-list":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,97667))})),asset:{type:"BLOCK",id:"checkcard-demo-list",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(58365).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(o=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"checkcard-demo-grid":{component:k.memo(k.lazy(function(){return t.e(7779).then(t.bind(t,86393))})),asset:{type:"BLOCK",id:"checkcard-demo-grid",refAtomIds:["CheckCard"],dependencies:{"index.tsx":{type:"FILE",value:t(50452).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":T},renderOpts:{compile:(r=w()(F()().mark(function n(){var e,a=arguments;return F()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},54802:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return z}});var r,o,s,d,l,i,c,u,p,m,I,x,f,v=t(15009),y=t.n(v),b=t(99289),h=t.n(b),P=t(67294),g=t(28801),F=t(48555),z={"statisticcard-demo-basic":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,42312))})),asset:{type:"BLOCK",id:"statisticcard-demo-basic",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(23750).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(f=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return f.apply(this,arguments)})}},"statisticcard-demo-chart":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,51398))})),asset:{type:"BLOCK",id:"statisticcard-demo-chart",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(63521).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(x=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"statisticcard-demo-total":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,31011))})),asset:{type:"BLOCK",id:"statisticcard-demo-total",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(60040).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g,"rc-resize-observer":F,react:a||(a=t.t(P,2))},renderOpts:{compile:(I=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"statisticcard-demo-total-layout":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,24388))})),asset:{type:"BLOCK",id:"statisticcard-demo-total-layout",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(28232).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g,"rc-resize-observer":F,react:a||(a=t.t(P,2))},renderOpts:{compile:(m=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"statisticcard-demo-group-chart":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,16532))})),asset:{type:"BLOCK",id:"statisticcard-demo-group-chart",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(65500).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g,"rc-resize-observer":F,react:a||(a=t.t(P,2))},renderOpts:{compile:(p=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"statisticcard-demo-fomula":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,29695))})),asset:{type:"BLOCK",id:"statisticcard-demo-fomula",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(23972).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(u=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"statisticcard-demo-status":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,19722))})),asset:{type:"BLOCK",id:"statisticcard-demo-status",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(55739).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(c=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"statisticcard-demo-icon":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,21526))})),asset:{type:"BLOCK",id:"statisticcard-demo-icon",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(62768).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g,"rc-resize-observer":F,react:a||(a=t.t(P,2))},renderOpts:{compile:(i=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"statisticcard-demo-layout":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,35230))})),asset:{type:"BLOCK",id:"statisticcard-demo-layout",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(42907).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g,"rc-resize-observer":F,react:a||(a=t.t(P,2))},renderOpts:{compile:(l=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"statisticcard-demo-horizontal":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,15419))})),asset:{type:"BLOCK",id:"statisticcard-demo-horizontal",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(57957).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(d=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"statisticcard-demo-horizontal-left":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,74969))})),asset:{type:"BLOCK",id:"statisticcard-demo-horizontal-left",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(70343).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(s=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"statisticcard-demo-tabs-statistic":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,69210))})),asset:{type:"BLOCK",id:"statisticcard-demo-tabs-statistic",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(11965).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(o=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"statisticcard-demo-trend":{component:P.memo(P.lazy(function(){return t.e(410).then(t.bind(t,21465))})),asset:{type:"BLOCK",id:"statisticcard-demo-trend",refAtomIds:["StatisticCard"],dependencies:{"index.tsx":{type:"FILE",value:t(27753).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":g},renderOpts:{compile:(r=h()(y()().mark(function n(){var e,a=arguments;return y()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},94399:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return B}});var r,o,s,d,l,i,c,u,p,m,I,x,f,v,y,b,h,P,g,F,z,w,k=t(15009),T=t.n(k),C=t(99289),S=t.n(C),D=t(67294),R=t(28801),L=t(48555),B={"procard-demo-basic":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,71164))})),asset:{type:"BLOCK",id:"procard-demo-basic",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(41438).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"基础卡片",description:"当单独使用时 ProCard 就是一个普通的卡片。"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(w=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return w.apply(this,arguments)})}},"procard-demo-colspan":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,78099))})),asset:{type:"BLOCK",id:"procard-demo-colspan",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(47003).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"栅格布局",description:"当嵌套子卡片时, 组件会自动切换为 flex 弹性盒布局，你可以将 direction设置为column来指定 Flex 方向，你还可以通过配置 ghost 属性为 true 来去掉背景色和 padding 方便页内布局。"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(z=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return z.apply(this,arguments)})}},"procard-demo-responsive":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,80218))})),asset:{type:"BLOCK",id:"procard-demo-responsive",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(22512).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"响应式",description:"colSpan 支持 antd 定义的栅格式响应布局 [https://ant.design/components/grid-cn/#components-grid-demo-responsive]。预设六个响应尺寸：xs sm md lg xl xxl。如果要支持响应式，可以写成 { xs: 4, sm: 8, md: 10, lg: 12 }。"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(F=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return F.apply(this,arguments)})}},"procard-demo-split2":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,19695))})),asset:{type:"BLOCK",id:"procard-demo-split2",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(37047).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,"rc-resize-observer":L,react:a||(a=t.t(D,2))},renderOpts:{compile:(g=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return g.apply(this,arguments)})}},"procard-demo-split23":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,87985))})),asset:{type:"BLOCK",id:"procard-demo-split23",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(82156).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(P=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return P.apply(this,arguments)})}},"procard-demo-split":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,48718))})),asset:{type:"BLOCK",id:"procard-demo-split",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(71729).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,"rc-resize-observer":L,react:a||(a=t.t(D,2))},renderOpts:{compile:(h=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return h.apply(this,arguments)})}},"procard-demo-gutter":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,23605))})),asset:{type:"BLOCK",id:"procard-demo-gutter",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(83807).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(b=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return b.apply(this,arguments)})}},"procard-demo-multipleline":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,11324))})),asset:{type:"BLOCK",id:"procard-demo-multipleline",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(52067).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(y=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return y.apply(this,arguments)})}},"procard-demo-divider":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,76956))})),asset:{type:"BLOCK",id:"procard-demo-divider",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(53089).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,"rc-resize-observer":L,react:a||(a=t.t(D,2))},renderOpts:{compile:(v=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return v.apply(this,arguments)})}},"procard-demo-headerbordered":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,62099))})),asset:{type:"BLOCK",id:"procard-demo-headerbordered",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(20657).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(f=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return f.apply(this,arguments)})}},"procard-demo-collapsible":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,88483))})),asset:{type:"BLOCK",id:"procard-demo-collapsible",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(64627).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,react:a||(a=t.t(D,2))},renderOpts:{compile:(x=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"procard-demo-group":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,16485))})),asset:{type:"BLOCK",id:"procard-demo-group",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(47984).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(I=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"procard-demo-layout":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,8377))})),asset:{type:"BLOCK",id:"procard-demo-layout",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(26025).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(m=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"procard-demo-loading":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,14800))})),asset:{type:"BLOCK",id:"procard-demo-loading",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(60488).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(p=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"procard-demo-actions":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,36765))})),asset:{type:"BLOCK",id:"procard-demo-actions",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(89517).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(u=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"procard-demo-headless":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,123))})),asset:{type:"BLOCK",id:"procard-demo-headless",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(70205).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(c=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"procard-demo-bordered":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,39309))})),asset:{type:"BLOCK",id:"procard-demo-bordered",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(39924).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(i=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"procard-demo-hoverable":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,53071))})),asset:{type:"BLOCK",id:"procard-demo-hoverable",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(75091).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"浮出效果"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(l=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"procard-demo-tabs":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,45021))})),asset:{type:"BLOCK",id:"procard-demo-tabs",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(29779).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,react:a||(a=t.t(D,2))},renderOpts:{compile:(d=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"procard-demo-tabs-card":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,83721))})),asset:{type:"BLOCK",id:"procard-demo-tabs-card",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(61459).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(s=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"procard-demo-inner":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,26617))})),asset:{type:"BLOCK",id:"procard-demo-inner",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(86115).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R},renderOpts:{compile:(o=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"procard-demo-steps-v":{component:D.memo(D.lazy(function(){return t.e(7140).then(t.bind(t,27284))})),asset:{type:"BLOCK",id:"procard-demo-steps-v",refAtomIds:["ProCard"],dependencies:{"index.tsx":{type:"FILE",value:t(83367).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"rc-resize-observer":{type:"NPM",value:"1.4.3"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":R,"rc-resize-observer":L,react:a||(a=t.t(D,2))},renderOpts:{compile:(r=S()(T()().mark(function n(){var e,a=arguments;return T()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},72178:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return y}});var r,o,s,d,l,i,c,u=t(15009),p=t.n(u),m=t(99289),I=t.n(m),x=t(67294),f=t(28801),v=t(27484),y={"prodescriptions-demo-base":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,10294))})),asset:{type:"BLOCK",id:"prodescriptions-demo-base",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(70082).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"}},entry:"index.tsx",title:"基础定义列表"},context:{"@szc-ft/szcd":f,dayjs:v},renderOpts:{compile:(c=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"prodescriptions-demo-arraydataindex":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,90333))})),asset:{type:"BLOCK",id:"prodescriptions-demo-arraydataindex",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(23643).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"数组类型dataIndex"},context:{"@szc-ft/szcd":f,react:a||(a=t.t(x,2))},renderOpts:{compile:(i=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"prodescriptions-demo-format":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,90688))})),asset:{type:"BLOCK",id:"prodescriptions-demo-format",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(51828).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"}},entry:"index.tsx",title:"format configuration"},context:{"@szc-ft/szcd":f,dayjs:v},renderOpts:{compile:(l=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"prodescriptions-demo-request":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,6793))})),asset:{type:"BLOCK",id:"prodescriptions-demo-request",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(81230).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"远程请求数据"},context:{"@szc-ft/szcd":f,react:a||(a=t.t(x,2))},renderOpts:{compile:(d=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"prodescriptions-demo-columns":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,11489))})),asset:{type:"BLOCK",id:"prodescriptions-demo-columns",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(5487).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"columns 配置"},context:{"@szc-ft/szcd":f},renderOpts:{compile:(s=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"prodescriptions-demo-use-data-source":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,45558))})),asset:{type:"BLOCK",id:"prodescriptions-demo-use-data-source",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(64131).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"dataSource 配置数据"},context:{"@szc-ft/szcd":f},renderOpts:{compile:(o=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"prodescriptions-demo-editable":{component:x.memo(x.lazy(function(){return t.e(4497).then(t.bind(t,5889))})),asset:{type:"BLOCK",id:"prodescriptions-demo-editable",refAtomIds:["ProDescriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(83225).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"可编辑的定义列表"},context:{"@szc-ft/szcd":f,react:a||(a=t.t(x,2))},renderOpts:{compile:(r=I()(p()().mark(function n(){var e,a=arguments;return p()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},84766:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return v}});var r,o,s,d,l,i,c=t(15009),u=t.n(c),p=t(99289),m=t.n(p),I=t(67294),x=t(28801),f=t(27484),v={"pro-packages-field-src-components-field-demo-base":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,92131))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-base",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(28857).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x,dayjs:f,react:a||(a=t.t(I,2))},renderOpts:{compile:(i=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"pro-packages-field-src-components-field-demo-base_test":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,6644))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-base_test",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(98607).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x,dayjs:f,react:a||(a=t.t(I,2))},renderOpts:{compile:(l=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"pro-packages-field-src-components-field-demo-search-value":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,3691))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-search-value",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(72345).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(d=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"pro-packages-field-src-components-field-demo-search-value-autoclearsearchvalue":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,21559))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-search-value-autoclearsearchvalue",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(8939).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(s=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"pro-packages-field-src-components-field-demo-tree-select-search-value":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,3407))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-tree-select-search-value",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(17465).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(o=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"pro-packages-field-src-components-field-demo-select-request":{component:I.memo(I.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,6813))})),asset:{type:"BLOCK",id:"pro-packages-field-src-components-field-demo-select-request",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(37220).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(r=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},37110:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return u}});var a,r,o=t(15009),s=t.n(o),d=t(99289),l=t.n(d),i=t(67294),c=t(28801),u={"proformdependency-demo-dependency":{component:i.memo(i.lazy(function(){return t.e(9211).then(t.bind(t,61498))})),asset:{type:"BLOCK",id:"proformdependency-demo-dependency",refAtomIds:["ProFormDependency"],dependencies:{"index.tsx":{type:"FILE",value:t(12242).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"互相依赖表单"},context:{"@szc-ft/szcd":c},renderOpts:{compile:(r=l()(s()().mark(function n(){var e,a=arguments;return s()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}},"proformdependency-demo-dependency2":{component:i.memo(i.lazy(function(){return t.e(9211).then(t.bind(t,94498))})),asset:{type:"BLOCK",id:"proformdependency-demo-dependency2",refAtomIds:["ProFormDependency"],dependencies:{"index.tsx":{type:"FILE",value:t(49564).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"获取表单依赖值"},context:{"@szc-ft/szcd":c},renderOpts:{compile:(a=l()(s()().mark(function n(){var e,a=arguments;return s()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return a.apply(this,arguments)})}}}},59980:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return b}});var r,o,s,d,l,i,c,u,p=t(15009),m=t.n(p),I=t(99289),x=t.n(I),f=t(67294),v=t(28801),y=t(15623),b={"proformtext-demo-components-other":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,9502))})),asset:{type:"BLOCK",id:"proformtext-demo-components-other",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(46044).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},mockjs:{type:"NPM",value:"1.1.0"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"表单项"},context:{"@szc-ft/szcd":v,mockjs:y,react:a||(a=t.t(f,2))},renderOpts:{compile:(u=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"proformtext-demo-search-select":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,17830))})),asset:{type:"BLOCK",id:"proformtext-demo-search-select",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(51147).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"查询表单"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(c=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"proformtext-demo-form-fieldset":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,40539))})),asset:{type:"BLOCK",id:"proformtext-demo-form-fieldset",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(36198).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"结构化数据"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(i=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"proformtext-demo-datatime":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,76516))})),asset:{type:"BLOCK",id:"proformtext-demo-datatime",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(81822).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"日期表单"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(l=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"proformtext-demo-upload":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,80089))})),asset:{type:"BLOCK",id:"proformtext-demo-upload",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(36102).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"上传表单"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(d=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"proformtext-demo-components-other-readonly":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,71678))})),asset:{type:"BLOCK",id:"proformtext-demo-components-other-readonly",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(47737).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"只读表单"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(s=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"proformtext-demo-fieldset-light":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,21003))})),asset:{type:"BLOCK",id:"proformtext-demo-fieldset-light",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(75690).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"轻量筛选中使用 light"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(o=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"proformtext-demo-pro-form-captcha":{component:f.memo(f.lazy(function(){return t.e(515).then(t.bind(t,68486))})),asset:{type:"BLOCK",id:"proformtext-demo-pro-form-captcha",refAtomIds:["ProFormText"],dependencies:{"index.tsx":{type:"FILE",value:t(12214).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"captcha"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(r=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},91246:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return y}});var r,o,s,d,l,i,c,u,p=t(15009),m=t.n(p),I=t(99289),x=t.n(I),f=t(67294),v=t(28801),y={"proformlist-demo-list-tooltip":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,92401))})),asset:{type:"BLOCK",id:"proformlist-demo-list-tooltip",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(21851).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"ProForm.List"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(u=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"proformlist-demo-base-use":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,32581))})),asset:{type:"BLOCK",id:"proformlist-demo-base-use",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(21251).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"ProForm.List"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(c=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"proformlist-demo-list":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,22613))})),asset:{type:"BLOCK",id:"proformlist-demo-list",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(68419).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"ProForm.List-position"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(i=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"proformlist-demo-nested-list":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,68359))})),asset:{type:"BLOCK",id:"proformlist-demo-nested-list",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(45393).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"ProForm.List-ProFormList"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(l=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"proformlist-demo-dependency":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,5394))})),asset:{type:"BLOCK",id:"proformlist-demo-dependency",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(17043).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"ProForm.List-dependency"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(d=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"proformlist-demo-pro-form-list":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,59858))})),asset:{type:"BLOCK",id:"proformlist-demo-pro-form-list",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(58455).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"行为守卫"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(s=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"proformlist-demo-countlimit":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,16212))})),asset:{type:"BLOCK",id:"proformlist-demo-countlimit",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(83166).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"增删条目限制"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(o=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"proformlist-demo-horizontal-layout":{component:f.memo(f.lazy(function(){return t.e(1780).then(t.bind(t,2706))})),asset:{type:"BLOCK",id:"proformlist-demo-horizontal-layout",refAtomIds:["ProFormList"],dependencies:{"index.tsx":{type:"FILE",value:t(85834).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"横向布局"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(r=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},79051:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return a}});t(67294);var a={}},59916:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return f}});var r,o,s,d,l,i,c=t(15009),u=t.n(c),p=t(99289),m=t.n(p),I=t(67294),x=t(28801),f={"modalform,drawerform-demo-modal-form":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,21151))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-modal-form",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(89310).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"Modal 表单"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(i=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"modalform,drawerform-demo-drawer-form":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,76685))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-drawer-form",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(10736).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"Drawer 表单"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(l=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"modalform,drawerform-demo-drawer-form-nested":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,90515))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-drawer-form-nested",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(1433).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"Drawer Forms"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(d=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"modalform,drawerform-demo-modal-form-submitter":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,65954))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-modal-form-submitter",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(91642).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"自定义 Modal 表单按钮"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(s=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"modalform,drawerform-demo-visible-on-visible-change":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,50662))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-visible-on-visible-change",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(41265).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"使用 open 和 onOpenChange"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(o=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"modalform,drawerform-demo-modal-form-reset":{component:I.memo(I.lazy(function(){return t.e(9390).then(t.bind(t,26270))})),asset:{type:"BLOCK",id:"modalform,drawerform-demo-modal-form-reset",refAtomIds:["ModalForm,DrawerForm"],dependencies:{"index.tsx":{type:"FILE",value:t(27831).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"重置表单"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(r=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},73141:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return P}});var r,o,s,d,l,i,c,u,p,m,I=t(15009),x=t.n(I),f=t(99289),v=t.n(f),y=t(67294),b=t(28801),h=t(27484),P={"queryfilter,lightfilter-demo-query-filter":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,63443))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-query-filter",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(81915).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"基本使用"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(m=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"queryfilter,lightfilter-demo-query-filter-test":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,68527))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-query-filter-test",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(72095).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"基本使用"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(p=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"queryfilter,lightfilter-demo-query-filter-collapsed":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,85793))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-query-filter-collapsed",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(50665).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"查询筛选-默认收起"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(u=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"queryfilter,lightfilter-demo-query-filter-vertical":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,17216))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-query-filter-vertical",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(39092).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"查询筛选-垂直布局"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(c=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"queryfilter,lightfilter-demo-search-filter":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,35121))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-search-filter",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(3513).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"查询筛选-搜索"},context:{"@szc-ft/szcd":b,react:a||(a=t.t(y,2))},renderOpts:{compile:(i=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"queryfilter,lightfilter-demo-light-filter":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,16628))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-light-filter",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(25350).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"基本使用"},context:{"@szc-ft/szcd":b,dayjs:h,react:a||(a=t.t(y,2))},renderOpts:{compile:(l=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"queryfilter,lightfilter-demo-light-filter-footer":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,85637))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-light-filter-footer",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(88853).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"轻量筛选-自定义footer"},context:{"@szc-ft/szcd":b,react:a||(a=t.t(y,2))},renderOpts:{compile:(d=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"queryfilter,lightfilter-demo-light-filter-bordered":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,40604))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-light-filter-bordered",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(79454).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"轻量筛选-边框模式"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(s=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"queryfilter,lightfilter-demo-light-filter-collapse":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,12349))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-light-filter-collapse",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(57148).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"轻量筛选-折叠模式"},context:{"@szc-ft/szcd":b},renderOpts:{compile:(o=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"queryfilter,lightfilter-demo-light-filter-placement":{component:y.memo(y.lazy(function(){return t.e(1462).then(t.bind(t,27334))})),asset:{type:"BLOCK",id:"queryfilter,lightfilter-demo-light-filter-placement",refAtomIds:["QueryFilter,LightFilter"],dependencies:{"index.tsx":{type:"FILE",value:t(84417).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"轻量筛选-弹出框对齐方式"},context:{"@szc-ft/szcd":b,react:a||(a=t.t(y,2))},renderOpts:{compile:(r=v()(x()().mark(function n(){var e,a=arguments;return x()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},96056:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return b}});var r,o,s,d,l,i,c,u,p=t(15009),m=t.n(p),I=t(99289),x=t.n(I),f=t(67294),v=t(28801),y=t(27484),b={"betaschemaform-demo-schema":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,44466))})),asset:{type:"BLOCK",id:"betaschemaform-demo-schema",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(77658).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"schema 表单"},context:{"@szc-ft/szcd":v,dayjs:y,react:a||(a=t.t(f,2))},renderOpts:{compile:(u=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"betaschemaform-demo-modalanddrawerform":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,88522))})),asset:{type:"BLOCK",id:"betaschemaform-demo-modalanddrawerform",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(3275).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"浮层窗口"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(c=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"betaschemaform-demo-steps-form":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,43129))})),asset:{type:"BLOCK",id:"betaschemaform-demo-steps-form",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(16951).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"JSON 来生成分步表单"},context:{"@szc-ft/szcd":v,react:a||(a=t.t(f,2))},renderOpts:{compile:(i=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"betaschemaform-demo-embed":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,37471))})),asset:{type:"BLOCK",id:"betaschemaform-demo-embed",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(2491).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"嵌入到 ProForm 中"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(l=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"betaschemaform-demo-dependency":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,32738))})),asset:{type:"BLOCK",id:"betaschemaform-demo-dependency",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(16174).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"使用 ProFormDependency"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(d=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"betaschemaform-demo-dependencies":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,59989))})),asset:{type:"BLOCK",id:"betaschemaform-demo-dependencies",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(55119).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"结合 shouldUpdate=false 和 dependencies 触发更新"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(s=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"betaschemaform-demo-dynamic-rerender":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,32342))})),asset:{type:"BLOCK",id:"betaschemaform-demo-dynamic-rerender",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(70618).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"动态控制是否重渲染"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(o=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"betaschemaform-demo-form-list-required":{component:f.memo(f.lazy(function(){return t.e(5528).then(t.bind(t,67967))})),asset:{type:"BLOCK",id:"betaschemaform-demo-form-list-required",refAtomIds:["BetaSchemaForm"],dependencies:{"index.tsx":{type:"FILE",value:t(26201).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"required"},context:{"@szc-ft/szcd":v},renderOpts:{compile:(r=x()(m()().mark(function n(){var e,a=arguments;return m()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},27713:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return v}});var r,o,s,d,l,i,c=t(15009),u=t.n(c),p=t(99289),m=t.n(p),I=t(67294),x=t(28801),f=t(27484),v={"stepsform-demo-steps-from":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,60689))})),asset:{type:"BLOCK",id:"stepsform-demo-steps-from",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(67178).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"分步表单"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(i=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"stepsform-demo-steps-form-vertical":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,56597))})),asset:{type:"BLOCK",id:"stepsform-demo-steps-form-vertical",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(95944).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"分步表单垂直模式"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(l=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"stepsform-demo-customize-steps-from":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,73631))})),asset:{type:"BLOCK",id:"stepsform-demo-customize-steps-from",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(31531).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"自定义分步表单按钮"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(d=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"stepsform-demo-multi-card-step-form":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,50031))})),asset:{type:"BLOCK",id:"stepsform-demo-multi-card-step-form",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(81122).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"分步表单-多卡片"},context:{"@szc-ft/szcd":x},renderOpts:{compile:(s=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"stepsform-demo-modal-step-form":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,95307))})),asset:{type:"BLOCK",id:"stepsform-demo-modal-step-form",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(98062).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"分步表单-与 Modal 配合使用"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(o=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"stepsform-demo-add-or-edit-step-form":{component:I.memo(I.lazy(function(){return t.e(134).then(t.bind(t,28653))})),asset:{type:"BLOCK",id:"stepsform-demo-add-or-edit-step-form",refAtomIds:["StepsForm"],dependencies:{"index.tsx":{type:"FILE",value:t(91487).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"自定义分步表单按钮"},context:{"@szc-ft/szcd":x,dayjs:f,react:a||(a=t.t(I,2))},renderOpts:{compile:(r=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},73289:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return T}});var r,o,s,d,l,i,c,u,p,m,I,x,f,v,y,b,h=t(15009),P=t.n(h),g=t(99289),F=t.n(g),z=t(67294),w=t(28801),k=t(27484),T={"proform-demo-layout-change":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,40375))})),asset:{type:"BLOCK",id:"proform-demo-layout-change",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(20287).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"Form 的 layout 切换"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(b=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return b.apply(this,arguments)})}},"proform-demo-base":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,75850))})),asset:{type:"BLOCK",id:"proform-demo-base",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(91982).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"基本使用"},context:{"@szc-ft/szcd":w,dayjs:k,react:a||(a=t.t(z,2))},renderOpts:{compile:(y=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return y.apply(this,arguments)})}},"proform-demo-form-layout":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,94227))})),asset:{type:"BLOCK",id:"proform-demo-form-layout",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(94255).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(v=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return v.apply(this,arguments)})}},"proform-demo-form-layout-grid":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,56942))})),asset:{type:"BLOCK",id:"proform-demo-form-layout-grid",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(83655).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(f=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return f.apply(this,arguments)})}},"proform-demo-dependency":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,64782))})),asset:{type:"BLOCK",id:"proform-demo-dependency",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(45171).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"表单联动"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(x=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"proform-demo-formref":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,2841))})),asset:{type:"BLOCK",id:"proform-demo-formref",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(68940).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"表单方法调用",description:"你可以通过 formRef 获取到表单实例的引用，通过引用可以调用表单方法实现表单重置，设置表单，获取表单值等功能。"},context:{"@szc-ft/szcd":w,dayjs:k,react:a||(a=t.t(z,2))},renderOpts:{compile:(I=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"proform-demo-sync-to-url":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,58080))})),asset:{type:"BLOCK",id:"proform-demo-sync-to-url",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(73336).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(m=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"proform-demo-money":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,73768))})),asset:{type:"BLOCK",id:"proform-demo-money",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(19651).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"金额"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(p=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"proform-demo-layout-footer":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,42294))})),asset:{type:"BLOCK",id:"proform-demo-layout-footer",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(26905).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"固定页脚"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(u=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"proform-demo-pro-form-editabletable":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,31631))})),asset:{type:"BLOCK",id:"proform-demo-pro-form-editabletable",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(60048).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"ProForm 和 EditableTable 同时使用"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(c=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"proform-demo-linkage-customization":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,99325))})),asset:{type:"BLOCK",id:"proform-demo-linkage-customization",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(40776).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(i=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"proform-demo-pro-form-dependency.debug":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,38819))})),asset:{type:"BLOCK",id:"proform-demo-pro-form-dependency.debug",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(84962).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(l=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"proform-demo-label-col":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,97230))})),asset:{type:"BLOCK",id:"proform-demo-label-col",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(6461).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(d=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"proform-demo-demosformref":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,2841))})),asset:{type:"BLOCK",id:"proform-demo-demosformref",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(68940).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"formRef的使用"},context:{"@szc-ft/szcd":w,dayjs:k,react:a||(a=t.t(z,2))},renderOpts:{compile:(s=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"proform-demo-modalform-test":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,59201))})),asset:{type:"BLOCK",id:"proform-demo-modalform-test",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(9744).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w},renderOpts:{compile:(o=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"proform-demo-params-formref":{component:z.memo(z.lazy(function(){return t.e(6428).then(t.bind(t,78391))})),asset:{type:"BLOCK",id:"proform-demo-params-formref",refAtomIds:["ProForm"],dependencies:{"index.tsx":{type:"FILE",value:t(74057).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":w,react:a||(a=t.t(z,2))},renderOpts:{compile:(r=F()(P()().mark(function n(){var e,a=arguments;return P()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},60793:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return I}});var r,o,s,d,l=t(15009),i=t.n(l),c=t(99289),u=t.n(c),p=t(67294),m=t(28801),I={"pagecontainer-demo-basic":{component:p.memo(p.lazy(function(){return t.e(8515).then(t.bind(t,77235))})),asset:{type:"BLOCK",id:"pagecontainer-demo-basic",refAtomIds:["PageContainer"],dependencies:{"index.tsx":{type:"FILE",value:t(36046).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"基本使用"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(d=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"pagecontainer-demo-fixheader":{component:p.memo(p.lazy(function(){return t.e(8515).then(t.bind(t,69932))})),asset:{type:"BLOCK",id:"pagecontainer-demo-fixheader",refAtomIds:["PageContainer"],dependencies:{"index.tsx":{type:"FILE",value:t(94712).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"固定表头"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(s=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"pagecontainer-demo-hidebreadmenu":{component:p.memo(p.lazy(function(){return t.e(8515).then(t.bind(t,60680))})),asset:{type:"BLOCK",id:"pagecontainer-demo-hidebreadmenu",refAtomIds:["PageContainer"],dependencies:{"index.tsx":{type:"FILE",value:t(96632).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"隐藏面包屑"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(o=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"pagecontainer-demo-loading":{component:p.memo(p.lazy(function(){return t.e(8515).then(t.bind(t,70581))})),asset:{type:"BLOCK",id:"pagecontainer-demo-loading",refAtomIds:["PageContainer"],dependencies:{"index.tsx":{type:"FILE",value:t(75968).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"页面加载中"},context:{"@szc-ft/szcd":m,react:a||(a=t.t(p,2))},renderOpts:{compile:(r=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},98366:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return a}});t(67294);var a={}},30435:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return I}});var a,r,o,s,d,l=t(15009),i=t.n(l),c=t(99289),u=t.n(c),p=t(67294),m=t(28801),I={"watermark-demo-frontend":{component:p.memo(p.lazy(function(){return t.e(9110).then(t.bind(t,89344))})),asset:{type:"BLOCK",id:"watermark-demo-frontend",refAtomIds:["WaterMark"],dependencies:{"index.tsx":{type:"FILE",value:t(31822).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(d=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"watermark-demo-text":{component:p.memo(p.lazy(function(){return t.e(9110).then(t.bind(t,7861))})),asset:{type:"BLOCK",id:"watermark-demo-text",refAtomIds:["WaterMark"],dependencies:{"index.tsx":{type:"FILE",value:t(34115).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(s=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"watermark-demo-textrows":{component:p.memo(p.lazy(function(){return t.e(9110).then(t.bind(t,67873))})),asset:{type:"BLOCK",id:"watermark-demo-textrows",refAtomIds:["WaterMark"],dependencies:{"index.tsx":{type:"FILE",value:t(40935).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(o=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"watermark-demo-image":{component:p.memo(p.lazy(function(){return t.e(9110).then(t.bind(t,50970))})),asset:{type:"BLOCK",id:"watermark-demo-image",refAtomIds:["WaterMark"],dependencies:{"index.tsx":{type:"FILE",value:t(68873).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(r=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}},"watermark-demo-custom":{component:p.memo(p.lazy(function(){return t.e(9110).then(t.bind(t,45402))})),asset:{type:"BLOCK",id:"watermark-demo-custom",refAtomIds:["WaterMark"],dependencies:{"index.tsx":{type:"FILE",value:t(74563).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m},renderOpts:{compile:(a=u()(i()().mark(function n(){var e,a=arguments;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return a.apply(this,arguments)})}},"watermark-demo-0":{component:p.memo(p.lazy(u()(i()().mark(function n(){var e;return i()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Promise.resolve().then(t.t.bind(t,67294,19));case 2:return e=n.sent,e.default,n.abrupt("return",{default:function(){return p.createElement("div",null,p.createElement("img",{src:"/joeXYy8j3/jieping2021-01-11%252520xiawu4.47.15.png",width:"100%"}))}});case 5:case"end":return n.stop()}},n)})))),asset:null,context:void 0,renderOpts:void 0}}},45832:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return a}});t(67294);var a={}},15589:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return F}});var r,o,s,d,l,i,c,u,p,m,I,x,f=t(15009),v=t.n(f),y=t(99289),b=t.n(y),h=t(67294),P=t(28801),g=t(11238),F={"prolist-demo-base":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,29514))})),asset:{type:"BLOCK",id:"prolist-demo-base",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(34585).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P},renderOpts:{compile:(x=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"prolist-demo-editable":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,74270))})),asset:{type:"BLOCK",id:"prolist-demo-editable",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(17813).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(I=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"prolist-demo-toolbar":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,78710))})),asset:{type:"BLOCK",id:"prolist-demo-toolbar",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(77083).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(m=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"prolist-demo-expand":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,64060))})),asset:{type:"BLOCK",id:"prolist-demo-expand",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(15560).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(p=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"prolist-demo-selectedrow":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,19875))})),asset:{type:"BLOCK",id:"prolist-demo-selectedrow",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(8812).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(u=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"prolist-demo-search":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,31612))})),asset:{type:"BLOCK",id:"prolist-demo-search",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(89404).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,"umi-request":g},renderOpts:{compile:(c=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"prolist-demo-filter":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,27018))})),asset:{type:"BLOCK",id:"prolist-demo-filter",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(82808).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,"umi-request":g},renderOpts:{compile:(i=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"prolist-demo-size":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,68264))})),asset:{type:"BLOCK",id:"prolist-demo-size",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(79374).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(l=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"prolist-demo-layout":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,79282))})),asset:{type:"BLOCK",id:"prolist-demo-layout",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(99914).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(d=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"prolist-demo-special":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,48389))})),asset:{type:"BLOCK",id:"prolist-demo-special",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(70309).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(s=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"prolist-demo-pagination":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,45302))})),asset:{type:"BLOCK",id:"prolist-demo-pagination",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(80023).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P},renderOpts:{compile:(o=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"prolist-demo-card-list":{component:h.memo(h.lazy(function(){return t.e(1626).then(t.bind(t,6011))})),asset:{type:"BLOCK",id:"prolist-demo-card-list",refAtomIds:["ProList"],dependencies:{"index.tsx":{type:"FILE",value:t(77058).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":P,react:a||(a=t.t(h,2))},renderOpts:{compile:(r=b()(v()().mark(function n(){var e,a=arguments;return v()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},91103:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return m}});var a,r,o,s,d=t(15009),l=t.n(d),i=t(99289),c=t.n(i),u=t(67294),p=t(26704),m={"proskeleton-demo-list":{component:u.memo(u.lazy(function(){return t.e(4673).then(t.bind(t,87379))})),asset:{type:"BLOCK",id:"proskeleton-demo-list",refAtomIds:["ProSkeleton"],dependencies:{"index.tsx":{type:"FILE",value:t(94851).Z},"@ant-design/pro-skeleton":{type:"NPM",value:"2.2.1"}},entry:"index.tsx",title:"列表页面"},context:{"@ant-design/pro-skeleton":p},renderOpts:{compile:(s=c()(l()().mark(function n(){var e,a=arguments;return l()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"proskeleton-demo-list.static":{component:u.memo(u.lazy(function(){return t.e(4673).then(t.bind(t,62561))})),asset:{type:"BLOCK",id:"proskeleton-demo-list.static",refAtomIds:["ProSkeleton"],dependencies:{"index.tsx":{type:"FILE",value:t(44208).Z},"@ant-design/pro-skeleton":{type:"NPM",value:"2.2.1"}},entry:"index.tsx",title:"静态列表"},context:{"@ant-design/pro-skeleton":p},renderOpts:{compile:(o=c()(l()().mark(function n(){var e,a=arguments;return l()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"proskeleton-demo-result":{component:u.memo(u.lazy(function(){return t.e(4673).then(t.bind(t,1940))})),asset:{type:"BLOCK",id:"proskeleton-demo-result",refAtomIds:["ProSkeleton"],dependencies:{"index.tsx":{type:"FILE",value:t(74083).Z},"@ant-design/pro-skeleton":{type:"NPM",value:"2.2.1"}},entry:"index.tsx",title:"结果页"},context:{"@ant-design/pro-skeleton":p},renderOpts:{compile:(r=c()(l()().mark(function n(){var e,a=arguments;return l()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}},"proskeleton-demo-descriptions":{component:u.memo(u.lazy(function(){return t.e(4673).then(t.bind(t,60019))})),asset:{type:"BLOCK",id:"proskeleton-demo-descriptions",refAtomIds:["ProSkeleton"],dependencies:{"index.tsx":{type:"FILE",value:t(16045).Z},"@ant-design/pro-skeleton":{type:"NPM",value:"2.2.1"}},entry:"index.tsx",title:"详情页"},context:{"@ant-design/pro-skeleton":p},renderOpts:{compile:(a=c()(l()().mark(function n(){var e,a=arguments;return l()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return a.apply(this,arguments)})}}}},82566:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return p}});var r,o,s=t(15009),d=t.n(s),l=t(99289),i=t.n(l),c=t(67294),u=t(28801),p={"dragsorttable-demo-drag":{component:c.memo(c.lazy(function(){return t.e(5353).then(t.bind(t,38874))})),asset:{type:"BLOCK",id:"dragsorttable-demo-drag",refAtomIds:["DragSortTable"],dependencies:{"index.tsx":{type:"FILE",value:t(1753).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"拖拽排序"},context:{"@szc-ft/szcd":u,react:a||(a=t.t(c,2))},renderOpts:{compile:(o=i()(d()().mark(function n(){var e,a=arguments;return d()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"dragsorttable-demo-drag-sort-table":{component:c.memo(c.lazy(function(){return t.e(5353).then(t.bind(t,64793))})),asset:{type:"BLOCK",id:"dragsorttable-demo-drag-sort-table",refAtomIds:["DragSortTable"],dependencies:{"index.tsx":{type:"FILE",value:t(96406).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"可编辑表格"},context:{"@szc-ft/szcd":u,react:a||(a=t.t(c,2))},renderOpts:{compile:(r=i()(d()().mark(function n(){var e,a=arguments;return d()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},10449:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return f}});var r,o,s,d,l,i,c=t(15009),u=t.n(c),p=t(99289),m=t.n(p),I=t(67294),x=t(28801),f={"editableprotable-demo-basic":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,53831))})),asset:{type:"BLOCK",id:"editableprotable-demo-basic",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(21970).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"可编辑表格"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(i=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"editableprotable-demo-form-item":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,25692))})),asset:{type:"BLOCK",id:"editableprotable-demo-form-item",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(15294).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"与 FormItem 配合"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(l=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"editableprotable-demo-form-linkage":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,53515))})),asset:{type:"BLOCK",id:"editableprotable-demo-form-linkage",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(76349).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"与编辑表格外的内容联动"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(d=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"editableprotable-demo-children":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,49488))})),asset:{type:"BLOCK",id:"editableprotable-demo-children",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(92860).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"有子列的表格增加"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(s=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"editableprotable-demo-custom":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,5256))})),asset:{type:"BLOCK",id:"editableprotable-demo-custom",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(89621).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"自定义可编辑表格"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(o=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"editableprotable-demo-real-time-editing":{component:I.memo(I.lazy(function(){return t.e(5569).then(t.bind(t,36702))})),asset:{type:"BLOCK",id:"editableprotable-demo-real-time-editing",refAtomIds:["EditableProTable"],dependencies:{"index.tsx":{type:"FILE",value:t(66542).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"实时保存的编辑表格"},context:{"@szc-ft/szcd":x,react:a||(a=t.t(I,2))},renderOpts:{compile:(r=m()(u()().mark(function n(){var e,a=arguments;return u()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},14001:function(n,e,t){"use strict";var a;t.r(e),t.d(e,{demos:function(){return mn}});var r,o,s,d,l,i,c,u,p,m,I,x,f,v,y,b,h,P,g,F,z,w,k,T,C,S,D,R,L,B,M,O,E,N,A,Z,K,G,q=t(15009),_=t.n(q),j=t(99289),V=t.n(j),W=t(67294),U=t(28801),Y=t(11238),Q=t(27484),H=t(9597),J=t(67123),$=t(67502),X=t(18253),nn=t(28595),en=t(32444),tn=t(29168),an=t(50963),rn=t(529),on=t(54971),sn=t(81612),dn=t(69505),ln=t(22580),cn=t(71743),un=t(82925),pn=t(22887),mn={"pro-packages-table-src-components-table-tab-api-demo-single":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,47481))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-single",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(9743).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx",title:"查询表格"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2)),"umi-request":Y},renderOpts:{compile:(G=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return G.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-theme":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,98592))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-theme",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(73520).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx",title:"黑色主紧凑主题"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2)),"umi-request":Y},renderOpts:{compile:(K=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return K.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-single-test":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,83610))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-single-test",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(1035).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(Z=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return Z.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-no-option":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,83495))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-no-option",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(44915).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"查询（无按钮）表格"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(A=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return A.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-datasource":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,21793))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-datasource",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(15349).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"使用 DataSource"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(N=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return N.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-normal":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,78057))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-normal",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(59238).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"无查询表单"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(E=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return E.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-lightfilter":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,66814))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-lightfilter",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(23134).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"}},entry:"index.tsx",title:"轻量筛选替换查询表单"},context:{"@szc-ft/szcd":U,dayjs:Q},renderOpts:{compile:(O=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return O.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-no-title":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,6414))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-no-title",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(94213).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"无 ToolBar 的表格"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(M=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return M.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-open-rules":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,68550))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-open-rules",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(46357).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(B=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return B.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-table-nested":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,87092))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-table-nested",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(59649).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"嵌套表格"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(L=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return L.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-split":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,53322))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-split",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(2966).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"左右结构"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(R=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return R.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-batchoption":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,6077))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-batchoption",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(54860).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"表格批量操作"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(D=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return D.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-form":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,34490))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-form",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(97732).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"通过 formRef 来操作查询表单"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(S=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return S.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-rtl_table":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,67456))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-rtl_table",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(62168).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},antd:{type:"NPM",value:"5.29.3"},react:{type:"NPM",value:"18.3.1"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,"antd/lib/locale/ar_EG":H,react:a||(a=t.t(W,2)),"umi-request":Y},renderOpts:{compile:(C=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return C.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-columnsstatemap":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,73366))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-columnsstatemap",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(51326).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(T=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return T.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-pollinga":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,23814))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-pollinga",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(76438).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"表格轮询"},context:{"@szc-ft/szcd":U,dayjs:Q,react:a||(a=t.t(W,2))},renderOpts:{compile:(k=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return k.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-dateformatter":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,66047))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-dateformatter",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(45778).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"dateFormatter-日期格式化"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(w=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return w.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-linkage_form":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,44812))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-linkage_form",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(7819).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(z=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return z.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-search_option":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,32518))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-search_option",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(54645).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(F=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return F.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-listtoolbar":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,80039))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-listtoolbar",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(64330).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(g=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return g.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-rendertable":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,41067))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-rendertable",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(94849).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"表格主体自定义"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(P=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return P.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-card-title":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,31638))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-card-title",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(411).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"卡片表格"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(h=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return h.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-intl":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,48757))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-intl",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(70583).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},antd:{type:"NPM",value:"5.29.3"},dayjs:{type:"NPM",value:"1.11.19"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"国际化相关的配置"},context:{"@szc-ft/szcd":U,"antd/lib/locale/ca_ES":J,"antd/lib/locale/en_GB":$,"antd/lib/locale/en_US":X,"antd/lib/locale/es_ES":nn,"antd/lib/locale/fr_FR":en,"antd/lib/locale/it_IT":tn,"antd/lib/locale/ja_JP":an,"antd/lib/locale/ms_MY":rn,"antd/lib/locale/pt_BR":on,"antd/lib/locale/ru_RU":sn,"antd/lib/locale/sr_RS":dn,"antd/lib/locale/th_TH":ln,"antd/lib/locale/vi_VN":cn,"antd/lib/locale/zh_CN":un,"antd/lib/locale/zh_TW":pn,dayjs:Q,react:a||(a=t.t(W,2))},renderOpts:{compile:(b=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return b.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-search":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,51920))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-search",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(90625).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"使用自带 keyWords 搜索的 table"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(y=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return y.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-valuetypedate":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,51793))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-valuetypedate",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(22276).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(v=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return v.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-valuetypenumber":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,27969))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-valuetypenumber",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(11705).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(f=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return f.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-valuetype":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,38061))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-valuetype",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(17077).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},dayjs:{type:"NPM",value:"1.11.19"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,dayjs:Q},renderOpts:{compile:(x=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return x.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-valuetype_select":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,89500))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-valuetype_select",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(92477).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(I=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return I.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-customization-value-type":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,47215))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-customization-value-type",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(24058).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(m=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return m.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-error-boundaries":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,4573))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-error-boundaries",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(59432).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(p=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return p.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-error-boundaries-false":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,81397))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-error-boundaries-false",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(36290).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"取消自定义错误边界"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(u=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return u.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-config-provider":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,17403))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-config-provider",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(54535).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"},"umi-request":{type:"NPM",value:"1.4.0"}},entry:"index.tsx"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2)),"umi-request":Y},renderOpts:{compile:(c=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return c.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-basic":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,57703))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-basic",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(77602).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"列表工具栏-基本使用"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(i=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return i.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-listtoolbar-no-title":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,98694))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-listtoolbar-no-title",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(69353).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"无标题"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(l=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return l.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-multipleline":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,15140))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-multipleline",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(23021).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"双行布局"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(d=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return d.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-tabs":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,31326))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-tabs",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(29202).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"带标签"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(s=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return s.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-menu":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,36607))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-menu",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(39106).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx",title:"列表工具栏-标题下拉菜单"},context:{"@szc-ft/szcd":U},renderOpts:{compile:(o=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return o.apply(this,arguments)})}},"pro-packages-table-src-components-table-tab-api-demo-edittable-rules":{component:W.memo(W.lazy(function(){return Promise.all([t.e(1569),t.e(4404),t.e(2433)]).then(t.bind(t,72855))})),asset:{type:"BLOCK",id:"pro-packages-table-src-components-table-tab-api-demo-edittable-rules",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:t(23566).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"列表工具栏-标题下拉菜单"},context:{"@szc-ft/szcd":U,react:a||(a=t.t(W,2))},renderOpts:{compile:(r=V()(_()().mark(function n(){var e,a=arguments;return _()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,t.e(250).then(t.bind(t,90250));case 2:return n.abrupt("return",(e=n.sent).default.apply(e,a));case 3:case"end":return n.stop()}},n)})),function(){return r.apply(this,arguments)})}}}},99235:function(n,e,t){"use strict";t.r(e),t.d(e,{demos:function(){return a}});t(67294);var a={}},33975:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"集合多种相关联说明信息，并且可被选择的卡片。特点：",paraId:0,tocIndex:0},{value:"① 可容纳多种相关联说明信息，如标题、描述、图片、标签等",paraId:1,tocIndex:0},{value:"② 有明显边界",paraId:1,tocIndex:0},{value:"③ 有明显选中态",paraId:1,tocIndex:0},{value:"需要展示被选择对象的多种说明信息时",paraId:2,tocIndex:1},{value:"被选择对象的数量不多时",paraId:2,tocIndex:1},{value:"最常用的选项卡示例，包括头像，标题，描述等部分，可被选择。",paraId:3,tocIndex:3},{value:"配置 ",paraId:4,tocIndex:5},{value:"size",paraId:4,tocIndex:5},{value:" 尺寸大小，当前可选 ",paraId:4,tocIndex:5},{value:"large",paraId:4,tocIndex:5},{value:"，",paraId:4,tocIndex:5},{value:"default",paraId:4,tocIndex:5},{value:"，",paraId:4,tocIndex:5},{value:"small",paraId:4,tocIndex:5},{value:"，不同尺寸仅宽度不同。",paraId:4,tocIndex:5},{value:"当然你也可以通过 ",paraId:5},{value:"style",paraId:5},{value:" 或 ",paraId:5},{value:"className",paraId:5},{value:" 自定义卡片大小。",paraId:5},{value:"CheckCard 可以和表单组件一起使用，这里给出演示示例。",paraId:6,tocIndex:7},{value:"头像，标题，描述区域可以自由组合或者单独呈现，组件会为你调整为最合适的对齐方式。",paraId:7,tocIndex:8},{value:"你可以通过 ",paraId:8,tocIndex:9},{value:"avatar",paraId:8,tocIndex:9},{value:" 属性自定义头像区域。",paraId:8,tocIndex:9},{value:"你可以通过 ",paraId:9,tocIndex:10},{value:"title",paraId:9,tocIndex:10},{value:" 属性自定义标题区域。",paraId:9,tocIndex:10},{value:"描述区域可通过 ",paraId:10,tocIndex:11},{value:"description",paraId:10,tocIndex:11},{value:" 自定义 React 节点。",paraId:10,tocIndex:11},{value:"通过配置 ",paraId:11,tocIndex:12},{value:"defaultChecked",paraId:11,tocIndex:12},{value:" 属性为 ",paraId:11,tocIndex:12},{value:"true",paraId:11,tocIndex:12},{value:" 来配置选项默认被选中。",paraId:11,tocIndex:12},{value:"配置 ",paraId:12,tocIndex:13},{value:"extra",paraId:12,tocIndex:13},{value:" 为卡片添加操作栏。",paraId:12,tocIndex:13},{value:"通过配置 ",paraId:13,tocIndex:14},{value:"loading",paraId:13,tocIndex:14},{value:" 属性为 ",paraId:13,tocIndex:14},{value:"true",paraId:13,tocIndex:14},{value:" 来配置内容在加载中。",paraId:13,tocIndex:14},{value:"通过仅仅配置 ",paraId:14,tocIndex:15},{value:"cover",paraId:14,tocIndex:15},{value:" 属性可以让你的选项成为一个纯图片选项。",paraId:14,tocIndex:15},{value:"通过配置 ",paraId:15,tocIndex:16},{value:"disabled",paraId:15,tocIndex:16},{value:" 属性配置选项不可用。",paraId:15,tocIndex:16},{value:"CheckCard.Group",paraId:16,tocIndex:17},{value:" 支持通过 ",paraId:16,tocIndex:17},{value:"options",paraId:16,tocIndex:17},{value:" 属性配置化来列表展示多个选项。",paraId:16,tocIndex:17},{value:"这里展示在实际 AiDesk 中图像算法选择的使用示例。",paraId:17,tocIndex:18},{value:"CheckCard.Group",paraId:18,tocIndex:19},{value:" 内嵌 ",paraId:18,tocIndex:19},{value:"CheckCard",paraId:18,tocIndex:19},{value:" 并与 ",paraId:18,tocIndex:19},{value:"Grid",paraId:18,tocIndex:19},{value:" 组件一起使用，可以实现更灵活的布局。",paraId:18,tocIndex:19},{value:"参数",paraId:19,tocIndex:21},{value:"说明",paraId:19,tocIndex:21},{value:"类型",paraId:19,tocIndex:21},{value:"默认值",paraId:19,tocIndex:21},{value:"版本",paraId:19,tocIndex:21},{value:"checked",paraId:19,tocIndex:21},{value:"指定当前是否选中",paraId:19,tocIndex:21},{value:"boolean",paraId:19,tocIndex:21},{value:"false",paraId:19,tocIndex:21},{value:"bordered",paraId:19,tocIndex:21},{value:"是否显示边框",paraId:19,tocIndex:21},{value:"boolean",paraId:19,tocIndex:21},{value:"true",paraId:19,tocIndex:21},{value:"1.20.0",paraId:19,tocIndex:21},{value:"value",paraId:19,tocIndex:21},{value:"选项值",paraId:19,tocIndex:21},{value:"string",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"defaultChecked",paraId:19,tocIndex:21},{value:"初始是否选中",paraId:19,tocIndex:21},{value:"boolean",paraId:19,tocIndex:21},{value:"false",paraId:19,tocIndex:21},{value:"disabled",paraId:19,tocIndex:21},{value:"失效状态",paraId:19,tocIndex:21},{value:"boolean",paraId:19,tocIndex:21},{value:"false",paraId:19,tocIndex:21},{value:"size",paraId:19,tocIndex:21},{value:"选择框大小，可选 ",paraId:19,tocIndex:21},{value:"large",paraId:19,tocIndex:21},{value:" ",paraId:19,tocIndex:21},{value:"small",paraId:19,tocIndex:21},{value:"string",paraId:19,tocIndex:21},{value:"default",paraId:19,tocIndex:21},{value:"onChange",paraId:19,tocIndex:21},{value:"变化时回调函数",paraId:19,tocIndex:21},{value:"Function(checked)",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"loading",paraId:19,tocIndex:21},{value:"当卡片内容还在加载中时，可以用 loading 展示一个占位",paraId:19,tocIndex:21},{value:"boolean",paraId:19,tocIndex:21},{value:"false",paraId:19,tocIndex:21},{value:"title",paraId:19,tocIndex:21},{value:"标题",paraId:19,tocIndex:21},{value:"string | ReactNode",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"description",paraId:19,tocIndex:21},{value:"描述",paraId:19,tocIndex:21},{value:"ReactNode",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"avatar",paraId:19,tocIndex:21},{value:"选项元素的图片地址",paraId:19,tocIndex:21},{value:"link | ReactNode",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"extra",paraId:19,tocIndex:21},{value:"动作区域",paraId:19,tocIndex:21},{value:"卡片右上角的操作区域",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"cover",paraId:19,tocIndex:21},{value:"卡片背景图片, 注意使用该选项后",paraId:19,tocIndex:21},{value:"title",paraId:19,tocIndex:21},{value:"，",paraId:19,tocIndex:21},{value:"description",paraId:19,tocIndex:21},{value:"和",paraId:19,tocIndex:21},{value:"avatar",paraId:19,tocIndex:21},{value:"失效",paraId:19,tocIndex:21},{value:"ReactNode",paraId:19,tocIndex:21},{value:"-",paraId:19,tocIndex:21},{value:"参数",paraId:20,tocIndex:22},{value:"说明",paraId:20,tocIndex:22},{value:"类型",paraId:20,tocIndex:22},{value:"默认值",paraId:20,tocIndex:22},{value:"版本",paraId:20,tocIndex:22},{value:"multiple",paraId:20,tocIndex:22},{value:"多选",paraId:20,tocIndex:22},{value:"boolean",paraId:20,tocIndex:22},{value:"false",paraId:20,tocIndex:22},{value:"bordered",paraId:20,tocIndex:22},{value:"是否显示边框",paraId:20,tocIndex:22},{value:"boolean",paraId:20,tocIndex:22},{value:"true",paraId:20,tocIndex:22},{value:"1.20.0",paraId:20,tocIndex:22},{value:"defaultValue",paraId:20,tocIndex:22},{value:"默认选中的选项",paraId:20,tocIndex:22},{value:"string | string[]",paraId:20,tocIndex:22},{value:"-",paraId:20,tocIndex:22},{value:"disabled",paraId:20,tocIndex:22},{value:"整组失效",paraId:20,tocIndex:22},{value:"boolean",paraId:20,tocIndex:22},{value:"false",paraId:20,tocIndex:22},{value:"loading",paraId:20,tocIndex:22},{value:"当卡片组内容还在加载中时，可以用 loading 展示一个占位",paraId:20,tocIndex:22},{value:"boolean",paraId:20,tocIndex:22},{value:"false",paraId:20,tocIndex:22},{value:"options",paraId:20,tocIndex:22},{value:"指定可选项",paraId:20,tocIndex:22},{value:"string[] | Array<{ title: ReactNode, value: string, description?: ReactNode, avatar?: link or ReactNode, cover?:ReactNode, disabled?: boolean }>",paraId:20,tocIndex:22},{value:"[]",paraId:20,tocIndex:22},{value:"value",paraId:20,tocIndex:22},{value:"指定选中的选项",paraId:20,tocIndex:22},{value:"string | string[]",paraId:20,tocIndex:22},{value:"-",paraId:20,tocIndex:22},{value:"size",paraId:20,tocIndex:22},{value:"选择框大小，可选 ",paraId:20,tocIndex:22},{value:"large",paraId:20,tocIndex:22},{value:" ",paraId:20,tocIndex:22},{value:"small",paraId:20,tocIndex:22},{value:"string",paraId:20,tocIndex:22},{value:"default",paraId:20,tocIndex:22},{value:"onChange",paraId:20,tocIndex:22},{value:"变化时回调函数",paraId:20,tocIndex:22},{value:"Function(checkedValue)",paraId:20,tocIndex:22},{value:"-",paraId:20,tocIndex:22}]},79665:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"指标卡结合统计数值用于展示某主题的核心指标，结合 ",paraId:0,tocIndex:0},{value:"Ant Design Charts",paraId:0,tocIndex:0},{value:" 图表库丰富数值内容，满足大多数数值展示的场景。",paraId:0,tocIndex:0},{value:"注意 demo 中的所有图表示例可以到 charts 的官网中找到，这里不再给出实际代码示例，仅以图片进行代替，所以相关交互是没有的。",paraId:1,tocIndex:0},{value:"若有内容撑开卡片的情况请设置内容宽度为 100% 或设置定宽。",paraId:2,tocIndex:0},{value:"1）在页面内的重要位置，展示重要信息；",paraId:3,tocIndex:1},{value:"2）在概览页面展示系统功能。",paraId:3,tocIndex:1},{value:"使用数值统计配置 ",paraId:4,tocIndex:3},{value:"statistic",paraId:4,tocIndex:3},{value:" 和 ",paraId:4,tocIndex:3},{value:"chart",paraId:4,tocIndex:3},{value:" 完成基本的指标卡。",paraId:4,tocIndex:3},{value:"当图表单独展示在卡片中时。",paraId:5,tocIndex:4},{value:"footer",paraId:6,tocIndex:5},{value:" 用于设置额外的指标展示区域。",paraId:6,tocIndex:5},{value:"你可以设置 ",paraId:6,tocIndex:5},{value:"Statistic",paraId:6,tocIndex:5},{value:" 组件的布局方式",paraId:6,tocIndex:5},{value:"layout",paraId:6,tocIndex:5},{value:" 为 ",paraId:6,tocIndex:5},{value:"horizontal",paraId:6,tocIndex:5},{value:" 来展示横向指标。",paraId:6,tocIndex:5},{value:"你可以嵌套指标卡组件来将指标分组, 以及 ",paraId:7,tocIndex:8},{value:"Divider",paraId:7,tocIndex:8},{value:" 子组件来分隔这些指标。",paraId:7,tocIndex:8},{value:"Operation",paraId:8,tocIndex:10},{value:" 可以接受子元素，借此可以实现各种各样的公式计算指标。",paraId:8,tocIndex:10},{value:"你可以给每个数值统计配置 ",paraId:9,tocIndex:11},{value:"status",paraId:9,tocIndex:11},{value:" 展示其状态。",paraId:9,tocIndex:11},{value:"你可以给每个数值统计配置 ",paraId:10,tocIndex:12},{value:"icon",paraId:10,tocIndex:12},{value:" 展示其图标。",paraId:10,tocIndex:12},{value:"配合 ",paraId:11,tocIndex:13},{value:"ProCard",paraId:11,tocIndex:13},{value:" 的卡片切分能力可以实现复杂的卡片布局。",paraId:11,tocIndex:13},{value:"配置 ",paraId:12,tocIndex:14},{value:"chartPlacement",paraId:12,tocIndex:14},{value:" 为 ",paraId:12,tocIndex:14},{value:"right",paraId:12,tocIndex:14},{value:" 可以指定图表在数值统计的右边。默认为上下结构。",paraId:12,tocIndex:14},{value:"配置 ",paraId:13,tocIndex:15},{value:"chartPlacement",paraId:13,tocIndex:15},{value:" 为 ",paraId:13,tocIndex:15},{value:"left",paraId:13,tocIndex:15},{value:" 可以指定图表在数值统计的左边。",paraId:13,tocIndex:15},{value:"结合 ",paraId:14,tocIndex:16},{value:"Statistic",paraId:14,tocIndex:16},{value:" 可以实现带指标统计的页签。",paraId:14,tocIndex:16},{value:"你可以使用 ",paraId:15,tocIndex:17},{value:"Statistic",paraId:15,tocIndex:17},{value:" 组件配置布局 ",paraId:15,tocIndex:17},{value:"layout",paraId:15,tocIndex:17},{value:" 为 ",paraId:15,tocIndex:17},{value:"inline",paraId:15,tocIndex:17},{value:" 以及 ",paraId:15,tocIndex:17},{value:"trend",paraId:15,tocIndex:17},{value:" 来展示环比趋势。",paraId:15,tocIndex:17},{value:"参数",paraId:16,tocIndex:19},{value:"说明",paraId:16,tocIndex:19},{value:"类型",paraId:16,tocIndex:19},{value:"默认值",paraId:16,tocIndex:19},{value:"title",paraId:16,tocIndex:19},{value:"卡片标题",paraId:16,tocIndex:19},{value:"string|ReactNode",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"extra",paraId:16,tocIndex:19},{value:"卡片右上角的操作区域",paraId:16,tocIndex:19},{value:"string|ReactNode",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"loading",paraId:16,tocIndex:19},{value:"当卡片内容还在加载中时，可以用 loading 展示一个占位",paraId:16,tocIndex:19},{value:"boolean",paraId:16,tocIndex:19},{value:"false",paraId:16,tocIndex:19},{value:"bordered",paraId:16,tocIndex:19},{value:"是否有边框",paraId:16,tocIndex:19},{value:"boolean",paraId:16,tocIndex:19},{value:"true",paraId:16,tocIndex:19},{value:"chart",paraId:16,tocIndex:19},{value:"图表卡片",paraId:16,tocIndex:19},{value:"ReactNode",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"statistic",paraId:16,tocIndex:19},{value:"数值统计配置，布局默认为 ",paraId:16,tocIndex:19},{value:"vertical",paraId:16,tocIndex:19},{value:"参数见下 Statistic",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"chartPlacement",paraId:16,tocIndex:19},{value:"图表位置，相对于 statistic 的位置",paraId:16,tocIndex:19},{value:"left | right | bottom",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"footer",paraId:16,tocIndex:19},{value:"额外指标展示",paraId:16,tocIndex:19},{value:"ReactNode",paraId:16,tocIndex:19},{value:"-",paraId:16,tocIndex:19},{value:"更多参考 ",paraId:17,tocIndex:19},{value:"ProCard",paraId:17,tocIndex:19},{value:"，支持 ",paraId:17,tocIndex:19},{value:"ProCard",paraId:17,tocIndex:19},{value:" 的所有 API。",paraId:17,tocIndex:19},{value:"参数",paraId:18,tocIndex:20},{value:"说明",paraId:18,tocIndex:20},{value:"类型",paraId:18,tocIndex:20},{value:"默认值",paraId:18,tocIndex:20},{value:"prefix",paraId:18,tocIndex:20},{value:"设置数值的前缀",paraId:18,tocIndex:20},{value:"string | ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"suffix",paraId:18,tocIndex:20},{value:"设置数值的后缀",paraId:18,tocIndex:20},{value:"string | ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"title",paraId:18,tocIndex:20},{value:"数值的标题",paraId:18,tocIndex:20},{value:"string | ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"tip",paraId:18,tocIndex:20},{value:"标题提示",paraId:18,tocIndex:20},{value:"string| ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"value",paraId:18,tocIndex:20},{value:"数值内容",paraId:18,tocIndex:20},{value:"string | number",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"icon",paraId:18,tocIndex:20},{value:"图标",paraId:18,tocIndex:20},{value:"ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"status",paraId:18,tocIndex:20},{value:"设置状态点, 同 Badge 组件",paraId:18,tocIndex:20},{value:"Enum{ 'success', 'processing, 'default', 'error', 'warning' }",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"valueStyle",paraId:18,tocIndex:20},{value:"设置数值的样式",paraId:18,tocIndex:20},{value:"style",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"description",paraId:18,tocIndex:20},{value:"描述性标签",paraId:18,tocIndex:20},{value:"React.ReactNode | () => React.ReactNode",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"layout",paraId:18,tocIndex:20},{value:"布局",paraId:18,tocIndex:20},{value:"horizontal | vertical | inline",paraId:18,tocIndex:20},{value:"inline",paraId:18,tocIndex:20},{value:"trend",paraId:18,tocIndex:20},{value:"趋势",paraId:18,tocIndex:20},{value:"up | down |",paraId:18,tocIndex:20},{value:"-",paraId:18,tocIndex:20},{value:"更多 API 参考 ",paraId:19,tocIndex:20},{value:"Statistic",paraId:19,tocIndex:20},{value:"，支持 ",paraId:19,tocIndex:20},{value:"Statistic",paraId:19,tocIndex:20},{value:" 的所有 API。",paraId:19,tocIndex:20},{value:"用于在将数值统计进行分组时进行分隔。",paraId:20,tocIndex:21},{value:"参数",paraId:21,tocIndex:21},{value:"说明",paraId:21,tocIndex:21},{value:"类型",paraId:21,tocIndex:21},{value:"默认值",paraId:21,tocIndex:21},{value:"type",paraId:21,tocIndex:21},{value:"分隔类型",paraId:21,tocIndex:21},{value:"horizontal | vertical",paraId:21,tocIndex:21},{value:"-",paraId:21,tocIndex:21},{value:"用于操作符渲染。",paraId:22,tocIndex:22},{value:"属性同 ",paraId:23,tocIndex:23},{value:"StatisticCard",paraId:23,tocIndex:23},{value:"，会取消卡片内容边距，用于将多个卡片进行分组。",paraId:23,tocIndex:23}]},23331:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"页内容器卡片，提供标准卡片样式，卡片切分以及栅格布局能力。ProCard 创造性地将 ",paraId:0,tocIndex:0},{value:"Col",paraId:0,tocIndex:0},{value:", ",paraId:0,tocIndex:0},{value:"Row",paraId:0,tocIndex:0},{value:", ",paraId:0,tocIndex:0},{value:"Card",paraId:0,tocIndex:0},{value:", ",paraId:0,tocIndex:0},{value:"Tabs",paraId:0,tocIndex:0},{value:" 等组件实现结合在一起，让你仅用一个组件就能够完成卡片相关的各种布局。",paraId:0,tocIndex:0},{value:"如果你还需要结合图表一起使用，可以参考 ",paraId:1,tocIndex:0},{value:"StatisticCard",paraId:1,tocIndex:0},{value:" 指标卡组件，他是 ProCard 的进一步封装。",paraId:1,tocIndex:0},{value:"若您也需要封装 ",paraId:1,tocIndex:0},{value:"ProCard",paraId:1,tocIndex:0},{value:"，注意需要透出 ",paraId:1,tocIndex:0},{value:"isProCard=true",paraId:1,tocIndex:0},{value:" 的静态属性让 ProCard 可以识别为同一个元素。",paraId:1,tocIndex:0},{value:"需要一个标准卡片容纳内容时。",paraId:2,tocIndex:1},{value:"需要多个卡片栅格，gutter 布局时。",paraId:2,tocIndex:1},{value:"需要进行卡片内切分布局时。",paraId:2,tocIndex:1},{value:"需要卡片可折叠时。",paraId:2,tocIndex:1},{value:"布局模式下通过配置 ",paraId:3,tocIndex:6},{value:"split",paraId:3,tocIndex:6},{value:" 可以方便地切分卡片，可以进行任意的分栏，不管是横切还是竖切都非常便利，切分出来的分栏仍然保有卡片的特性，高度自动撑满。注意：",paraId:3,tocIndex:6},{value:"切分时父卡片的内容 ",paraId:4,tocIndex:6},{value:"padding",paraId:4,tocIndex:6},{value:" 会被设置为 0。",paraId:4,tocIndex:6},{value:"切分时子卡片的 ",paraId:4,tocIndex:6},{value:"border-radius",paraId:4,tocIndex:6},{value:"会被设置为 0。",paraId:4,tocIndex:6},{value:"通过卡片切分能力我们很容易实现左右分栏的效果，很适合左侧是列表，右侧是详情的结构。",paraId:5,tocIndex:7},{value:"通过卡片切分能力我们可以实现更加复杂的数据展现形式。",paraId:6,tocIndex:8},{value:"栅格常常需要和间隔进行配合，你可以使用 ",paraId:7,tocIndex:9},{value:"gutter",paraId:7,tocIndex:9},{value:" 属性，我们推荐使用 ",paraId:7,tocIndex:9},{value:"(16+8n)px",paraId:7,tocIndex:9},{value:" 作为栅格间隔(n 是自然数)，如果要支持响应式，可以写成 ",paraId:7,tocIndex:9},{value:"{ xs: 8, sm: 16, md: 24, lg: 32 }",paraId:7,tocIndex:9},{value:"。如果需要垂直间距，可以写成数组形式 ",paraId:7,tocIndex:9},{value:"[水平间距, 垂直间距][16, { xs: 8, sm: 16, md: 24, lg: 32 }]",paraId:7,tocIndex:9},{value:"。",paraId:7,tocIndex:9},{value:"默认卡片布局不可换行，你可以配置 ",paraId:8,tocIndex:10},{value:"wrap",paraId:8,tocIndex:10},{value:" 为 ",paraId:8,tocIndex:10},{value:"true",paraId:8,tocIndex:10},{value:" 来让多个卡片之间可以换行，适用于多个卡片排版的情况。",paraId:8,tocIndex:10},{value:"你可以嵌套卡片组件来将内容分组, 以及 ",paraId:9,tocIndex:11},{value:"Divider",paraId:9,tocIndex:11},{value:" 子组件来分隔这些内容。",paraId:9,tocIndex:11},{value:"当添加分隔线时会自动增加标题的高度与内容区域分开。",paraId:10,tocIndex:12},{value:"你可以使用 ",paraId:11,tocIndex:13},{value:"collapsible",paraId:11,tocIndex:13},{value:" 来配置卡片是否可折叠，通过 ",paraId:11,tocIndex:13},{value:"defaultCollapsed",paraId:11,tocIndex:13},{value:" 属性配置是否默认折叠。",paraId:11,tocIndex:13},{value:"或者你可以通过 ",paraId:11,tocIndex:13},{value:"collapsed",paraId:11,tocIndex:13},{value:" 属性受控进行自定义。",paraId:11,tocIndex:13},{value:"配合 ",paraId:12,tocIndex:14},{value:"ghost",paraId:12,tocIndex:14},{value:"幽灵模式和可折叠能力可以实现卡片组展开。",paraId:12,tocIndex:14},{value:"配置 ",paraId:13,tocIndex:15},{value:"layout",paraId:13,tocIndex:15},{value:" 属性为 ",paraId:13,tocIndex:15},{value:"center",paraId:13,tocIndex:15},{value:" 控制内容垂直居中，设置居中时内容部分转为 ",paraId:13,tocIndex:15},{value:"flex",paraId:13,tocIndex:15},{value:" 布局，可以使用 ",paraId:13,tocIndex:15},{value:"direction",paraId:13,tocIndex:15},{value:" 控制 ",paraId:13,tocIndex:15},{value:"flex",paraId:13,tocIndex:15},{value:" 方向。",paraId:13,tocIndex:15},{value:"配置 ",paraId:14,tocIndex:16},{value:"loading",paraId:14,tocIndex:16},{value:"属性为",paraId:14,tocIndex:16},{value:"true",paraId:14,tocIndex:16},{value:"控制卡片加载中，也可以传入 DOM 给",paraId:14,tocIndex:16},{value:"loading",paraId:14,tocIndex:16},{value:"来自定义 loading 展示。",paraId:14,tocIndex:16},{value:"配置 ",paraId:15,tocIndex:17},{value:"actions",paraId:15,tocIndex:17},{value:" 属性来配置卡片操作项。",paraId:15,tocIndex:17},{value:"头部没有内容时会自动隐藏。",paraId:16,tocIndex:18},{value:"配置 ",paraId:17,tocIndex:19},{value:"bordered",paraId:17,tocIndex:19},{value:" 属性控制是否卡片带边框。",paraId:17,tocIndex:19},{value:"配置 ",paraId:18,tocIndex:21},{value:"tabs",paraId:18,tocIndex:21},{value:" 属性配合 ",paraId:18,tocIndex:21},{value:"ProCard.TabPane",paraId:18,tocIndex:21},{value:" 子组件可以配置卡片的标签栏。",paraId:18,tocIndex:21},{value:"配置 ",paraId:19,tocIndex:22},{value:"tab",paraId:19,tocIndex:22},{value:" 的 ",paraId:19,tocIndex:22},{value:"type",paraId:19,tocIndex:22},{value:" 为 ",paraId:19,tocIndex:22},{value:"card",paraId:19,tocIndex:22},{value:" 来配置卡片式页签。",paraId:19,tocIndex:22},{value:"可以放在卡片内部，展示多层级结构的信息。",paraId:20,tocIndex:23},{value:"Steps",paraId:21,tocIndex:24},{value:" 组件结合 ",paraId:21,tocIndex:24},{value:"ProCard",paraId:21,tocIndex:24},{value:" 组件完成竖向步骤示例。",paraId:21,tocIndex:24},{value:"参数",paraId:22,tocIndex:25},{value:"说明",paraId:22,tocIndex:25},{value:"类型",paraId:22,tocIndex:25},{value:"默认值",paraId:22,tocIndex:25},{value:"版本",paraId:22,tocIndex:25},{value:"title",paraId:22,tocIndex:25},{value:"标题",paraId:22,tocIndex:25},{value:"React.ReactNode",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"subTitle",paraId:22,tocIndex:25},{value:"副标题",paraId:22,tocIndex:25},{value:"React.ReactNode",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"tooltip",paraId:22,tocIndex:25},{value:"标题右侧图标 hover 提示信息",paraId:22,tocIndex:25},{value:"string",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"headStyle",paraId:22,tocIndex:25},{value:"标题的 style 样式",paraId:22,tocIndex:25},{value:"CSSProperties",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"bodyStyle",paraId:22,tocIndex:25},{value:"内容区的 style 样式",paraId:22,tocIndex:25},{value:"CSSProperties",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"extra",paraId:22,tocIndex:25},{value:"右上角自定义区域",paraId:22,tocIndex:25},{value:"React.ReactNode",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"layout",paraId:22,tocIndex:25},{value:"内容布局，支持垂直居中",paraId:22,tocIndex:25},{value:"default",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"center",paraId:22,tocIndex:25},{value:" ",paraId:22,tocIndex:25},{value:"default",paraId:22,tocIndex:25},{value:"loading",paraId:22,tocIndex:25},{value:"加载中，支持自定义 loading 样式",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"ReactNode",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"colSpan",paraId:22,tocIndex:25},{value:"栅格布局宽度，24 栅格，支持指定宽度 px 或百分比, 支持响应式的对象写法 ",paraId:22,tocIndex:25},{value:"{ xs: 8, sm: 16, md: 24}",paraId:22,tocIndex:25},{value:", 仅在嵌套的子卡片上设置有效。",paraId:22,tocIndex:25},{value:"number",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"string",paraId:22,tocIndex:25},{value:"24",paraId:22,tocIndex:25},{value:"gutter",paraId:22,tocIndex:25},{value:"数字或使用数组形式同时设置 [水平间距, 垂直间距], 支持响应式的对象写法 ",paraId:22,tocIndex:25},{value:"{ xs: 8, sm: 16, md: 24}",paraId:22,tocIndex:25},{value:"number",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"array",paraId:22,tocIndex:25},{value:"0",paraId:22,tocIndex:25},{value:"split",paraId:22,tocIndex:25},{value:"拆分卡片的方向",paraId:22,tocIndex:25},{value:"vertical",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"horizontal",paraId:22,tocIndex:25},{value:" ",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"type",paraId:22,tocIndex:25},{value:"卡片类型",paraId:22,tocIndex:25},{value:"inner",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"default",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"size",paraId:22,tocIndex:25},{value:"卡片尺寸",paraId:22,tocIndex:25},{value:"default",paraId:22,tocIndex:25},{value:" | ",paraId:22,tocIndex:25},{value:"small",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"actions",paraId:22,tocIndex:25},{value:"卡片操作组，位置在卡片底部",paraId:22,tocIndex:25},{value:"Array&lt;ReactNode>",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"direction",paraId:22,tocIndex:25},{value:"指定 Flex 方向，仅在嵌套子卡片时有效，默认方向为 row 横向",paraId:22,tocIndex:25},{value:"column",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"wrap",paraId:22,tocIndex:25},{value:"是否支持换行，仅在嵌套子卡片时有效",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"1.12.0",paraId:22,tocIndex:25},{value:"bordered",paraId:22,tocIndex:25},{value:"是否有边框",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"ghost",paraId:22,tocIndex:25},{value:"幽灵模式，即是否取消卡片内容区域的 padding 和 卡片的背景颜色。",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"headerBordered",paraId:22,tocIndex:25},{value:"页头是否有分割线",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"collapsed",paraId:22,tocIndex:25},{value:"受控属性，是否折叠",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"collapsible",paraId:22,tocIndex:25},{value:"配置是否可折叠，受控时无效",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"collapsibleIconRender",paraId:22,tocIndex:25},{value:"替换默认折叠图标",paraId:22,tocIndex:25},{value:"({ collapsed }: { collapsed: boolean }) => React.ReactNode",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"defaultCollapsed",paraId:22,tocIndex:25},{value:"默认折叠, 受控时无效",paraId:22,tocIndex:25},{value:"boolean",paraId:22,tocIndex:25},{value:"false",paraId:22,tocIndex:25},{value:"onCollapse",paraId:22,tocIndex:25},{value:"收起卡片的事件，受控时无效",paraId:22,tocIndex:25},{value:"(collapsed: boolean) => void",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"tabs",paraId:22,tocIndex:25},{value:"标签页配置",paraId:22,tocIndex:25},{value:"见下面 ProCardTabs",paraId:22,tocIndex:25},{value:"-",paraId:22,tocIndex:25},{value:"参数",paraId:23,tocIndex:26},{value:"说明",paraId:23,tocIndex:26},{value:"类型",paraId:23,tocIndex:26},{value:"默认值",paraId:23,tocIndex:26},{value:"activeKey",paraId:23,tocIndex:26},{value:"当前选中项",paraId:23,tocIndex:26},{value:"string",paraId:23,tocIndex:26},{value:"-",paraId:23,tocIndex:26},{value:"type",paraId:23,tocIndex:26},{value:"页签的基本样式，可选 ",paraId:23,tocIndex:26},{value:"line",paraId:23,tocIndex:26},{value:"、",paraId:23,tocIndex:26},{value:"card",paraId:23,tocIndex:26},{value:"、",paraId:23,tocIndex:26},{value:"editable-card",paraId:23,tocIndex:26},{value:" 类型",paraId:23,tocIndex:26},{value:"string",paraId:23,tocIndex:26},{value:"inline",paraId:23,tocIndex:26},{value:"onChange",paraId:23,tocIndex:26},{value:"回调",paraId:23,tocIndex:26},{value:"(activeKey: string) => void;",paraId:23,tocIndex:26},{value:"-",paraId:23,tocIndex:26},{value:"items",paraId:23,tocIndex:26},{value:"基于 antd 拓展的页签的基本配置，必填",paraId:23,tocIndex:26},{value:"ItemsProps",paraId:23,tocIndex:26},{value:"-",paraId:23,tocIndex:26},{value:"更多属性见 antd ",paraId:24,tocIndex:26},{value:"Tab",paraId:24,tocIndex:26},{value:" API 描述。",paraId:24,tocIndex:26},{value:"支持 ",paraId:25,tocIndex:27},{value:"Tabs",paraId:25,tocIndex:27},{value:" 下页签的所有属性。",paraId:25,tocIndex:27},{value:"参数",paraId:26,tocIndex:27},{value:"说明",paraId:26,tocIndex:27},{value:"类型",paraId:26,tocIndex:27},{value:"默认值",paraId:26,tocIndex:27},{value:"cardProps",paraId:26,tocIndex:27},{value:"ProCard 卡片属性透传",paraId:26,tocIndex:27},{value:"ProCard",paraId:26,tocIndex:27},{value:"-",paraId:26,tocIndex:27},{value:"该参数即将被 Items 所平替，请及时更新使用 ItemsProps 配置新的内容",paraId:27,tocIndex:28},{value:"参数",paraId:28,tocIndex:28},{value:"说明",paraId:28,tocIndex:28},{value:"类型",paraId:28,tocIndex:28},{value:"默认值",paraId:28,tocIndex:28},{value:"key",paraId:28,tocIndex:28},{value:"对应 activeKey，用于标定是否选中和 dom 更新，一定不要重复，不然会造成表现异常",paraId:28,tocIndex:28},{value:"string",paraId:28,tocIndex:28},{value:"-",paraId:28,tocIndex:28},{value:"tab",paraId:28,tocIndex:28},{value:"选项卡头显示文字",paraId:28,tocIndex:28},{value:"ReactNode",paraId:28,tocIndex:28},{value:"-",paraId:28,tocIndex:28},{value:"disabled",paraId:28,tocIndex:28},{value:"不可用",paraId:28,tocIndex:28},{value:"boolean",paraId:28,tocIndex:28},{value:"false",paraId:28,tocIndex:28},{value:"cardProps",paraId:28,tocIndex:28},{value:"ProCard 卡片属性透传",paraId:28,tocIndex:28},{value:"ProCard",paraId:28,tocIndex:28},{value:"-",paraId:28,tocIndex:28},{value:"用于在将内容进行分组时进行分隔。",paraId:29,tocIndex:29},{value:"参数",paraId:30,tocIndex:29},{value:"说明",paraId:30,tocIndex:29},{value:"类型",paraId:30,tocIndex:29},{value:"默认值",paraId:30,tocIndex:29},{value:"type",paraId:30,tocIndex:29},{value:"分隔类型",paraId:30,tocIndex:29},{value:"horizontal | vertical",paraId:30,tocIndex:29},{value:"-",paraId:30,tocIndex:29},{value:"属性同 ProCard，会取消卡片内容边距，用于将多个卡片进行分组。",paraId:31,tocIndex:30}]},87530:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"高级描述列表组件，提供一个更加方便快速的方案来构建描述列表。",paraId:0,tocIndex:1},{value:"ProDescriptions 的诞生是为了解决项目中需要写很多 Descriptions 的样板代码的问题，所以在其中做了封装了很多常用的逻辑。在 React 中写一个 Descriptions 免不了需要定义一些雷同的属性。所以 ProDescriptions 默认封装了请求网络，columns 列展示的逻辑。",paraId:1,tocIndex:1},{value:"比如 ProDescriptions 封装了请求网络的行为，ProDescriptions 会将 props.params 中的数据默认带入到请求中，如果接口恰好与我们的定义相同，实现一个查询会非常简单。",paraId:2,tocIndex:1},{value:"import request from 'umi-request';\n\nconst fetchData = (params) =>\n  request<{\n    data: T{};\n  }>('https://proapi.azurewebsites.net/github/issues', {\n    params,\n  });\n\nconst keyWords = \"Ant Design\"\n\n<ProDescriptions<T,U> request={fetchData} />;\n",paraId:3,tocIndex:1},{value:"我们约定 request 拥有一个参数， ",paraId:4,tocIndex:1},{value:"params",paraId:4,tocIndex:1},{value:" 会自带 props 中的 ",paraId:4,tocIndex:1},{value:"params",paraId:4,tocIndex:1},{value:" 。类型如下:",paraId:4,tocIndex:1},{value:"(params: U) => RequestData;\n",paraId:5,tocIndex:1},{value:"对与请求回来的结果的 ProDescriptions 也有一些约定，类型如下：",paraId:6,tocIndex:1},{value:"interface RequestData {\n  data: Datum{};\n  success: boolean;\n}\n",paraId:7,tocIndex:1},{value:"根据配置格式化日期",paraId:8,tocIndex:8},{value:"通过请求接口数据来展示定义列表",paraId:9,tocIndex:10},{value:"通过请求接口数据和 columns 来展示定义列表",paraId:10,tocIndex:12},{value:"ProDescriptions 支持了和 Table 相同的 dataSource",paraId:11,tocIndex:14},{value:"API 与 ProTable 相同",paraId:12,tocIndex:16},{value:"更多功能查看 antd 的 ",paraId:13,tocIndex:19},{value:"Descriptions",paraId:13,tocIndex:19},{value:"参数",paraId:14,tocIndex:19},{value:"说明",paraId:14,tocIndex:19},{value:"类型",paraId:14,tocIndex:19},{value:"默认值",paraId:14,tocIndex:19},{value:"title",paraId:14,tocIndex:19},{value:"描述列表的标题，显示在最顶部",paraId:14,tocIndex:19},{value:"ReactNode",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"tooltip",paraId:14,tocIndex:19},{value:"内容的补充描述，hover 后显示",paraId:14,tocIndex:19},{value:"string",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"loading",paraId:14,tocIndex:19},{value:"展示一个加载的骨架屏，骨架屏和 dom 不会一一对应",paraId:14,tocIndex:19},{value:"boolean",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"extra",paraId:14,tocIndex:19},{value:"描述列表的操作区域，显示在右上方",paraId:14,tocIndex:19},{value:"string",paraId:14,tocIndex:19},{value:" | ",paraId:14,tocIndex:19},{value:"ReactNode",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"bordered",paraId:14,tocIndex:19},{value:"是否展示边框",paraId:14,tocIndex:19},{value:"boolean",paraId:14,tocIndex:19},{value:"false",paraId:14,tocIndex:19},{value:"column",paraId:14,tocIndex:19},{value:"一行的 ",paraId:14,tocIndex:19},{value:"ProDescriptionsItems",paraId:14,tocIndex:19},{value:" 数量，可以写成像素值或支持响应式的对象写法 ",paraId:14,tocIndex:19},{value:"{ xs: 1, sm: 2, md: 3}",paraId:14,tocIndex:19},{value:"number",paraId:14,tocIndex:19},{value:"3",paraId:14,tocIndex:19},{value:"size",paraId:14,tocIndex:19},{value:"设置列表的大小。可以设置为 ",paraId:14,tocIndex:19},{value:"middle",paraId:14,tocIndex:19},{value:" 、",paraId:14,tocIndex:19},{value:"small",paraId:14,tocIndex:19},{value:", 或不填（只有设置 ",paraId:14,tocIndex:19},{value:"bordered={true}",paraId:14,tocIndex:19},{value:" 生效）",paraId:14,tocIndex:19},{value:"default",paraId:14,tocIndex:19},{value:" | ",paraId:14,tocIndex:19},{value:"middle",paraId:14,tocIndex:19},{value:" | ",paraId:14,tocIndex:19},{value:"small",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"layout",paraId:14,tocIndex:19},{value:"描述布局",paraId:14,tocIndex:19},{value:"horizontal",paraId:14,tocIndex:19},{value:" | ",paraId:14,tocIndex:19},{value:"vertical",paraId:14,tocIndex:19},{value:"horizontal",paraId:14,tocIndex:19},{value:"colon",paraId:14,tocIndex:19},{value:"配置 ",paraId:14,tocIndex:19},{value:"ProDescriptions.Item",paraId:14,tocIndex:19},{value:" 的 ",paraId:14,tocIndex:19},{value:"colon",paraId:14,tocIndex:19},{value:" 的默认值",paraId:14,tocIndex:19},{value:"boolean",paraId:14,tocIndex:19},{value:"true",paraId:14,tocIndex:19},{value:"request",paraId:14,tocIndex:19},{value:"请求数据，不设置 columns 时 ProDescriptions.Item 需设置对应的 dataIndex",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"onRequestError",paraId:14,tocIndex:19},{value:"处理 request 的错误，默认会直接抛出错误",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"columns",paraId:14,tocIndex:19},{value:"列定义，与 request 配合使用 ",paraId:14,tocIndex:19},{value:"columns",paraId:15,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"editable",paraId:14,tocIndex:19},{value:"编辑的相关配置",paraId:14,tocIndex:19},{value:"EditableConfig",paraId:16,tocIndex:19},{value:"-",paraId:14,tocIndex:19},{value:"属性",paraId:17,tocIndex:20},{value:"描述",paraId:17,tocIndex:20},{value:"类型",paraId:17,tocIndex:20},{value:"默认值",paraId:17,tocIndex:20},{value:"form",paraId:17,tocIndex:20},{value:"可编辑表格的 form 实例，使用 ",paraId:17,tocIndex:20},{value:"Form.useForm",paraId:17,tocIndex:20},{value:" 生成后使用",paraId:17,tocIndex:20},{value:"FormInstance",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"formProps",paraId:17,tocIndex:20},{value:"可以配置 form 的属性，但是不支持 onFinish",paraId:17,tocIndex:20},{value:"FormProps",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"editableKeys",paraId:17,tocIndex:20},{value:"正在编辑的行，受控属性。 默认 ",paraId:17,tocIndex:20},{value:"key",paraId:17,tocIndex:20},{value:" 会使用 ",paraId:17,tocIndex:20},{value:"rowKey",paraId:17,tocIndex:20},{value:" 的配置，如果没有配置会使用 ",paraId:17,tocIndex:20},{value:"index",paraId:17,tocIndex:20},{value:"，建议使用 rowKey",paraId:17,tocIndex:20},{value:"Key[]",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"onChange",paraId:17,tocIndex:20},{value:"行数据被修改的时候触发",paraId:17,tocIndex:20},{value:"(editableKeys: Key[], editableRows: T[]) => void",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"onSave",paraId:17,tocIndex:20},{value:"保存一行的时候触发",paraId:17,tocIndex:20},{value:"(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"saveText",paraId:17,tocIndex:20},{value:"保存一行的文字",paraId:17,tocIndex:20},{value:"React.ReactNode",paraId:17,tocIndex:20},{value:"保存",paraId:17,tocIndex:20},{value:"onDelete",paraId:17,tocIndex:20},{value:"删除一行的时候触发",paraId:17,tocIndex:20},{value:"(key: Key, row: T) => Promise<any>",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"deleteText",paraId:17,tocIndex:20},{value:"删除一行的文字",paraId:17,tocIndex:20},{value:"React.ReactNode",paraId:17,tocIndex:20},{value:"删除",paraId:17,tocIndex:20},{value:"onCancel",paraId:17,tocIndex:20},{value:"取消编辑一行时触发",paraId:17,tocIndex:20},{value:"(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"cancelText",paraId:17,tocIndex:20},{value:"取消编辑一行的文字",paraId:17,tocIndex:20},{value:"React.ReactNode",paraId:17,tocIndex:20},{value:"取消",paraId:17,tocIndex:20},{value:"actionRender",paraId:17,tocIndex:20},{value:"自定义编辑模式的操作栏",paraId:17,tocIndex:20},{value:"(row: T, config: ActionRenderConfig,defaultDom) => ReactNode[]",paraId:17,tocIndex:20},{value:"-",paraId:17,tocIndex:20},{value:"deletePopconfirmMessage",paraId:17,tocIndex:20},{value:"删除时弹出的确认框提示消息",paraId:17,tocIndex:20},{value:"ReactNode",paraId:17,tocIndex:20},{value:"删除此行？",paraId:17,tocIndex:20},{value:"onlyOneLineEditorAlertMessage",paraId:17,tocIndex:20},{value:"只能编辑一行的的提示",paraId:17,tocIndex:20},{value:"ReactNode",paraId:17,tocIndex:20},{value:"只能同时编辑一行",paraId:17,tocIndex:20},{value:"onlyAddOneLineAlertMessage",paraId:17,tocIndex:20},{value:"只能同时新增一行的提示",paraId:17,tocIndex:20},{value:"ReactNode",paraId:17,tocIndex:20},{value:"只能新增一行",paraId:17,tocIndex:20},{value:"参数",paraId:18,tocIndex:21},{value:"说明",paraId:18,tocIndex:21},{value:"类型",paraId:18,tocIndex:21},{value:"默认值",paraId:18,tocIndex:21},{value:"label",paraId:18,tocIndex:21},{value:"内容的描述",paraId:18,tocIndex:21},{value:"ReactNode",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"tooltip",paraId:18,tocIndex:21},{value:"内容的补充描述，hover 后显示",paraId:18,tocIndex:21},{value:"string",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"ellipsis",paraId:18,tocIndex:21},{value:"是否自动缩略",paraId:18,tocIndex:21},{value:"boolean",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"copyable",paraId:18,tocIndex:21},{value:"是否支持复制",paraId:18,tocIndex:21},{value:"boolean",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"span",paraId:18,tocIndex:21},{value:"包含列的数量",paraId:18,tocIndex:21},{value:"number",paraId:18,tocIndex:21},{value:"1",paraId:18,tocIndex:21},{value:"valueType",paraId:18,tocIndex:21},{value:"格式化的类型",paraId:18,tocIndex:21},{value:"ValueType",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"valueEnum",paraId:18,tocIndex:21},{value:"当前列值的枚举 ",paraId:18,tocIndex:21},{value:"valueEnum",paraId:19,tocIndex:21},{value:"Record",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"request",paraId:18,tocIndex:21},{value:"从网络请求枚举数据",paraId:18,tocIndex:21},{value:"()=>Promise<{[key:string",paraId:18,tocIndex:21},{value:"|",paraId:18,tocIndex:21},{value:"number]:any}>",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"dataIndex",paraId:18,tocIndex:21},{value:"返回数据的 key 与 ProDescriptions 的 request 配合使用，用于配置式的定义列表",paraId:18,tocIndex:21},{value:"React.Text",paraId:18,tocIndex:21},{value:" | ",paraId:18,tocIndex:21},{value:"React.Text[]",paraId:18,tocIndex:21},{value:"-",paraId:18,tocIndex:21},{value:"editable",paraId:18,tocIndex:21},{value:"在编辑表格中是否可编辑的，函数的参数和 table 的 render 一样",paraId:18,tocIndex:21},{value:"false",paraId:18,tocIndex:21},{value:" | ",paraId:18,tocIndex:21},{value:"(text: any, record: T,index: number) => boolean",paraId:18,tocIndex:21},{value:"true",paraId:18,tocIndex:21},{value:"span 是 Description.Item 的数量。 span={2} 会占用两个 DescriptionItem 的宽度。",paraId:20,tocIndex:21},{value:"在进行了操作，或者 tab 切换等时候我们需要手动触发一下描述列表的更新，纯粹的 props 很难解决这个问题，所以我们提供一个 ref 来支持一些默认的操作。",paraId:21,tocIndex:22},{value:"const ref = useRef<ActionType>();\n\n// 两秒刷新一次\nuseEffect(() => {\n  setInterval(() => {\n    ref.current.reload();\n  }, 2000);\n}, []);\n\n// hooks 绑定\n<ProDescriptions actionRef={ref} />;\n\n// class\n<ProDescriptions actionRef={(ref) => (this.ref = ref)} />;\n",paraId:22,tocIndex:22},{value:"ActionRef",paraId:23,tocIndex:22},{value:" 还支持了一些别的行为,某些时候会减少的你的编码成本，但是 ref 会脱离 react 的生命周期，所以这些 action 都是不受控的。",paraId:23,tocIndex:22},{value:"// 刷新\nref.current.reload();\n",paraId:24,tocIndex:22}]},67194:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"该组件为内部组件，请勿直接使用。",paraId:0,tocIndex:0},{value:"原子信息组件，统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。",paraId:1,tocIndex:0},{value:'import Field from \'@ant-design/pro-field\';\n\nreturn <Field text="100" valueType="money" mode={state} />;\n',paraId:2,tocIndex:2},{value:"参数",paraId:3,tocIndex:3},{value:"说明",paraId:3,tocIndex:3},{value:"类型",paraId:3,tocIndex:3},{value:"默认值",paraId:3,tocIndex:3},{value:"text",paraId:3,tocIndex:3},{value:"需要格式化的值",paraId:3,tocIndex:3},{value:"any",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"valueType",paraId:3,tocIndex:3},{value:"格式化的类型",paraId:3,tocIndex:3},{value:"ValueType",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"mode",paraId:3,tocIndex:3},{value:"组件的模式",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"plain",paraId:3,tocIndex:3},{value:"精简模式",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"renderFormItem",paraId:3,tocIndex:3},{value:"自定义 ",paraId:3,tocIndex:3},{value:"mode=update | edit",paraId:3,tocIndex:3},{value:" 下的 dom 表现，一般用于渲染编辑框",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"render",paraId:3,tocIndex:3},{value:"自定义 ",paraId:3,tocIndex:3},{value:"mode=read",paraId:3,tocIndex:3},{value:" 下的 dom 表现，只是单纯的表现形式",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3},{value:"-",paraId:3,tocIndex:3}]},5852:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"Form 中的数据联动非常常见，所以我们封装了一个组件来进行数据处理。",paraId:0,tocIndex:0},{value:"ProFormDependency 是一个简化版本的 Form.Item，它默认内置了 noStyle 与 shouldUpdate，我们只需要配置 name 来确定我们依赖哪个数据，ProFormDependency 会自动处理 diff 和并且从表单中提取相应的值。",paraId:1,tocIndex:1},{value:"name 参数必须要是一个数组，如果是嵌套的结构可以这样配置 ",paraId:2,tocIndex:1},{value:"name={['name', ['name2', 'text']]}",paraId:2,tocIndex:1},{value:"。配置的 name 的值会在 renderProps 中传入。",paraId:2,tocIndex:1},{value:"name={['name', ['name2', 'text']]}",paraId:2,tocIndex:1},{value:" 传入的 values 的值 为 ",paraId:2,tocIndex:1},{value:"{ name: string,name2: { text:string } }",paraId:2,tocIndex:1},{value:"。",paraId:2,tocIndex:1},{value:"<ProFormDependency name={['name']}>\n  {({ name }) => {\n    return (\n      <ProFormSelect\n        options={[\n          {\n            value: 'chapter',\n            label: '盖章后生效',\n          },\n        ]}\n        width=\"md\"\n        name=\"useMode\"\n        label={`与《${name}》合同约定生效方式`}\n      />\n    );\n  }}\n</ProFormDependency>\n",paraId:3,tocIndex:1},{value:"下面例子演示了不同情形下的依赖取值顺序：",paraId:4,tocIndex:5},{value:"<ProFormDependency>",paraId:5,tocIndex:5},{value:"不在",paraId:5,tocIndex:5},{value:"<ProFormList>",paraId:5,tocIndex:5},{value:"中：根据",paraId:5,tocIndex:5},{value:"name",paraId:5,tocIndex:5},{value:"声明的依赖项，从全局取值（情形 1）",paraId:5,tocIndex:5},{value:"<ProFormDependency>",paraId:5,tocIndex:5},{value:"在",paraId:5,tocIndex:5},{value:"<ProFormList>",paraId:5,tocIndex:5},{value:"中\n",paraId:5,tocIndex:5},{value:"<ProFormDependency>",paraId:6,tocIndex:5},{value:"的",paraId:6,tocIndex:5},{value:"ignoreFormListField",paraId:6,tocIndex:5},{value:"为",paraId:6,tocIndex:5},{value:"true",paraId:6,tocIndex:5},{value:"：根据",paraId:6,tocIndex:5},{value:"name",paraId:6,tocIndex:5},{value:"声明的依赖项，从全局取值（情形 2）",paraId:6,tocIndex:5},{value:"<ProFormDependency>",paraId:6,tocIndex:5},{value:"的",paraId:6,tocIndex:5},{value:"ignoreFormListField",paraId:6,tocIndex:5},{value:"为",paraId:6,tocIndex:5},{value:"false",paraId:6,tocIndex:5},{value:"：根据",paraId:6,tocIndex:5},{value:"name",paraId:6,tocIndex:5},{value:"声明的依赖项，从局部取值（情形 3）",paraId:6,tocIndex:5}]},21546:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"我们还提供了用来进行结构化数据的录入:",paraId:0,tocIndex:0},{value:"ProFormList 录入结构化的多维数组数据。",paraId:1,tocIndex:0},{value:"ProFormFieldSet 录入结构化的一维数组数据。",paraId:1,tocIndex:0},{value:"ProFormDependency 数据依赖的相关组件",paraId:1,tocIndex:0},{value:"ProFormList 与 ",paraId:2,tocIndex:1},{value:"Form.List",paraId:2,tocIndex:1},{value:" API 基本相同，增加了自带的操作按钮：删除和复制，并且自带了了一个",paraId:2,tocIndex:1},{value:"新建一行",paraId:2,tocIndex:1},{value:"按钮。",paraId:2,tocIndex:1},{value:"<ProFormList\n  name=\"users\"\n  initialValue={[\n    {\n      useMode: 'chapter',\n    },\n  ]}\n  creatorButtonProps={{\n    position: 'top',\n    creatorButtonText: '再建一行',\n  }}\n  creatorRecord={{\n    useMode: 'none',\n  }}\n>\n  <ProFormSelect\n    key=\"useMode\"\n    options={[\n      {\n        value: 'chapter',\n        label: '盖章后生效',\n      },\n      {\n        value: 'none',\n        label: '不生效',\n      },\n    ]}\n    width=\"md\"\n    name=\"useMode\"\n    label=\"合同约定生效方式\"\n  />\n</ProFormList>\n",paraId:3,tocIndex:1},{value:"参数",paraId:4,tocIndex:2},{value:"说明",paraId:4,tocIndex:2},{value:"类型",paraId:4,tocIndex:2},{value:"默认值",paraId:4,tocIndex:2},{value:"itemRender",paraId:4,tocIndex:2},{value:"自定义 Item，可以用来将 action 放到别的地方",paraId:4,tocIndex:2},{value:"(doms,listMeta)=> ReactNode",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"creatorRecord",paraId:4,tocIndex:2},{value:"新建一行的默认值",paraId:4,tocIndex:2},{value:"Record<string, any> | () => Record<string, any>",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"creatorButtonProps",paraId:4,tocIndex:2},{value:"新建一行按钮的配置",paraId:4,tocIndex:2},{value:'buttonProps & { creatorButtonText:string,position:"top"|"bottom" }',paraId:4,tocIndex:2},{value:'{creatorButtonText:"新建一行"}',paraId:4,tocIndex:2},{value:"label",paraId:4,tocIndex:2},{value:"与 From.Item 相同",paraId:4,tocIndex:2},{value:"ReactNode",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"name",paraId:4,tocIndex:2},{value:"list 在 form 中的值，必填项",paraId:4,tocIndex:2},{value:"NamePath",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"alwaysShowItemLabel",paraId:4,tocIndex:2},{value:"Item 中总是展示 label",paraId:4,tocIndex:2},{value:"boolean",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionRef",paraId:4,tocIndex:2},{value:"当前 List 的自带操作，可以增删改查列表项",paraId:4,tocIndex:2},{value:"{add,remove,move,get}",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionGuard",paraId:4,tocIndex:2},{value:"FormItem 的拦截器，包含删除和添加的拦截，可以用 actionRef 拿到当前行的值",paraId:4,tocIndex:2},{value:"{beforeAddRow:(index)=>boolean,beforeRemoveRow:(index)=>boolean}",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"min",paraId:4,tocIndex:2},{value:"最少条目，删除时如果当前数据条目少于该数则无法删除",paraId:4,tocIndex:2},{value:"number",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"max",paraId:4,tocIndex:2},{value:"最多条目，新增或复制时如果当前数据条目多于该数则无法新增或复制",paraId:4,tocIndex:2},{value:"number",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"copyIconProps",paraId:4,tocIndex:2},{value:"复制按钮的配置，false 可以取消",paraId:4,tocIndex:2},{value:"{ Icon?: React.FC<any>; tooltipText?: string; } | false",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"deleteIconProps",paraId:4,tocIndex:2},{value:"删除按钮的配置，false 可以取消",paraId:4,tocIndex:2},{value:"{ Icon?: React.FC<any>; tooltipText?: string; } | false",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"actionRender",paraId:4,tocIndex:2},{value:"自定义操作按钮",paraId:4,tocIndex:2},{value:"(field,action,defaultActionDom,count)=>React.ReactNode[]",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"onAfterAdd",paraId:4,tocIndex:2},{value:"新增数据后的钩子",paraId:4,tocIndex:2},{value:"(defaultValue: StoreValue, insertIndex: number, count: number) => void",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:"onAfterRemove",paraId:4,tocIndex:2},{value:"删除数据后的钩子",paraId:4,tocIndex:2},{value:"(index: number, count: number) => void",paraId:4,tocIndex:2},{value:"-",paraId:4,tocIndex:2},{value:'const actionRef = useRef<\n  FormListActionType<{\n    name: string;\n  }>\n>();\n\nreturn (\n  /**\n   * @name 获取到 list 操作实例\n   * @description 可用删除，新增，移动等操作\n   *\n   * @example  actionRef?.current.add?.({},1);\n   * @example  actionRef?.current.remove?.(1);\n   * @example  actionRef?.current.move?.(1,2);\n   * @example  actionRef?.current.get?.(1);\n   */\n  <>\n    <Space>\n      <Button\n        type="primary"\n        onClick={() => {\n          const list = actionRef.current?.getList();\n          actionRef.current?.add({\n            name: \'新增\' + list?.length,\n          });\n        }}\n      >\n        增加一行\n      </Button>\n      <Button\n        danger\n        onClick={() => {\n          actionRef.current?.remove(1);\n        }}\n      >\n        删除一行\n      </Button>\n      <Button\n        onClick={() => {\n          actionRef.current?.move(1, 0);\n        }}\n      >\n        移动到第一行\n      </Button>\n      <Button\n        type="dashed"\n        onClick={() => {\n          const row = actionRef.current?.get(1);\n          console.log(row);\n        }}\n      >\n        获取一行数据\n      </Button>\n      <Button\n        type="dashed"\n        onClick={() => {\n          const row = actionRef.current?.getList();\n          console.log(row);\n        }}\n      >\n        获取所有数据\n      </Button>\n    </Space>\n    <ProFormList actionGuard={actionGuard} actionRef={actionRef}>\n      <ProFormText key="useMode" name="name" label="姓名" />\n    </ProFormList>\n  </>\n);\n',paraId:5,tocIndex:3},{value:"actionGuard 可以拦截 list 的操作，现在有 ",paraId:6,tocIndex:4},{value:"beforeAddRow",paraId:6,tocIndex:4},{value:" 和 ",paraId:6,tocIndex:4},{value:"beforeRemoveRow",paraId:6,tocIndex:4},{value:" 两个事件。",paraId:6,tocIndex:4},{value:'const actionRef = useRef<\n  FormListActionType<{\n    name: string;\n  }>\n>();\nconst actionGuard = {\n  beforeAddRow: async (defaultValue, insertIndex, count) => {\n    return new Promise((resolve) => {\n      console.log(defaultValue?.name, insertIndex, count);\n      setTimeout(() => resolve(true), 1000);\n    });\n  },\n  beforeRemoveRow: async (index, count) => {\n    const row = actionRef.current?.get(index as number);\n    console.log(\'---\x3e\', index, count, row);\n    return new Promise((resolve) => {\n      if (index === 0) {\n        resolve(false);\n        return;\n      }\n      setTimeout(() => resolve(true), 1000);\n    });\n  },\n};\nreturn (\n  <ProFormList actionGuard={actionGuard} actionRef={actionRef}>\n    <ProFormText key="useMode" name="name" label="姓名" />\n  </ProFormList>\n);\n',paraId:7,tocIndex:4},{value:'  /**\n   * @name 自定义操作按钮\n   *\n   * @example 删除按钮\n   * actionRender:(field,action)=><a onClick={()=>action.remove(field.name)}>删除</a>\n   * @example 最多只能新增三行\n   * actionRender:(f,action,_,count)=><a onClick={()=>\n   *   count>2?alert("最多三行！"):action.add({id:"xx"})}>删除\n   * </a>\n   */\n  actionRender?: (\n    field: FormListFieldData,\n    /**\n     * 操作能力\n     * @example  action.add(data) 新增一行\n     * @example  action.remove(index) 删除一行\n     * @example  action.move(formIndex,targetIndex) 移动一行\n     */\n    action: FormListOperation,\n    /**\n     * 默认的操作dom\n     * [复制，删除]\n     */\n    defaultActionDom: ReactNode[],\n    /**\n     * 当前共有几个列表项\n     */\n    count: number,\n  ) => ReactNode[];\n\n\n',paraId:8,tocIndex:5},{value:"ProFormList 支持传入一个方法来获取到当前行的信息和快捷操作，这对于复杂的联动来说是很方便的。",paraId:9,tocIndex:6},{value:'<ProFormList>\n  {(\n    // 当前行的基本信息 {name: number; key: number}\n    meta,\n    // 当前的行号\n    index,\n    /**\n     * action\n     * @name 用于操作行的一些快捷方法\n     * @example 给第二行增加数据 action.add?.({},1);\n     * @example 删除第二行 action.remove?.(1);\n     * @example 从 1 移到 2: action.move?.(2,1);\n     * @example 获取当前行的数据: action.getCurrentRowData() -> {id:"xxx",name:\'123\',age:18}\n     * @example 设置当前行的数据: {id:"123",name:\'123\'} -> action.setCurrentRowData({name:\'xxx\'}) -> {id:"123",name:\'xxx\'}\n     * @example 清空当前行的数据：{id:"123",name:\'123\'} -> action.setCurrentRowData({name:undefined}) -> {id:"123"}\n     */\n    action,\n    // 总行数\n    count,\n  ) => {\n    return (\n      <div key="row">\n        <ProFormText name="id" />\n        <ProFormText name="name" />\n      </div>\n    );\n  }}\n</ProFormList>\n',paraId:10,tocIndex:6},{value:"这四个参数的类型定义如下：",paraId:11,tocIndex:6},{value:"type RenderActionParams = {\n  /**\n   * @name 当前行的meta信息\n   * @example {name: number; key: number}\n   */\n  meta: FormListFieldData;\n  /**\n   * @name 当前行的行号\n   */\n  index: number;\n  /**\n   * @name 用于操作行的一些快捷方法\n   * @example 给第二行增加数据 action.add?.({},1);\n   * @example 删除第二行 action.remove?.(1);\n   * @example 从 1 移到 2: action.move?.(2,1);\n   * @example 获取当前行的数据: action.getCurrentRowData() -> {id:\"xxx\",name:'123',age:18}\n   * @example 设置当前行的数据: {id:\"123\",name:'123'} -> action.setCurrentRowData({name:'xxx'}) -> {id:\"123\",name:'xxx'}\n   * @example 清空当前行的数据：{id:\"123\",name:'123'} -> action.setCurrentRowData({name:undefined}) -> {id:\"123\"}\n   */\n  action: FormListOperation & {\n    /**\n     * @name 获取当前行的数据\n     * @example getCurrentRowData -> {id:\"xxx\",name:'123',age:18}\n     */\n    getCurrentRowData: () => any;\n    /**\n     * @name 设置当前行的数据\n     * @example {id:\"123\",name:'123'} -> setCurrentRowData({name:'xxx'}) -> {id:\"123\",name:'123'}\n     * @example {id:\"123\",name:'123'} -> setCurrentRowData({name:undefined}) -> {id:\"123\"}\n     */\n    setCurrentRowData: (data: any) => void;\n  };\n  /**\n   * @name 总行数\n   */\n  count: number;\n};\n",paraId:12,tocIndex:6},{value:"ProFormFieldSet 可以将内部的多个 children 的值组合并且存储在 ProForm 中，并且可以通过 ",paraId:13,tocIndex:7},{value:"transform",paraId:13,tocIndex:7},{value:" 在提交时转化。下面是一个简单的用法,可以方便的组合多个输入框，并且格式化为想要的数据。",paraId:13,tocIndex:7},{value:'<ProFormFieldSet\n  name="list"\n  label="组件列表"\n  // 支持 两种方式，type="group" 会用input.group 包裹\n  // 如果不配置 默认使用 space\n  type="group"\n  transform={(value: any) => ({ startTime: value[0], endTime: value[1] })}\n>\n  <ProFormText width="md" />\n  <ProFormText width="md" />\n  <ProFormText width="md" />\n</ProFormFieldSet>\n',paraId:14,tocIndex:7},{value:"ProFormDependency 是一个简化版本的 Form.Item，它默认内置了 noStyle 与 shouldUpdate，我们只需要配置 name 来确定我们依赖哪个数据，ProFormDependency 会自动处理 diff 和并且从表单中提取相应的值。",paraId:15,tocIndex:8},{value:"name 参数必须要是一个数组，如果是嵌套的结构可以这样配置 ",paraId:16,tocIndex:8},{value:"name={['name', ['name2', 'text']]}",paraId:16,tocIndex:8},{value:"。配置的 name 的值会在 renderProps 中传入。",paraId:16,tocIndex:8},{value:"name={['name', ['name2', 'text']]}",paraId:16,tocIndex:8},{value:" 传入的 values 的值 为 ",paraId:16,tocIndex:8},{value:"{ name: string,name2: { text:string } }",paraId:16,tocIndex:8},{value:"。",paraId:16,tocIndex:8},{value:"<ProFormDependency name={['name']}>\n  {({ name }) => {\n    return (\n      <ProFormSelect\n        options={[\n          {\n            value: 'chapter',\n            label: '盖章后生效',\n          },\n        ]}\n        width=\"md\"\n        name=\"useMode\"\n        label={`与《${name}》合同约定生效方式`}\n      />\n    );\n  }}\n</ProFormDependency>\n",paraId:17,tocIndex:8}]},99299:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"LoginForm 和 LoginFormPage 是 ProForm 的变体，两者是为了适应常见的登录表单布局来专门实现，适用于各类登录场景，降低布局的压力。",paraId:0,tocIndex:0},{value:"LoginForm 代表了比较常见的居中布局样式。",paraId:1,tocIndex:4},{value:"参数",paraId:2,tocIndex:4},{value:"说明",paraId:2,tocIndex:4},{value:"类型",paraId:2,tocIndex:4},{value:"默认值",paraId:2,tocIndex:4},{value:"logo",paraId:2,tocIndex:4},{value:"logo 的配置，支持 ReactNode 和 string",paraId:2,tocIndex:4},{value:"ReactNode | url",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"title",paraId:2,tocIndex:4},{value:"标题，可以配置为空",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"subTitle",paraId:2,tocIndex:4},{value:"二级标题，可以配置为空",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"actions",paraId:2,tocIndex:4},{value:"自定义额外的登录功能",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"message",paraId:2,tocIndex:4},{value:"form 顶部的一个提示配置，可以配置一些错误的提示信息",paraId:2,tocIndex:4},{value:"ReactNode",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"LoginFormPage 使用了左右布局，并且增加了一些广告位的配置。",paraId:3,tocIndex:5},{value:"参数",paraId:4,tocIndex:5},{value:"说明",paraId:4,tocIndex:5},{value:"类型",paraId:4,tocIndex:5},{value:"默认值",paraId:4,tocIndex:5},{value:"logo",paraId:4,tocIndex:5},{value:"logo 的配置，支持 ReactNode 和 string",paraId:4,tocIndex:5},{value:"ReactNode | url",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"title",paraId:4,tocIndex:5},{value:"标题，可以配置为空",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"subTitle",paraId:4,tocIndex:5},{value:"二级标题，可以配置为空",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"actions",paraId:4,tocIndex:5},{value:"自定义额外的登录功能",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"message",paraId:4,tocIndex:5},{value:"form 顶部的一个提示配置，可以配置一些错误的提示信息",paraId:4,tocIndex:5},{value:"ReactNode",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"backgroundImageUrl",paraId:4,tocIndex:5},{value:"整个区域的背景图片配置，手机端不会展示",paraId:4,tocIndex:5},{value:"url",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5},{value:"activityConfig",paraId:4,tocIndex:5},{value:"活动的配置，包含 title，subTitle，action，分别代表标题，次标题和行动按钮，也可配置 style 来控制区域的样式",paraId:4,tocIndex:5},{value:"{title,subTitle,action,style}",paraId:4,tocIndex:5},{value:"-",paraId:4,tocIndex:5}]},8468:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"ModalForm 和 DrawerForm 是 ProForm 的一个变体，本质上仍然是个表单。所以无法通过 ",paraId:0,tocIndex:0},{value:"footer",paraId:0,tocIndex:0},{value:" 来自定义页脚,如果要定义页脚需要使用 ",paraId:0,tocIndex:0},{value:"submitter.render",paraId:0,tocIndex:0},{value:" 来进行自定义。这两个表单的表现与 ProForm 相同，可以从 ProForm 直接修改而来。",paraId:0,tocIndex:0},{value:"ModalForm 和 DrawerForm 都提供了 trigger 来减少 state 的使用，如果你需要使用 state 来控制可以使用 ",paraId:1,tocIndex:0},{value:"open",paraId:1,tocIndex:0},{value:" 和 ",paraId:1,tocIndex:0},{value:"onOpenChange",paraId:1,tocIndex:0},{value:" 来控制打开与关闭。",paraId:1,tocIndex:0},{value:"ModalForm 组合了 Modal 和 ProForm 可以减少繁琐的状态管理。",paraId:2,tocIndex:14},{value:"参数",paraId:3,tocIndex:14},{value:"说明",paraId:3,tocIndex:14},{value:"类型",paraId:3,tocIndex:14},{value:"默认值",paraId:3,tocIndex:14},{value:"trigger",paraId:3,tocIndex:14},{value:"用于触发 Modal 打开的 dom，一般是 button",paraId:3,tocIndex:14},{value:"ReactNode",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"open",paraId:3,tocIndex:14},{value:"是否打开",paraId:3,tocIndex:14},{value:"open",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"onOpenChange",paraId:3,tocIndex:14},{value:"visible 改变时触发",paraId:3,tocIndex:14},{value:"(open:boolean)=>void",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"modalProps",paraId:3,tocIndex:14},{value:"Modal 的 props，使用方式与 ",paraId:3,tocIndex:14},{value:"antd",paraId:3,tocIndex:14},{value:" 相同。注意：不支持 'visible'，请使用全局的 visible",paraId:3,tocIndex:14},{value:"props",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"title",paraId:3,tocIndex:14},{value:"弹框的标题",paraId:3,tocIndex:14},{value:"ReactNode",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"width",paraId:3,tocIndex:14},{value:"弹框的宽度",paraId:3,tocIndex:14},{value:"Number",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"onFinish",paraId:3,tocIndex:14},{value:"提交数据时触发，如果返回一个 true。会关掉抽屉,如果配置了 ",paraId:3,tocIndex:14},{value:"destroyOnClose",paraId:3,tocIndex:14},{value:" 还会重置表单。",paraId:3,tocIndex:14},{value:"async (values)=>boolean",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"submitTimeout",paraId:3,tocIndex:14},{value:"提交数据时，禁用取消按钮的超时时间（毫秒）。",paraId:3,tocIndex:14},{value:"Number",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"submitter",paraId:3,tocIndex:14},{value:"提交按钮相关配置，使用方式与",paraId:3,tocIndex:14},{value:"ProForm",paraId:3,tocIndex:14},{value:" 相同。",paraId:3,tocIndex:14},{value:"ProForm",paraId:3,tocIndex:14},{value:"-",paraId:3,tocIndex:14},{value:"DrawerForm 组合了 Drawer 和 ProForm 可以减少繁琐的状态管理。",paraId:4,tocIndex:15},{value:"参数",paraId:5,tocIndex:15},{value:"说明",paraId:5,tocIndex:15},{value:"类型",paraId:5,tocIndex:15},{value:"默认值",paraId:5,tocIndex:15},{value:"trigger",paraId:5,tocIndex:15},{value:"用于触发 Modal 打开的 dom，一般是 button",paraId:5,tocIndex:15},{value:"ReactNode",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"resize",paraId:5,tocIndex:15},{value:"是否调整大小",paraId:5,tocIndex:15},{value:"{onResize,maxWidth,minWidth}",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"isResizable",paraId:5,tocIndex:15},{value:"是否调整大小",paraId:5,tocIndex:15},{value:"boolean",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"onOpenChange",paraId:5,tocIndex:15},{value:"open 改变时触发",paraId:5,tocIndex:15},{value:"(open:boolean)=>void",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"drawerProps",paraId:5,tocIndex:15},{value:"Drawer 的 props，使用方式与 ",paraId:5,tocIndex:15},{value:"antd",paraId:5,tocIndex:15},{value:" 相同。注意：不支持 'visible'，请使用全局的 visible",paraId:5,tocIndex:15},{value:"props",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"title",paraId:5,tocIndex:15},{value:"抽屉的标题",paraId:5,tocIndex:15},{value:"ReactNode",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"width",paraId:5,tocIndex:15},{value:"抽屉的宽度",paraId:5,tocIndex:15},{value:"Number",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"onFinish",paraId:5,tocIndex:15},{value:"提交数据时触发，如果返回一个 true。会关掉抽屉,如果配置了 ",paraId:5,tocIndex:15},{value:"destroyOnClose",paraId:5,tocIndex:15},{value:" 还会重置表单。",paraId:5,tocIndex:15},{value:"async (values)=>boolean",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15},{value:"submitTimeout",paraId:5,tocIndex:15},{value:"提交数据时，禁用取消按钮的超时时间（毫秒）。",paraId:5,tocIndex:15},{value:"Number",paraId:5,tocIndex:15},{value:"-",paraId:5,tocIndex:15}]},23444:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"有些是时候表单要与别的组件组合使用，常见的有 Table ，List 等，这时候就需要一些特殊形态的表单。QueryFilter 和 LightFilter 解决了配合组件使用的问题，避免了复杂的样式设置。ProTable 中默认 支持了 QueryFilter 和 LightFilter 作为自己的筛选表单。",paraId:0,tocIndex:0},{value:"折叠模式下所有的选项都会默认折叠，不管是否有值，控件的 ",paraId:1},{value:"secondary",paraId:1},{value:" 将不再有效。",paraId:1},{value:"手动设置轻量筛选的弹出框，默认为 ",paraId:2},{value:"bottomLeft",paraId:2},{value:"QueryFilter 除了继承 ProForm 的 API 以外还支持下面的属性。",paraId:3,tocIndex:14},{value:"参数",paraId:4,tocIndex:14},{value:"说明",paraId:4,tocIndex:14},{value:"类型",paraId:4,tocIndex:14},{value:"默认值",paraId:4,tocIndex:14},{value:"collapsed",paraId:4,tocIndex:14},{value:"是否折叠超出的表单项，用于受控模式",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"defaultCollapsed",paraId:4,tocIndex:14},{value:"默认状态下是否折叠超出的表单项",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"onCollapse",paraId:4,tocIndex:14},{value:"切换表单折叠状态时的回调",paraId:4,tocIndex:14},{value:"(collapsed)=>void",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"hideRequiredMark",paraId:4,tocIndex:14},{value:"隐藏所有表单项的必选标记，",paraId:4,tocIndex:14},{value:"默认隐藏",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"submitterColSpanProps",paraId:4,tocIndex:14},{value:"提交按钮所在 col 的 props",paraId:4,tocIndex:14},{value:"ColProps",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"defaultColsNumber",paraId:4,tocIndex:14},{value:"自定义折叠状态下默认显示的表单控件数量，没有设置或小于 0，则显示一行控件; 数量大于等于控件数量则隐藏展开按钮",paraId:4,tocIndex:14},{value:"number",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"labelWidth",paraId:4,tocIndex:14},{value:"label 宽度",paraId:4,tocIndex:14},{value:"number",paraId:4,tocIndex:14},{value:" | ",paraId:4,tocIndex:14},{value:"'auto'",paraId:4,tocIndex:14},{value:"80",paraId:4,tocIndex:14},{value:"span",paraId:4,tocIndex:14},{value:"表单项宽度",paraId:4,tocIndex:14},{value:"number[0 - 24]",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"split",paraId:4,tocIndex:14},{value:"每一行是否有分割线",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"-",paraId:4,tocIndex:14},{value:"preserve",paraId:4,tocIndex:14},{value:"是否能够查询收起的数据，如果设置为 false，收起后的表单数据将会丢失",paraId:4,tocIndex:14},{value:"boolean",paraId:4,tocIndex:14},{value:"true",paraId:4,tocIndex:14},{value:"注意，断点的值均为表单容器的大小而非视口大小。",paraId:5,tocIndex:15},{value:"容器宽度断点",paraId:6,tocIndex:16},{value:"单行展示表单列数（包含操作区域）",paraId:6,tocIndex:16},{value:"默认布局",paraId:6,tocIndex:16},{value:"≧ 1352px",paraId:6,tocIndex:16},{value:"4 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 1062px",paraId:6,tocIndex:16},{value:"3 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 701px && < 1063px",paraId:6,tocIndex:16},{value:"3 列",paraId:6,tocIndex:16},{value:"horizontal",paraId:6,tocIndex:16},{value:"≧ 513px && < 701px",paraId:6,tocIndex:16},{value:"2 列",paraId:6,tocIndex:16},{value:"vertical",paraId:6,tocIndex:16},{value:"< 513px",paraId:6,tocIndex:16},{value:"1 列",paraId:6,tocIndex:16},{value:"vertical",paraId:6,tocIndex:16},{value:"容器宽度断点",paraId:7,tocIndex:17},{value:"单行展示表单列数（包含操作区域）",paraId:7,tocIndex:17},{value:"≧ 1057px",paraId:7,tocIndex:17},{value:"4 列",paraId:7,tocIndex:17},{value:"≧ 785px && < 1057px",paraId:7,tocIndex:17},{value:"3 列",paraId:7,tocIndex:17},{value:"≧ 513px && < 785px",paraId:7,tocIndex:17},{value:"2 列",paraId:7,tocIndex:17},{value:"< 513px",paraId:7,tocIndex:17},{value:"1 列",paraId:7,tocIndex:17},{value:"LightFilter 除了继承 ProForm 的 API 以外还支持下面的属性。",paraId:8,tocIndex:18},{value:"参数",paraId:9,tocIndex:18},{value:"说明",paraId:9,tocIndex:18},{value:"类型",paraId:9,tocIndex:18},{value:"默认值",paraId:9,tocIndex:18},{value:"collapse",paraId:9,tocIndex:18},{value:"是否默认折叠全部字段",paraId:9,tocIndex:18},{value:"boolean",paraId:9,tocIndex:18},{value:"false",paraId:9,tocIndex:18},{value:"collapseLabel",paraId:9,tocIndex:18},{value:"折叠区域的标签",paraId:9,tocIndex:18},{value:"ReactNode",paraId:9,tocIndex:18},{value:"更多筛选 <DownOutlined/>",paraId:9,tocIndex:18},{value:"footerRender",paraId:9,tocIndex:18},{value:"底部内容，当不需要默认底部按钮时，可以设为 footer={false}",paraId:9,tocIndex:18},{value:"(onClear?: () => void, onConfirm: () => void) => JSX.Element | false)",paraId:9,tocIndex:18},{value:"|",paraId:9,tocIndex:18},{value:"false",paraId:9,tocIndex:18},{value:"-",paraId:9,tocIndex:18},{value:"placement",paraId:9,tocIndex:18},{value:"选择框弹出的位置 ：",paraId:9,tocIndex:18},{value:"bottomLeft",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"bottomRight",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"topLeft",paraId:9,tocIndex:18},{value:" ",paraId:9,tocIndex:18},{value:"topRight",paraId:9,tocIndex:18},{value:"string",paraId:9,tocIndex:18},{value:"bottomLeft",paraId:9,tocIndex:18}]},90277:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"SchemaForm 是根据 JSON Schema 来生成表单的工具。SchemaForm 会根据 valueType 来映射成不同的",paraId:0,tocIndex:0},{value:"表单项",paraId:1,tocIndex:0},{value:"。",paraId:0,tocIndex:0},{value:"Tips",paraId:2,tocIndex:0},{value:"： 如您遇到卡顿问题或有更高的性能要求可",paraId:2,tocIndex:0},{value:"参考示例",paraId:3,tocIndex:0},{value:"使用",paraId:2,tocIndex:0},{value:"SchemaForm 提供了与 ",paraId:4,tocIndex:1},{value:"ProForm",paraId:5,tocIndex:1},{value:" 相同的 API，并且增加了部分 API，以下的 SchemaForm 新增的 API。",paraId:4,tocIndex:1},{value:"字段名称",paraId:6,tocIndex:1},{value:"类型",paraId:6,tocIndex:1},{value:"说明",paraId:6,tocIndex:1},{value:"layoutType",paraId:6,tocIndex:1},{value:"ProFormLayoutType",paraId:7,tocIndex:1},{value:"使用的表单布局模式",paraId:6,tocIndex:1},{value:"steps",paraId:6,tocIndex:1},{value:"StepFormProps[]",paraId:6,tocIndex:1},{value:"layoutType=steps",paraId:6,tocIndex:1},{value:"中的分步表单配置，需要配置 columns 为数组使用",paraId:6,tocIndex:1},{value:"columns",paraId:6,tocIndex:1},{value:"ProFormColumnsType",paraId:8,tocIndex:1},{value:" | ",paraId:8,tocIndex:1},{value:"ProFormColumnsType[]",paraId:8,tocIndex:1},{value:"表单的定义，一般是 json 对象，如果是分步表单，需要使用 json 数组来生成多个表单",paraId:6,tocIndex:1},{value:"shouldUpdate",paraId:6,tocIndex:1},{value:"(newValues: Record<string, any>, oldValues: Record<string, any>) => boolean | boolean",paraId:6,tocIndex:1},{value:"细粒化控制是否渲染。",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"true",paraId:6,tocIndex:1},{value:"时会自动重新渲染表单项。",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"false",paraId:6,tocIndex:1},{value:"时不会更新表单项但可以使用",paraId:6,tocIndex:1},{value:"dependencies 触发更新",paraId:9,tocIndex:1},{value:"，",paraId:6,tocIndex:1},{value:" 为",paraId:6,tocIndex:1},{value:"function",paraId:6,tocIndex:1},{value:" 时根据返回值判断是否重新渲染表单项，等同直接赋值 ",paraId:6,tocIndex:1},{value:"true",paraId:6,tocIndex:1},{value:" 或 ",paraId:6,tocIndex:1},{value:"false",paraId:6,tocIndex:1},{value:" ",paraId:6,tocIndex:1},{value:"参考示例",paraId:10,tocIndex:1},{value:"字段名称",paraId:11,tocIndex:2},{value:"说明",paraId:11,tocIndex:2},{value:"Form",paraId:11,tocIndex:2},{value:"ProForm",paraId:12,tocIndex:2},{value:" 是基本的表单类型",paraId:11,tocIndex:2},{value:"ModalForm",paraId:11,tocIndex:2},{value:"弹框表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"ModalForm",paraId:13,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"DrawerForm",paraId:11,tocIndex:2},{value:"抽屉表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"DrawerForm",paraId:14,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"StepsForm",paraId:11,tocIndex:2},{value:"|",paraId:11,tocIndex:2},{value:"StepForm",paraId:11,tocIndex:2},{value:"配置之后为分步表单，有两种模式一种使用 ",paraId:11,tocIndex:2},{value:"steps",paraId:11,tocIndex:2},{value:" 和 ",paraId:11,tocIndex:2},{value:"columns",paraId:11,tocIndex:2},{value:" 来生成，一种是通过 ",paraId:11,tocIndex:2},{value:"layoutType=StepsForm",paraId:11,tocIndex:2},{value:" 嵌套 ",paraId:11,tocIndex:2},{value:"layoutType=StepForm",paraId:11,tocIndex:2},{value:" 来实现",paraId:11,tocIndex:2},{value:"LightFilter",paraId:11,tocIndex:2},{value:"轻量筛选，配置之后支持 ",paraId:11,tocIndex:2},{value:"LightFilter",paraId:15,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"QueryFilter",paraId:11,tocIndex:2},{value:"查询表单，配置之后支持 ",paraId:11,tocIndex:2},{value:"QueryFilter",paraId:16,tocIndex:2},{value:" 的所有配置",paraId:11,tocIndex:2},{value:"Embed",paraId:11,tocIndex:2},{value:"内嵌模式，只生成表单项，不生成 Form 可以混合使用",paraId:11,tocIndex:2},{value:"SchemaForm 表单最重要就是 Schema 的类型定义，我们使用了与 table 的相同的表单定义，同时扩展了部分字段。",paraId:17,tocIndex:3},{value:"字段名称",paraId:18,tocIndex:3},{value:"类型",paraId:18,tocIndex:3},{value:"说明",paraId:18,tocIndex:3},{value:"key",paraId:18,tocIndex:3},{value:"React.key",paraId:18,tocIndex:3},{value:"确定这个列的唯一值,一般用于 dataIndex 重复的情况",paraId:18,tocIndex:3},{value:"dataIndex",paraId:18,tocIndex:3},{value:"React.key",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"React.key[]",paraId:18,tocIndex:3},{value:"与实体映射的 key，数组会被转化 ",paraId:18,tocIndex:3},{value:"[a,b] => Entity.a.b",paraId:18,tocIndex:3},{value:"valueType",paraId:18,tocIndex:3},{value:"ProFieldValueType",paraId:18,tocIndex:3},{value:"数据的渲渲染方式，我们自带了一部分，你也可以自定义 valueType",paraId:18,tocIndex:3},{value:"title",paraId:18,tocIndex:3},{value:"ReactNode",paraId:18,tocIndex:3},{value:" |",paraId:18,tocIndex:3},{value:"(props,type,dom)=> ReactNode",paraId:18,tocIndex:3},{value:"标题的内容，在 form 中是 label",paraId:18,tocIndex:3},{value:"tooltip",paraId:18,tocIndex:3},{value:"string",paraId:18,tocIndex:3},{value:"会在 title 旁边展示一个 icon，鼠标浮动之后展示",paraId:18,tocIndex:3},{value:"valueEnum",paraId:18,tocIndex:3},{value:"(Entity)=> ValueEnum",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"ValueEnum",paraId:18,tocIndex:3},{value:"支持 object 和 Map，Map 是支持其他基础类型作为 key",paraId:18,tocIndex:3},{value:"fieldProps",paraId:18,tocIndex:3},{value:"(form,config)=>fieldProps",paraId:18,tocIndex:3},{value:"| ",paraId:18,tocIndex:3},{value:"fieldProps",paraId:18,tocIndex:3},{value:"传给渲染的组件的 props，自定义的时候也会传递",paraId:18,tocIndex:3},{value:"formItemProps",paraId:18,tocIndex:3},{value:"(form,config)=>formItemProps",paraId:18,tocIndex:3},{value:" | ",paraId:18,tocIndex:3},{value:"formItemProps",paraId:18,tocIndex:3},{value:"传递给 Form.Item 的配置",paraId:18,tocIndex:3},{value:"formItemProps.rules",paraId:18,tocIndex:3},{value:"Rule[]",paraId:18,tocIndex:3},{value:"表单项的校验规则。需要注意的是，如果当前表单项为",paraId:18,tocIndex:3},{value:"formList",paraId:18,tocIndex:3},{value:"时，此规则仅校验列表是否为空，且仅接受元组",paraId:18,tocIndex:3},{value:"[{required: boolean, message: string}]",paraId:18,tocIndex:3},{value:"，用于开启和关闭非空校验及指定空列表提示消息",paraId:18,tocIndex:3},{value:"proFieldProps",paraId:18,tocIndex:3},{value:"proFieldProps",paraId:18,tocIndex:3},{value:"设置到 ",paraId:18,tocIndex:3},{value:"ProField",paraId:18,tocIndex:3},{value:" 上面的 ",paraId:18,tocIndex:3},{value:"props",paraId:18,tocIndex:3},{value:"，内部属性",paraId:18,tocIndex:3},{value:"renderText",paraId:18,tocIndex:3},{value:"(text: any, record: Entity, index: number, action: ProCoreActionType) => any",paraId:18,tocIndex:3},{value:"修改的数据是会被 valueType 定义的渲染组件消费",paraId:18,tocIndex:3},{value:"render",paraId:18,tocIndex:3},{value:"(dom,entity,index, action, schema) => React.ReactNode",paraId:18,tocIndex:3},{value:"自定义只读模式的 dom,",paraId:18,tocIndex:3},{value:"render",paraId:18,tocIndex:3},{value:" 方法只管理的只读模式，编辑模式需要使用 ",paraId:18,tocIndex:3},{value:"renderFormItem",paraId:18,tocIndex:3},{value:"renderFormItem",paraId:18,tocIndex:3},{value:"(schema,config,form) => React.ReactNode",paraId:18,tocIndex:3},{value:"自定义编辑模式,返回一个 ReactNode，会自动包裹 value 和 onChange。",paraId:18,tocIndex:3},{value:"如返回 false,null,undefined 将不展示表单项",paraId:18,tocIndex:3},{value:" 请使用 dependency 组件控制是否渲染列",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:"(params,props) => Promise<{label,value}[]>",paraId:18,tocIndex:3},{value:"从远程请求网络数据，一般用于选择类组件",paraId:18,tocIndex:3},{value:"params",paraId:18,tocIndex:3},{value:"Record<string, any>",paraId:18,tocIndex:3},{value:"额外传递给 ",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:" 的参数，组件不做处理,但是变化会引起",paraId:18,tocIndex:3},{value:"request",paraId:18,tocIndex:3},{value:" 重新请求数据",paraId:18,tocIndex:3},{value:"dependencies",paraId:18,tocIndex:3},{value:"string | number | (string | number)[]",paraId:18,tocIndex:3},{value:"所依赖的 values 变化后，触发 renderFormItem，fieldProps，formItemProps 重新执行，并把 values 注入到 params 里 ",paraId:18,tocIndex:3},{value:"示例",paraId:19,tocIndex:3},{value:"hideInDescriptions",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 descriptions 中隐藏",paraId:18,tocIndex:3},{value:"hideInForm",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Form 中隐藏",paraId:18,tocIndex:3},{value:"hideInTable",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Table 中隐藏",paraId:18,tocIndex:3},{value:"hideInSearch",paraId:18,tocIndex:3},{value:"boolean",paraId:18,tocIndex:3},{value:"在 Table 的查询表格中隐藏",paraId:18,tocIndex:3},{value:"columns",paraId:18,tocIndex:3},{value:"ProFormColumnsType[] | (values) => ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"嵌套子项，valueType 为 dependency 时，请使用",paraId:18,tocIndex:3},{value:"(values) => ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"其他情况使用 ",paraId:18,tocIndex:3},{value:"ProFormColumnsType[]",paraId:18,tocIndex:3},{value:"colProps",paraId:18,tocIndex:3},{value:"ColProps",paraId:18,tocIndex:3},{value:"在开启 grid 模式时传递给 Col",paraId:18,tocIndex:3},{value:"rowProps",paraId:18,tocIndex:3},{value:"RowProps",paraId:18,tocIndex:3},{value:"开启栅格化模式时传递给 Row",paraId:18,tocIndex:3}]},58451:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"StepsForm 通过 Provider 来管理子表单的数据，每个子表单都是完整的数据，在 StepsForm 组合成最后的数据。同时自带了一个进度条，和管理进度条的相关 API.",paraId:0,tocIndex:0},{value:"StepsForm 继承了 Form.Provider ，相关文档可以看",paraId:1,tocIndex:0},{value:"这里",paraId:1,tocIndex:0},{value:",转化 moment 的值是 ProForm 提供的功能，所以 ",paraId:1,tocIndex:0},{value:"onFormFinish",paraId:1,tocIndex:0},{value:" 和 ",paraId:1,tocIndex:0},{value:"onFormChange",paraId:1,tocIndex:0},{value:" 其中的值都是未经转化的。",paraId:1,tocIndex:0},{value:"参数",paraId:2,tocIndex:13},{value:"说明",paraId:2,tocIndex:13},{value:"类型",paraId:2,tocIndex:13},{value:"默认值",paraId:2,tocIndex:13},{value:"current",paraId:2,tocIndex:13},{value:"当前表单的步骤数，从 ",paraId:2,tocIndex:13},{value:"0",paraId:2,tocIndex:13},{value:" 开始",paraId:2,tocIndex:13},{value:"number",paraId:2,tocIndex:13},{value:"0",paraId:2,tocIndex:13},{value:"onCurrentChange",paraId:2,tocIndex:13},{value:"current 发生改变的事件",paraId:2,tocIndex:13},{value:"(current:number)=>void",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"onFinish",paraId:2,tocIndex:13},{value:"表单最后一步提交成功触发，如果返回",paraId:2,tocIndex:13},{value:"true",paraId:2,tocIndex:13},{value:"就会自动重置表单(包括",paraId:2,tocIndex:13},{value:"StepForm",paraId:2,tocIndex:13},{value:"变回第一步)",paraId:2,tocIndex:13},{value:"(values:T)=>void | boolean",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsProps",paraId:2,tocIndex:13},{value:"StepsForm 自带的 Steps 的 props，使用方式与 ",paraId:2,tocIndex:13},{value:"antd",paraId:2,tocIndex:13},{value:" 相同，但是去掉了 current 和 onChange",paraId:2,tocIndex:13},{value:"props",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepFormRender",paraId:2,tocIndex:13},{value:"自定义当前展示的表单，返回 dom 在表单内部",paraId:2,tocIndex:13},{value:"(form) => ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsFormRender",paraId:2,tocIndex:13},{value:"自定义整个表单区域，返回的 dom 在表单的外部",paraId:2,tocIndex:13},{value:"(form,submitter) => ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"stepsRender",paraId:2,tocIndex:13},{value:"自定义步骤器",paraId:2,tocIndex:13},{value:"(steps,dom)=>ReactNode",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"formRef",paraId:2,tocIndex:13},{value:"StepForm action 的引用，便于自定义触发",paraId:2,tocIndex:13},{value:"MutableRefObject<FormInstance>",paraId:2,tocIndex:13},{value:"-",paraId:2,tocIndex:13},{value:"与 ",paraId:3,tocIndex:14},{value:"ProForm",paraId:4,tocIndex:14},{value:" 完全相同，只是 onFinish 支持了 Promise，如果返回 ",paraId:3,tocIndex:14},{value:"false",paraId:3,tocIndex:14},{value:", 就不会跳转下一步。",paraId:3,tocIndex:14},{value:"| onFinish | 表单提交成功触发 | ",paraId:5,tocIndex:14},{value:"(values:T)=>Promise<false>",paraId:5,tocIndex:14},{value:" | - |",paraId:5,tocIndex:14}]},76241:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"PageContainer 是为了减少繁杂的面包屑配置和标题，很多页面都需要面包屑和标题的配置。当然也可以关掉自动生成的，而使用自己的配置。",paraId:0,tocIndex:0},{value:"PageContainer 封装了 antd 的 PageHeader 组件，增加了 tabList 和 content。 根据当前的路由填入 title 和 breadcrumb。它依赖 Layout 的 route 属性。当然你可以传入参数来复写默认值。 PageContainer 支持 Tabs 和 PageHeader 的所有属性。",paraId:1,tocIndex:0},{value:"为了方便进行表单等操作我们增加了一个 footer 属性，可以获得一个一直悬浮在底部的操作栏。如果觉得不方便也可以直接使用 FooterToolbar 来承载操作，两者表现基本相同，但是 FooterToolbar 拥有更多自定义的配置。",paraId:2,tocIndex:0},{value:'<PageContainer\n  content="欢迎使用 ProLayout 组件"\n  tabList={[\n    {\n      tab: \'基本信息\',\n      key: \'base\',\n    },\n    {\n      tab: \'详细信息\',\n      key: \'info\',\n    },\n  ]}\n  extra={[\n    <Button key="3">操作</Button>,\n    <Button key="2">操作</Button>,\n    <Button key="1" type="primary">\n      主操作\n    </Button>,\n  ]}\n  footer={[\n    <Button key="rest">重置</Button>,\n    <Button key="submit" type="primary">\n      提交\n    </Button>,\n  ]}\n>\n  {children}\n</PageContainer>\n',paraId:3,tocIndex:0},{value:"PageContainer 封装了 ant design 的 PageHeader 组件，增加了 tabList 和 content。 根据当前的路由填入 title 和 breadcrumb。它依赖 Layout 的 route 属性。当然你可以传入参数来复写默认值。 PageContainer 支持 ",paraId:4,tocIndex:10},{value:"Tabs",paraId:4,tocIndex:10},{value:" 和 ",paraId:4,tocIndex:10},{value:"PageHeader",paraId:4,tocIndex:10},{value:" 的所有属性。",paraId:4,tocIndex:10},{value:"参数",paraId:5,tocIndex:10},{value:"说明",paraId:5,tocIndex:10},{value:"类型",paraId:5,tocIndex:10},{value:"默认值",paraId:5,tocIndex:10},{value:"content",paraId:5,tocIndex:10},{value:"内容区",paraId:5,tocIndex:10},{value:"ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"extraContent",paraId:5,tocIndex:10},{value:"额外内容区，位于 content 的右侧",paraId:5,tocIndex:10},{value:"ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabList",paraId:5,tocIndex:10},{value:"tab 标题列表",paraId:5,tocIndex:10},{value:"{key: string, tab: ReactNode}[]",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabActiveKey",paraId:5,tocIndex:10},{value:"当前高亮的 tab 项",paraId:5,tocIndex:10},{value:"string",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"onTabChange",paraId:5,tocIndex:10},{value:"切换面板的回调",paraId:5,tocIndex:10},{value:"(key) => void",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabBarExtraContent",paraId:5,tocIndex:10},{value:"tab bar 上额外的元素",paraId:5,tocIndex:10},{value:"React.ReactNode",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"header",paraId:5,tocIndex:10},{value:"PageHeader",paraId:5,tocIndex:10},{value:" 的所有属性",paraId:5,tocIndex:10},{value:"PageHeaderProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"ghost",paraId:5,tocIndex:10},{value:"配置头部区域的背景颜色为透明",paraId:5,tocIndex:10},{value:"boolean",paraId:5,tocIndex:10},{value:"false",paraId:5,tocIndex:10},{value:"fixedHeader",paraId:5,tocIndex:10},{value:"固定 pageHeader 的内容到顶部，如果页面内容较少，最好不要使用，会有严重的遮挡问题",paraId:5,tocIndex:10},{value:"boolean",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"affixProps",paraId:5,tocIndex:10},{value:"固钉的配置，与 antd 完全相同",paraId:5,tocIndex:10},{value:"AffixProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"footer",paraId:5,tocIndex:10},{value:"悬浮在底部的操作栏，传入一个数组，会自动加空格",paraId:5,tocIndex:10},{value:"ReactNode[]",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"waterMarkProps",paraId:5,tocIndex:10},{value:"配置水印，Layout 会透传给 PageContainer，但是以 PageContainer 的配置优先",paraId:5,tocIndex:10},{value:"WaterMarkProps",paraId:6,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"tabProps",paraId:5,tocIndex:10},{value:"Tabs 的相关属性，只有卡片样式的页签支持新增和关闭选项。使用 ",paraId:5,tocIndex:10},{value:"closable={false}",paraId:5,tocIndex:10},{value:" 禁止关闭",paraId:5,tocIndex:10},{value:"TabsProps",paraId:5,tocIndex:10},{value:"-",paraId:5,tocIndex:10},{value:"fixedHeader 使用了 antd 的 Affix 实现，默认监听 body，如果你的滚动条不在 body 上需要人肉",paraId:7,tocIndex:10},{value:"设置",paraId:7,tocIndex:10},{value:"一下。",paraId:7,tocIndex:10},{value:"参数",paraId:8,tocIndex:11},{value:"说明",paraId:8,tocIndex:11},{value:"类型",paraId:8,tocIndex:11},{value:"默认值",paraId:8,tocIndex:11},{value:"extra",paraId:8,tocIndex:11},{value:"额外内容区，位于 content 的右侧",paraId:8,tocIndex:11},{value:"ReactNode",paraId:8,tocIndex:11},{value:"-",paraId:8,tocIndex:11},{value:"children",paraId:8,tocIndex:11},{value:"内容区域",paraId:8,tocIndex:11},{value:"ReactNode",paraId:8,tocIndex:11},{value:"|",paraId:8,tocIndex:11},{value:"ReactNode[]",paraId:8,tocIndex:11},{value:"-",paraId:8,tocIndex:11},{value:"FooterToolbar api 比较简单，主要功能是实现了在 layout 中自动控制浮动，使其不会挡住菜单。如果你没有使用 ProLayout 需要通过 style 来自定义宽度和浮动。",paraId:9,tocIndex:11},{value:"<FooterToolbar\n  style={{\n    left: 208,\n    width: `calc(100% - 208px)`,\n  }}\n>\n  <Button>提交</Button>\n</FooterToolbar>\n",paraId:10,tocIndex:11},{value:"配置与面包屑相同，只是增加了自动根据路由计算面包屑的功能。此功能必须要在 ProLayout 中使用。",paraId:11,tocIndex:12},{value:"import { ProBreadcrumb, ProLayout } from '@szc-ft/szcd';\n\nreturn (props) => (\n  <ProLayout\n    {...props}\n    // 将面包屑显示在顶部\n    headerContentRender={() => {\n      return <ProBreadcrumb />;\n    }}\n  />\n);\n",paraId:12,tocIndex:12}]},66016:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"页头位于页容器中，页容器顶部，起到了内容概览和引导页级操作的作用。包括由面包屑、标题、页面内容简介、页面级操作等、页面级导航组成。",paraId:0},{value:"当需要使用户快速理解当前页是什么以及方便用户使用页面功能时使用，通常也可被用作页面间导航。",paraId:1,tocIndex:0},{value:"参数",paraId:2,tocIndex:1},{value:"说明",paraId:2,tocIndex:1},{value:"类型",paraId:2,tocIndex:1},{value:"默认值",paraId:2,tocIndex:1},{value:"版本",paraId:2,tocIndex:1},{value:"avatar",paraId:2,tocIndex:1},{value:"标题栏旁的头像",paraId:2,tocIndex:1},{value:"AvatarProps",paraId:3,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"backIcon",paraId:2,tocIndex:1},{value:"自定义 back icon ，如果为 false 不渲染 back icon",paraId:2,tocIndex:1},{value:"ReactNode | boolean",paraId:2,tocIndex:1},{value:"<ArrowLeft />",paraId:2,tocIndex:1},{value:"breadcrumb",paraId:2,tocIndex:1},{value:"面包屑的配置",paraId:2,tocIndex:1},{value:"Breadcrumb",paraId:4,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"breadcrumbRender",paraId:2,tocIndex:1},{value:"自定义面包屑区域的内容",paraId:2,tocIndex:1},{value:"(props, originBreadcrumb) => ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"4.11.0",paraId:2,tocIndex:1},{value:"extra",paraId:2,tocIndex:1},{value:"操作区，位于 title 行的行尾",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"footer",paraId:2,tocIndex:1},{value:"PageHeader 的页脚，一般用于渲染 TabBar",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"ghost",paraId:2,tocIndex:1},{value:"pageHeader 的类型，将会改变背景颜色",paraId:2,tocIndex:1},{value:"boolean",paraId:2,tocIndex:1},{value:"true",paraId:2,tocIndex:1},{value:"subTitle",paraId:2,tocIndex:1},{value:"自定义的二级标题文字",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"tags",paraId:2,tocIndex:1},{value:"title 旁的 tag 列表",paraId:2,tocIndex:1},{value:"Tag",paraId:5,tocIndex:1},{value:"[] | ",paraId:2,tocIndex:1},{value:"Tag",paraId:6,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"title",paraId:2,tocIndex:1},{value:"自定义标题文字",paraId:2,tocIndex:1},{value:"ReactNode",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1},{value:"onBack",paraId:2,tocIndex:1},{value:"返回按钮的点击事件",paraId:2,tocIndex:1},{value:"() => void",paraId:2,tocIndex:1},{value:"-",paraId:2,tocIndex:1}]},52820:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"给页面的某个区域加上水印。",paraId:0,tocIndex:0},{value:"页面需要添加水印标识版权时使用。",paraId:1,tocIndex:1},{value:"水印组件默认实现为前置水印，即设想水印会显示在内容的上方，zIndex 默认设置为 9，如果你不希望水印遮挡上层内容，可以调整该值到小于上层内容的 zIndex。",paraId:2,tocIndex:3},{value:"通过 ",paraId:3,tocIndex:4},{value:"content",paraId:3,tocIndex:4},{value:" 指定文字水印内容。",paraId:3,tocIndex:4},{value:"通过 ",paraId:4,tocIndex:5},{value:"content",paraId:4,tocIndex:5},{value:"设置 字符串数组 指定多行文字水印内容。",paraId:4,tocIndex:5},{value:"通过 ",paraId:5,tocIndex:6},{value:"image",paraId:5,tocIndex:6},{value:" 指定图片地址。为保证图片高清且不被拉伸，请传入水印图片的宽高 width 和 height, 并上传至少两倍的宽高的 logo 图片地址。",paraId:5,tocIndex:6},{value:"这里给出一些通用配置项。如需进一步配置请联系我们。",paraId:6,tocIndex:7},{value:"参数",paraId:7,tocIndex:9},{value:"说明",paraId:7,tocIndex:9},{value:"类型",paraId:7,tocIndex:9},{value:"默认值",paraId:7,tocIndex:9},{value:"版本",paraId:7,tocIndex:9},{value:"width",paraId:7,tocIndex:9},{value:"水印的宽度",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"120",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"height",paraId:7,tocIndex:9},{value:"水印的高度",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"64",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"rotate",paraId:7,tocIndex:9},{value:"水印绘制时，旋转的角度，单位 °",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"-22",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"image",paraId:7,tocIndex:9},{value:"图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:"-",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"zIndex",paraId:7,tocIndex:9},{value:"追加的水印元素的 z-index",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"9",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"content",paraId:7,tocIndex:9},{value:"水印文字内容",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"string[]",paraId:7,tocIndex:9},{value:"-",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"fontColor",paraId:7,tocIndex:9},{value:"水印文字颜色",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:"rgba(0,0,0,.15)",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"fontSize",paraId:7,tocIndex:9},{value:"文字大小",paraId:7,tocIndex:9},{value:"string",paraId:7,tocIndex:9},{value:" | ",paraId:7,tocIndex:9},{value:"number",paraId:7,tocIndex:9},{value:"16",paraId:7,tocIndex:9},{value:"2.2.0",paraId:7,tocIndex:9},{value:"参数",paraId:8,tocIndex:10},{value:"说明",paraId:8,tocIndex:10},{value:"类型",paraId:8,tocIndex:10},{value:"默认值",paraId:8,tocIndex:10},{value:"版本",paraId:8,tocIndex:10},{value:"markStyle",paraId:8,tocIndex:10},{value:"水印层的样式",paraId:8,tocIndex:10},{value:"React.CSSProperties",paraId:8,tocIndex:10},{value:"-",paraId:8,tocIndex:10},{value:"2.3.0",paraId:8,tocIndex:10},{value:"markClassName",paraId:8,tocIndex:10},{value:"水印层的类名",paraId:8,tocIndex:10},{value:"string",paraId:8,tocIndex:10},{value:"-",paraId:8,tocIndex:10},{value:"2.3.0",paraId:8,tocIndex:10},{value:"gapX",paraId:8,tocIndex:10},{value:"水印之间的水平间距",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"212",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"gapY",paraId:8,tocIndex:10},{value:"水印之间的垂直间距",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"222",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"offsetLeft",paraId:8,tocIndex:10},{value:"水印在 canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 ",paraId:8,tocIndex:10},{value:"offsetLeft = gapX / 2",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"offsetLeft = gapX / 2",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10},{value:"offsetTop",paraId:8,tocIndex:10},{value:"水印在 canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 ",paraId:8,tocIndex:10},{value:"offsetTop = gapY / 2",paraId:8,tocIndex:10},{value:"number",paraId:8,tocIndex:10},{value:"offsetTop = gapY / 2",paraId:8,tocIndex:10},{value:"2.4.0",paraId:8,tocIndex:10}]},97821:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"基于 ProTable 实现，可以认为是 ProTable 的一个特例，在完成一个标准的列表时即可使用。",paraId:0,tocIndex:1},{value:"ProList 与 antd 的 ",paraId:1,tocIndex:16},{value:"List",paraId:1,tocIndex:16},{value:" 相比，API 设计上更像 Table，使得可以通过配置化的方式快速定义数据项的展现形式。也使得 Table 和 List 的切换变得更加容易。",paraId:1,tocIndex:16},{value:"另外 ProList 基于 ProTable 实现，除了 Table 相关的 API 以外 ProList 支持大部分 ProTable 的 API",paraId:1,tocIndex:16},{value:"。",paraId:1,tocIndex:16},{value:"参数",paraId:2,tocIndex:16},{value:"说明",paraId:2,tocIndex:16},{value:"类型",paraId:2,tocIndex:16},{value:"默认值",paraId:2,tocIndex:16},{value:"dataSource",paraId:2,tocIndex:16},{value:"与 antd 相同的",paraId:2,tocIndex:16},{value:"配置",paraId:2,tocIndex:16},{value:"any[]",paraId:2,tocIndex:16},{value:"false",paraId:2,tocIndex:16},{value:"actionRef",paraId:2,tocIndex:16},{value:"Table action 的引用，便于自定义触发",paraId:2,tocIndex:16},{value:"MutableRefObject<ActionType>",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"metas",paraId:2,tocIndex:16},{value:"列表项配置，类似 Table 中的 columns",paraId:2,tocIndex:16},{value:"Metas",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"rowKey",paraId:2,tocIndex:16},{value:"行的 key，一般是行 id",paraId:2,tocIndex:16},{value:"string",paraId:2,tocIndex:16},{value:" | ",paraId:2,tocIndex:16},{value:"(row,index)=>string",paraId:2,tocIndex:16},{value:"'id'",paraId:2,tocIndex:16},{value:"headerTitle",paraId:2,tocIndex:16},{value:"列表头部主标题",paraId:2,tocIndex:16},{value:"React.ReactNode",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"loading",paraId:2,tocIndex:16},{value:"是否加载中",paraId:2,tocIndex:16},{value:"boolean",paraId:2,tocIndex:16},{value:" | ",paraId:2,tocIndex:16},{value:"(item: any) => boolean",paraId:2,tocIndex:16},{value:"false",paraId:2,tocIndex:16},{value:"split",paraId:2,tocIndex:16},{value:"是否有分割线",paraId:2,tocIndex:16},{value:"boolean",paraId:2,tocIndex:16},{value:"false",paraId:2,tocIndex:16},{value:"rowSelection",paraId:2,tocIndex:16},{value:"与 antd 相同的",paraId:2,tocIndex:16},{value:"配置",paraId:2,tocIndex:16},{value:"object",paraId:2,tocIndex:16},{value:" |",paraId:2,tocIndex:16},{value:"boolean",paraId:2,tocIndex:16},{value:"false",paraId:2,tocIndex:16},{value:"expandable",paraId:2,tocIndex:16},{value:"与 antd 相同的",paraId:2,tocIndex:16},{value:"配置",paraId:2,tocIndex:16},{value:"object",paraId:2,tocIndex:16},{value:" | ",paraId:2,tocIndex:16},{value:"false",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"showActions",paraId:2,tocIndex:16},{value:"何时展示 actions，CardList 模式下不生效",paraId:2,tocIndex:16},{value:"'hover'",paraId:2,tocIndex:16},{value:" | ",paraId:2,tocIndex:16},{value:"'always'",paraId:2,tocIndex:16},{value:"'always'",paraId:2,tocIndex:16},{value:"showExtra",paraId:2,tocIndex:16},{value:"何时展示 extra",paraId:2,tocIndex:16},{value:"'hover'",paraId:2,tocIndex:16},{value:" | ",paraId:2,tocIndex:16},{value:"'always'",paraId:2,tocIndex:16},{value:"'always'",paraId:2,tocIndex:16},{value:"onRow",paraId:2,tocIndex:16},{value:"与 antd 相同的",paraId:2,tocIndex:16},{value:"配置",paraId:2,tocIndex:16},{value:"，用户传入",paraId:2,tocIndex:16},{value:"grid",paraId:2,tocIndex:16},{value:"属性时，列表将会以卡片模式进行渲染，此事件将不会触发，请使用",paraId:2,tocIndex:16},{value:"onItem",paraId:2,tocIndex:16},{value:"function(record, index)",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"onItem",paraId:2,tocIndex:16},{value:"与 antd 相同的",paraId:2,tocIndex:16},{value:"配置",paraId:2,tocIndex:16},{value:"，在所有类型点击某个项目都会触发该事件。",paraId:2,tocIndex:16},{value:"function(record, index)",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"rowClassName",paraId:2,tocIndex:16},{value:"自定义列表行的类名",paraId:2,tocIndex:16},{value:"string",paraId:2,tocIndex:16},{value:"| ",paraId:2,tocIndex:16},{value:"(row, index) => string",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"itemHeaderRender",paraId:2,tocIndex:16},{value:"自定义每一列的 header，与 itemRender 不同的时，它会保留多选和展开收起",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"itemCardProps",paraId:2,tocIndex:16},{value:"自定义卡片列表的 proCard props，只在卡片列表下生效",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"-",paraId:2,tocIndex:16},{value:"与 ProTable 相同的",paraId:3,tocIndex:17},{value:"配置",paraId:3,tocIndex:17},{value:"。",paraId:3,tocIndex:17},{value:"参数",paraId:4,tocIndex:18},{value:"说明",paraId:4,tocIndex:18},{value:"类型",paraId:4,tocIndex:18},{value:"默认值",paraId:4,tocIndex:18},{value:"dataIndex",paraId:4,tocIndex:18},{value:"数据在数据项中对应的路径，支持通过数组查询嵌套路径",paraId:4,tocIndex:18},{value:"string",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"string[]",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"valueType",paraId:4,tocIndex:18},{value:"值的类型，和 ProTable 一致",paraId:4,tocIndex:18},{value:"'text'",paraId:4,tocIndex:18},{value:" | ",paraId:4,tocIndex:18},{value:"'date'",paraId:4,tocIndex:18},{value:" ...",paraId:4,tocIndex:18},{value:"'text'",paraId:4,tocIndex:18},{value:"render",paraId:4,tocIndex:18},{value:"自定义渲染函数",paraId:4,tocIndex:18},{value:"(text: React.ReactNode,record: T,index: number) => React.ReactNode | React.ReactNode[]",paraId:4,tocIndex:18},{value:"-",paraId:4,tocIndex:18},{value:"对应 dataSource 的字段类型为 ",paraId:5,tocIndex:19},{value:"'new'",paraId:5,tocIndex:19},{value:" | ",paraId:5,tocIndex:19},{value:"'top'",paraId:5,tocIndex:19},{value:" | ",paraId:5,tocIndex:19},{value:"'inline'",paraId:5,tocIndex:19},{value:"。",paraId:5,tocIndex:19},{value:"参数",paraId:6,tocIndex:19},{value:"说明",paraId:6,tocIndex:19},{value:"类型",paraId:6,tocIndex:19},{value:"默认值",paraId:6,tocIndex:19},{value:"dataIndex",paraId:6,tocIndex:19},{value:"-",paraId:6,tocIndex:19},{value:"-",paraId:6,tocIndex:19},{value:"'type'",paraId:6,tocIndex:19},{value:"参数",paraId:7,tocIndex:20},{value:"说明",paraId:7,tocIndex:20},{value:"类型",paraId:7,tocIndex:20},{value:"默认值",paraId:7,tocIndex:20},{value:"dataIndex",paraId:7,tocIndex:20},{value:"-",paraId:7,tocIndex:20},{value:"-",paraId:7,tocIndex:20},{value:"'title'",paraId:7,tocIndex:20},{value:"参数",paraId:8,tocIndex:21},{value:"说明",paraId:8,tocIndex:21},{value:"类型",paraId:8,tocIndex:21},{value:"默认值",paraId:8,tocIndex:21},{value:"dataIndex",paraId:8,tocIndex:21},{value:"-",paraId:8,tocIndex:21},{value:"-",paraId:8,tocIndex:21},{value:"'subTitle'",paraId:8,tocIndex:21},{value:"参数",paraId:9,tocIndex:22},{value:"说明",paraId:9,tocIndex:22},{value:"类型",paraId:9,tocIndex:22},{value:"默认值",paraId:9,tocIndex:22},{value:"dataIndex",paraId:9,tocIndex:22},{value:"-",paraId:9,tocIndex:22},{value:"-",paraId:9,tocIndex:22},{value:"'description'",paraId:9,tocIndex:22},{value:"参数",paraId:10,tocIndex:23},{value:"说明",paraId:10,tocIndex:23},{value:"类型",paraId:10,tocIndex:23},{value:"默认值",paraId:10,tocIndex:23},{value:"dataIndex",paraId:10,tocIndex:23},{value:"-",paraId:10,tocIndex:23},{value:"-",paraId:10,tocIndex:23},{value:"'avatar'",paraId:10,tocIndex:23},{value:"参数",paraId:11,tocIndex:24},{value:"说明",paraId:11,tocIndex:24},{value:"类型",paraId:11,tocIndex:24},{value:"默认值",paraId:11,tocIndex:24},{value:"dataIndex",paraId:11,tocIndex:24},{value:"-",paraId:11,tocIndex:24},{value:"-",paraId:11,tocIndex:24},{value:"'actions'",paraId:11,tocIndex:24},{value:"cardActionProps",paraId:11,tocIndex:24},{value:"设置卡片列表把 action 渲染到哪里｜",paraId:11,tocIndex:24},{value:"extra",paraId:11,tocIndex:24},{value:"｜",paraId:11,tocIndex:24},{value:"'actions' | 'extra'",paraId:11,tocIndex:24},{value:"参数",paraId:12,tocIndex:25},{value:"说明",paraId:12,tocIndex:25},{value:"类型",paraId:12,tocIndex:25},{value:"默认值",paraId:12,tocIndex:25},{value:"dataIndex",paraId:12,tocIndex:25},{value:"-",paraId:12,tocIndex:25},{value:"-",paraId:12,tocIndex:25},{value:"'content'",paraId:12,tocIndex:25},{value:"参数",paraId:13,tocIndex:26},{value:"说明",paraId:13,tocIndex:26},{value:"类型",paraId:13,tocIndex:26},{value:"默认值",paraId:13,tocIndex:26},{value:"dataIndex",paraId:13,tocIndex:26},{value:"-",paraId:13,tocIndex:26},{value:"-",paraId:13,tocIndex:26},{value:"'extra'",paraId:13,tocIndex:26}]},13168:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"该组件为内部组件，请勿直接使用。",paraId:0,tocIndex:0},{value:"页面级别的骨架屏，不支持自定义",paraId:1,tocIndex:0},{value:"import Skeleton from '@ant-design/pro-skeleton';\n\nreturn <Skeleton type=\"list\" />;\n",paraId:2,tocIndex:1},{value:"参数",paraId:3,tocIndex:7},{value:"说明",paraId:3,tocIndex:7},{value:"类型",paraId:3,tocIndex:7},{value:"默认值",paraId:3,tocIndex:7},{value:"type",paraId:3,tocIndex:7},{value:"不同类型的骨架屏",paraId:3,tocIndex:7},{value:"'list' | 'result' | 'descriptions'",paraId:3,tocIndex:7},{value:"list",paraId:3,tocIndex:7},{value:"active",paraId:3,tocIndex:7},{value:"是否显示动态",paraId:3,tocIndex:7},{value:"boolean",paraId:3,tocIndex:7},{value:"true",paraId:3,tocIndex:7},{value:"pageHeader",paraId:3,tocIndex:7},{value:"是否显示 pageHeader 的骨架屏 descriptions 和 list 有效",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"statistic",paraId:3,tocIndex:7},{value:"统计信息骨架屏的数量",paraId:3,tocIndex:7},{value:"number",paraId:3,tocIndex:7},{value:" | ",paraId:3,tocIndex:7},{value:"false",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"list",paraId:3,tocIndex:7},{value:"列表的骨架屏，可以控制数量",paraId:3,tocIndex:7},{value:"number",paraId:3,tocIndex:7},{value:" | ",paraId:3,tocIndex:7},{value:"false",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"toolbar",paraId:3,tocIndex:7},{value:"列表的操作栏骨架屏",paraId:3,tocIndex:7},{value:"boolean",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"renderFormItem",paraId:3,tocIndex:7},{value:"自定义 ",paraId:3,tocIndex:7},{value:"mode=update 或 edit",paraId:3,tocIndex:7},{value:" 下的 dom 表现，一般用于渲染编辑框",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"render",paraId:3,tocIndex:7},{value:"自定义 ",paraId:3,tocIndex:7},{value:"mode=read",paraId:3,tocIndex:7},{value:" 下的 dom 表现，只是单纯的表现形式",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7},{value:"-",paraId:3,tocIndex:7}]},99263:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"DragSortTable",paraId:0,tocIndex:0},{value:"排序采用的",paraId:0,tocIndex:0},{value:"dnd-kit",paraId:0,tocIndex:0},{value:"，需要提供",paraId:0,tocIndex:0},{value:"rowKey",paraId:0,tocIndex:0},{value:"来确定数据的唯一值，否则不能正常工作。",paraId:0,tocIndex:0},{value:"属性",paraId:1,tocIndex:6},{value:"描述",paraId:1,tocIndex:6},{value:"类型",paraId:1,tocIndex:6},{value:"默认值",paraId:1,tocIndex:6},{value:"dragSortKey",paraId:1,tocIndex:6},{value:"如配置此参数，则会在该 key 对应的行显示拖拽排序把手，允许拖拽排序",paraId:1,tocIndex:6},{value:"string",paraId:1,tocIndex:6},{value:"-",paraId:1,tocIndex:6},{value:"dragSortHandlerRender",paraId:1,tocIndex:6},{value:"渲染自定义拖动排序把手的函数 如配置了 dragSortKey 但未配置此参数，则使用默认把手图标",paraId:1,tocIndex:6},{value:"(rowData: T, idx: number) => React.ReactNode",paraId:1,tocIndex:6},{value:"<MenuOutlined className=\"dragSortDefaultHandle\" style={{ cursor: 'grab', color: '#999' }} />",paraId:1,tocIndex:6},{value:"onDragSortEnd",paraId:1,tocIndex:6},{value:"拖动排序完成回调",paraId:1,tocIndex:6},{value:"(newDataSource: T[]) => Promise<void> | void",paraId:1,tocIndex:6},{value:"-",paraId:1,tocIndex:6}]},50413:function(n,e,t){"use strict";t.r(e),t.d(e,{texts:function(){return a}});const a=[{value:"可编辑表格 EditableProTable 与 ProTable 的功能基本相同，为了方便使用 EditableProTable 增加了一些预设，关掉了查询表单和操作栏，同时修改了 value 和 onChange 使其可以方便的继承到 antd 的 Form 中。",paraId:0,tocIndex:0},{value:"属性",paraId:1,tocIndex:14},{value:"描述",paraId:1,tocIndex:14},{value:"类型",paraId:1,tocIndex:14},{value:"默认值",paraId:1,tocIndex:14},{value:"value",paraId:1,tocIndex:14},{value:"同 dataSource，传入一个数组,是 table 渲染的元数据",paraId:1,tocIndex:14},{value:"T[]",paraId:1,tocIndex:14},{value:"undefined",paraId:1,tocIndex:14},{value:"onChange",paraId:1,tocIndex:14},{value:"dataSource 修改时触发，删除和修改都会触发,如果设置了 value，Table 会成为一个受控组件。",paraId:1,tocIndex:14},{value:"(value:T[])=>void",paraId:1,tocIndex:14},{value:"undefined",paraId:1,tocIndex:14},{value:"recordCreatorProps",paraId:1,tocIndex:14},{value:"新建一行数据的相关配置",paraId:1,tocIndex:14},{value:"RecordCreatorProps",paraId:2,tocIndex:14},{value:" & ",paraId:1,tocIndex:14},{value:"ButtonProps",paraId:1,tocIndex:14},{value:"-",paraId:1,tocIndex:14},{value:"maxLength",paraId:1,tocIndex:14},{value:"最大的行数，到达最大行数新建按钮会自动消失",paraId:1,tocIndex:14},{value:"number",paraId:1,tocIndex:14},{value:"-",paraId:1,tocIndex:14},{value:"editable",paraId:1,tocIndex:14},{value:"可编辑表格的相关配置",paraId:1,tocIndex:14},{value:"TableRowEditable",paraId:3,tocIndex:14},{value:"-",paraId:1,tocIndex:14},{value:"controlled",paraId:1,tocIndex:14},{value:"是否受控, 如果受控每次编辑都会触发 onChange，并且会修改 dataSource",paraId:1,tocIndex:14},{value:"boolean",paraId:1,tocIndex:14},{value:"false",paraId:1,tocIndex:14},{value:"editableFormRef",paraId:1,tocIndex:14},{value:"table 所有的 form，带了一些表格特有的操作",paraId:1,tocIndex:14},{value:"React.Ref<EditableFormInstance<T>>",paraId:1,tocIndex:14},{value:"undefined",paraId:1,tocIndex:14},{value:"别的 API 与 ProTable 相同。",paraId:4,tocIndex:14},{value:"新增一行的时候要保证 ",paraId:5,tocIndex:15},{value:"recordCreatorProps.record",paraId:5,tocIndex:15},{value:" key 唯一，不然会导致编辑出错。",paraId:5,tocIndex:15},{value:"<EditableTable\n  rowKey=\"id\"\n  recordCreatorProps={{\n    position: position as 'top',\n    // 每次新增的时候需要Key\n    record: () => ({ id: getNewId() }),\n  }}\n/>\n",paraId:6,tocIndex:15},{value:"相比于 ProForm 的表单，可编辑表格增加了以下的三个方法。",paraId:7,tocIndex:16},{value:'  /**\n   * 获取一行数据的\n   * @param rowIndex\n   * @returns T | undefined\n   *\n   * @example getRowData(1)  可以传入第几行的数据\n   * @example getRowData("id")  也可以传入 rowKey，根据你列的唯一key 来获得。\n   */\n  getRowData?: (rowIndex: string | number) => T | undefined;\n  /**\n   * 获取整个 table 的数据\n   * @returns T[] | undefined\n   */\n  getRowsData?: () => T[] | undefined;\n  /**\n   * 设置一行的数据，会将数据进行简单的 merge\n   *\n   * {title:"old", decs:"old",id:"old"} -> set {title:"new"} -> {title:"new", decs:"old",id:"old"}\n   *\n   * @description 只会做最第一层对象的 merge 哦。\n   * {title:"old", decs:{name:"old",key:"old"},id:"old"} -> set {decs:{name:"new"}} -> {title:"old", decs:{name:"new"},id:"old"} -> set {decs:{name:"old"}}\n   *\n   * @param rowIndex\n   * @param data\n   * @returns void\n   *\n   * 根据行号设置\n   * @example setRowData(1, { title:"new" })  可以传入修改第几行\n   *\n   * 根据行 id 设置\n   * @example setRowData("id", { title:"new" })  也可以传入 rowKey，根据你列的唯一 key 来设置。\n   *\n   * 清空原有数据\n   * @example setRowData(1, { title:undefined })\n   *\n   */\n  setRowData?: (rowIndex: string | number, data: Partial<T>) => void;\n',paraId:8,tocIndex:16},{value:"属性",paraId:9,tocIndex:17},{value:"描述",paraId:9,tocIndex:17},{value:"类型",paraId:9,tocIndex:17},{value:"默认值",paraId:9,tocIndex:17},{value:"type",paraId:9,tocIndex:17},{value:"可编辑表格的类型，单行编辑或者多行编辑",paraId:9,tocIndex:17},{value:"single",paraId:9,tocIndex:17},{value:" | ",paraId:9,tocIndex:17},{value:"multiple",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"form",paraId:9,tocIndex:17},{value:"可编辑表格的 form 实例，使用 ",paraId:9,tocIndex:17},{value:"Form.useForm",paraId:9,tocIndex:17},{value:" 生成后使用",paraId:9,tocIndex:17},{value:"FormInstance",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"formProps",paraId:9,tocIndex:17},{value:"可以配置 form 的属性，但是不支持 onFinish",paraId:9,tocIndex:17},{value:"FormProps",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"editableKeys",paraId:9,tocIndex:17},{value:"正在编辑的行，受控属性。 默认 ",paraId:9,tocIndex:17},{value:"key",paraId:9,tocIndex:17},{value:" 会使用 ",paraId:9,tocIndex:17},{value:"rowKey",paraId:9,tocIndex:17},{value:" 的配置，如果没有配置会使用 ",paraId:9,tocIndex:17},{value:"index",paraId:9,tocIndex:17},{value:"，建议使用 rowKey",paraId:9,tocIndex:17},{value:"Key[]",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"onChange",paraId:9,tocIndex:17},{value:"行数据被修改的时候触发",paraId:9,tocIndex:17},{value:"(editableKeys: Key[], editableRows: T[]) => void",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"onSave",paraId:9,tocIndex:17},{value:"保存一行的时候触发",paraId:9,tocIndex:17},{value:"(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"saveText",paraId:9,tocIndex:17},{value:"保存一行的文字",paraId:9,tocIndex:17},{value:"React.ReactNode",paraId:9,tocIndex:17},{value:"保存",paraId:9,tocIndex:17},{value:"onDelete",paraId:9,tocIndex:17},{value:"删除一行的时候触发",paraId:9,tocIndex:17},{value:"(key: Key, row: T) => Promise<any>",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"deleteText",paraId:9,tocIndex:17},{value:"删除一行的文字",paraId:9,tocIndex:17},{value:"React.ReactNode",paraId:9,tocIndex:17},{value:"删除",paraId:9,tocIndex:17},{value:"onCancel",paraId:9,tocIndex:17},{value:"取消编辑一行时触发",paraId:9,tocIndex:17},{value:"(key: Key, row: T,originRow:T,newLine?:newLineConfig) => Promise<any>",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"cancelText",paraId:9,tocIndex:17},{value:"取消编辑一行的文字",paraId:9,tocIndex:17},{value:"React.ReactNode",paraId:9,tocIndex:17},{value:"取消",paraId:9,tocIndex:17},{value:"actionRender",paraId:9,tocIndex:17},{value:"自定义编辑模式的操作栏",paraId:9,tocIndex:17},{value:"(row: T, config: ActionRenderConfig<T>) => ReactNode[]",paraId:9,tocIndex:17},{value:"-",paraId:9,tocIndex:17},{value:"deletePopconfirmMessage",paraId:9,tocIndex:17},{value:"删除时弹出的确认框提示消息",paraId:9,tocIndex:17},{value:"ReactNode",paraId:9,tocIndex:17},{value:"删除此行？",paraId:9,tocIndex:17},{value:"onlyOneLineEditorAlertMessage",paraId:9,tocIndex:17},{value:"只能编辑一行的的提示",paraId:9,tocIndex:17},{value:"ReactNode",paraId:9,tocIndex:17},{value:"只能同时编辑一行",paraId:9,tocIndex:17},{value:"onlyAddOneLineAlertMessage",paraId:9,tocIndex:17},{value:"只能同时新增一行的提示",paraId:9,tocIndex:17},{value:"ReactNode",paraId:9,tocIndex:17},{value:"只能新增一行",paraId:9,tocIndex:17},{value:"为了使用，我们预设了一个新建的功能，大多数情况下已经可以满足大部分新建的需求，但是很多时候需求总是千奇百怪。我们也准备了 ",paraId:10,tocIndex:18},{value:"recordCreatorProps",paraId:10,tocIndex:18},{value:" 来控制生成按钮。与 Pro 系列组件的 API 相同，",paraId:10,tocIndex:18},{value:"recordCreatorProps={false}",paraId:10,tocIndex:18},{value:"就可以关掉按钮，同时使用 ",paraId:10,tocIndex:18},{value:"actionRef.current?.addEditRecord(row)",paraId:10,tocIndex:18},{value:"  来控制新建行。",paraId:10,tocIndex:18},{value:"recordCreatorProps",paraId:11,tocIndex:18},{value:" 也支持自定义一些样式，",paraId:11,tocIndex:18},{value:"position='top'|'bottom'",paraId:11,tocIndex:18},{value:" 可以配置增加在表格头还是表格尾部。",paraId:11,tocIndex:18},{value:"record",paraId:11,tocIndex:18},{value:" 可以配置新增行的默认数据。以下是一个列举",paraId:11,tocIndex:18},{value:"recordCreatorProps = {\n  // 要增加到哪个节点下，一般用于多重嵌套表格\n  parentKey: React.key,\n  // 顶部添加还是末尾添加\n  position: 'bottom',\n  // 新增一行的方式，默认是缓存，取消后就会消失\n  // 如果设置为 dataSource 会触发 onchange，取消后也不会消失，只能删除\n  newRecordType: 'dataSource',\n  // 不写 key ，会使用 index 当行 id\n  record: {},\n  // 设置按钮文案\n  creatorButtonText: '新增一行',\n  // 按钮的样式设置，可以设置按钮是否显示\n  // 这样可以做最大行限制和最小行限制之类的功能\n  style: {\n    display: 'none',\n  },\n  // https://ant.design/components/button-cn/#API\n  ...antButtonProps,\n};\n",paraId:12,tocIndex:18},{value:"虽然我们很希望默认的 valueType 可以满足所有的需求，但是现实往往不尽如人意。所以我们也提供了 ",paraId:13,tocIndex:19},{value:"renderFormItem",paraId:13,tocIndex:19},{value:" 来自定义编辑输入组件。",paraId:13,tocIndex:19},{value:"renderFormItem",paraId:14,tocIndex:19},{value:" 可以理解为在 Form.Item 下面加入一个元素， 伪代码实现是下面这样的：",paraId:14,tocIndex:19},{value:"const dom = renderFormItem();\n\n<Form.Item>{dom}</Form.Item>;\n",paraId:15,tocIndex:19},{value:"所以与 Form.Item 相同，我们认为 ",paraId:16,tocIndex:19},{value:"renderFormItem",paraId:16,tocIndex:19},{value:" 返回的组件都是拥有的 ",paraId:16,tocIndex:19},{value:"value",paraId:16,tocIndex:19},{value:" 和 ",paraId:16,tocIndex:19},{value:"onChange",paraId:16,tocIndex:19},{value:" 的，我们接下来将看到用 ",paraId:16,tocIndex:19},{value:"renderFormItem",paraId:16,tocIndex:19},{value:" 将一个简单的 TagList 组件放入可编辑表格中。",paraId:16,tocIndex:19},{value:"没有 ",paraId:17,tocIndex:19},{value:"value",paraId:17,tocIndex:19},{value:" 将会无法注入值，没有 ",paraId:17,tocIndex:19},{value:"onChange",paraId:17,tocIndex:19},{value:" 会无法修改行数据",paraId:17,tocIndex:19},{value:"首先我们定义一个 TagList 组件。",paraId:18,tocIndex:19},{value:"const TagList: React.FC<{\n  value?: {\n    key: string;\n    label: string;\n  }[];\n  onChange?: (\n    value: {\n      key: string;\n      label: string;\n    }[],\n  ) => void;\n}> = ({ value, onChange }) => {\n  const ref = useRef<Input | null>(null);\n  const [newTags, setNewTags] = useState<\n    {\n      key: string;\n      label: string;\n    }[]\n  >([]);\n  const [inputValue, setInputValue] = useState<string>('');\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n  };\n\n  const handleInputConfirm = () => {\n    let tempsTags = [...(value || [])];\n    if (\n      inputValue &&\n      tempsTags.filter((tag) => tag.label === inputValue).length === 0\n    ) {\n      tempsTags = [\n        ...tempsTags,\n        { key: `new-${tempsTags.length}`, label: inputValue },\n      ];\n    }\n    onChange?.(tempsTags);\n    setNewTags([]);\n    setInputValue('');\n  };\n\n  return (\n    <Space>\n      {(value || []).concat(newTags).map((item) => (\n        <Tag key={item.key}>{item.label}</Tag>\n      ))}\n      <Input\n        ref={ref}\n        type=\"text\"\n        size=\"small\"\n        style={{ width: 78 }}\n        value={inputValue}\n        onChange={handleInputChange}\n        onBlur={handleInputConfirm}\n        onPressEnter={handleInputConfirm}\n      />\n    </Space>\n  );\n};\n",paraId:19,tocIndex:19},{value:"在列中我们可以这样配置它。",paraId:20,tocIndex:19},{value:" {\n    title: '标签',\n    dataIndex: 'labels',\n    width: '40%',\n    renderFormItem: () => <TagList />,\n    render: (_, row) => row?.labels?.map((item) => <Tag key={item.key}>{item.label}</Tag>),\n  },\n",paraId:21,tocIndex:19},{value:"转化成的编辑表格效果如下 ：",paraId:22,tocIndex:19},{value:"value 和 onChange 会自动注入，我们不需要显式的注入。数据绑定也是由编辑表格自己注入的，我们在 ",paraId:23,tocIndex:19},{value:"onSave",paraId:23,tocIndex:19},{value:" 中可以拿到处理完成的数据。虽然我们可以行内的写很复杂的逻辑甚至网路请求，但是我们推荐使用拆分组件，这样不仅性能更好，逻辑也可以拆分的很简单。",paraId:23,tocIndex:19},{value:"renderFormItem",paraId:24,tocIndex:19},{value:" 同时也用来生成查询表单，如果我们需要区分这两种情况，可以使用 ",paraId:24,tocIndex:19},{value:"renderFormItem: (_, { isEditable }) => (isEditable ? <TagList /> : <Input /> )",paraId:24,tocIndex:19},{value:" 这样的方式来进行分别渲染。",paraId:24,tocIndex:19},{value:"可编辑表格默认提供了三大金刚， 保存，删除 和 取消，如果我们要实现复制一行，或者需求只需要的 保存和取消，不需要删除按钮就需要自定义了。可编辑表格提供了 API 来进行自定义，以下会直接展示代码:",paraId:25,tocIndex:20},{value:'render: (text, record, _, action) => [\n  <a\n    key="editable"\n    onClick={() => {\n      action?.startEditable?.(record.id);\n    }}\n  >\n    编辑\n  </a>,\n  <EditableProTable.RecordCreator\n    record={{\n      ...record,\n      id: (Math.random() * 1000000).toFixed(0),\n    }}\n  >\n    <a>复制此行到末尾</a>\n  </EditableProTable.RecordCreator>,\n];\n',paraId:26,tocIndex:21},{value:"const editable = {\n  // defaultDom = {save,cancel,delete} 可以酌情添加和使用\n  actionRender: (row, config, defaultDom) => [\n    defaultDom.save,\n    defaultDom.cancel,\n  ],\n};\n",paraId:27,tocIndex:22}]},55965:function(n,e){"use strict";e.Z="import { UserOutlined } from '@szc-ft/szcd';\nimport { CheckCard } from '@szc-ft/szcd';\nimport { Avatar } from '@szc-ft/szcd';\n\nexport default () => (\n  <CheckCard\n    title=\"示例标题\"\n    avatar={\n      <Avatar\n        style={{ backgroundColor: '#7265e6' }}\n        icon={<UserOutlined />}\n        size=\"large\"\n      />\n    }\n  />\n);\n"},97910:function(n,e){"use strict";e.Z="/** Title: 基本使用 */\n\nimport { CheckCard } from '@szc-ft/szcd';\n\nexport default () => (\n  <CheckCard\n    avatar=\"https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg\"\n    title=\"示例一\"\n    description=\"选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。\"\n    onChange={(checked) => {\n      console.log('checked', checked);\n    }}\n    defaultChecked\n    onClick={() => {\n      console.log('clicked');\n    }}\n  />\n);\n"},72923:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <>\n    <h3>只有图片时</h3>\n    <CheckCard avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg" />\n\n    <h3>只有图片和描述时</h3>\n    <CheckCard\n      avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"\n    />\n    <h3>只有标题和描述时</h3>\n    <CheckCard\n      title="示例"\n      description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"\n    />\n    <h3>只有标题和图片</h3>\n    <CheckCard\n      title="示例"\n      avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n    />\n    <h3>只有标题</h3>\n    <CheckCard title="示例" />\n    <h3>只有描述时</h3>\n    <CheckCard description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。" />\n  </>\n);\n'},92994:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <CheckCard\n    title="Card title"\n    description="This is the description"\n    style={{ width: 200, height: 200 }}\n  />\n);\n'},37330:function(n,e){"use strict";e.Z="import { CheckCard } from '@szc-ft/szcd';\n\nexport default () => (\n  <CheckCard\n    avatar=\"https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg\"\n    title=\"示例二\"\n    defaultChecked\n    onChange={(checked) => {\n      console.log('checked', checked);\n    }}\n  />\n);\n"},26455:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\nimport { Typography } from \'@szc-ft/szcd\';\n\nconst { Paragraph } = Typography;\n\nexport default () => (\n  <>\n    <CheckCard\n      avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      title="默认描述区域不会进行折行"\n      description={\n        <span>\n          选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。\n          <a\n            href=""\n            onClick={(e) => {\n              e.stopPropagation();\n            }}\n          >\n            查看详情\n          </a>\n        </span>\n      }\n    />\n    <CheckCard\n      avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      title="你可以通过排版组件进行省略"\n      description={\n        <Paragraph ellipsis={{ rows: 2 }}>\n          选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。\n        </Paragraph>\n      }\n    />\n  </>\n);\n'},86342:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <>\n    <div>\n      <h3>部分不可用</h3>\n      <CheckCard\n        title="Card title"\n        description="This is the description"\n        avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      />\n      <CheckCard\n        title="Card title"\n        description="This is the description"\n        disabled\n        avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      />\n      <CheckCard\n        title="Card title"\n        description="This is the description"\n        disabled\n        defaultChecked\n        avatar="https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg"\n      />\n    </div>\n    <div>\n      <h3>整体不可用</h3>\n      <CheckCard.Group disabled defaultValue="A">\n        <CheckCard title="Card A" description="选项一" value="A" />\n        <CheckCard title="Card B" description="选项二" value="B" />\n      </CheckCard.Group>\n    </div>\n  </>\n);\n'},11282:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport { CheckCard } from '@szc-ft/szcd';\nimport { Dropdown, message } from '@szc-ft/szcd';\n\nexport default () => (\n  <CheckCard\n    avatar=\"https://gw.alipayobjects.com/zos/bmw-prod/f601048d-61c2-44d0-bf57-ca1afe7fd92e.svg\"\n    title=\"示例一\"\n    description=\"选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。\"\n    extra={\n      <Dropdown\n        placement=\"topCenter\"\n        menu={{\n          onClick: ({ domEvent }) => {\n            domEvent.stopPropagation();\n            message.info('menu click');\n          },\n          items: [\n            {\n              label: '菜单',\n              key: '1',\n            },\n            {\n              label: '列表',\n              key: '2',\n            },\n            {\n              label: '表单',\n              key: '3',\n            },\n          ],\n        }}\n      >\n        <EllipsisOutlined\n          style={{ fontSize: 22, color: 'rgba(0,0,0,0.5)' }}\n          onClick={(e) => e.stopPropagation()}\n        />\n      </Dropdown>\n    }\n  />\n);\n"},2382:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\nimport { Avatar, Button, Form } from \'@szc-ft/szcd\';\n\nexport default () => {\n  const [form] = Form.useForm();\n  const handleSubmit = async (values: any) => {\n    console.log(\'values\', values);\n  };\n\n  return (\n    <div>\n      <Form form={form} onFinish={handleSubmit} layout="vertical">\n        <Form.Item name="checkbox-group" label="技术栈">\n          <CheckCard.Group style={{ width: \'100%\' }}>\n            <CheckCard\n              title="Spring Boot"\n              avatar={\n                <Avatar\n                  src="https://gw.alipayobjects.com/zos/bmw-prod/2dd637c7-5f50-4d89-a819-33b3d6da73b6.svg"\n                  size="large"\n                />\n              }\n              description="通过业界流行的技术栈来快速构建 Java 后端应用"\n              value="SpringBoot"\n            />\n            <CheckCard\n              title="SOFA Boot"\n              avatar={\n                <Avatar\n                  src="https://gw.alipayobjects.com/zos/bmw-prod/6935b98e-96f6-464f-9d4f-215b917c6548.svg"\n                  size="large"\n                />\n              }\n              description="使用 SOFAStack 中间件来快速构建分布式后端应用"\n              value="SOFABoot"\n            />\n            <CheckCard\n              title="Node JS"\n              avatar={\n                <Avatar\n                  src="https://gw.alipayobjects.com/zos/bmw-prod/d12c3392-61fa-489e-a82c-71de0f888a8e.svg"\n                  size="large"\n                />\n              }\n              description="使用前后端统一的语言方案快速构建后端应用"\n              value="NodeJS"\n            />\n          </CheckCard.Group>\n        </Form.Item>\n        <Form.Item>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n        </Form.Item>\n      </Form>\n    </div>\n  );\n};\n'},50452:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\nimport { Col, Row } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <CheckCard.Group style={{ width: \'100%\' }} size="small">\n    <Row>\n      <Col span={8}>\n        <CheckCard\n          title="Card A"\n          description="This is the description"\n          value="A"\n        />\n      </Col>\n      <Col span={8}>\n        <CheckCard\n          title="Card B"\n          description="This is the description"\n          value="B"\n        />\n      </Col>\n      <Col span={8}>\n        <CheckCard\n          title="Card C"\n          description="This is the description"\n          value="C"\n        />\n      </Col>\n    </Row>\n  </CheckCard.Group>\n);\n'},50712:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <div style={{ padding: 24, backgroundColor: \'#f7f8fa\' }}>\n    <CheckCard.Group\n      size="small"\n      options={[\'🍎 Apple\', \'🍐 Pear\', \'🍊 Orange\']}\n    />\n    <br />\n    <CheckCard.Group\n      size="small"\n      loading\n      options={[\'🍎 Apple\', \'🍐 Pear\', \'🍊 Orange\']}\n    />{\' \'}\n    <br />\n    <CheckCard.Group defaultValue="A">\n      <CheckCard title="🍊 Orange" value="🍊 Orange" />\n      <CheckCard title="🍐 Pear" value="🍐 Pear" />\n      <CheckCard title="🍎 Apple" value="🍎 Apple" />\n    </CheckCard.Group>\n    <br />\n    <CheckCard.Group defaultValue="A" loading>\n      <CheckCard title="🍊 Orange" value="🍊 Orange" />\n      <CheckCard title="🍐 Pear" value="🍐 Pear" />\n      <CheckCard title="🍎 Apple" value="🍎 Apple" />\n    </CheckCard.Group>\n  </div>\n);\n'},67821:function(n,e){"use strict";e.Z="import { CheckCard } from '@szc-ft/szcd';\n\nexport default () => (\n  <>\n    <CheckCard\n      cover={\n        <img\n          alt=\"example\"\n          height={240}\n          src=\"https://gw.alipayobjects.com/mdn/rms_66ee3f/afts/img/A*FyH5TY53zSwAAAAAAAAAAABkARQnAQ\"\n        />\n      }\n    />\n    <CheckCard\n      cover={\n        'https://gw.alipayobjects.com/mdn/rms_66ee3f/afts/img/A*FyH5TY53zSwAAAAAAAAAAABkARQnAQ'\n      }\n    />\n  </>\n);\n"},58365:function(n,e){"use strict";e.Z="import { CheckCard } from '@szc-ft/szcd';\nimport { Avatar } from '@szc-ft/szcd';\n\nconst dataSource = [\n  {\n    title: '图像分类',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'A',\n  },\n  {\n    title: '物体检测',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'B',\n  },\n  {\n    title: 'OCR自定义',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'C',\n  },\n  {\n    title: 'OCR',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'D',\n  },\n  {\n    title: '视频分类',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'E',\n  },\n  {\n    title: '关键点检测',\n    avatar: (\n      <Avatar\n        size={32}\n        shape=\"square\"\n        src=\"https://gw.alipayobjects.com/zos/bmw-prod/ae0adacf-9456-4ed3-b1ab-51e4417d8d0c.svg\"\n      />\n    ),\n    description: '这是一段关于该算法的说明',\n    value: 'F',\n  },\n];\n\nexport default () => (\n  <div style={{ padding: 24, backgroundColor: '#f7f8fa' }}>\n    <CheckCard.Group options={dataSource} />\n  </div>\n);\n"},74891:function(n,e){"use strict";e.Z="import { CheckCard } from '@szc-ft/szcd';\n\nexport default () => <CheckCard loading />;\n"},8688:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <CheckCard.Group\n    multiple\n    onChange={(value) => {\n      console.log(\'value\', value);\n    }}\n    defaultValue={[\'A\']}\n  >\n    <CheckCard\n      title="Card A"\n      description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念"\n      value="A"\n    />\n    <CheckCard\n      title="Card B"\n      description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念"\n      value="B"\n    />\n  </CheckCard.Group>\n);\n'},24309:function(n,e){"use strict";e.Z='import { CheckCard } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <CheckCard.Group\n    onChange={(value) => {\n      console.log(\'value\', value);\n    }}\n    defaultValue="A"\n  >\n    <CheckCard title="Card A" description="选项一" value="A" />\n    <CheckCard title="Card B" description="选项二" value="B" />\n    <CheckCard\n      title="Card C"\n      disabled\n      description="选项三，这是一个不可选项"\n      value="C"\n    />\n  </CheckCard.Group>\n);\n'},87423:function(n,e){"use strict";e.Z="import { CheckCard } from '@szc-ft/szcd';\nimport { Radio } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nexport default () => {\n  const [size, setSize] = useState('default' as 'default');\n  return (\n    <>\n      <div style={{ marginBlockEnd: 16 }}>\n        <Radio.Group value={size} onChange={(e) => setSize(e.target.value)}>\n          <Radio.Button value=\"large\">Large</Radio.Button>\n          <Radio.Button value=\"default\">Default</Radio.Button>\n          <Radio.Button value=\"small\">Small</Radio.Button>\n        </Radio.Group>\n      </div>\n      <CheckCard\n        title=\"Card title\"\n        description=\"This is the description\"\n        size={size}\n      />\n    </>\n  );\n};\n"},69097:function(n,e){"use strict";e.Z="import { AppstoreOutlined } from '@szc-ft/szcd';\nimport { CheckCard } from '@szc-ft/szcd';\nimport { Tag } from '@szc-ft/szcd';\n\nexport default () => (\n  <>\n    <CheckCard\n      title={\n        <div style={{ display: 'flex', alignItems: 'center' }}>\n          <AppstoreOutlined />\n          <span style={{ marginInlineEnd: 8, marginInlineStart: 8 }}>示例</span>\n          <Tag color=\"blue\">blue</Tag>\n        </div>\n      }\n      description=\"选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念\"\n    />\n    <CheckCard\n      title=\"标题内容过长会自动进行省略，标题内容过长会自动进行省略\"\n      description=\"选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念\"\n    />\n  </>\n);\n"},23750:function(n,e){"use strict";e.Z='import { EllipsisOutlined, RightOutlined } from \'@szc-ft/szcd\';\nimport { StatisticCard } from \'@szc-ft/szcd\';\nimport { Space, theme } from \'@szc-ft/szcd\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  const { token } = theme.useToken();\n  return (\n    <StatisticCard\n      title={\n        <Space>\n          <span>部门一</span>\n          <RightOutlined style={{ color: token.colorTextHeading }} />\n        </Space>\n      }\n      extra={<EllipsisOutlined />}\n      statistic={{\n        value: 1102893,\n        prefix: \'¥\',\n        description: (\n          <Space>\n            <Statistic title="实际完成度" value="82.3%" />\n            <Statistic title="当前目标" value="¥6000" />\n          </Space>\n        ),\n      }}\n      chart={\n        <>\n          <img\n            src="/BA_R9SIAV/charts.svg"\n            alt="chart"\n            width="100%"\n          />\n        </>\n      }\n      style={{ width: 268 }}\n    />\n  );\n};\n'},63521:function(n,e){"use strict";e.Z='import { EllipsisOutlined } from \'@szc-ft/szcd\';\nimport { StatisticCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <StatisticCard\n      title="大盘趋势"\n      tip="大盘说明"\n      style={{ maxWidth: 480 }}\n      extra={<EllipsisOutlined />}\n      chart={\n        <img\n          src="/a-LN9RTYq/zhuzhuangtu.svg"\n          alt="柱状图"\n          width="100%"\n        />\n      }\n    />\n  );\n};\n'},23972:function(n,e){"use strict";e.Z="import { StatisticCard } from '@szc-ft/szcd';\n\nconst { Operation } = StatisticCard;\n\nexport default () => {\n  return (\n    <StatisticCard.Group>\n      <StatisticCard\n        statistic={{\n          title: '服务网格数',\n          value: 500,\n        }}\n      />\n      <Operation>=</Operation>\n      <StatisticCard\n        statistic={{\n          title: '未发布',\n          value: 234,\n        }}\n      />\n      <Operation>+</Operation>\n      <StatisticCard\n        statistic={{\n          title: '发布中',\n          value: 112,\n        }}\n      />\n      <Operation>+</Operation>\n      <StatisticCard\n        statistic={{\n          title: '已发布',\n          value: 255,\n        }}\n      />\n    </StatisticCard.Group>\n  );\n};\n"},65500:function(n,e){"use strict";e.Z="import { StatisticCard } from '@szc-ft/szcd';\nimport RcResizeObserver from 'rc-resize-observer';\nimport { useState } from 'react';\n\nconst { Divider } = StatisticCard;\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key=\"resize-observer\"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <StatisticCard.Group direction={responsive ? 'column' : 'row'}>\n        <StatisticCard\n          statistic={{\n            title: '冻结金额',\n            value: 20190102,\n            precision: 2,\n            suffix: '元',\n          }}\n          chart={\n            <img\n              src=\"/RLeBTRNWv/bianzu%25252043x.png\"\n              alt=\"直方图\"\n              width=\"100%\"\n            />\n          }\n        />\n        <Divider type={responsive ? 'horizontal' : 'vertical'} />\n        <StatisticCard\n          statistic={{\n            title: '设计资源数',\n            value: 234,\n          }}\n          chart={\n            <img\n              src=\"/RLeBTRNWv/bianzu%25252043x.png\"\n              alt=\"直方图\"\n              width=\"100%\"\n            />\n          }\n        />\n        <Divider type={responsive ? 'horizontal' : 'vertical'} />\n        <StatisticCard\n          statistic={{\n            title: '信息完成度',\n            value: 5,\n            suffix: '/ 100',\n          }}\n          chart={\n            <img\n              src=\"/RLeBTRNWv/bianzu%25252043x.png\"\n              alt=\"直方图\"\n              width=\"100%\"\n            />\n          }\n        />\n      </StatisticCard.Group>\n    </RcResizeObserver>\n  );\n};\n"},70343:function(n,e){"use strict";e.Z='import { StatisticCard } from \'@szc-ft/szcd\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  return (\n    <StatisticCard\n      chartPlacement="left"\n      statistic={{\n        title: \'冻结金额\',\n        value: 112893,\n        precision: 2,\n        suffix: \'元\',\n        description: (\n          <>\n            <Statistic title="周同比" value="6.47%" trend="up" />\n            <Statistic title="月同比" value="6.47%" trend="down" />\n          </>\n        ),\n      }}\n      style={{ maxWidth: 584 }}\n      chart={\n        <img\n          src="/snEBTn9ax/zhexiantuchang.svg"\n          alt="折线图"\n          width="100%"\n        />\n      }\n    />\n  );\n};\n'},57957:function(n,e){"use strict";e.Z='import { StatisticCard } from \'@szc-ft/szcd\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  return (\n    <StatisticCard\n      chartPlacement="right"\n      statistic={{\n        title: \'冻结金额\',\n        value: 112893,\n        precision: 2,\n        suffix: \'元\',\n        description: (\n          <>\n            <Statistic title="周同比" value="6.47%" trend="up" />\n            <Statistic title="月同比" value="6.47%" trend="down" />\n          </>\n        ),\n      }}\n      style={{ width: 584 }}\n      chart={\n        <img\n          src="/snEBTn9ax/zhexiantuchang.svg"\n          alt="折线图"\n          width="100%"\n        />\n      }\n    />\n  );\n};\n'},62768:function(n,e){"use strict";e.Z="import { StatisticCard } from '@szc-ft/szcd';\nimport RcResizeObserver from 'rc-resize-observer';\nimport { useState } from 'react';\n\nconst imgStyle = {\n  display: 'block',\n  width: 42,\n  height: 42,\n};\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key=\"resize-observer\"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <StatisticCard.Group direction={responsive ? 'column' : 'row'}>\n        <StatisticCard\n          statistic={{\n            title: '支付金额',\n            value: 2176,\n            icon: (\n              <img\n                style={imgStyle}\n                src=\"https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*dr_0RKvVzVwAAAAAAAAAAABkARQnAQ\"\n                alt=\"icon\"\n              />\n            ),\n          }}\n        />\n        <StatisticCard\n          statistic={{\n            title: '访客数',\n            value: 475,\n            icon: (\n              <img\n                style={imgStyle}\n                src=\"https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*-jVKQJgA1UgAAAAAAAAAAABkARQnAQ\"\n                alt=\"icon\"\n              />\n            ),\n          }}\n        />\n        <StatisticCard\n          statistic={{\n            title: '成功订单数',\n            value: 87,\n            icon: (\n              <img\n                style={imgStyle}\n                src=\"https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*FPlYQoTNlBEAAAAAAAAAAABkARQnAQ\"\n                alt=\"icon\"\n              />\n            ),\n          }}\n        />\n        <StatisticCard\n          statistic={{\n            title: '浏览量',\n            value: 1754,\n            icon: (\n              <img\n                style={imgStyle}\n                src=\"https://gw.alipayobjects.com/mdn/rms_7bc6d8/afts/img/A*pUkAQpefcx8AAAAAAAAAAABkARQnAQ\"\n                alt=\"icon\"\n              />\n            ),\n          }}\n        />\n      </StatisticCard.Group>\n    </RcResizeObserver>\n  );\n};\n"},42907:function(n,e){"use strict";e.Z='import { ProCard, StatisticCard } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard\n        title="数据概览"\n        extra="2019年9月28日 星期五"\n        split={responsive ? \'horizontal\' : \'vertical\'}\n        headerBordered\n        bordered\n      >\n        <ProCard split="horizontal">\n          <ProCard split="horizontal">\n            <ProCard split="vertical">\n              <StatisticCard\n                statistic={{\n                  title: \'昨日全部流量\',\n                  value: 234,\n                  description: (\n                    <Statistic\n                      title="较本月平均流量"\n                      value="8.04%"\n                      trend="down"\n                    />\n                  ),\n                }}\n              />\n              <StatisticCard\n                statistic={{\n                  title: \'本月累计流量\',\n                  value: 234,\n                  description: (\n                    <Statistic title="月同比" value="8.04%" trend="up" />\n                  ),\n                }}\n              />\n            </ProCard>\n            <ProCard split="vertical">\n              <StatisticCard\n                statistic={{\n                  title: \'运行中实验\',\n                  value: \'12/56\',\n                  suffix: \'个\',\n                }}\n              />\n              <StatisticCard\n                statistic={{\n                  title: \'历史实验总数\',\n                  value: \'134\',\n                  suffix: \'个\',\n                }}\n              />\n            </ProCard>\n          </ProCard>\n          <StatisticCard\n            title="流量走势"\n            chart={\n              <img\n                src="/_dZIob2NB/zhuzhuangtu.svg"\n                width="100%"\n              />\n            }\n          />\n        </ProCard>\n        <StatisticCard\n          title="流量占用情况"\n          chart={\n            <img\n              src="/qoYmFMxWY/jieping2021-03-29%252520xiawu4.32.34.png"\n              alt="大盘"\n              width="100%"\n            />\n          }\n        />\n      </ProCard>\n    </RcResizeObserver>\n  );\n};\n'},55739:function(n,e){"use strict";e.Z="import { StatisticCard } from '@szc-ft/szcd';\n\nconst { Divider } = StatisticCard;\n\nexport default () => {\n  return (\n    <StatisticCard.Group>\n      <StatisticCard\n        statistic={{\n          title: '全部',\n          tip: '帮助文字',\n          value: 10,\n        }}\n      />\n      <Divider />\n      <StatisticCard\n        statistic={{\n          title: '未发布',\n          value: 5,\n          status: 'default',\n        }}\n      />\n      <StatisticCard\n        statistic={{\n          title: '发布中',\n          value: 3,\n          status: 'processing',\n        }}\n      />\n      <StatisticCard\n        statistic={{\n          title: '发布异常',\n          value: 2,\n          status: 'error',\n        }}\n      />\n      <StatisticCard\n        statistic={{\n          title: '发布成功',\n          value: '-',\n          status: 'success',\n        }}\n      />\n    </StatisticCard.Group>\n  );\n};\n"},11965:function(n,e){"use strict";e.Z="import type { StatisticProps } from '@szc-ft/szcd';\nimport { ProCard, StatisticCard } from '@szc-ft/szcd';\n\nconst { Statistic } = StatisticCard;\n\nconst items = [\n  { key: '1', title: '全部', value: 10, total: true },\n  { key: '2', status: 'default', title: '未发布', value: 5 },\n  { key: '3', status: 'processing', title: '发布中', value: 3 },\n  { key: '4', status: 'error', title: '发布异常', value: 1 },\n  { key: '5', status: 'success', title: '发布成功', value: 1 },\n];\n\nexport default () => {\n  return (\n    <ProCard\n      tabs={{\n        onChange: (key) => {\n          console.log('key', key);\n        },\n        items: items.map((item) => {\n          return {\n            key: item.key,\n            style: { width: '100%' },\n            label: (\n              <Statistic\n                layout=\"vertical\"\n                title={item.title}\n                value={item.value}\n                status={item.status as StatisticProps['status']}\n                style={{\n                  width: 120,\n                  borderInlineEnd: item.total ? '1px solid #f0f0f0' : undefined,\n                }}\n              />\n            ),\n            children: (\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  backgroundColor: '#fafafa',\n                  height: 100,\n                }}\n              >\n                关联展示内容 {item.title}\n              </div>\n            ),\n          };\n        }),\n      }}\n    />\n  );\n};\n"},28232:function(n,e){"use strict";e.Z='import { ProCard, StatisticCard } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard split={responsive ? \'horizontal\' : \'vertical\'}>\n        <StatisticCard\n          colSpan={responsive ? 24 : 6}\n          title="财年业绩目标"\n          statistic={{\n            value: 82.6,\n            suffix: \'亿\',\n            description: <Statistic title="日同比" value="6.47%" trend="up" />,\n          }}\n          chart={\n            <img\n              src="/PmKfn4qvD/mubiaowancheng-lan.svg"\n              alt="进度条"\n              width="100%"\n            />\n          }\n          footer={\n            <>\n              <Statistic\n                value="70.98%"\n                title="财年业绩完成率"\n                layout="horizontal"\n              />\n              <Statistic\n                value="86.98%"\n                title="去年同期业绩完成率"\n                layout="horizontal"\n              />\n              <Statistic\n                value="88.98%"\n                title="前年同期业绩完成率"\n                layout="horizontal"\n              />\n            </>\n          }\n        />\n        <StatisticCard.Group\n          colSpan={responsive ? 24 : 18}\n          direction={responsive ? \'column\' : undefined}\n        >\n          <StatisticCard\n            statistic={{\n              title: \'财年总收入\',\n              value: 601987768,\n              description: (\n                <Statistic title="日同比" value="6.15%" trend="up" />\n              ),\n            }}\n            chart={\n              <img\n                src="/zevpN7Nv_/xiaozhexiantu.svg"\n                alt="折线图"\n                width="100%"\n              />\n            }\n          >\n            <Statistic\n              title="大盘总收入"\n              value={1982312}\n              layout="vertical"\n              description={\n                <Statistic title="日同比" value="6.15%" trend="down" />\n              }\n            />\n          </StatisticCard>\n          <StatisticCard\n            statistic={{\n              title: \'当日排名\',\n              value: 6,\n              description: (\n                <Statistic title="日同比" value="3.85%" trend="down" />\n              ),\n            }}\n            chart={\n              <img\n                src="/zevpN7Nv_/xiaozhexiantu.svg"\n                alt="折线图"\n                width="100%"\n              />\n            }\n          >\n            <Statistic\n              title="近7日收入"\n              value={17458}\n              layout="vertical"\n              description={\n                <Statistic title="日同比" value="6.47%" trend="up" />\n              }\n            />\n          </StatisticCard>\n          <StatisticCard\n            statistic={{\n              title: \'财年业绩收入排名\',\n              value: 2,\n              description: (\n                <Statistic title="日同比" value="6.47%" trend="up" />\n              ),\n            }}\n            chart={\n              <img\n                src="/zevpN7Nv_/xiaozhexiantu.svg"\n                alt="折线图"\n                width="100%"\n              />\n            }\n          >\n            <Statistic\n              title="月付费个数"\n              value={601}\n              layout="vertical"\n              description={\n                <Statistic title="日同比" value="6.47%" trend="down" />\n              }\n            />\n          </StatisticCard>\n        </StatisticCard.Group>\n      </ProCard>\n    </RcResizeObserver>\n  );\n};\n'},60040:function(n,e){"use strict";e.Z='import { StatisticCard } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nconst { Statistic, Divider } = StatisticCard;\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <StatisticCard.Group direction={responsive ? \'column\' : \'row\'}>\n        <StatisticCard\n          statistic={{\n            title: \'总流量(人次)\',\n            value: 601986875,\n          }}\n        />\n        <Divider type={responsive ? \'horizontal\' : \'vertical\'} />\n        <StatisticCard\n          statistic={{\n            title: \'付费流量\',\n            value: 3701928,\n            description: <Statistic title="占比" value="61.5%" />,\n          }}\n          chart={\n            <img\n              src="/ShNDpDTik/huan.svg"\n              alt="百分比"\n              width="100%"\n            />\n          }\n          chartPlacement="left"\n        />\n        <StatisticCard\n          statistic={{\n            title: \'免费流量\',\n            value: 1806062,\n            description: <Statistic title="占比" value="38.5%" />,\n          }}\n          chart={\n            <img\n              src="/6YR18tCxJ/huanlv.svg"\n              alt="百分比"\n              width="100%"\n            />\n          }\n          chartPlacement="left"\n        />\n      </StatisticCard.Group>\n    </RcResizeObserver>\n  );\n};\n'},27753:function(n,e){"use strict";e.Z='import { StatisticCard } from \'@szc-ft/szcd\';\n\nconst { Statistic } = StatisticCard;\n\nexport default () => {\n  return (\n    <>\n      <StatisticCard style={{ width: 160 }}>\n        <Statistic title="日环比" value="7.60%" trend="up" />\n        <Statistic title="周环比" value="7.60%" trend="down" />\n        <Statistic title="周环比" value="0.00%" />\n      </StatisticCard>\n    </>\n  );\n};\n'},89517:function(n,e){"use strict";e.Z='import {\n  EditOutlined,\n  EllipsisOutlined,\n  SettingOutlined,\n} from \'@szc-ft/szcd\';\nimport { ProCard } from \'@szc-ft/szcd\';\nimport { Space } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <Space>\n      <ProCard\n        title="Actions 操作项"\n        style={{ maxWidth: 300 }}\n        bordered\n        actions={[\n          <SettingOutlined key="setting" />,\n          <EditOutlined key="edit" />,\n          <EllipsisOutlined key="ellipsis" />,\n        ]}\n      >\n        <div>Card content</div>\n        <div>Card content</div>\n        <div>Card content</div>\n      </ProCard>\n\n      <ProCard\n        title="单独的 Actions 操作项"\n        style={{ maxWidth: 300 }}\n        bordered\n        actions={\n          <div\n            style={{\n              display: \'flex\',\n              alignItems: \'center\',\n              justifyContent: \'center\',\n              padding: 12,\n              flex: 1,\n              gap: 8,\n            }}\n          >\n            <SettingOutlined key="setting" />\n            设置\n          </div>\n        }\n      >\n        <div>Card content</div>\n        <div>Card content</div>\n        <div>Card content</div>\n      </ProCard>\n\n      <ProCard bordered title="无 Actions 操作项" style={{ maxWidth: 300 }}>\n        <div>Card content</div>\n        <div>Card content</div>\n        <div>Card content</div>\n      </ProCard>\n    </Space>\n  );\n};\n'},41438:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProFormGroup,\n  ProFormSwitch,\n} from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard\n        title="默认尺寸"\n        bordered\n        extra={\n          <ProFormGroup>\n            <ProFormSwitch\n              name="Enable"\n              noStyle\n              checkedChildren={\'启用\'}\n              unCheckedChildren={\'禁用\'}\n            />\n          </ProFormGroup>\n        }\n        tooltip="这是提示"\n        style={{ maxWidth: 300 }}\n      >\n        <div>Card content</div>\n        <div>Card content</div>\n        <div>Card content</div>\n      </ProCard>\n      <ProCard\n        title="小尺寸卡片"\n        extra="extra"\n        tooltip="这是提示"\n        style={{ maxWidth: 300, marginBlockStart: 24 }}\n        size="small"\n      >\n        <div>Card content</div>\n        <div>Card content</div>\n        <div>Card content</div>\n      </ProCard>\n    </>\n  );\n};\n'},39924:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProCard\n      title="标题"\n      extra="extra"\n      tooltip="这是提示"\n      style={{ maxWidth: 300 }}\n      bordered\n    >\n      内容\n    </ProCard>\n  );\n};\n'},64627:function(n,e){"use strict";e.Z='import { RightOutlined } from \'@szc-ft/szcd\';\nimport { ProCard } from \'@szc-ft/szcd\';\nimport { Button } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [collapsed, setCollapsed] = useState(true);\n\n  return (\n    <div\n      style={{\n        display: \'flex\',\n        flexDirection: \'column\',\n        padding: 24,\n        gap: 12,\n      }}\n    >\n      <ProCard\n        title="可折叠"\n        headerBordered\n        collapsible\n        defaultCollapsed\n        onCollapse={(collapse) => console.log(collapse)}\n        extra={\n          <Button\n            size="small"\n            onClick={(e) => {\n              e.stopPropagation();\n            }}\n          >\n            提交\n          </Button>\n        }\n      >\n        内容\n      </ProCard>\n      <ProCard\n        title="可折叠"\n        bordered\n        headerBordered\n        collapsible\n        defaultCollapsed\n        onCollapse={(collapse) => console.log(collapse)}\n        extra={\n          <Button\n            size="small"\n            onClick={(e) => {\n              e.stopPropagation();\n            }}\n          >\n            提交\n          </Button>\n        }\n      >\n        内容\n      </ProCard>\n      <ProCard\n        bordered\n        size="small"\n        title="可折叠"\n        headerBordered\n        collapsible\n        defaultCollapsed\n        onCollapse={(collapse) => console.log(collapse)}\n        extra={\n          <Button\n            size="small"\n            onClick={(e) => {\n              e.stopPropagation();\n            }}\n          >\n            提交\n          </Button>\n        }\n      >\n        内容\n      </ProCard>\n      <ProCard\n        title="可折叠-受控自定义"\n        extra={\n          <RightOutlined\n            rotate={!collapsed ? 90 : undefined}\n            onClick={() => {\n              setCollapsed(!collapsed);\n            }}\n          />\n        }\n        style={{ marginBlockStart: 16 }}\n        headerBordered\n        collapsed={collapsed}\n      >\n        内容\n      </ProCard>\n      <ProCard\n        title="可折叠-图标自定义"\n        collapsibleIconRender={({\n          collapsed: buildInCollapsed,\n        }: {\n          collapsed: boolean;\n        }) => (buildInCollapsed ? <span>收起 - </span> : <span>展开 - </span>)}\n        style={{ marginBlockStart: 16 }}\n        headerBordered\n        collapsible\n        defaultCollapsed\n      >\n        内容\n      </ProCard>\n    </div>\n  );\n};\n'},47003:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard\n        direction="column"\n        ghost\n        gutter={{\n          xs: 8,\n          sm: 8,\n          md: 8,\n          lg: 8,\n          xl: 8,\n          xxl: 8,\n        }}\n      >\n        <ProCard layout="center" bordered>\n          colSpan - 24\n        </ProCard>\n        <ProCard\n          colSpan={{\n            xs: 24,\n            sm: 12,\n            md: 12,\n            lg: 12,\n            xl: 12,\n            xxl: 24,\n          }}\n          layout="center"\n          bordered\n        >\n          colSpan - 12\n        </ProCard>\n        <ProCard\n          colSpan={{\n            xs: 24,\n            sm: 12,\n            md: 8,\n            lg: 6,\n          }}\n          layout="center"\n          bordered\n        >\n          colSpan - 8\n        </ProCard>\n        <ProCard colSpan={0} layout="center" bordered>\n          colSpan - 0\n        </ProCard>\n      </ProCard>\n      <ProCard gutter={8} title="24栅格" style={{ marginBlockStart: 8 }}>\n        <ProCard colSpan={12} layout="center" bordered>\n          colSpan-12\n        </ProCard>\n        <ProCard colSpan={6} layout="center" bordered>\n          colSpan-6\n        </ProCard>\n        <ProCard colSpan={6} layout="center" bordered>\n          colSpan-6\n        </ProCard>\n      </ProCard>\n      <ProCard style={{ marginBlockStart: 8 }} gutter={8} ghost>\n        <ProCard colSpan="200px" layout="center" bordered>\n          colSpan - 200px\n        </ProCard>\n        <ProCard layout="center" bordered>\n          Auto\n        </ProCard>\n      </ProCard>\n      <ProCard style={{ marginBlockStart: 8 }} gutter={8} ghost>\n        <ProCard bordered layout="center">\n          Auto\n        </ProCard>\n        <ProCard colSpan="30%" bordered>\n          colSpan - 30%\n        </ProCard>\n      </ProCard>\n    </>\n  );\n};\n'},53089:function(n,e){"use strict";e.Z="import { ProCard } from '@szc-ft/szcd';\nimport { Statistic } from '@szc-ft/szcd';\nimport RcResizeObserver from 'rc-resize-observer';\nimport { useState } from 'react';\n\nconst { Divider } = ProCard;\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n  return (\n    <RcResizeObserver\n      key=\"resize-observer\"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard.Group title=\"核心指标\" direction={responsive ? 'column' : 'row'}>\n        <ProCard>\n          <Statistic title=\"今日UV\" value={79.0} precision={2} />\n        </ProCard>\n        <Divider type={responsive ? 'horizontal' : 'vertical'} />\n        <ProCard>\n          <Statistic title=\"冻结金额\" value={112893.0} precision={2} />\n        </ProCard>\n        <Divider type={responsive ? 'horizontal' : 'vertical'} />\n        <ProCard>\n          <Statistic title=\"信息完整度\" value={93} suffix=\"/ 100\" />\n        </ProCard>\n        <Divider type={responsive ? 'horizontal' : 'vertical'} />\n        <ProCard>\n          <Statistic title=\"冻结金额\" value={112893.0} />\n        </ProCard>\n      </ProCard.Group>\n    </RcResizeObserver>\n  );\n};\n"},47984:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard title="卡片组展开" ghost gutter={8} collapsible>\n        <ProCard layout="center" bordered>\n          卡片内容\n        </ProCard>\n        <ProCard layout="center" bordered>\n          卡片内容\n        </ProCard>\n        <ProCard layout="center" bordered>\n          卡片内容\n        </ProCard>\n      </ProCard>\n    </>\n  );\n};\n'},83807:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard gutter={[16, 16]}>\n        <ProCard colSpan="30%" title="title" headerBordered bordered>\n          300px\n        </ProCard>\n        <ProCard bordered>Auto</ProCard>\n      </ProCard>\n\n      <ProCard\n        gutter={[{ xs: 8, sm: 8, md: 16, lg: 24, xl: 32 }, 16]}\n        style={{ marginBlockStart: 16 }}\n      >\n        <ProCard bordered>Responsive</ProCard>\n        <ProCard bordered>Responsive</ProCard>\n        <ProCard bordered>Responsive</ProCard>\n      </ProCard>\n\n      <ProCard gutter={16} style={{ marginBlockStart: 16 }}>\n        <ProCard bordered>Auto</ProCard>\n        <ProCard bordered>Auto</ProCard>\n        <ProCard bordered>Auto</ProCard>\n      </ProCard>\n    </>\n  );\n};\n'},20657:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProCard\n      title="标题"\n      extra="extra"\n      tooltip="这是提示"\n      style={{ maxWidth: 300 }}\n      headerBordered\n    >\n      内容\n    </ProCard>\n  );\n};\n'},70205:function(n,e){"use strict";e.Z="import { ProCard } from '@szc-ft/szcd';\n\nexport default () => {\n  return <ProCard style={{ maxWidth: 300 }}>内容</ProCard>;\n};\n"},75091:function(n,e){"use strict";e.Z="import { ProCard } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <>\n      <ProCard style={{ maxWidth: 300 }} hoverable bordered>\n        内容\n      </ProCard>\n    </>\n  );\n};\n"},86115:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard title="横向内部卡片" bordered headerBordered gutter={16}>\n        <ProCard title="内部卡片标题" type="inner" bordered>\n          内部卡片内容\n        </ProCard>\n        <ProCard title="内部卡片标题" type="inner" bordered>\n          内部卡片内容\n        </ProCard>\n      </ProCard>\n\n      <ProCard\n        title="竖向内部卡片"\n        bordered\n        headerBordered\n        direction="column"\n        gutter={[0, 16]}\n        style={{ marginBlockStart: 8 }}\n      >\n        <ProCard title="内部卡片标题" type="inner" bordered>\n          内部卡片内容\n        </ProCard>\n        <ProCard title="内部卡片标题" type="inner" bordered>\n          内部卡片内容\n        </ProCard>\n      </ProCard>\n    </>\n  );\n};\n'},26025:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard\n        title="标题"\n        extra="extra"\n        layout="center"\n        direction="column"\n        style={{ maxWidth: 300, height: 200 }}\n      >\n        <div>123</div>\n        <div>456</div>\n      </ProCard>\n    </>\n  );\n};\n'},60488:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard loading style={{ maxWidth: 300 }}>\n        内容\n      </ProCard>\n\n      <ProCard\n        loading\n        style={{ maxWidth: 300, marginBlockStart: 16 }}\n        layout="center"\n      >\n        内容\n      </ProCard>\n\n      <ProCard\n        title="自定义 Loading"\n        extra="extra"\n        loading={<div>加载中</div>}\n        style={{ maxWidth: 300, marginBlockStart: 16 }}\n      >\n        内容\n      </ProCard>\n    </>\n  );\n};\n'},52067:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <>\n      <ProCard\n        style={{ marginBlockStart: 8 }}\n        gutter={[16, 16]}\n        wrap\n        title="换行"\n      >\n        <ProCard\n          colSpan={{ xs: 24, sm: 12, md: 12, lg: 12, xl: 12 }}\n          layout="center"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard\n          colSpan={{ xs: 24, sm: 12, md: 12, lg: 12, xl: 12 }}\n          layout="center"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard\n          colSpan={{ xs: 24, sm: 12, md: 12, lg: 12, xl: 12 }}\n          layout="center"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard\n          colSpan={{ xs: 24, sm: 12, md: 12, lg: 12, xl: 12 }}\n          layout="center"\n          bordered\n        >\n          Col\n        </ProCard>\n      </ProCard>\n    </>\n  );\n};\n'},22512:function(n,e){"use strict";e.Z="import { ProCard } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <>\n      <ProCard style={{ marginBlockStart: 8 }} gutter={8} title=\"24栅格\">\n        <ProCard\n          colSpan={{ xs: 2, sm: 4, md: 6, lg: 8, xl: 10 }}\n          layout=\"center\"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard\n          colSpan={{ xs: 20, sm: 16, md: 12, lg: 8, xl: 4 }}\n          layout=\"center\"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard\n          colSpan={{ xs: 2, sm: 4, md: 6, lg: 8, xl: 10 }}\n          layout=\"center\"\n          bordered\n        >\n          Col\n        </ProCard>\n      </ProCard>\n      <ProCard style={{ marginBlockStart: 8 }} gutter={8} title=\"指定宽度px\">\n        <ProCard\n          colSpan={{\n            xs: '50px',\n            sm: '100px',\n            md: '200px',\n            lg: '300px',\n            xl: '400px',\n          }}\n          layout=\"center\"\n          bordered\n        >\n          Col\n        </ProCard>\n        <ProCard layout=\"center\" bordered>\n          Auto\n        </ProCard>\n      </ProCard>\n\n      <ProCard\n        style={{ marginBlockStart: 8 }}\n        gutter={8}\n        title=\"指定宽度百分比\"\n      >\n        <ProCard layout=\"center\" bordered>\n          Auto\n        </ProCard>\n        <ProCard\n          layout=\"center\"\n          colSpan={{\n            xs: '10%',\n            sm: '20%',\n            md: '30%',\n            lg: '40%',\n            xl: '50%',\n          }}\n          bordered\n        >\n          Col - 百分比\n        </ProCard>\n      </ProCard>\n    </>\n  );\n};\n"},71729:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard\n        title="复杂切分"\n        extra="2019年9月28日"\n        bordered\n        headerBordered\n        split={responsive ? \'horizontal\' : \'vertical\'}\n      >\n        <ProCard split="horizontal">\n          <ProCard split="horizontal">\n            <ProCard split={responsive ? \'horizontal\' : \'vertical\'}>\n              <ProCard title="昨日全部流量">123</ProCard>\n              <ProCard title="本月累计流量">234</ProCard>\n              <ProCard title="今年累计流量">345</ProCard>\n            </ProCard>\n            <ProCard split="vertical">\n              <ProCard title="运行中试验">12/56</ProCard>\n              <ProCard title="历史试验总数">134 个</ProCard>\n            </ProCard>\n          </ProCard>\n          <ProCard title="流量趋势">\n            <div>图表</div>\n            <div>图表</div>\n            <div>图表</div>\n            <div>图表</div>\n            <div>图表</div>\n          </ProCard>\n        </ProCard>\n        <ProCard title="流量占用情况">右侧内容</ProCard>\n      </ProCard>\n    </RcResizeObserver>\n  );\n};\n'},37047:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [responsive, setResponsive] = useState(false);\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard\n        title="左右分栏带标题"\n        extra="2019年9月28日"\n        split={responsive ? \'horizontal\' : \'vertical\'}\n        bordered\n        headerBordered\n      >\n        <ProCard title="左侧详情" colSpan="50%">\n          <div style={{ height: 360 }}>左侧内容</div>\n        </ProCard>\n        <ProCard title="流量占用情况">\n          <div style={{ height: 360 }}>右侧内容</div>\n        </ProCard>\n      </ProCard>\n    </RcResizeObserver>\n  );\n};\n'},82156:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProCard split="vertical">\n      <ProCard title="左侧详情" colSpan="30%">\n        左侧内容\n      </ProCard>\n      <ProCard title="左右分栏子卡片带标题" headerBordered>\n        <div style={{ height: 360 }}>右侧内容</div>\n      </ProCard>\n    </ProCard>\n  );\n};\n'},83367:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\nimport { Button, Space, Steps } from \'@szc-ft/szcd\';\nimport RcResizeObserver from \'rc-resize-observer\';\nimport { useState } from \'react\';\n\nconst { Step } = Steps;\n\nexport default () => {\n  const [current, setCurrent] = useState(0);\n  const [responsive, setResponsive] = useState(false);\n  return (\n    <RcResizeObserver\n      key="resize-observer"\n      onResize={(offset) => {\n        setResponsive(offset.width < 596);\n      }}\n    >\n      <ProCard\n        split={responsive ? \'horizontal\' : \'vertical\'}\n        bordered\n        style={{ height: 320 }}\n      >\n        <ProCard colSpan={responsive ? 24 : 6}>\n          <Steps\n            direction={responsive ? \'horizontal\' : \'vertical\'}\n            size="small"\n            current={current}\n            style={{ height: \'100%\' }}\n          >\n            <Step title="填写基本信息" />\n            <Step title="配置模板" />\n            <Step title="配置访问" />\n            <Step title="配置部署和调度" />\n            <Step title="预览" />\n          </Steps>\n        </ProCard>\n        <ProCard title="流量占用情况" colSpan={responsive ? 24 : 18}>\n          <Space>\n            <Button\n              key="primary"\n              type="primary"\n              onClick={() => setCurrent(current + 1)}\n              disabled={current === 5}\n            >\n              下一步\n            </Button>\n            <Button\n              key="pre"\n              onClick={() => setCurrent(current - 1)}\n              disabled={current === 0}\n            >\n              上一步\n            </Button>\n          </Space>\n        </ProCard>\n      </ProCard>\n    </RcResizeObserver>\n  );\n};\n'},61459:function(n,e){"use strict";e.Z='import { ProCard } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProCard\n      tabs={{\n        type: \'card\',\n      }}\n    >\n      <ProCard.TabPane key="tab1" tab="产品一">\n        内容一\n      </ProCard.TabPane>\n      <ProCard.TabPane key="tab2" tab="产品二">\n        内容二\n      </ProCard.TabPane>\n    </ProCard>\n  );\n};\n'},29779:function(n,e){"use strict";e.Z="import type { ProCardTabsProps } from '@szc-ft/szcd';\nimport { ProCard } from '@szc-ft/szcd';\nimport { Select, Space } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst { Option } = Select;\n\nexport default () => {\n  const [tab, setTab] = useState('tab2');\n  const [tabPosition, setTabPosition] =\n    useState<ProCardTabsProps['tabPosition']>('top');\n\n  return (\n    <div>\n      <Space style={{ marginBlockEnd: 16 }}>\n        Tab position：\n        <Select\n          value={tabPosition}\n          onChange={(value) => setTabPosition(value)}\n          dropdownMatchSelectWidth={false}\n        >\n          <Option value=\"top\">top</Option>\n          <Option value=\"bottom\">bottom</Option>\n          <Option value=\"left\">left</Option>\n          <Option value=\"right\">right</Option>\n        </Select>\n      </Space>\n      <ProCard\n        tabs={{\n          tabPosition,\n          activeKey: tab,\n          items: [\n            {\n              label: `产品一`,\n              key: 'tab1',\n              children: `内容一`,\n            },\n            {\n              label: `产品二`,\n              key: 'tab2',\n              children: `内容二`,\n            },\n            {\n              label: `产品三`,\n              key: 'tab3',\n              children: `内容三`,\n            },\n          ],\n          onChange: (key) => {\n            setTab(key);\n          },\n        }}\n      />\n    </div>\n  );\n};\n"},23643:function(n,e){"use strict";e.Z="import type { ProDescriptionsActionType } from '@szc-ft/szcd';\nimport { ProDescriptions } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\nimport { useRef } from 'react';\n\nexport default () => {\n  const actionRef = useRef<ProDescriptionsActionType>();\n  return (\n    <ProDescriptions\n      actionRef={actionRef}\n      title=\"高级定义列表 request\"\n      request={async () => {\n        return Promise.resolve({\n          success: true,\n          data: {\n            info: {\n              id: '这是一段文本',\n              date: '20200730',\n              money: '12121',\n            },\n          },\n        });\n      }}\n      editable={{\n        onSave: async (keypath, newInfo, oriInfo) => {\n          console.log(keypath, newInfo, oriInfo);\n          return true;\n        },\n      }}\n    >\n      <ProDescriptions.Item dataIndex={['info', 'id']} />\n      <ProDescriptions.Item\n        dataIndex={['info', 'date']}\n        label=\"日期\"\n        valueType=\"date\"\n      />\n      <ProDescriptions.Item\n        label=\"money\"\n        dataIndex={['info', 'money']}\n        valueType=\"money\"\n      />\n      <ProDescriptions.Item label=\"文本\" valueType=\"option\">\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            actionRef.current?.reload();\n          }}\n          key=\"reload\"\n        >\n          刷新\n        </Button>\n        <Button key=\"rest\">重置</Button>\n      </ProDescriptions.Item>\n    </ProDescriptions>\n  );\n};\n"},70082:function(n,e){"use strict";e.Z='import { ProDescriptions } from \'@szc-ft/szcd\';\nimport { Button } from \'@szc-ft/szcd\';\nimport dayjs from \'dayjs\';\n\nexport default () => {\n  return (\n    <ProDescriptions\n      column={2}\n      title="高级定义列表"\n      tooltip="包含了从服务器请求，columns等功能"\n    >\n      <ProDescriptions.Item valueType="option">\n        <Button key="primary" type="primary">\n          提交\n        </Button>\n      </ProDescriptions.Item>\n      <ProDescriptions.Item\n        span={2}\n        valueType="text"\n        contentStyle={{\n          maxWidth: \'80%\',\n        }}\n        renderText={(_) => {\n          return _ + _;\n        }}\n        ellipsis\n        label="文本"\n      >\n        这是一段很长很长超级超级长的无意义说明文本并且重复了很多没有意义的词语，就是为了让它变得很长很长超级超级长\n      </ProDescriptions.Item>\n      <ProDescriptions.Item\n        label="金额"\n        tooltip="仅供参考，以实际为准"\n        valueType="money"\n      >\n        100\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="百分比" valueType="percent">\n        100\n      </ProDescriptions.Item>\n      <ProDescriptions.Item\n        label="选择框"\n        valueEnum={{\n          all: { text: \'全部\', status: \'Default\' },\n          open: {\n            text: \'未解决\',\n            status: \'Error\',\n          },\n          closed: {\n            text: \'已解决\',\n            status: \'Success\',\n          },\n          processing: {\n            text: \'解决中\',\n            status: \'Processing\',\n          },\n        }}\n      >\n        open\n      </ProDescriptions.Item>\n      <ProDescriptions.Item\n        label="远程选择框"\n        request={async () => [\n          { label: \'全部\', value: \'all\' },\n          { label: \'未解决\', value: \'open\' },\n          { label: \'已解决\', value: \'closed\' },\n          { label: \'解决中\', value: \'processing\' },\n        ]}\n      >\n        closed\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="进度条" valueType="progress">\n        40\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="日期时间" valueType="dateTime">\n        {dayjs().valueOf()}\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="日期" valueType="date">\n        {dayjs().valueOf()}\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="日期区间" valueType="dateTimeRange">\n        {[dayjs().add(-1, \'d\').valueOf(), dayjs().valueOf()]}\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="时间" valueType="time">\n        {dayjs().valueOf()}\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="代码块" valueType="code">\n        {`\nyarn run v1.22.0\n$ eslint --format=pretty ./packages\nDone in 9.70s.\n          `}\n      </ProDescriptions.Item>\n      <ProDescriptions.Item label="JSON 代码块" valueType="jsonCode">\n        {`{\n  "compilerOptions": {\n    "target": "esnext",\n    "moduleResolution": "node",\n    "jsx": "preserve",\n    "esModuleInterop": true,\n    "experimentalDecorators": true,\n    "strict": true,\n    "forceConsistentCasingInFileNames": true,\n    "noImplicitReturns": true,\n    "suppressImplicitAnyIndexErrors": true,\n    "declaration": true,\n    "skipLibCheck": true\n  },\n  "include": ["**/src", "**/docs", "scripts", "**/demo", ".eslintrc.js"]\n}\n`}\n      </ProDescriptions.Item>\n    </ProDescriptions>\n  );\n};\n'},5487:function(n,e){"use strict";e.Z="import { ProDescriptions } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <ProDescriptions\n      title=\"高级定义列表request columns\"\n      request={async () => {\n        return Promise.resolve({\n          success: true,\n          data: {\n            id: '这是一段文本columns',\n            date: '20200809',\n            money: '1212100',\n            money2: -12345.33,\n            state: 'all',\n            switch: true,\n            state2: 'open',\n          },\n        });\n      }}\n      columns={[\n        {\n          title: '文本',\n          key: 'text',\n          dataIndex: 'id',\n        },\n        {\n          title: '状态',\n          key: 'state',\n          dataIndex: 'state',\n          valueType: 'select',\n          valueEnum: {\n            all: { text: '全部', status: 'Default' },\n            open: {\n              text: '未解决',\n              status: 'Error',\n            },\n            closed: {\n              text: '已解决',\n              status: 'Success',\n            },\n          },\n        },\n        {\n          title: '状态2',\n          key: 'state2',\n          dataIndex: 'state2',\n        },\n        {\n          title: '时间',\n          key: 'date',\n          dataIndex: 'date',\n          valueType: 'date',\n        },\n        {\n          title: '时间',\n          key: 'date',\n          dataIndex: 'date',\n          valueType: 'date',\n          fieldProps: {\n            format: 'DD.MM.YYYY',\n          },\n        },\n        {\n          title: '开关',\n          key: 'switch',\n          dataIndex: 'switch',\n          valueType: 'switch',\n        },\n        {\n          title: 'money',\n          key: 'money',\n          dataIndex: 'money',\n          valueType: 'money',\n          fieldProps: {\n            moneySymbol: '$',\n          },\n        },\n        {\n          title: 'money无符号',\n          key: 'money',\n          dataIndex: 'money',\n          valueType: 'money',\n          fieldProps: {\n            moneySymbol: false,\n          },\n        },\n        {\n          title: 'money负数无符号',\n          key: 'money2',\n          dataIndex: 'money2',\n          valueType: 'money',\n          fieldProps: {\n            moneySymbol: false,\n          },\n        },\n        {\n          title: '操作',\n          valueType: 'option',\n          render: () => [\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"link\">\n              链路\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"warning\">\n              报警\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n              查看\n            </a>,\n          ],\n        },\n      ]}\n    >\n      <ProDescriptions.Item\n        dataIndex=\"percent\"\n        label=\"百分比\"\n        valueType=\"percent\"\n      >\n        100\n      </ProDescriptions.Item>\n      <div>多余的dom</div>\n    </ProDescriptions>\n  );\n};\n"},83225:function(n,e){"use strict";e.Z="import { ProDescriptions } from '@szc-ft/szcd';\nimport { Input, Tooltip } from '@szc-ft/szcd';\nimport { useRef } from 'react';\n\nexport default () => {\n  const actionRef = useRef();\n  return (\n    <ProDescriptions\n      actionRef={actionRef}\n      // bordered\n      formProps={{\n        onValuesChange: (e, f) => console.log(f),\n      }}\n      title=\"可编辑的定义列表\"\n      request={async () => {\n        return Promise.resolve({\n          success: true,\n          data: {\n            rate: 5,\n            id: '这是一段文本columns',\n            date: '20200809',\n            money: '1212100',\n            state: 'all',\n            state2: 'open',\n          },\n        });\n      }}\n      editable={{}}\n      columns={[\n        {\n          title: '文本',\n          key: 'text',\n          dataIndex: 'id',\n          copyable: true,\n          ellipsis: true,\n        },\n        {\n          title: '状态',\n          key: 'state',\n          dataIndex: 'state',\n          valueType: 'select',\n          editable: false,\n          valueEnum: {\n            all: { text: '全部', status: 'Default' },\n            open: {\n              text: '未解决',\n              status: 'Error',\n            },\n            closed: {\n              text: '已解决',\n              status: 'Success',\n            },\n          },\n        },\n        {\n          title: '状态2',\n          key: 'state2',\n          dataIndex: 'state2',\n          renderFormItem: () => {\n            return <Input placeholder=\"输入 Success 切换分值\" />;\n          },\n        },\n        {\n          title: '分值',\n          dataIndex: 'fraction',\n          valueType: (record) => {\n            const scoringMethod = record?.state2;\n            if (scoringMethod === 'Success') return 'select';\n            return 'digit';\n          },\n          fieldProps: {\n            mode: 'multiple',\n          },\n          request: async () =>\n            ['A', 'B', 'D', 'E', 'F'].map((item, index) => ({\n              label: item,\n              value: index,\n            })),\n        },\n\n        {\n          title: '时间',\n          key: 'date',\n          dataIndex: 'date',\n          valueType: 'date',\n        },\n        {\n          title: 'Rate',\n          key: 'rate',\n          dataIndex: 'rate',\n          valueType: 'rate',\n        },\n        {\n          title: 'money',\n          key: 'money',\n          dataIndex: 'money',\n          valueType: 'money',\n          render: (dom, entity, index, action) => {\n            return (\n              <Tooltip title=\"点击进入编辑状态\">\n                <div\n                  onClick={() => {\n                    action?.startEditable('money');\n                  }}\n                >\n                  {dom}\n                </div>\n              </Tooltip>\n            );\n          },\n        },\n        {\n          title: '操作',\n          valueType: 'option',\n          render: () => [\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"link\">\n              链路\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"warning\">\n              报警\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n              查看\n            </a>,\n          ],\n        },\n      ]}\n    >\n      <ProDescriptions.Item\n        dataIndex=\"percent\"\n        label=\"百分比\"\n        valueType=\"percent\"\n      >\n        100\n      </ProDescriptions.Item>\n    </ProDescriptions>\n  );\n};\n"},51828:function(n,e){"use strict";e.Z='import { ProDescriptions } from \'@szc-ft/szcd\';\nimport dayjs from \'dayjs\';\n\nexport default () => {\n  return (\n    <>\n      <ProDescriptions\n        column={2}\n        title="高级定义列表"\n        tooltip="包含了从服务器请求，columns等功能"\n      >\n        <ProDescriptions.Item\n          label="日期"\n          fieldProps={{\n            format: \'YYYY.MM.DD\',\n          }}\n          valueType="date"\n        >\n          {dayjs().valueOf()}\n        </ProDescriptions.Item>\n        <ProDescriptions.Item\n          label="日期区间"\n          fieldProps={{\n            format: \'YYYY.MM.DD HH:mm:ss\',\n          }}\n          valueType="dateTimeRange"\n        >\n          {[dayjs().add(-1, \'d\').valueOf(), dayjs().valueOf()]}\n        </ProDescriptions.Item>\n        <ProDescriptions.Item\n          label="时间"\n          fieldProps={{\n            format: \'YYYY.MM.DD\',\n          }}\n          valueType="time"\n        >\n          {dayjs().valueOf()}\n        </ProDescriptions.Item>\n\n        <ProDescriptions.Item\n          label="时间日期"\n          fieldProps={{\n            format: \'YYYY.MM.DD HH:mm:ss\',\n          }}\n          valueType="dateTime"\n        >\n          {dayjs().valueOf()}\n        </ProDescriptions.Item>\n\n        <ProDescriptions.Item\n          label="更新时间"\n          fieldProps={{\n            format: \'YYYY.MM.DD\',\n          }}\n          valueType="fromNow"\n        >\n          {dayjs().add(-1, \'month\').valueOf()}\n        </ProDescriptions.Item>\n      </ProDescriptions>\n    </>\n  );\n};\n'},81230:function(n,e){"use strict";e.Z='import type { ProDescriptionsActionType } from \'@szc-ft/szcd\';\nimport { ProDescriptions } from \'@szc-ft/szcd\';\nimport { Button } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nexport default () => {\n  const actionRef = useRef<ProDescriptionsActionType>();\n  return (\n    <ProDescriptions\n      actionRef={actionRef}\n      title="高级定义列表 request"\n      request={async () => {\n        return Promise.resolve({\n          success: true,\n          data: { id: \'这是一段文本\', date: \'20200730\', money: \'12121\' },\n        });\n      }}\n      extra={<Button type="link">修改</Button>}\n    >\n      <ProDescriptions.Item dataIndex="id" />\n      <ProDescriptions.Item dataIndex="date" label="日期" valueType="date" />\n      <ProDescriptions.Item label="money" dataIndex="money" valueType="money" />\n      <ProDescriptions.Item label="文本" valueType="option">\n        <Button\n          type="primary"\n          onClick={() => {\n            actionRef.current?.reload();\n          }}\n          key="reload"\n        >\n          刷新\n        </Button>\n        <Button key="rest">重置</Button>\n      </ProDescriptions.Item>\n    </ProDescriptions>\n  );\n};\n'},64131:function(n,e){"use strict";e.Z="import { ProDescriptions } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <ProDescriptions\n      title=\"dataSource and columns\"\n      dataSource={{\n        id: '这是一段文本columns',\n        date: '20200809',\n        money: '1212100',\n        state: 'all',\n        state2: 'open',\n      }}\n      columns={[\n        {\n          title: '文本',\n          key: 'text',\n          dataIndex: 'id',\n          ellipsis: true,\n          copyable: true,\n        },\n        {\n          title: '状态',\n          key: 'state',\n          dataIndex: 'state',\n          valueType: 'select',\n          valueEnum: {\n            all: { text: '全部', status: 'Default' },\n            open: {\n              text: '未解决',\n              status: 'Error',\n            },\n            closed: {\n              text: '已解决',\n              status: 'Success',\n            },\n          },\n        },\n        {\n          title: '状态2',\n          key: 'state2',\n          dataIndex: 'state2',\n        },\n        {\n          title: '时间',\n          key: 'date',\n          dataIndex: 'date',\n          valueType: 'date',\n        },\n        {\n          title: 'money',\n          key: 'money',\n          dataIndex: 'money',\n          valueType: 'money',\n        },\n        {\n          title: '操作',\n          valueType: 'option',\n          render: () => [\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"link\">\n              链路\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"warning\">\n              报警\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n              查看\n            </a>,\n          ],\n        },\n      ]}\n    >\n      <ProDescriptions.Item label=\"百分比\" valueType=\"percent\">\n        100\n      </ProDescriptions.Item>\n    </ProDescriptions>\n  );\n};\n"},28857:function(n,e){"use strict";e.Z='import type { ProFieldFCMode } from \'@szc-ft/szcd\';\nimport { ProField } from \'@szc-ft/szcd\';\nimport { Descriptions, Radio, Space, Switch } from \'@szc-ft/szcd\';\nimport dayjs from \'dayjs\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [state, setState] = useState<ProFieldFCMode>(\'read\');\n  const [plain, setPlain] = useState<boolean>(false);\n  return (\n    <>\n      <Space>\n        <Radio.Group\n          onChange={(e) => setState(e.target.value as ProFieldFCMode)}\n          value={state}\n        >\n          <Radio value="read">只读</Radio>\n          <Radio value="edit">编辑</Radio>\n        </Radio.Group>\n        简约模式\n        <Switch checked={plain} onChange={(checked) => setPlain(checked)} />\n      </Space>\n      <br />\n      <br />\n      <Descriptions column={2}>\n        <Descriptions.Item label="空字符串">\n          <ProField text="" mode="read" />\n        </Descriptions.Item>\n        <Descriptions.Item label="头像">\n          <ProField\n            text="https://avatars2.githubusercontent.com/u/8186664?s=60&v=4"\n            mode="read"\n            valueType="avatar"\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="文本">\n          <ProField\n            text="这是一段文本"\n            valueType="text"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="图片">\n          <ProField\n            text="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"\n            valueType="image"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="金额">\n          <ProField text="100" valueType="money" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="颜色">\n          <ProField text="blue" valueType="color" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="数字">\n          <ProField\n            text="19897979797979"\n            valueType="digit"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="数字范围">\n          <ProField\n            text={[123, 456]}\n            valueType="digitRange"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="秒格式化">\n          <ProField\n            text={2000000}\n            valueType="second"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="百分比">\n          <ProField text="100" valueType="percent" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="评分">\n          <ProField text={3.5} valueType="rate" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="选择框">\n          <ProField\n            text="open"\n            mode={state}\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="多选">\n          <ProField\n            text={[\'open\', \'closed\']}\n            mode={state}\n            valueType="checkbox"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="多选 labelInValue">\n          <ProField\n            text={[\n              {\n                value: \'open1\',\n                label: \'打开\',\n              },\n              {\n                value: \'closed2\',\n                label: \'关闭\',\n              },\n            ]}\n            mode={state}\n            valueType="checkbox"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="单选">\n          <ProField\n            text="open"\n            mode={state}\n            valueType="radio"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="单选按钮">\n          <ProField\n            text="open"\n            mode={state}\n            valueType="radioButton"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="远程选择框">\n          <ProField\n            text="open"\n            mode={state}\n            valueType="select"\n            request={async () => [\n              { label: \'全部\', value: \'all\' },\n              { label: \'未解决\', value: \'open\' },\n              { label: \'已解决\', value: \'closed\' },\n              { label: \'解决中\', value: \'processing\' },\n              {\n                label: \'特殊选项\',\n                value: \'optGroup\',\n                optionType: \'optGroup\',\n                options: [\n                  { label: \'不解决\', value: \'no\' },\n                  { label: \'已废弃\', value: \'clear\' },\n                ],\n              },\n            ]}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="级联选择框">\n          <ProField\n            text={[\'zhejiang\', \'hangzhou\', \'xihu\']}\n            mode={state}\n            valueType="cascader"\n            fieldProps={{\n              fieldNames: {\n                label: \'name\',\n              },\n            }}\n            request={async () => [\n              {\n                value: \'zhejiang\',\n                name: \'Zhejiang\',\n                children: [\n                  {\n                    value: \'hangzhou\',\n                    name: \'Hangzhou\',\n                    children: [\n                      {\n                        value: \'xihu\',\n                        name: \'West Lake\',\n                      },\n                    ],\n                  },\n                ],\n              },\n              {\n                value: \'jiangsu\',\n                name: \'Jiangsu\',\n                children: [\n                  {\n                    value: \'nanjing\',\n                    name: \'Nanjing\',\n                    children: [\n                      {\n                        value: \'zhonghuamen\',\n                        name: \'Zhong Hua Men\',\n                      },\n                    ],\n                  },\n                ],\n              },\n            ]}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="进度条">\n          <ProField text="40" valueType="progress" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="slider">\n          <ProField text="40" valueType="slider" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="百分比">\n          <Space>\n            <ProField\n              text={10}\n              valueType={{\n                type: \'percent\',\n                showSymbol: true,\n                showColor: true,\n              }}\n              mode="read"\n            />\n            <ProField\n              text={0}\n              valueType={{\n                type: \'percent\',\n                showSymbol: true,\n                showColor: true,\n              }}\n              mode="read"\n            />\n            <ProField\n              text={-10}\n              valueType={{\n                type: \'percent\',\n                showSymbol: true,\n                showColor: true,\n              }}\n              mode="read"\n            />\n          </Space>\n        </Descriptions.Item>\n        <Descriptions.Item label="日期时间">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            valueType="dateTime"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="相对于当前时间">\n          <Space>\n            <ProField\n              text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n              valueType="fromNow"\n              mode={state}\n              plain={plain}\n            />\n            <ProField\n              text={dayjs(\'2020-11-16 12:50:26\').valueOf()}\n              valueType="fromNow"\n              mode={state}\n              plain={plain}\n            />\n          </Space>\n        </Descriptions.Item>\n        <Descriptions.Item label="日期">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            valueType="date"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="日期区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="dateRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="日期时间区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="dateTimeRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="时间">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            plain={plain}\n            valueType="time"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="时间区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="timeRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="密码">\n          <ProField\n            text="password"\n            plain={plain}\n            valueType="password"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="代码块">\n          <ProField\n            text={`\nyarn run v1.22.0\n$ eslint --format=pretty ./packages\nDone in 9.70s.\n          `}\n            valueType="code"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="JSON 代码块">\n          <ProField\n            text={`{\n  "compilerOptions": {\n    "target": "esnext",\n    "moduleResolution": "node",\n    "jsx": "preserve",\n    "esModuleInterop": true,\n    "experimentalDecorators": true,\n    "strict": true,\n    "forceConsistentCasingInFileNames": true,\n    "noImplicitReturns": true,\n    "suppressImplicitAnyIndexErrors": true,\n    "declaration": true,\n    "skipLibCheck": true\n  },\n  "include": ["**/src", "**/docs", "scripts", "**/demo", ".eslintrc.js"]\n}\n`}\n            valueType="jsonCode"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n      </Descriptions>\n    </>\n  );\n};\n'},98607:function(n,e){"use strict";e.Z='import type { ProFieldFCMode } from \'@szc-ft/szcd\';\nimport { ProField } from \'@szc-ft/szcd\';\nimport { Descriptions, Radio, Space, Switch } from \'@szc-ft/szcd\';\nimport dayjs from \'dayjs\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [state, setState] = useState<ProFieldFCMode>(\'edit\');\n  const [plain, setPlain] = useState<boolean>(false);\n  return (\n    <>\n      <Space>\n        <Radio.Group\n          onChange={(e) => setState(e.target.value as ProFieldFCMode)}\n          value={state}\n        >\n          <Radio value="read">只读</Radio>\n          <Radio value="edit">编辑</Radio>\n        </Radio.Group>\n        简约模式\n        <Switch checked={plain} onChange={(checked) => setPlain(checked)} />\n      </Space>\n      <br />\n      <br />\n      <Descriptions column={2}>\n        <Descriptions.Item label="空字符串">\n          <ProField text="" mode="read" />\n        </Descriptions.Item>\n        <Descriptions.Item label="头像">\n          <ProField\n            text="https://avatars2.githubusercontent.com/u/8186664?s=60&v=4"\n            mode="read"\n            valueType="avatar"\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="文本">\n          <ProField\n            text="这是一段文本"\n            valueType="text"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="颜色">\n          <ProField text="blue" valueType="color" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="颜色禁用">\n          <ProField\n            text="blue"\n            valueType="color"\n            fieldProps={{\n              disabled: true,\n            }}\n            mode={state}\n            plain={plain}\n          />\n          <ProField text="blue" valueType="color" disabled mode="read" />\n        </Descriptions.Item>\n        <Descriptions.Item label="图片">\n          <ProField\n            text="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"\n            valueType={{\n              type: \'image\',\n              width: 100,\n            }}\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="金额">\n          <ProField\n            numberPopoverRender\n            fieldProps={{\n              precision: 2,\n              style: {\n                width: 200,\n              },\n            }}\n            text="10000"\n            valueType="money"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="数字">\n          <ProField\n            text="19897979797979"\n            valueType="digit"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="数字范围">\n          <ProField\n            text={[123, 456]}\n            valueType="digitRange"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="秒格式化">\n          <ProField\n            text={2000000}\n            valueType="second"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="百分比">\n          <ProField text="100" valueType="percent" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="评分">\n          <ProField text={3.5} valueType="rate" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="slider">\n          <ProField text="40" valueType="slider" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="选择框">\n          <ProField\n            text="open"\n            mode={state}\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="多选">\n          <ProField\n            text={[\'open\', \'closed\']}\n            mode={state}\n            valueType="checkbox"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="多选 labelInValue">\n          <ProField\n            text={[\n              {\n                value: \'open1\',\n                label: \'打开\',\n              },\n              {\n                value: \'closed2\',\n                label: \'关闭\',\n              },\n            ]}\n            mode={state}\n            valueType="checkbox"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="单选">\n          <ProField\n            text="open"\n            mode={state}\n            valueType="radio"\n            fieldProps={{\n              layout: \'horizontal\',\n            }}\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="单选按钮">\n          <ProField\n            text="open"\n            mode={state}\n            valueType="radioButton"\n            valueEnum={{\n              all: { text: \'全部\', disabled: true, status: \'Default\' },\n              open: {\n                text: \'未解决\',\n                status: \'Error\',\n              },\n              closed: {\n                text: \'已解决\',\n                status: \'Success\',\n              },\n              processing: {\n                text: \'解决中\',\n                status: \'Processing\',\n              },\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="远程选择框">\n          <ProField\n            text="open"\n            mode={state}\n            params={{\n              name: \'test\',\n            }}\n            valueType="select"\n            request={async () => {\n              return [\n                { label: \'全部\', value: \'all\' },\n                { label: \'未解决\', value: \'open\' },\n                { label: \'已解决\', value: \'closed\' },\n                { label: \'解决中\', value: \'processing\' },\n                {\n                  label: \'特殊选项\',\n                  value: \'optGroup\',\n                  optionType: \'optGroup\',\n                  options: [\n                    { label: \'不解决\', value: \'no\' },\n                    { label: \'已废弃\', value: \'clear\' },\n                  ],\n                },\n              ];\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="远程级联框">\n          <ProField\n            mode={state}\n            params={{\n              name: \'test\',\n            }}\n            valueType="cascader"\n            request={async () => {\n              return [\n                {\n                  value: \'zhejiang\',\n                  label: \'Zhejiang\',\n                  children: [\n                    {\n                      value: \'hangzhou\',\n                      label: \'Hangzhou\',\n                      children: [\n                        {\n                          value: \'xihu\',\n                          label: \'West Lake\',\n                        },\n                      ],\n                    },\n                  ],\n                },\n                {\n                  value: \'jiangsu\',\n                  label: \'Jiangsu\',\n                  children: [\n                    {\n                      value: \'nanjing\',\n                      label: \'Nanjing\',\n                      children: [\n                        {\n                          value: \'zhonghuamen\',\n                          label: \'Zhong Hua Men\',\n                        },\n                      ],\n                    },\n                  ],\n                },\n              ];\n            }}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="进度条">\n          <ProField text="40" valueType="progress" mode={state} plain={plain} />\n        </Descriptions.Item>\n        <Descriptions.Item label="进度条">\n          <ProField\n            text="40%"\n            valueType="progress"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="进度条">\n          <ProField\n            text="love"\n            valueType="progress"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="百分比空值">\n          <ProField valueType="percent" mode="read" />\n        </Descriptions.Item>\n        <Descriptions.Item label="百分比">\n          <Space>\n            <ProField\n              text={10}\n              valueType={{\n                type: \'percent\',\n                showSymbol: (text: number) => {\n                  if (text < 0) {\n                    return true;\n                  }\n                  return false;\n                },\n                showColor: true,\n              }}\n              mode="read"\n            />\n            <ProField\n              text={0}\n              valueType={{\n                type: \'percent\',\n                showSymbol: true,\n                showColor: true,\n              }}\n              mode="read"\n            />\n            <ProField\n              text={-10}\n              valueType={{\n                type: \'percent\',\n                showSymbol: true,\n                showColor: true,\n              }}\n              mode="read"\n            />\n          </Space>\n        </Descriptions.Item>\n        <Descriptions.Item label="日期时间">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            valueType="dateTime"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="相对于当前时间">\n          <Space>\n            <ProField\n              text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n              valueType="fromNow"\n              mode={state}\n              plain={plain}\n            />\n            <ProField\n              text={dayjs(\'2020-11-16 12:50:26\').valueOf()}\n              valueType="fromNow"\n              mode={state}\n              plain={plain}\n            />\n          </Space>\n        </Descriptions.Item>\n        <Descriptions.Item label="日期">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            valueType="date"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="日期区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="dateRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="日期时间区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="dateTimeRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="时间">\n          <ProField\n            text={dayjs(\'2019-11-16 12:50:26\').valueOf()}\n            plain={plain}\n            valueType="time"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="时间区间">\n          <ProField\n            text={[\n              dayjs(\'2019-11-16 12:50:26\').add(-1, \'d\').valueOf(),\n              dayjs(\'2019-11-16 12:50:26\').valueOf(),\n            ]}\n            plain={plain}\n            valueType="timeRange"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="密码">\n          <ProField\n            text="password"\n            plain={plain}\n            valueType="password"\n            mode={state}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="代码块">\n          <ProField\n            text={`\nyarn run v1.22.0\n$ eslint --format=pretty ./packages\nDone in 9.70s.\n          `}\n            valueType="code"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n        <Descriptions.Item label="JSON 代码块">\n          <ProField\n            text={`{\n  "compilerOptions": {\n    "target": "esnext",\n    "moduleResolution": "node",\n    "jsx": "preserve",\n    "esModuleInterop": true,\n    "experimentalDecorators": true,\n    "strict": true,\n    "forceConsistentCasingInFileNames": true,\n    "noImplicitReturns": true,\n    "suppressImplicitAnyIndexErrors": true,\n    "declaration": true,\n    "skipLibCheck": true\n  },\n  "include": ["**/src", "**/docs", "scripts", "**/demo", ".eslintrc.js"]\n}\n`}\n            valueType="jsonCode"\n            mode={state}\n            plain={plain}\n          />\n        </Descriptions.Item>\n      </Descriptions>\n    </>\n  );\n};\n'},8939:function(n,e){"use strict";e.Z="import { ProFormSelect } from '@szc-ft/szcd';\n\nexport default function App() {\n  return (\n    <div>\n      <ProFormSelect\n        name=\"name\"\n        placeholder=\"请输入搜索关键字\"\n        allowClear\n        width={330}\n        secondary\n        mode=\"tags\"\n        options={\n          [\n            {\n              v: 'v1',\n              l: 'l1',\n            },\n            {\n              v: 'v2',\n              l: 'l3',\n            },\n            {\n              v: 'v4',\n              l: 'l5',\n            },\n          ] as any\n        }\n        fieldProps={{\n          fieldNames: {\n            value: 'v',\n            label: 'l',\n            options: 'options',\n          },\n          showSearch: true, // 使单选模式可搜索\n          autoClearSearchValue: true,\n        }}\n      />\n    </div>\n  );\n}\n"},72345:function(n,e){"use strict";e.Z="import { ProFormSelect } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nexport default function App() {\n  const [searchValue, setSearchValue] = useState('');\n  const [selectOpen, setSelectOpen] = useState(false);\n\n  function onBlur() {\n    setSelectOpen(false);\n  }\n\n  function onFocus() {\n    setSelectOpen(true);\n  }\n\n  /** 点击常用关键字的字母 */\n  function onClick(e: any) {\n    const text = e.target as HTMLSpanElement;\n    // 更改搜索框文字\n    setSearchValue(text.innerText);\n    onFocus();\n  }\n\n  /** 下拉搜索 */\n  function onSearch(value: string) {\n    setSearchValue(value);\n  }\n\n  /** 下拉选中 */\n  function onSelect() {\n    onBlur();\n  }\n\n  return (\n    <div>\n      <ProFormSelect\n        name=\"name\"\n        placeholder=\"请输入搜索关键字\"\n        allowClear\n        width={330}\n        secondary\n        options={\n          [\n            {\n              v: 'v1',\n              l: 'l1',\n            },\n            {\n              v: 'v2',\n              l: 'l3',\n            },\n            {\n              v: 'v4',\n              l: 'l5',\n            },\n          ] as any\n        }\n        fieldProps={{\n          fieldNames: {\n            value: 'v',\n            label: 'l',\n            options: 'options',\n          },\n          showArrow: false,\n          showSearch: true, // 使单选模式可搜索\n          popupMatchSelectWidth: false,\n          optionFilterProp: 'label', // 搜索时过滤对应的 option 属性\n          optionLabelProp: 'label', // 回填到选择框的 Option 的属性值\n          searchValue,\n          open: selectOpen,\n          onBlur: () => onBlur(),\n          onFocus: () => onFocus(),\n          onSearch: (val) => onSearch(val),\n          onSelect: () => onSelect(),\n        }}\n      />\n      <div className=\"keys\">\n        <b>常用关键字：</b>\n        {['l', 'c', 'a'].map((item) => {\n          return (\n            <span\n              key={item}\n              onClick={onClick}\n              style={{\n                marginInlineStart: 8,\n                cursor: 'pointer',\n              }}\n            >\n              {item}\n            </span>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"},37220:function(n,e){"use strict";e.Z="import { ProForm, ProFormSelect } from '@szc-ft/szcd';\n\nfunction App() {\n  return (\n    <div className=\"App\">\n      <ProForm>\n        <ProFormSelect\n          showSearch\n          name=\"select\"\n          request={async () => {\n            console.log('请求1');\n            return [{ label: '选项1', value: '1' }];\n          }}\n        />\n      </ProForm>\n      <ProForm>\n        <ProFormSelect\n          showSearch\n          name=\"select\"\n          request={async () => {\n            console.log('请求2');\n            return [{ label: '选项2', value: '2' }];\n          }}\n        />\n      </ProForm>\n    </div>\n  );\n}\n\nexport default App;\n"},17465:function(n,e){"use strict";e.Z="import { ProForm, ProFormTreeSelect } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst treeData = [\n  {\n    title: 'Node1',\n    treeValue: '0-0',\n    children: [\n      {\n        title: 'Child Node1',\n        treeValue: '0-0-0',\n      },\n    ],\n  },\n  {\n    title: 'Node2',\n    treeValue: '0-1',\n    children: [\n      {\n        title: 'Child Node3',\n        treeValue: '0-1-0',\n      },\n      {\n        title: 'Child Node4',\n        treeValue: '0-1-1',\n      },\n      {\n        title: 'Child Node5',\n        treeValue: '0-1-2',\n      },\n    ],\n  },\n];\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default function App() {\n  const [searchValue, setSearchValue] = useState('');\n  const [selectOpen, setSelectOpen] = useState(false);\n\n  function onBlur() {\n    setSelectOpen(false);\n  }\n\n  function onFocus() {\n    setSelectOpen(true);\n  }\n\n  /** 点击常用关键字的字母 */\n  function onClick(e: any) {\n    const text = e.target as HTMLSpanElement;\n    // 更改搜索框文字\n    setSearchValue(text.innerText);\n    onFocus();\n  }\n\n  /** 下拉搜索 */\n  function onSearch(value: string) {\n    setSearchValue(value);\n  }\n\n  return (\n    <div>\n      <ProForm\n        initialValues={{\n          name: ['0-0'],\n        }}\n        onFinish={async (e) => console.log(e)}\n      >\n        <ProFormTreeSelect\n          name=\"name\"\n          placeholder=\"请输入搜索关键字\"\n          allowClear\n          width={330}\n          label=\"TreeSelect异步加载\"\n          secondary\n          request={async () => {\n            await waitTime(1000);\n            return treeData;\n          }}\n          fieldProps={{\n            showArrow: false,\n            filterTreeNode: true,\n            showSearch: true, // 使单选模式可搜索\n            popupMatchSelectWidth: false,\n            searchValue,\n            labelInValue: true,\n            autoClearSearchValue: true,\n            open: selectOpen,\n            multiple: true,\n            treeNodeFilterProp: 'title',\n            fieldNames: {\n              label: 'title',\n              value: 'treeValue',\n            },\n            onBlur: () => onBlur(),\n            onFocus: () => onFocus(),\n            onSearch: (val) => onSearch(val),\n          }}\n        />\n        <ProFormTreeSelect\n          name=\"name2\"\n          initialValue={['0-0', '0-1']}\n          label=\"TreeSelect treeData\"\n          placeholder=\"请输入搜索关键字\"\n          allowClear\n          width={330}\n          secondary\n          fieldProps={{\n            treeData,\n            showArrow: false,\n            filterTreeNode: true,\n            showSearch: true, // 使单选模式可搜索\n            popupMatchSelectWidth: false,\n            labelInValue: true,\n            autoClearSearchValue: true,\n            multiple: true,\n            treeNodeFilterProp: 'title',\n            fieldNames: {\n              label: 'title',\n              value: 'treeValue',\n            },\n          }}\n        />\n        <div className=\"keys\">\n          <b>常用关键字：</b>\n          {['l', 'c', 'a'].map((item) => {\n            return (\n              <span\n                key={item}\n                onClick={onClick}\n                style={{\n                  marginInlineStart: 8,\n                  cursor: 'pointer',\n                }}\n              >\n                {item}\n              </span>\n            );\n          })}\n        </div>\n      </ProForm>\n    </div>\n  );\n}\n"},12242:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDependency,\n  ProFormList,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\n\nconst Demo = () => {\n  return (\n    <ProForm>\n      <ProFormSelect\n        options={[\n          {\n            value: \'select\',\n            label: \'选择框\',\n          },\n          {\n            value: \'input\',\n            label: \'输入框\',\n          },\n        ]}\n        width="xs"\n        name="globalUseMode"\n        label="全局生效方式组件的类型"\n      />\n      <ProFormList\n        name={[\'default\', \'users\']}\n        label="用户信息"\n        initialValue={[\n          {\n            name: \'1111\',\n          },\n        ]}\n        alwaysShowItemLabel\n      >\n        <ProForm.Group key="group">\n          <ProFormSelect\n            options={[\n              {\n                value: \'select\',\n                label: \'选择框\',\n              },\n              {\n                value: \'input\',\n                label: \'输入框\',\n              },\n            ]}\n            width="xs"\n            name="useMode"\n            label="生效方式组件的类型"\n          />\n          <ProFormDependency name={[\'useMode\']}>\n            {({ useMode }) => {\n              if (useMode === \'select\') {\n                return (\n                  <ProFormSelect\n                    options={[\n                      {\n                        value: \'chapter\',\n                        label: \'盖章后生效\',\n                      },\n                    ]}\n                    width="md"\n                    name="function"\n                    label="生效方式"\n                  />\n                );\n              }\n              return (\n                <ProFormText width="md" name="function" label="生效方式" />\n              );\n            }}\n          </ProFormDependency>\n\n          <ProFormDependency\n            key="globalUseMode"\n            name={[\'globalUseMode\']}\n            ignoreFormListField\n          >\n            {({ globalUseMode }) => {\n              if (globalUseMode === \'select\') {\n                return (\n                  <ProFormSelect\n                    options={[\n                      {\n                        value: \'chapter\',\n                        label: \'盖章后生效\',\n                      },\n                    ]}\n                    width="md"\n                    name="gfunction"\n                    label="外层联动生效方式"\n                  />\n                );\n              }\n              return (\n                <ProFormText\n                  width="md"\n                  name="gfunction"\n                  label="外层联动生效方式"\n                />\n              );\n            }}\n          </ProFormDependency>\n        </ProForm.Group>\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n'},49564:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormDependency,\n  ProFormGroup,\n  ProFormList,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { Form } from '@szc-ft/szcd';\nimport type { NamePath } from 'antd/lib/form/interface';\n\nconst Demo = () => {\n  const initialValues = {\n    a: 1,\n    b: 2,\n    c: {\n      a: 3,\n      b: 4,\n      c: {\n        a: 5,\n      },\n      d: [{ a: 6, b: 7 }],\n      e: [{ a: 8, b: 9 }],\n    },\n  };\n  const depName1: NamePath[] = [\n    'a',\n    'b',\n    ['c', 'a'],\n    ['c', 'b'],\n    ['c', 'c', 'a'],\n    ['c', 'd'],\n    ['c', 'e'],\n  ];\n  const depName2: NamePath[] = ['a', 'b', ['c', 'a']];\n  const depName3: NamePath[] = ['a', 'b', ['c', 'a']];\n  return (\n    <ProForm initialValues={initialValues}>\n      <ProFormGroup>\n        <ProFormText name=\"a\" label=\"a\" />\n        <ProFormText name=\"b\" label=\"b\" />\n        <ProFormText name={['c', 'a']} label=\"c.a\" />\n        <ProFormText name={['c', 'b']} label=\"c.b\" />\n        <ProFormText name={['c', 'c', 'a']} label=\"c.c.a\" />\n        <ProFormGroup title=\"c.d\">\n          <ProFormList name={['c', 'd']}>\n            <ProFormGroup key=\"group\">\n              <ProFormText name=\"a\" label=\"a\" />\n              <ProFormText name=\"b\" label=\"b\" />\n              <ProFormDependency name={depName3}>\n                {(depValues) => (\n                  <Form.Item\n                    label={`搜集依赖值（情形3） <ProFormDependency name={${JSON.stringify(\n                      depName3,\n                    )}}>`}\n                    extra=\"a, b, c.a取自局部\"\n                  >\n                    <pre>\n                      <code>{JSON.stringify(depValues, null, 2)}</code>\n                    </pre>\n                  </Form.Item>\n                )}\n              </ProFormDependency>\n            </ProFormGroup>\n          </ProFormList>\n        </ProFormGroup>\n        <ProFormGroup title=\"c.e\">\n          <ProFormList name={['c', 'e']}>\n            <ProFormGroup key=\"group\">\n              <ProFormText name=\"a\" label=\"a\" />\n              <ProFormText name=\"b\" label=\"b\" />\n              <ProFormDependency name={depName2} ignoreFormListField>\n                {(depValues) => (\n                  <Form.Item\n                    label={`搜集依赖值（情形2) <ProFormDependency name={${JSON.stringify(\n                      depName2,\n                    )}} ignoreFormListField>`}\n                    extra=\"a, b, c.a取自全局\"\n                  >\n                    <pre>\n                      <code>{JSON.stringify(depValues)}</code>\n                    </pre>\n                  </Form.Item>\n                )}\n              </ProFormDependency>\n            </ProFormGroup>\n          </ProFormList>\n        </ProFormGroup>\n      </ProFormGroup>\n      <ProFormGroup\n        title={`收集依赖值（情形1) <ProFormDependency name={${JSON.stringify(\n          depName1,\n        )}}>`}\n      >\n        <ProFormDependency name={depName1}>\n          {(depValues) => (\n            <pre>\n              <code>{JSON.stringify(depValues)}</code>\n            </pre>\n          )}\n        </ProFormDependency>\n      </ProFormGroup>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n"},47737:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDateTimePicker,\n  ProFormDateTimeRangePicker,\n  ProFormDependency,\n  ProFormDigit,\n  ProFormFieldSet,\n  ProFormRadio,\n  ProFormRate,\n  ProFormSelect,\n  ProFormSlider,\n  ProFormSwitch,\n  ProFormText,\n  ProFormTimePicker,\n  ProFormUploadButton,\n  ProFormUploadDragger,\n} from '@szc-ft/szcd';\n\nconst options = [\n  {\n    id: 1,\n    label: '测试测试1',\n    value: 1,\n  },\n  {\n    id: 2,\n    label: '测试测试2',\n    value: 2,\n  },\n  {\n    id: 3,\n    label: '测试测试3',\n    value: 3,\n  },\n  {\n    id: 4,\n    label: '测试测试4',\n    value: 4,\n  },\n  {\n    id: 5,\n    label: '测试测试5',\n    value: 5,\n  },\n  {\n    id: 6,\n    label: '测试测试6',\n    value: 6,\n  },\n  {\n    id: 7,\n    label: '测试测试7',\n    value: 7,\n  },\n  {\n    id: 8,\n    label: '测试测试8',\n    value: 8,\n  },\n  {\n    id: 9,\n    label: '测试测试9',\n    value: 9,\n  },\n  {\n    id: 10,\n    label: '测试测试10',\n    value: 10,\n  },\n  {\n    id: 11,\n    label: '测试测试11',\n    value: 11,\n  },\n  {\n    id: 12,\n    label: '测试测试12',\n    value: 12,\n  },\n];\n\nconst Demo = () => (\n  <div\n    style={{\n      padding: 24,\n    }}\n  >\n    <ProForm\n      readonly\n      name=\"validate_other\"\n      initialValues={{\n        'select-multiple': ['red', 'green'],\n        'select-multiple2': [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],\n        useMode: 'all',\n        switch: true,\n        'input-number': 3,\n        'checkbox-group': ['A', 'B'],\n        rate: 3.5,\n        name: '蚂蚁金服有限公司',\n        radio: 'a',\n        list: ['1', '2', '3'],\n        select: 'china',\n        'radio-button': 'a',\n        dragger: [\n          {\n            uid: '1',\n            name: 'xxx.png',\n            status: 'done',\n            response: 'Server Error 500', // custom error message to show\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n          {\n            uid: '2',\n            name: 'yyy.png',\n            status: 'done',\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n          {\n            uid: '3',\n            name: 'zzz.png',\n            status: 'error',\n            response: 'Server Error 500', // custom error message to show\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n        ],\n        upload: [\n          {\n            uid: '1',\n            name: 'xxx.png',\n            status: 'done',\n            response: 'Server Error 500', // custom error message to show\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n          {\n            uid: '2',\n            name: 'yyy.png',\n            status: 'done',\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n          {\n            uid: '3',\n            name: 'zzz.png',\n            status: 'error',\n            response: 'Server Error 500', // custom error message to show\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/7%24YOiS6YIm/huaban.png',\n          },\n        ],\n        date: Date.now(),\n        dateWeek: Date.now(),\n        dateMonth: Date.now(),\n        dateQuarter: Date.now(),\n        dateYear: Date.now(),\n        dateTime: Date.now(),\n        time: '00:01:05',\n        timeRange: ['05:00:00', '11:00:00'],\n        dateTimeRange: [Date.now(), Date.now() - 1000 * 60 * 60 * 24],\n        dateRange: [Date.now(), Date.now() - 1000 * 60 * 60 * 24],\n      }}\n      onValuesChange={(_, values) => {\n        console.log(values);\n      }}\n      onFinish={async (value) => console.log(value)}\n    >\n      <ProForm.Group title=\"基础数据\">\n        <ProFormText\n          width=\"md\"\n          name=\"name\"\n          label=\"name\"\n          fieldProps={{\n            prefix: 'prefix',\n            suffix: 'suffix',\n          }}\n        />\n        <ProFormSelect\n          name=\"select\"\n          label=\"Select\"\n          valueEnum={{\n            china: 'China',\n            usa: 'U.S.A',\n          }}\n          placeholder=\"Please select a country\"\n          rules={[{ required: true, message: 'Please select your country!' }]}\n        />\n        <ProFormSelect\n          width=\"md\"\n          request={async () => [\n            { label: '全部', value: 'all' },\n            { label: '未解决', value: 'open' },\n            { label: '已解决', value: 'closed' },\n            { label: '解决中', value: 'processing' },\n          ]}\n          name=\"useMode\"\n          label=\"合同约定生效方式\"\n        />\n        <ProFormSelect\n          name=\"select-multiple\"\n          label=\"Select[multiple]\"\n          valueEnum={{\n            red: 'Red',\n            green: 'Green',\n            blue: 'Blue',\n          }}\n          fieldProps={{\n            mode: 'multiple',\n          }}\n          placeholder=\"Please select favorite colors\"\n          rules={[\n            {\n              required: true,\n              message: 'Please select your favorite colors!',\n              type: 'array',\n            },\n          ]}\n        />\n        <ProFormSelect\n          name=\"select-multiple2\"\n          label=\"Select[multiple]\"\n          options={options}\n          fieldProps={{\n            mode: 'multiple',\n          }}\n          placeholder=\"Please select favorite colors\"\n          rules={[\n            {\n              required: true,\n              message: 'Please select your favorite colors!',\n              type: 'array',\n            },\n          ]}\n        />\n        <ProFormDigit\n          label=\"InputNumber\"\n          name=\"input-number\"\n          min={1}\n          max={10}\n        />\n        <ProFormSwitch\n          name=\"switch\"\n          label=\"Switch\"\n          unCheckedChildren=\"不同意\"\n          checkedChildren=\"同意\"\n        />\n        <ProFormSlider\n          name=\"slider\"\n          label=\"Slider\"\n          marks={{\n            0: 'A',\n            20: 'B',\n            40: 'C',\n            60: 'D',\n            80: 'E',\n            100: 'F',\n          }}\n        />\n      </ProForm.Group>\n      <ProFormRadio.Group\n        name=\"radio\"\n        label=\"Radio.Group\"\n        options={[\n          {\n            label: 'item 1',\n            value: 'a',\n          },\n          {\n            label: 'item 2',\n            value: 'b',\n          },\n          {\n            label: 'item 3',\n            value: 'c',\n          },\n        ]}\n      />\n      <ProForm.Group>\n        <ProFormText hidden label=\"text1\" />\n        <ProFormText label=\"text2\" />\n      </ProForm.Group>\n      <ProFormRadio.Group\n        name=\"radio-button\"\n        label=\"Radio.Button\"\n        radioType=\"button\"\n        options={[\n          {\n            label: 'item 1',\n            value: 'a',\n          },\n          {\n            label: 'item 2',\n            value: 'b',\n          },\n          {\n            label: 'item 3',\n            value: 'c',\n          },\n        ]}\n      />\n      <ProFormCheckbox.Group\n        name=\"checkbox-group\"\n        label=\"Checkbox.Group\"\n        options={['A', 'B', 'C', 'D', 'E', 'F']}\n      />\n      <ProFormRate name=\"rate\" label=\"Rate\" />\n      <ProFormUploadButton\n        name=\"upload\"\n        label=\"Upload\"\n        max={2}\n        action=\"/upload.do\"\n        extra=\"longgggggggggggggggggggggggggggggggggg\"\n      />\n      <ProFormFieldSet\n        name=\"list\"\n        label=\"组件列表\"\n        transform={(value: any) => ({ startTime: value[0], endTime: value[1] })}\n      >\n        <ProFormText width=\"md\" />\n        -\n        <ProFormText width=\"md\" />\n        -\n        <ProFormText width=\"md\" />\n      </ProFormFieldSet>\n      <ProFormUploadDragger max={4} label=\"Dragger\" name=\"dragger\" />\n\n      <ProForm.Group title=\"日期相关分组\">\n        <ProFormDatePicker name=\"date\" label=\"日期\" />\n        <ProFormDatePicker\n          name=\"date\"\n          fieldProps={{\n            format: 'YY-MM',\n          }}\n          label=\"年月\"\n        />\n        <ProFormTimePicker name=\"time\" label=\"时间\" />\n        <ProFormTimePicker.RangePicker name=\"timeRange\" label=\"时间区间\" />\n        <ProFormDatePicker.Week name=\"dateWeek\" label=\"周\" />\n        <ProFormDatePicker.Month name=\"dateMonth\" label=\"月\" />\n        <ProFormDatePicker.Quarter name=\"dateQuarter\" label=\"季度\" />\n        <ProFormDatePicker.Year name=\"dateYear\" label=\"年\" />\n        <ProFormDateTimePicker\n          name=\"dateTime\"\n          label=\"日期时间\"\n          fieldProps={{\n            format: (value) => value.format('YYYY-MM-DD'),\n          }}\n        />\n        <ProFormDateRangePicker name=\"dateRange\" label=\"日期区间\" />\n        <ProFormDateTimeRangePicker name=\"dateTimeRange\" label=\"日期时间区间\" />\n      </ProForm.Group>\n      <ProForm.Group title=\"其他相关分组\">\n        <ProForm.Item label=\"互相依赖的表单\">\n          <ProFormDependency name={['list']}>\n            {({ list }) => {\n              return <div>{JSON.stringify(list, null, 2)}</div>;\n            }}\n          </ProFormDependency>\n        </ProForm.Item>\n        <ProFormFieldSet name=\"list\" label=\"组件列表\">\n          <ProFormText width=\"md\" />\n          <ProFormSelect\n            width=\"md\"\n            request={async () => [\n              { label: '全部', value: 'all' },\n              { label: '未解决', value: 'open' },\n              { label: '已解决', value: 'closed' },\n              { label: '解决中', value: 'processing' },\n            ]}\n            name=\"useMode\"\n            label=\"合同约定生效方式\"\n          />\n          <ProFormText width=\"md\" />\n        </ProFormFieldSet>\n\n        <ProFormFieldSet\n          name=\"list\"\n          label=\"组件列表- Input.Group\"\n          type=\"group\"\n          rules={[\n            {\n              validator: (_, value) => {\n                const [name, name1, name2] = value || [];\n                if (!name) {\n                  throw new Error('第一个值不能为空');\n                }\n                if (!name1) {\n                  throw new Error('第二个值不能为空');\n                }\n                if (!name2) {\n                  throw new Error('第三个值不能为空');\n                }\n              },\n            },\n          ]}\n          transform={(value: any) => ({\n            list: value,\n            startTime: value[0],\n            endTime: value[1],\n          })}\n        >\n          <ProFormText width=\"md\" />\n          <ProFormText width=\"md\" />\n          <ProFormText width=\"md\" />\n        </ProFormFieldSet>\n\n        <ProFormFieldSet\n          name=\"list\"\n          label=\"组件列表\"\n          transform={(value: any) => ({\n            list: value,\n            startTime: value[0],\n            endTime: value[1],\n          })}\n        >\n          <ProFormText width=\"md\" />\n          -\n          <ProFormText width=\"md\" />\n          -\n          <ProFormText width=\"md\" />\n        </ProFormFieldSet>\n      </ProForm.Group>\n    </ProForm>\n  </div>\n);\n\nexport default Demo;\n"},46044:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormCheckbox,\n  ProFormColorPicker,\n  ProFormDigit,\n  ProFormDigitRange,\n  ProFormGroup,\n  ProFormRadio,\n  ProFormRate,\n  ProFormSegmented,\n  ProFormSelect,\n  ProFormSlider,\n  ProFormSwitch,\n  ProFormText,\n  ProFormUploadButton,\n  ProFormUploadDragger,\n} from '@szc-ft/szcd';\nimport { Switch } from '@szc-ft/szcd';\nimport Mock from 'mockjs';\nimport { useState } from 'react';\n\nexport const waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nconst Demo = () => {\n  const [readonly, setReadonly] = useState(false);\n  return (\n    <div\n      style={{\n        padding: 24,\n      }}\n    >\n      <Switch\n        style={{\n          marginBlockEnd: 16,\n        }}\n        checked={readonly}\n        checkedChildren=\"编辑\"\n        unCheckedChildren=\"只读\"\n        onChange={setReadonly}\n      />\n      <ProForm\n        readonly={readonly}\n        name=\"validate_other\"\n        initialValues={{\n          name: 'qixian',\n          password: '1ixian',\n          select: 'china',\n          select2: '520000201604258831',\n          useMode: { label: '未解决', value: 'open', key: 'open' },\n          'select-multiple': ['green', 'blue'],\n          radio: 'a',\n          'radio-vertical': 'b',\n          'radio-button': 'b',\n          'checkbox-group': ['A', 'B', 'C'],\n          'input-number-range': [2, 4],\n          'input-number': 3,\n          switch: true,\n          slider: 66,\n          rate: 3.5,\n          segmented: 'open',\n          segmented2: 'open',\n        }}\n        onValuesChange={(_, values) => {\n          console.log(values);\n        }}\n        onFinish={async (value) => console.log(value)}\n      >\n        <ProFormGroup title=\"文本类\">\n          <ProFormText width=\"md\" name=\"name\" label=\"name\" />\n          <ProFormText.Password width=\"md\" name=\"password\" label=\"password\" />\n        </ProFormGroup>\n        <ProFormGroup\n          title=\"选择类\"\n          collapsible\n          style={{\n            gap: '0 32px',\n          }}\n        >\n          <ProFormSelect\n            name=\"select\"\n            label=\"Select\"\n            valueEnum={{\n              china: 'China',\n              usa: 'U.S.A',\n            }}\n            placeholder=\"Please select a country\"\n            rules={[{ required: true, message: 'Please select your country!' }]}\n          />\n          <ProFormSelect\n            name=\"select2\"\n            label=\"支持搜索查询的 Select\"\n            showSearch\n            debounceTime={300}\n            request={async ({ keyWords }) => {\n              await waitTime(100);\n              console.log(\n                Mock.mock({\n                  'data|1-10': [\n                    {\n                      value: '@id',\n                      label: '@name',\n                    },\n                  ],\n                }).data.concat({\n                  value: keyWords,\n                  label: '目标_target',\n                }),\n              );\n              return Mock.mock({\n                'data|1-10': [\n                  {\n                    value: '@id',\n                    label: '@name',\n                  },\n                ],\n              }).data.concat([\n                {\n                  value: keyWords,\n                  label: '目标_target',\n                },\n                { value: '520000201604258831', label: 'Patricia Lopez' },\n                { value: '520000198509222123', label: 'Jose Martinez' },\n                { value: '210000200811194757', label: 'Elizabeth Thomas' },\n                { value: '530000198808222758', label: 'Scott Anderson' },\n                { value: '500000198703236285', label: 'George Jackson' },\n                { value: '610000199906148074', label: 'Linda Hernandez' },\n                { value: '150000197210168659', label: 'Sandra Hall' },\n                { label: '目标_target' },\n              ]);\n            }}\n            placeholder=\"Please select a country\"\n            rules={[{ required: true, message: 'Please select your country!' }]}\n          />\n          <ProFormSelect\n            width=\"md\"\n            fieldProps={{\n              labelInValue: true,\n            }}\n            request={async () => [\n              { label: '全部', value: 'all' },\n              { label: '未解决', value: 'open' },\n              { label: '已解决', value: 'closed' },\n              { label: '解决中', value: 'processing' },\n            ]}\n            name=\"useMode\"\n            label=\"合同约定生效方式\"\n          />\n          <ProFormSelect\n            name=\"select-multiple\"\n            label=\"Select[multiple]\"\n            valueEnum={{\n              red: 'Red',\n              green: 'Green',\n              blue: 'Blue',\n            }}\n            fieldProps={{\n              mode: 'multiple',\n            }}\n            placeholder=\"Please select favorite colors\"\n            rules={[\n              {\n                required: true,\n                message: 'Please select your favorite colors!',\n                type: 'array',\n              },\n            ]}\n          />\n\n          <ProFormRadio.Group\n            name=\"radio\"\n            label=\"Radio.Group\"\n            options={[\n              {\n                label: 'item 1',\n                value: 'a',\n              },\n              {\n                label: 'item 2',\n                value: 'b',\n              },\n              {\n                label: 'item 3',\n                value: 'c',\n              },\n            ]}\n          />\n          <ProFormRadio.Group\n            name=\"radio-vertical\"\n            layout=\"vertical\"\n            label=\"Radio.Group\"\n            options={[\n              {\n                label: 'item 1',\n                value: 'a',\n              },\n              {\n                label: 'item 2',\n                value: 'b',\n              },\n              {\n                label: 'item 3',\n                value: 'c',\n              },\n            ]}\n          />\n          <ProFormRadio.Group\n            name=\"radio-button\"\n            label=\"Radio.Button\"\n            radioType=\"button\"\n            options={[\n              {\n                label: 'item 1',\n                value: 'a',\n              },\n              {\n                label: 'item 2',\n                value: 'b',\n              },\n              {\n                label: 'item 3',\n                value: 'c',\n              },\n            ]}\n          />\n          <ProFormCheckbox.Group\n            name=\"checkbox-group\"\n            label=\"Checkbox.Group\"\n            options={['A', 'B', 'C', 'D', 'E', 'F']}\n          />\n          <ProFormColorPicker label=\"颜色选择\" name=\"color\" />\n        </ProFormGroup>\n        <ProFormGroup label=\"数字类\">\n          <ProFormDigitRange\n            label=\"InputNumberRange\"\n            name=\"input-number-range\"\n            separator=\"-\"\n            placeholder={['最小值', '最大值']}\n            separatorWidth={60}\n          />\n          <ProFormDigit\n            label=\"InputNumber\"\n            name=\"input-number\"\n            width=\"sm\"\n            min={1}\n            max={10}\n          />\n          <ProFormSwitch name=\"switch\" label=\"Switch\" />\n          <ProFormSlider\n            name=\"slider\"\n            label=\"Slider\"\n            width=\"lg\"\n            marks={{\n              0: 'A',\n              20: 'B',\n              40: 'C',\n              60: 'D',\n              80: 'E',\n              100: 'F',\n            }}\n          />\n          <ProFormRate name=\"rate\" label=\"Rate\" />\n          <ProFormUploadButton name=\"pic\" label=\"上传\" />\n          <ProFormUploadDragger name=\"drag-pic\" label=\"拖拽上传\" />\n          <ProFormSegmented\n            name=\"segmented\"\n            label=\"分段控制器\"\n            valueEnum={{\n              open: '未解决',\n              closed: '已解决',\n            }}\n          />\n          <ProFormSegmented\n            name=\"segmented2\"\n            label=\"分段控制器-远程数据\"\n            request={async () => [\n              { label: '全部', value: 'all' },\n              { label: '未解决', value: 'open' },\n              { label: '已解决', value: 'closed' },\n              { label: '解决中', value: 'processing' },\n            ]}\n          />\n        </ProFormGroup>\n      </ProForm>\n    </div>\n  );\n};\n\nexport default Demo;\n"},81822:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDateMonthRangePicker,\n  ProFormDatePicker,\n  ProFormDateQuarterRangePicker,\n  ProFormDateRangePicker,\n  ProFormDateTimePicker,\n  ProFormDateTimeRangePicker,\n  ProFormDateWeekRangePicker,\n  ProFormDateYearRangePicker,\n  ProFormTimePicker,\n} from \'@szc-ft/szcd\';\nimport { Switch } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [readonly, setReadonly] = useState(false);\n  return (\n    <div\n      style={{\n        padding: 24,\n      }}\n    >\n      <Switch\n        style={{\n          marginBlockEnd: 16,\n        }}\n        checked={readonly}\n        checkedChildren="编辑"\n        unCheckedChildren="只读"\n        onChange={setReadonly}\n      />\n      <ProForm\n        readonly={readonly}\n        initialValues={{\n          date: Date.now(),\n          dateWeek: Date.now(),\n          dateMonth: Date.now(),\n          dateQuarter: Date.now(),\n          dateYear: Date.now(),\n          dateTime: Date.now(),\n          time: \'00:01:05\',\n          timeRange: [\'05:00:00\', \'11:00:00\'],\n          dateTimeRange: [Date.now(), Date.now() - 1000 * 60 * 60 * 24],\n          dateRange: [Date.now(), Date.now() - 1000 * 60 * 60 * 24],\n        }}\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n      >\n        <ProForm.Group title="日期相关分组">\n          <ProFormDatePicker name="date" label="日期" />\n          <ProFormDatePicker\n            name="date"\n            fieldProps={{\n              format: \'YY-MM\',\n            }}\n            label="年月"\n          />\n          <ProFormTimePicker name="time" label="时间" />\n          <ProFormTimePicker.RangePicker name="timeRange" label="时间区间" />\n          <ProFormDatePicker.Week name="dateWeek" label="周" />\n          <ProFormDateWeekRangePicker name="dateWeekRange" label="周区间" />\n          <ProFormDatePicker.Month name="dateMonth" label="月" />\n          <ProFormDateMonthRangePicker name="dateMonthRange" label="月区间" />\n          <ProFormDatePicker.Quarter name="dateQuarter" label="季度" />\n          <ProFormDateQuarterRangePicker\n            name="dateQuarterRange"\n            label="季度区间"\n          />\n          <ProFormDatePicker.Year name="dateYear" label="年" />\n          <ProFormDateYearRangePicker name="dateYearRange" label="年区间" />\n          <ProFormDateTimePicker\n            name="dateTime"\n            label="日期时间"\n            fieldProps={{\n              format: (value) => value.format(\'YYYY-MM-DD\'),\n            }}\n          />\n          <ProFormDateRangePicker name="dateRange" label="日期区间" />\n          <ProFormDateTimeRangePicker\n            name="dateTimeRange"\n            label="日期时间区间"\n          />\n        </ProForm.Group>\n      </ProForm>\n    </div>\n  );\n};\n'},75690:function(n,e){"use strict";e.Z="import {\n  LightFilter,\n  ProFormFieldSet,\n  ProFormSelect,\n  ProFormText,\n} from '@szc-ft/szcd';\n\nexport default function App() {\n  return (\n    <div className=\"App\">\n      <LightFilter\n        initialValues={{\n          name: [\n            {\n              label: '包含',\n              value: 'Like',\n            },\n            '123',\n          ],\n        }}\n        placement={'bottomLeft'}\n      >\n        <ProFormFieldSet\n          label=\"筛选\"\n          name={'name'}\n          lightProps={{\n            labelFormatter: (value) => {\n              return value.join(' ');\n            },\n          }}\n          transform={(value: any) => {\n            return {\n              filter: [\n                {\n                  operator: value[0],\n                  value: value[1],\n                },\n              ],\n            };\n          }}\n        >\n          <ProFormSelect\n            fieldProps={{\n              labelInValue: true,\n            }}\n            valueEnum={{\n              Like: '包合',\n              NotLike: '不包合',\n              Eq: '等于',\n              NotEq: '不等于',\n            }}\n          />\n          <ProFormText placeholder=\"请输入\" />\n        </ProFormFieldSet>\n      </LightFilter>\n    </div>\n  );\n}\n"},36198:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDependency,\n  ProFormFieldSet,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Switch } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [readonly, setReadonly] = useState(false);\n  return (\n    <div\n      style={{\n        padding: 24,\n      }}\n    >\n      <Switch\n        style={{\n          marginBlockEnd: 16,\n        }}\n        checked={readonly}\n        checkedChildren="编辑"\n        unCheckedChildren="只读"\n        onChange={setReadonly}\n      />\n      <ProForm\n        readonly={readonly}\n        initialValues={{\n          list: [\'1\', \'2\', \'3\'],\n        }}\n      >\n        <ProForm.Item label="互相依赖的表单">\n          <ProFormDependency name={[\'list\']}>\n            {({ list }) => {\n              return <div>{JSON.stringify(list, null, 2)}</div>;\n            }}\n          </ProFormDependency>\n        </ProForm.Item>\n        <ProFormFieldSet name="list" label="组件列表">\n          <ProFormText width="md" />\n          <ProFormSelect\n            width="md"\n            request={async () => [\n              { label: \'全部\', value: \'all\' },\n              { label: \'未解决\', value: \'open\' },\n              { label: \'已解决\', value: \'closed\' },\n              { label: \'解决中\', value: \'processing\' },\n            ]}\n            name="useMode"\n            label="合同约定生效方式"\n          />\n          <ProFormText width="md" />\n        </ProFormFieldSet>\n\n        <ProFormFieldSet\n          name="list"\n          label="组件列表- Input.Group"\n          type="group"\n          rules={[\n            {\n              validator: (_, value) => {\n                const [name, name1, name2] = value || [];\n                if (!name) {\n                  throw new Error(\'第一个值不能为空\');\n                }\n                if (!name1) {\n                  throw new Error(\'第二个值不能为空\');\n                }\n                if (!name2) {\n                  throw new Error(\'第三个值不能为空\');\n                }\n              },\n            },\n          ]}\n          transform={(value: any) => ({\n            list: value,\n            startTime: value[0],\n            endTime: value[1],\n          })}\n        >\n          <ProFormText width="md" />\n          <ProFormText width="md" />\n          <ProFormText width="md" />\n        </ProFormFieldSet>\n\n        <ProFormFieldSet\n          name="list"\n          label="组件列表"\n          transform={(value: any) => ({\n            list: value,\n            startTime: value[0],\n            endTime: value[1],\n          })}\n        >\n          <ProFormText width="md" readonly />\n          -\n          <ProFormText width="md" readonly />\n          -\n          <ProFormText width="md" readonly />\n        </ProFormFieldSet>\n      </ProForm>\n    </div>\n  );\n};\n'},12214:function(n,e){"use strict";e.Z='import { ProForm, ProFormCaptcha } from \'@szc-ft/szcd\';\n\nimport type { CaptFieldRef } from \'@szc-ft/szcd\';\nimport { Button, message } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const captchaRef = useRef<CaptFieldRef | null | undefined>();\n  const inputRef = useRef();\n\n  return (\n    <ProForm\n      title="新建表单"\n      submitter={{\n        render: (props, doms) => {\n          return [\n            ...doms,\n            <Button\n              htmlType="button"\n              onClick={() => {\n                captchaRef.current?.startTiming();\n              }}\n              key="edit"\n            >\n              手动开始计数\n            </Button>,\n            <Button\n              htmlType="button"\n              onClick={() => {\n                captchaRef.current?.endTiming();\n              }}\n              key="edit"\n            >\n              手动结束计数\n            </Button>,\n          ];\n        },\n      }}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success(\'提交成功\');\n        return true;\n      }}\n    >\n      <ProFormCaptcha\n        onGetCaptcha={() => {\n          // dosomething()\n          return new Promise((resolve, reject) => {\n            reject();\n          });\n        }}\n        fieldRef={captchaRef}\n        fieldProps={{ ref: inputRef }}\n        name="code"\n      />\n    </ProForm>\n  );\n};\n'},51147:function(n,e){"use strict";e.Z="import { ProForm, ProFormSelect } from '@szc-ft/szcd';\nimport { Switch } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nexport default () => {\n  const [readonly, setReadonly] = useState(false);\n  return (\n    <div\n      style={{\n        padding: 24,\n      }}\n    >\n      <Switch\n        style={{\n          marginBlockEnd: 16,\n        }}\n        checked={readonly}\n        checkedChildren=\"编辑\"\n        unCheckedChildren=\"只读\"\n        onChange={setReadonly}\n      />\n      <ProForm readonly={readonly}>\n        <ProForm.Group>\n          <ProFormSelect.SearchSelect\n            name=\"userQuery\"\n            label=\"查询选择器 - request\"\n            fieldProps={{\n              labelInValue: true,\n              style: {\n                minWidth: 140,\n              },\n            }}\n            debounceTime={300}\n            request={async ({ keyWords = '' }) => {\n              return [\n                { label: '全部', value: 'all' },\n                { label: '未解决', value: 'open' },\n                { label: '未解决(已分配)', value: 'assignees' },\n                { label: '已解决', value: 'closed' },\n                { label: '解决中', value: 'processing' },\n              ].filter(({ value, label }) => {\n                return value.includes(keyWords) || label.includes(keyWords);\n              });\n            }}\n          />\n          <ProFormSelect.SearchSelect\n            name=\"userQuery2\"\n            label=\"查询选择器 - valueEnum\"\n            fieldProps={{\n              style: {\n                minWidth: 140,\n              },\n            }}\n            valueEnum={{\n              all: { text: '全部', status: 'Default' },\n              open: {\n                text: '未解决',\n                status: 'Error',\n              },\n              closed: {\n                text: '已解决',\n                status: 'Success',\n              },\n              processing: {\n                text: '解决中',\n                status: 'Processing',\n              },\n            }}\n          />\n          <ProFormSelect.SearchSelect\n            name=\"userQuery3\"\n            label=\"查询选择器 - options\"\n            fieldProps={{\n              labelInValue: false,\n              style: {\n                minWidth: 140,\n              },\n            }}\n            options={[\n              { label: '全部', value: 'all' },\n              { label: '未解决', value: 'open' },\n              { label: '已解决', value: 'closed' },\n              { label: '解决中', value: 'processing' },\n            ]}\n          />\n        </ProForm.Group>\n      </ProForm>\n    </div>\n  );\n};\n"},36102:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormUploadButton,\n  ProFormUploadDragger,\n} from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProForm>\n      <ProFormUploadButton\n        name="upload"\n        label="Upload"\n        max={2}\n        fieldProps={{\n          name: \'file\',\n        }}\n        action="/upload.do"\n        extra="longgggggggggggggggggggggggggggggggggg"\n      />\n      <ProFormUploadButton\n        name="upload"\n        label="Upload"\n        max={2}\n        fieldProps={{\n          name: \'file\',\n          listType: \'picture-card\',\n        }}\n        action="/upload.do"\n        extra="longgggggggggggggggggggggggggggggggggg"\n      />\n      <ProFormUploadDragger max={4} label="Dragger" name="dragger" />\n    </ProForm>\n  );\n};\n'},21251:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormDependency,\n  ProFormList,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nconst Demo = () => {\n  return (\n    <ProForm>\n      <ProFormList\n        name={['default', 'users']}\n        label=\"用户信息\"\n        initialValue={[\n          {\n            name: '1111',\n          },\n        ]}\n        itemContainerRender={(doms) => {\n          return <ProForm.Group>{doms}</ProForm.Group>;\n        }}\n        alwaysShowItemLabel\n      >\n        {(f, index, action) => {\n          console.log(f, index, action);\n          return (\n            <>\n              <ProFormText\n                initialValue={index}\n                name=\"rowKey\"\n                label={`第 ${index} 配置`}\n              />\n              <ProFormText name=\"name\" key=\"name\" label=\"姓名\" />\n              <ProFormDependency key=\"remark\" name={['name']}>\n                {({ name }) => {\n                  if (!name) {\n                    return (\n                      <span\n                        style={{\n                          lineHeight: '92px',\n                        }}\n                      >\n                        输入姓名展示\n                      </span>\n                    );\n                  }\n                  return <ProFormText name=\"remark\" label=\"昵称详情\" />;\n                }}\n              </ProFormDependency>\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'flex-end',\n                  gap: '8px',\n                  height: 60,\n                }}\n              >\n                <Button\n                  type=\"primary\"\n                  key=\"SET\"\n                  onClick={() => {\n                    action.setCurrentRowData({\n                      name: 'New Name' + index,\n                      remark: 'New Remark' + index,\n                    });\n                  }}\n                >\n                  设置此行\n                </Button>\n\n                <Button\n                  type=\"dashed\"\n                  key=\"clear\"\n                  onClick={() => {\n                    action.setCurrentRowData({\n                      name: undefined,\n                      remark: undefined,\n                    });\n                  }}\n                >\n                  清空此行\n                </Button>\n              </div>\n            </>\n          );\n        }}\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n"},83166:function(n,e){"use strict";e.Z="import { CloseOutlined, SnippetsOutlined } from '@szc-ft/szcd';\nimport type { FormListActionType } from '@szc-ft/szcd';\nimport { ProForm, ProFormList, ProFormText } from '@szc-ft/szcd';\nimport { useRef } from 'react';\n\nexport default () => {\n  const actionRef = useRef<\n    FormListActionType<{\n      name: string;\n    }>\n  >();\n  return (\n    <>\n      <ProForm>\n        <ProFormList\n          copyIconProps={{\n            Icon: SnippetsOutlined,\n          }}\n          deleteIconProps={{\n            Icon: CloseOutlined,\n          }}\n          min={1}\n          max={4}\n          actionRef={actionRef}\n          actionGuard={{\n            beforeAddRow: async (defaultValue, insertIndex, count) => {\n              return new Promise((resolve) => {\n                console.log(defaultValue?.name, insertIndex, count);\n                setTimeout(() => resolve(true), 1000);\n              });\n            },\n            beforeRemoveRow: async (index, count) => {\n              const row = actionRef.current?.get(index as number);\n              console.log('---\x3e', index, count, row);\n              return new Promise((resolve) => {\n                if (index === 0) {\n                  resolve(false);\n                  return;\n                }\n                setTimeout(() => resolve(true), 1000);\n              });\n            },\n          }}\n          name=\"users\"\n          label=\"用户信息\"\n          initialValue={[\n            {\n              name: '1111',\n            },\n          ]}\n        >\n          <ProFormText key=\"useMode\" name=\"name\" label=\"姓名\" />\n        </ProFormList>\n      </ProForm>\n    </>\n  );\n};\n"},17043:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormDependency,\n  ProFormList,\n  ProFormSelect,\n  ProFormText,\n} from '@szc-ft/szcd';\n\nconst Demo = () => {\n  return (\n    <ProForm>\n      <ProFormList\n        name={['default', 'users']}\n        label=\"用户信息\"\n        initialValue={[\n          {\n            name: '我是姓名',\n          },\n        ]}\n        itemContainerRender={(doms) => {\n          return <ProForm.Group>{doms}</ProForm.Group>;\n        }}\n      >\n        {(f, index, action) => {\n          console.log(f, index, action);\n          return (\n            <>\n              <ProFormText\n                initialValue={index}\n                name=\"rowKey\"\n                label={`第 ${index} 配置`}\n              />\n              <ProFormText name=\"name\" label=\"姓名\" />\n              <ProFormDependency name={['name']}>\n                {({ name }) => {\n                  if (!name) {\n                    return (\n                      <span\n                        style={{\n                          lineHeight: '32px',\n                        }}\n                      >\n                        输入姓名展示\n                      </span>\n                    );\n                  }\n                  return <ProFormText name=\"remark\" label=\"昵称详情\" />;\n                }}\n              </ProFormDependency>\n              <ProFormSelect\n                name=\"addr\"\n                width=\"md\"\n                label=\"与 name 联动的选择器\"\n                dependencies={['name']}\n                request={async (params) => [\n                  { label: params.name, value: 'all' },\n                  { label: 'Unresolved', value: 'open' },\n                  { label: 'Resolved', value: 'closed' },\n                  { label: 'Resolving', value: 'processing' },\n                ]}\n              />\n            </>\n          );\n        }}\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n"},85834:function(n,e){"use strict";e.Z="import {\n  ProCard,\n  ProForm,\n  ProFormList,\n  ProFormText,\n} from '@szc-ft/szcd';\n\nconst Demo = () => {\n  return (\n    <ProForm layout=\"horizontal\">\n      <ProFormList\n        name=\"attributes\"\n        label=\"规格\"\n        creatorButtonProps={{\n          creatorButtonText: '添加规格项',\n        }}\n        min={1}\n        copyIconProps={false}\n        itemRender={({ listDom, action }, { index }) => (\n          <ProCard\n            bordered\n            style={{ marginBlockEnd: 8 }}\n            title={`规格${index + 1}`}\n            extra={action}\n            bodyStyle={{ paddingBlockEnd: 0 }}\n          >\n            {listDom}\n          </ProCard>\n        )}\n        creatorRecord={{ name: '', items: [{ name: '' }] }}\n        initialValue={[\n          { name: '颜色', items: [{ name: '红' }, { name: '黄' }] },\n        ]}\n      >\n        <ProFormText\n          style={{ padding: 0 }}\n          width=\"md\"\n          name=\"name\"\n          label=\"规格名\"\n        />\n        <ProForm.Item isListField style={{ marginBlockEnd: 0 }} label=\"规格值\">\n          <ProFormList\n            name=\"items\"\n            creatorButtonProps={{\n              creatorButtonText: '新建',\n              icon: false,\n              type: 'link',\n              style: { width: 'unset' },\n            }}\n            min={1}\n            copyIconProps={false}\n            deleteIconProps={{ tooltipText: '删除' }}\n            itemRender={({ listDom, action }) => (\n              <div\n                style={{\n                  display: 'inline-flex',\n                  marginInlineEnd: 25,\n                }}\n              >\n                {listDom}\n                {action}\n              </div>\n            )}\n          >\n            <ProFormText allowClear={false} width=\"xs\" name={['name']} />\n          </ProFormList>\n        </ProForm.Item>\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n"},21851:function(n,e){"use strict";e.Z="import { CloseCircleOutlined, SmileOutlined } from '@szc-ft/szcd';\nimport {\n  ProForm,\n  ProFormGroup,\n  ProFormList,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { Segmented } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst Demo = () => {\n  const [readonly, setReadonly] = useState(false);\n  return (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 16,\n      }}\n    >\n      <ProForm.Item name=\"mode\" label=\"模式\">\n        <Segmented\n          block\n          options={[\n            {\n              label: '编辑',\n              title: '编辑',\n              value: 'edit',\n            },\n            {\n              label: '只读',\n              title: '只读',\n              value: 'readonly',\n            },\n          ]}\n          onChange={(e) => {\n            setReadonly(e === 'readonly');\n          }}\n        />\n      </ProForm.Item>\n      <ProForm readonly={readonly} onFinish={async (e) => console.log(e)}>\n        <ProFormText name=\"name\" label=\"姓名\" />\n\n        <ProFormList\n          name=\"labels\"\n          label=\"用户信息\"\n          initialValue={[\n            {\n              value: '333',\n              label: '333',\n            },\n          ]}\n          copyIconProps={{ Icon: SmileOutlined, tooltipText: '复制此行到末尾' }}\n          deleteIconProps={{\n            Icon: CloseCircleOutlined,\n            tooltipText: '不需要这行了',\n          }}\n        >\n          <ProFormGroup key=\"group\">\n            <ProFormText name=\"value\" label=\"值\" />\n            <ProFormText name=\"label\" label=\"显示名称\" />\n          </ProFormGroup>\n        </ProFormList>\n      </ProForm>\n    </div>\n  );\n};\n\nexport default Demo;\n"},68419:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDatePicker,\n  ProFormDigit,\n  ProFormFieldSet,\n  ProFormGroup,\n  ProFormList,\n  ProFormRadio,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nconst Demo = () => {\n  const [position, setPosition] = useState<\'bottom\' | \'top\'>(\'bottom\');\n  return (\n    <>\n      <ProFormRadio.Group\n        fieldProps={{\n          value: position,\n          onChange: (e) => setPosition(e.target.value),\n        }}\n        options={[\n          {\n            label: \'顶部\',\n            value: \'top\',\n          },\n          {\n            label: \'底部\',\n            value: \'bottom\',\n          },\n        ]}\n      />\n      <ProForm\n        onFinish={async (values) => {\n          console.log(\'Received values of form:\', values);\n        }}\n      >\n        <ProFormText width="sm" name="id" label="主合同编号" />\n        <ProFormText\n          name="project"\n          width="md"\n          label="项目名称"\n          initialValue="xxxx项目"\n        />\n        <ProFormText\n          width="xs"\n          name="mangerName"\n          label="商务经理"\n          initialValue="启途"\n        />\n        <ProFormList\n          name="users"\n          label="用户信息"\n          rules={[\n            {\n              required: true,\n              validator: async (_, value) => {\n                console.log(value);\n                if (value && value.length > 0) {\n                  return;\n                }\n                throw new Error(\'至少要有一项！\');\n              },\n            },\n          ]}\n          creatorButtonProps={{\n            position,\n          }}\n          creatorRecord={{\n            name: \'test\',\n          }}\n          initialValue={[\n            {\n              name: \'1111\',\n              nickName: \'1111\',\n              age: 111,\n              birth: \'2021-02-18\',\n              sex: \'man\',\n              addrList: [{ addr: [\'taiyuan\', \'changfeng\'] }],\n            },\n          ]}\n        >\n          <ProFormGroup key="group">\n            <ProFormText\n              rules={[\n                {\n                  required: true,\n                },\n              ]}\n              name="name"\n              label="姓名"\n            />\n            <ProFormDigit name="age" label="年龄" width="sm" />\n            <ProFormSelect\n              label="性别"\n              name="sex"\n              width="xs"\n              valueEnum={{\n                man: \'男性\',\n                woman: \'女性\',\n              }}\n            />\n            <ProFormDatePicker name="birth" label="出生日期" />\n            <ProFormFieldSet name="addr" label="地址">\n              <ProFormSelect\n                valueEnum={{\n                  taiyuan: \'山西\',\n                  hangzhou: \'杭州\',\n                }}\n              />\n              <ProFormSelect\n                valueEnum={{\n                  changfeng: \'长风街\',\n                  gongzhuan: \'工专路\',\n                }}\n              />\n            </ProFormFieldSet>\n          </ProFormGroup>\n        </ProFormList>\n      </ProForm>\n    </>\n  );\n};\n\nexport default Demo;\n'},45393:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProForm,\n  ProFormGroup,\n  ProFormList,\n  ProFormText,\n} from \'@szc-ft/szcd\';\n\nconst Demo = () => {\n  return (\n    <ProForm onFinish={async (e) => console.log(e)}>\n      <ProFormText name="name" label="姓名" />\n      <ProFormList\n        name="users"\n        label="用户信息"\n        initialValue={[\n          {\n            name: \'1111\',\n          },\n        ]}\n        itemRender={({ listDom, action }, { record }) => {\n          return (\n            <ProCard\n              bordered\n              extra={action}\n              title={record?.name}\n              style={{\n                marginBlockEnd: 8,\n              }}\n            >\n              {listDom}\n            </ProCard>\n          );\n        }}\n      >\n        <ProFormGroup>\n          <ProFormText name="name" label="姓名" />\n          <ProFormText name="nickName" label="昵称" />\n        </ProFormGroup>\n        <ProFormList\n          name="labels"\n          label="用户信息"\n          initialValue={[\n            {\n              value: \'333\',\n              label: \'333\',\n            },\n          ]}\n          copyIconProps={{\n            tooltipText: \'复制此行到末尾\',\n          }}\n          deleteIconProps={{\n            tooltipText: \'不需要这行了\',\n          }}\n        >\n          <ProFormGroup key="group">\n            <ProFormText name="value" label="值" />\n            <ProFormText name="label" label="显示名称" />\n          </ProFormGroup>\n        </ProFormList>\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n'},58455:function(n,e){"use strict";e.Z='import type { FormListActionType } from \'@szc-ft/szcd\';\nimport {\n  ProCard,\n  ProForm,\n  ProFormGroup,\n  ProFormList,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst Demo = () => {\n  const actionRef = useRef<\n    FormListActionType<{\n      name: string;\n    }>\n  >();\n  return (\n    <>\n      <Space\n        style={{\n          marginBlockEnd: 24,\n        }}\n      >\n        <Button\n          type="primary"\n          onClick={() => {\n            const list = actionRef.current?.getList();\n            actionRef.current?.add({\n              name: \'新增\' + list?.length,\n            });\n          }}\n        >\n          增加一行\n        </Button>\n        <Button\n          danger\n          onClick={() => {\n            actionRef.current?.remove(1);\n          }}\n        >\n          删除一行\n        </Button>\n        <Button\n          onClick={() => {\n            actionRef.current?.move(1, 0);\n          }}\n        >\n          移动到第一行\n        </Button>\n        <Button\n          type="dashed"\n          onClick={() => {\n            const row = actionRef.current?.get(1);\n            console.log(row);\n          }}\n        >\n          获取一行数据\n        </Button>\n        <Button\n          type="dashed"\n          onClick={() => {\n            const row = actionRef.current?.getList();\n            console.log(row);\n          }}\n        >\n          获取所有数据\n        </Button>\n      </Space>\n      <ProForm onFinish={async (e) => console.log(e)}>\n        <ProFormList\n          name="users"\n          label="用户信息"\n          initialValue={[\n            {\n              name: \'1111\',\n            },\n          ]}\n          creatorRecord={{\n            name: \'222\',\n          }}\n          actionGuard={{\n            beforeAddRow: async (defaultValue, insertIndex) => {\n              return new Promise((resolve) => {\n                console.log(defaultValue, insertIndex);\n                setTimeout(() => resolve(true), 1000);\n              });\n            },\n            beforeRemoveRow: async (index) => {\n              return new Promise((resolve) => {\n                if (index === 0) {\n                  message.error(\'这行不能删\');\n                  resolve(false);\n                  return;\n                }\n                setTimeout(() => resolve(true), 1000);\n              });\n            },\n          }}\n          itemRender={({ listDom, action }, { record }) => {\n            return (\n              <ProCard\n                bordered\n                extra={action}\n                title={record?.name}\n                style={{\n                  marginBlockEnd: 8,\n                }}\n              >\n                {listDom}\n              </ProCard>\n            );\n          }}\n          actionRef={actionRef}\n        >\n          <ProFormGroup key="group">\n            <ProFormText name="name" label="姓名" />\n            <ProFormText name="age" label="年龄" />\n          </ProFormGroup>\n        </ProFormList>\n      </ProForm>\n    </>\n  );\n};\n\nexport default Demo;\n'},1433:function(n,e){"use strict";e.Z='import { PlusOutlined } from \'@szc-ft/szcd\';\nimport {\n  DrawerForm,\n  ModalForm,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const formRef = useRef();\n  return (\n    <div\n      style={{\n        height: \'325px\',\n      }}\n    >\n      <Space>\n        <DrawerForm<{\n          name: string;\n          company: string;\n        }>\n          title="新建表单"\n          formRef={formRef}\n          trigger={\n            <Button type="primary">\n              <PlusOutlined />\n              新建 Drawer 表单\n            </Button>\n          }\n          drawerProps={{\n            forceRender: true,\n            destroyOnClose: true,\n          }}\n          onFinish={async (values) => {\n            await waitTime(2000);\n            console.log(values.name);\n            message.success(\'提交成功\');\n            // 不返回不会关闭弹框\n            return true;\n          }}\n        >\n          <DrawerForm<{\n            name: string;\n            company: string;\n          }>\n            title="新建表单"\n            formRef={formRef}\n            trigger={\n              <Button type="primary">\n                <PlusOutlined />\n                新建 Drawer 表单\n              </Button>\n            }\n            drawerProps={{\n              forceRender: true,\n              destroyOnClose: true,\n            }}\n            onFinish={async (values) => {\n              await waitTime(2000);\n              console.log(values.name);\n              message.success(\'提交成功\');\n              // 不返回不会关闭弹框\n              return true;\n            }}\n          >\n            <ProForm.Group>\n              <ProFormText\n                name="name"\n                width="md"\n                label="签约客户名称"\n                tooltip="最长为 24 位"\n                placeholder="请输入名称"\n              />\n              <ProFormText\n                width="md"\n                name="company"\n                label="我方公司名称"\n                placeholder="请输入名称"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormText\n                width="md"\n                name="contract"\n                label="合同名称"\n                placeholder="请输入名称"\n              />\n              <ProFormDateRangePicker\n                name="contractTime"\n                label="合同生效时间"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormSelect\n                options={[\n                  {\n                    value: \'chapter\',\n                    label: \'盖章后生效\',\n                  },\n                ]}\n                width="xs"\n                name="useMode"\n                label="合同约定生效方式"\n              />\n              <ProFormSelect\n                width="xs"\n                options={[\n                  {\n                    value: \'time\',\n                    label: \'履行完终止\',\n                  },\n                ]}\n                name="unusedMode"\n                label="合同约定失效效方式"\n              />\n            </ProForm.Group>\n            <ProFormText width="sm" name="id" label="主合同编号" />\n            <ProFormText\n              name="project"\n              disabled\n              label="项目名称"\n              initialValue="xxxx项目"\n            />\n            <ProFormText\n              width="xs"\n              name="mangerName"\n              disabled\n              label="商务经理"\n              initialValue="启途"\n            />\n          </DrawerForm>\n        </DrawerForm>\n\n        <ModalForm<{\n          name: string;\n          company: string;\n        }>\n          title="新建表单"\n          formRef={formRef}\n          trigger={\n            <Button type="primary">\n              <PlusOutlined />\n              新建 Model 表单\n            </Button>\n          }\n          modalProps={{\n            forceRender: true,\n            destroyOnClose: true,\n          }}\n          onFinish={async (values) => {\n            await waitTime(2000);\n            console.log(values.name);\n            message.success(\'提交成功\');\n            // 不返回不会关闭弹框\n            return true;\n          }}\n        >\n          <ModalForm<{\n            name: string;\n            company: string;\n          }>\n            title="新建表单"\n            formRef={formRef}\n            trigger={\n              <Button type="primary">\n                <PlusOutlined />\n                新建 Model 表单\n              </Button>\n            }\n            modalProps={{\n              forceRender: true,\n              destroyOnClose: true,\n            }}\n            onFinish={async (values) => {\n              await waitTime(2000);\n              console.log(values.name);\n              message.success(\'提交成功\');\n              // 不返回不会关闭弹框\n              return true;\n            }}\n          >\n            <ProForm.Group>\n              <ProFormText\n                name="name"\n                width="md"\n                label="签约客户名称"\n                tooltip="最长为 24 位"\n                placeholder="请输入名称"\n              />\n              <ProFormText\n                width="md"\n                name="company"\n                label="我方公司名称"\n                placeholder="请输入名称"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormText\n                width="md"\n                name="contract"\n                label="合同名称"\n                placeholder="请输入名称"\n              />\n              <ProFormDateRangePicker\n                name="contractTime"\n                label="合同生效时间"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormSelect\n                options={[\n                  {\n                    value: \'chapter\',\n                    label: \'盖章后生效\',\n                  },\n                ]}\n                width="xs"\n                name="useMode"\n                label="合同约定生效方式"\n              />\n              <ProFormSelect\n                width="xs"\n                options={[\n                  {\n                    value: \'time\',\n                    label: \'履行完终止\',\n                  },\n                ]}\n                name="unusedMode"\n                label="合同约定失效效方式"\n              />\n            </ProForm.Group>\n            <ProFormText width="sm" name="id" label="主合同编号" />\n            <ProFormText\n              name="project"\n              disabled\n              label="项目名称"\n              initialValue="xxxx项目"\n            />\n            <ProFormText\n              width="xs"\n              name="mangerName"\n              disabled\n              label="商务经理"\n              initialValue="启途"\n            />\n          </ModalForm>\n        </ModalForm>\n      </Space>\n    </div>\n  );\n};\n'},10736:function(n,e){"use strict";e.Z='import { PlusOutlined } from \'@szc-ft/szcd\';\nimport {\n  DrawerForm,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, Form, message } from \'@szc-ft/szcd\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [form] = Form.useForm<{ name: string; company: string }>();\n\n  return (\n    <DrawerForm<{\n      name: string;\n      company: string;\n    }>\n      title="新建表单"\n      resize={{\n        onResize() {\n          console.log(\'resize!\');\n        },\n        maxWidth: window.innerWidth * 0.8,\n        minWidth: 300,\n      }}\n      form={form}\n      trigger={\n        <Button type="primary">\n          <PlusOutlined />\n          新建表单\n        </Button>\n      }\n      autoFocusFirstInput\n      drawerProps={{\n        destroyOnClose: true,\n      }}\n      submitTimeout={2000}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values.name);\n        message.success(\'提交成功\');\n        // 不返回不会关闭弹框\n        return true;\n      }}\n    >\n      <ProForm.Group>\n        <ProFormText\n          name="name"\n          width="md"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n        <ProFormText\n          rules={[\n            {\n              required: true,\n            },\n          ]}\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormText\n          width="md"\n          name="contract"\n          label="合同名称"\n          placeholder="请输入名称"\n        />\n        <ProFormDateRangePicker name="contractTime" label="合同生效时间" />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormSelect\n          options={[\n            {\n              value: \'chapter\',\n              label: \'盖章后生效\',\n            },\n          ]}\n          width="xs"\n          name="useMode"\n          label="合同约定生效方式"\n        />\n        <ProFormSelect\n          width="xs"\n          options={[\n            {\n              value: \'time\',\n              label: \'履行完终止\',\n            },\n          ]}\n          formItemProps={{\n            style: {\n              margin: 0,\n            },\n          }}\n          name="unusedMode"\n          label="合同约定失效效方式"\n        />\n      </ProForm.Group>\n      <ProFormText width="sm" name="id" label="主合同编号" />\n      <ProFormText\n        name="project"\n        disabled\n        label="项目名称"\n        initialValue="xxxx项目"\n      />\n      <ProFormText\n        width="xs"\n        name="mangerName"\n        disabled\n        label="商务经理"\n        initialValue="启途"\n      />\n    </DrawerForm>\n  );\n};\n'},27831:function(n,e){"use strict";e.Z='import type { ProFormInstance } from \'@szc-ft/szcd\';\nimport { ModalForm, ProFormText } from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\nimport { useRef, useState } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const restFormRef = useRef<ProFormInstance>();\n  const formRef = useRef<ProFormInstance>();\n  const [modalVisible, setModalVisible] = useState<boolean>(false);\n\n  return (\n    <Space>\n      <ModalForm\n        title="新建表单"\n        formRef={restFormRef}\n        open={modalVisible}\n        trigger={\n          <Button\n            type="primary"\n            onClick={() => {\n              setModalVisible(true);\n            }}\n          >\n            通过 formRef 重置\n          </Button>\n        }\n        onOpenChange={setModalVisible}\n        submitter={{\n          searchConfig: {\n            resetText: \'重置\',\n          },\n          resetButtonProps: {\n            onClick: () => {\n              restFormRef.current?.resetFields();\n              //   setModalVisible(false);\n            },\n          },\n        }}\n        onFinish={async (values) => {\n          await waitTime(2000);\n          console.log(values);\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n      <ModalForm\n        title="新建表单"\n        formRef={formRef}\n        trigger={<Button type="primary">通过自定义 footer 按钮重置</Button>}\n        submitter={{\n          render: (props, defaultDoms) => {\n            return [\n              ...defaultDoms,\n              <Button\n                key="extra-reset"\n                onClick={() => {\n                  props.reset();\n                }}\n              >\n                重置\n              </Button>,\n            ];\n          },\n        }}\n        onFinish={async (values) => {\n          await waitTime(2000);\n          console.log(values);\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n    </Space>\n  );\n};\n'},91642:function(n,e){"use strict";e.Z='import { ModalForm, ProFormText } from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  return (\n    <Space>\n      <ModalForm\n        title="新建表单"\n        trigger={<Button type="primary">自己定义 footer 的按钮</Button>}\n        submitter={{\n          render: (props, defaultDoms) => {\n            return [\n              ...defaultDoms,\n              <Button\n                key="ok"\n                onClick={() => {\n                  props.submit();\n                }}\n              >\n                ok\n              </Button>,\n            ];\n          },\n        }}\n        onFinish={async (values) => {\n          await waitTime(2000);\n          console.log(values);\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n      <ModalForm\n        title="新建表单"\n        trigger={<Button type="primary">自定义文字</Button>}\n        submitter={{\n          searchConfig: {\n            submitText: \'确认\',\n            resetText: \'取消\',\n          },\n        }}\n        onFinish={async (values) => {\n          await waitTime(2000);\n          console.log(values);\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n      <ModalForm\n        title="新建表单"\n        trigger={<Button type="primary">隐藏或修改按钮样式</Button>}\n        submitter={{\n          resetButtonProps: {\n            type: \'dashed\',\n          },\n          submitButtonProps: {\n            style: {\n              display: \'none\',\n            },\n          },\n        }}\n        onFinish={async (values) => {\n          await waitTime(2000);\n          console.log(values);\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n      <ModalForm\n        title="隐藏footer"\n        trigger={<Button type="primary">隐藏footer</Button>}\n        submitter={false}\n      >\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ModalForm>\n    </Space>\n  );\n};\n'},89310:function(n,e){"use strict";e.Z='import { PlusOutlined } from \'@szc-ft/szcd\';\nimport {\n  ModalForm,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, Form, message } from \'@szc-ft/szcd\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [form] = Form.useForm<{ name: string; company: string }>();\n  return (\n    <ModalForm<{\n      name: string;\n      company: string;\n    }>\n      title="新建表单"\n      trigger={\n        <Button type="primary">\n          <PlusOutlined />\n          新建表单\n        </Button>\n      }\n      form={form}\n      autoFocusFirstInput\n      modalProps={{\n        destroyOnClose: true,\n        onCancel: () => console.log(\'run\'),\n      }}\n      submitTimeout={2000}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values.name);\n        message.success(\'提交成功\');\n        return true;\n      }}\n    >\n      <ProForm.Group>\n        <ProFormText\n          width="md"\n          name="name"\n          label="签约客户名称"\n          tooltip="最长为 24 位"\n          placeholder="请输入名称"\n        />\n\n        <ProFormText\n          width="md"\n          name="company"\n          label="我方公司名称"\n          placeholder="请输入名称"\n        />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormText\n          width="md"\n          name="contract"\n          label="合同名称"\n          placeholder="请输入名称"\n        />\n        <ProFormDateRangePicker name="contractTime" label="合同生效时间" />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormSelect\n          request={async () => [\n            {\n              value: \'chapter\',\n              label: \'盖章后生效\',\n            },\n          ]}\n          width="xs"\n          name="useMode"\n          label="合同约定生效方式"\n        />\n        <ProFormSelect\n          width="xs"\n          options={[\n            {\n              value: \'time\',\n              label: \'履行完终止\',\n            },\n          ]}\n          name="unusedMode"\n          label="合同约定失效效方式"\n        />\n      </ProForm.Group>\n      <ProFormText width="sm" name="id" label="主合同编号" />\n      <ProFormText\n        name="project"\n        disabled\n        label="项目名称"\n        initialValue="xxxx项目"\n      />\n      <ProFormText\n        width="xs"\n        name="mangerName"\n        disabled\n        label="商务经理"\n        initialValue="启途"\n      />\n    </ModalForm>\n  );\n};\n'},41265:function(n,e){"use strict";e.Z='import { PlusOutlined } from \'@szc-ft/szcd\';\nimport {\n  DrawerForm,\n  ModalForm,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nexport default () => {\n  const [modalVisit, setModalVisit] = useState(false);\n  const [drawerVisit, setDrawerVisit] = useState(false);\n\n  return (\n    <>\n      <Space>\n        <Button\n          type="primary"\n          onClick={() => {\n            setModalVisit(true);\n          }}\n        >\n          <PlusOutlined />\n          Modal 展示\n        </Button>\n        <Button\n          type="primary"\n          onClick={() => {\n            setDrawerVisit(true);\n          }}\n        >\n          <PlusOutlined />\n          Drawer 展示\n        </Button>\n      </Space>\n      <ModalForm\n        title="新建表单"\n        open={modalVisit}\n        onFinish={async () => {\n          message.success(\'提交成功\');\n          return true;\n        }}\n        onOpenChange={setModalVisit}\n      >\n        <ProForm.Group>\n          <ProFormText\n            width="md"\n            name="name"\n            label="签约客户名称"\n            tooltip="最长为 24 位"\n            placeholder="请输入名称"\n          />\n\n          <ProFormText\n            width="md"\n            name="company"\n            label="我方公司名称"\n            placeholder="请输入名称"\n          />\n        </ProForm.Group>\n        <ProForm.Group>\n          <ProFormText\n            width="md"\n            name="contract"\n            label="合同名称"\n            placeholder="请输入名称"\n          />\n          <ProFormDateRangePicker name="contractTime" label="合同生效时间" />\n        </ProForm.Group>\n        <ProForm.Group>\n          <ProFormSelect\n            options={[\n              {\n                value: \'chapter\',\n                label: \'盖章后生效\',\n              },\n            ]}\n            width="xs"\n            name="useMode"\n            label="合同约定生效方式"\n          />\n          <ProFormSelect\n            width="xs"\n            options={[\n              {\n                value: \'time\',\n                label: \'履行完终止\',\n              },\n            ]}\n            name="unusedMode"\n            label="合同约定失效效方式"\n          />\n        </ProForm.Group>\n        <ProFormText width="sm" name="id" label="主合同编号" />\n        <ProFormText\n          name="project"\n          disabled\n          label="项目名称"\n          initialValue="xxxx项目"\n        />\n        <ProFormText\n          width="xs"\n          name="mangerName"\n          disabled\n          label="商务经理"\n          initialValue="启途"\n        />\n      </ModalForm>\n      <DrawerForm\n        onOpenChange={setDrawerVisit}\n        title="新建表单"\n        open={drawerVisit}\n        onFinish={async () => {\n          message.success(\'提交成功\');\n          return true;\n        }}\n      >\n        <ProForm.Group>\n          <ProFormText\n            width="md"\n            name="name"\n            label="签约客户名称"\n            tooltip="最长为 24 位"\n            placeholder="请输入名称"\n          />\n\n          <ProFormText\n            width="md"\n            name="company"\n            label="我方公司名称"\n            placeholder="请输入名称"\n          />\n        </ProForm.Group>\n        <ProForm.Group>\n          <ProFormText\n            width="md"\n            name="contract"\n            label="合同名称"\n            placeholder="请输入名称"\n          />\n          <ProFormDateRangePicker name="contractTime" label="合同生效时间" />\n        </ProForm.Group>\n        <ProForm.Group>\n          <ProFormSelect\n            options={[\n              {\n                value: \'chapter\',\n                label: \'盖章后生效\',\n              },\n            ]}\n            width="xs"\n            name="useMode"\n            label="合同约定生效方式"\n          />\n          <ProFormSelect\n            width="xs"\n            options={[\n              {\n                value: \'time\',\n                label: \'履行完终止\',\n              },\n            ]}\n            name="unusedMode"\n            label="合同约定失效效方式"\n          />\n        </ProForm.Group>\n        <ProFormText width="sm" name="id" label="主合同编号" />\n        <ProFormText\n          name="project"\n          disabled\n          label="项目名称"\n          initialValue="xxxx项目"\n        />\n        <ProFormText\n          width="xs"\n          name="mangerName"\n          disabled\n          label="商务经理"\n          initialValue="启途"\n        />\n      </DrawerForm>\n    </>\n  );\n};\n'},79454:function(n,e){"use strict";e.Z="import { FilterOutlined } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormCascader,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormRadio,\n  ProFormSelect,\n  ProFormTreeSelect,\n} from '@szc-ft/szcd';\nimport { TreeSelect } from '@szc-ft/szcd';\n\nconst treeData = [\n  {\n    title: 'Node1',\n    value: '0-0',\n    key: '0-0',\n    children: [\n      {\n        title: 'Child Node1',\n        value: '0-0-0',\n        key: '0-0-0',\n      },\n    ],\n  },\n  {\n    title: 'Node2',\n    value: '0-1',\n    key: '0-1',\n    children: [\n      {\n        title: 'Child Node3',\n        value: '0-1-0',\n        key: '0-1-0',\n      },\n      {\n        title: 'Child Node4',\n        value: '0-1-1',\n        key: '0-1-1',\n      },\n      {\n        title: 'Child Node5',\n        value: '0-1-2',\n        key: '0-1-2',\n      },\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <LightFilter\n      initialValues={{\n        sex: 'man',\n      }}\n      bordered\n      collapseLabel={<FilterOutlined />}\n      onFinish={async (values) => console.log(values)}\n    >\n      <ProFormSelect\n        name=\"sex\"\n        showSearch\n        valueEnum={{\n          man: '男',\n          woman: '女',\n        }}\n        placeholder=\"性别\"\n      />\n      <ProFormRadio.Group\n        name=\"radio\"\n        radioType=\"button\"\n        options={[\n          {\n            value: 'weekly',\n            label: '每周',\n          },\n          {\n            value: 'quarterly',\n            label: '每季度',\n          },\n          {\n            value: 'monthly',\n            label: '每月',\n          },\n          {\n            value: 'yearly',\n            label: '每年',\n          },\n        ]}\n      />\n      <ProFormDatePicker name=\"time\" placeholder=\"日期\" />\n      <ProFormTreeSelect\n        request={async () => treeData}\n        fieldProps={{\n          fieldNames: {\n            label: 'title',\n          },\n          treeCheckable: true,\n          showCheckedStrategy: TreeSelect.SHOW_PARENT,\n          placeholder: 'Please select',\n        }}\n        name=\"treeSelect\"\n      />\n      <ProFormCheckbox.Group\n        name=\"checkbox\"\n        label=\"迁移类型\"\n        width=\"lg\"\n        options={['结构迁移', '全量迁移', '增量迁移', '全量校验']}\n      />\n      <ProFormCascader\n        request={async () => [\n          {\n            value: 'zhejiang',\n            label: '浙江',\n            children: [\n              {\n                value: 'hangzhou',\n                label: '杭州',\n                children: [\n                  {\n                    value: 'xihu',\n                    label: '西湖',\n                  },\n                ],\n              },\n            ],\n          },\n          {\n            value: 'jiangsu',\n            label: 'Jiangsu',\n            children: [\n              {\n                value: 'nanjing',\n                label: 'Nanjing',\n                children: [\n                  {\n                    value: 'zhonghuamen',\n                    label: 'Zhong Hua Men',\n                  },\n                ],\n              },\n            ],\n          },\n        ]}\n        name=\"area\"\n      />\n    </LightFilter>\n  );\n};\n"},57148:function(n,e){"use strict";e.Z="import {\n  LightFilter,\n  ProFormDateTimePicker,\n  ProFormSelect,\n} from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <LightFilter\n      initialValues={{\n        sex: 'man',\n      }}\n      collapse\n      onFinish={async (values) => console.log(values)}\n    >\n      <ProFormSelect\n        name=\"sex\"\n        label=\"性别\"\n        showSearch\n        valueEnum={{\n          man: '男',\n          woman: '女',\n        }}\n      />\n      <ProFormDateTimePicker name=\"time\" label=\"时间\" />\n    </LightFilter>\n  );\n};\n"},88853:function(n,e){"use strict";e.Z='import { LightFilter, ProFormText } from \'@szc-ft/szcd\';\nimport { Button, Radio, Space } from \'@szc-ft/szcd\';\nimport type { SizeType } from \'antd/lib/config-provider/SizeContext\';\nimport React from \'react\';\n\nexport default () => {\n  const [size, setSize] = React.useState<SizeType>(\'middle\');\n  return (\n    <div>\n      <Radio.Group\n        value={size}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n      >\n        <Radio.Button value="middle">Middle</Radio.Button>\n        <Radio.Button value="small">Small</Radio.Button>\n      </Radio.Group>\n\n      <br />\n      <br />\n\n      <Space direction="vertical">\n        <LightFilter\n          size={size}\n          initialValues={{\n            name: \'Jack2\',\n          }}\n        >\n          <ProFormText\n            name="name"\n            label="名称"\n            footerRender={(_, onClear) => (\n              <Button\n                onClick={() => {\n                  onClear?.();\n                }}\n              >\n                自定义footer\n              </Button>\n            )}\n          />\n        </LightFilter>\n\n        <LightFilter\n          size={size}\n          initialValues={{\n            name: \'Jack2\',\n          }}\n        >\n          <ProFormText name="name" label="名称" footerRender={false} />\n        </LightFilter>\n\n        <LightFilter\n          size={size}\n          initialValues={{\n            name: \'Jack2\',\n          }}\n          collapse\n          collapseLabel="footer为false"\n          footerRender={false}\n        >\n          <ProFormText name="name" label="名称" />\n        </LightFilter>\n\n        <LightFilter\n          size={size}\n          initialValues={{\n            name: \'Jack2\',\n          }}\n          collapse\n          collapseLabel="自定义footer"\n          footerRender={(_, onClear) => (\n            <Button\n              onClick={() => {\n                onClear?.();\n              }}\n            >\n              自定义footer\n            </Button>\n          )}\n        >\n          <ProFormText name="name" label="名称" />\n        </LightFilter>\n      </Space>\n    </div>\n  );\n};\n'},84417:function(n,e){"use strict";e.Z='import {\n  LightFilter,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDateTimePicker,\n  ProFormDateTimeRangePicker,\n  ProFormDigit,\n  ProFormFieldSet,\n  ProFormSelect,\n  ProFormSlider,\n  ProFormSwitch,\n  ProFormText,\n  ProFormTimePicker,\n} from \'@szc-ft/szcd\';\nimport { Radio } from \'@szc-ft/szcd\';\nimport React from \'react\';\n\nexport default () => {\n  const [mode, setMode] = React.useState<any>(\'topLeft\');\n  return (\n    <div>\n      <Radio.Group\n        value={mode}\n        onChange={(e) => {\n          setMode(e.target.value);\n        }}\n      >\n        <Radio.Button value="topLeft">topLeft</Radio.Button>\n        <Radio.Button value="topRight">topRight</Radio.Button>\n        <Radio.Button value="bottomLeft">bottomLeft</Radio.Button>\n        <Radio.Button value="bottomRight">bottomRight</Radio.Button>\n      </Radio.Group>\n      <LightFilter\n        placement={mode}\n        style={{\n          marginBlockStart: \'40px\',\n        }}\n      >\n        <ProFormSelect\n          name="sex"\n          label="性别"\n          showSearch\n          allowClear={false}\n          fieldProps={{\n            labelInValue: true,\n          }}\n          valueEnum={{\n            man: \'男\',\n            woman: \'女\',\n          }}\n        />\n        <ProFormSelect\n          name="area"\n          label="地区"\n          mode="multiple"\n          valueEnum={{\n            beijing: \'北京\',\n            shanghai: \'上海\',\n            hangzhou: \'杭州\',\n            long: \'这是一个很长的用来测试溢出的项目\',\n          }}\n        />\n        <ProFormDigit name="count" label="数量" />\n        <ProFormSlider name="range" label="范围" range />\n        <ProFormSlider name="slider" label="范围" />\n        <ProFormText name="name1" label="名称" />\n        <ProFormSwitch name="open" label="开关" secondary />\n        <ProFormText name="name2" label="地址" secondary />\n        <ProFormDatePicker\n          name="name3"\n          label="不能清空的日期"\n          allowClear={false}\n        />\n        <ProFormDateRangePicker name="date" label="日期范围" />\n        <ProFormDateTimePicker name="datetime" label="日期时间" />\n        <ProFormDateTimeRangePicker\n          name="datetimeRanger"\n          label="日期时间范围"\n        />\n        <ProFormTimePicker name="time" label="时间" />\n        <ProFormTimePicker.RangePicker name="timeRanger" label="时间范围" />\n        <ProFormFieldSet name="name" label="姓名">\n          <ProFormText />\n          <ProFormText />\n        </ProFormFieldSet>\n      </LightFilter>\n    </div>\n  );\n};\n'},25350:function(n,e){"use strict";e.Z="import {\n  LightFilter,\n  ProFormCascader,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDateTimePicker,\n  ProFormDateTimeRangePicker,\n  ProFormDigit,\n  ProFormFieldSet,\n  ProFormSelect,\n  ProFormSlider,\n  ProFormSwitch,\n  ProFormText,\n  ProFormTimePicker,\n  ProFormTreeSelect,\n} from '@szc-ft/szcd';\nimport { Radio, TreeSelect } from '@szc-ft/szcd';\nimport type { SizeType } from 'antd/lib/config-provider/SizeContext';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nconst treeData = [\n  {\n    title: 'Node1',\n    value: '0-0',\n    key: '0-0',\n    children: [\n      {\n        title: 'Child Node1',\n        value: '0-0-0',\n        key: '0-0-0',\n      },\n    ],\n  },\n  {\n    title: 'Node2',\n    value: '0-1',\n    key: '0-1',\n    children: [\n      {\n        title: 'Child Node3',\n        value: '0-1-0',\n        key: '0-1-0',\n      },\n      {\n        title: 'Child Node4',\n        value: '0-1-1',\n        key: '0-1-1',\n      },\n      {\n        title: 'Child Node5',\n        value: '0-1-2',\n        key: '0-1-2',\n      },\n    ],\n  },\n];\n\nexport default () => {\n  const [size, setSize] = React.useState<SizeType>('middle');\n  return (\n    <div>\n      <Radio.Group\n        value={size}\n        onChange={(e) => {\n          setSize(e.target.value);\n        }}\n      >\n        <Radio.Button value=\"middle\">Middle</Radio.Button>\n        <Radio.Button value=\"small\">Small</Radio.Button>\n      </Radio.Group>\n      <br />\n      <br />\n      <LightFilter<{\n        sex: string;\n      }>\n        initialValues={{\n          name1: 'yutingzhao1991',\n          name3: '2020-08-19',\n          range: [20, 80],\n          slider: 20,\n          sex: [\n            {\n              value: 'open1',\n              label: '打开',\n            },\n            {\n              value: 'closed2',\n              label: '关闭',\n            },\n          ],\n          datetimeRanger: [\n            dayjs('2019-11-16 12:50:26').add(-1, 'd').valueOf(),\n            dayjs('2019-11-16 12:50:26').valueOf(),\n          ],\n          timeRanger: [\n            dayjs('2019-11-16 12:50:26').add(-1, 'd').valueOf(),\n            dayjs('2019-11-16 12:50:26').valueOf(),\n          ],\n        }}\n        size={size}\n        onFinish={async (values) => console.log(values.sex)}\n      >\n        <ProFormSelect\n          name=\"sex\"\n          label=\"性别\"\n          showSearch\n          allowClear={false}\n          fieldProps={{\n            labelInValue: true,\n          }}\n          valueEnum={{\n            man: '男',\n            woman: '女',\n          }}\n        />\n        <ProFormSelect\n          name=\"area\"\n          label=\"地区\"\n          mode=\"multiple\"\n          valueEnum={{\n            beijing: '北京',\n            shanghai: '上海',\n            hangzhou: '杭州',\n            long: '这是一个很长的用来测试溢出的项目',\n          }}\n        />\n        <ProFormCheckbox.Group\n          name=\"checkbox-group\"\n          label=\"Checkbox.Group\"\n          options={['A', 'B', 'C', 'D', 'E', 'F']}\n        />\n        <ProFormTreeSelect\n          initialValue={['0-0', '0-1']}\n          label=\"树形下拉选择器\"\n          fieldProps={{\n            fieldNames: {\n              label: 'title',\n            },\n            treeData,\n            treeCheckable: true,\n            showCheckedStrategy: TreeSelect.SHOW_PARENT,\n            placeholder: 'Please select',\n          }}\n          name=\"treeSelect\"\n        />\n        <ProFormCascader\n          width=\"md\"\n          request={async () => [\n            {\n              value: 'zhejiang',\n              label: '浙江',\n              children: [\n                {\n                  value: 'hangzhou',\n                  label: '杭州',\n                  children: [\n                    {\n                      value: 'xihu',\n                      label: '西湖',\n                    },\n                  ],\n                },\n              ],\n            },\n            {\n              value: 'jiangsu',\n              label: 'Jiangsu',\n              children: [\n                {\n                  value: 'nanjing',\n                  label: 'Nanjing',\n                  children: [\n                    {\n                      value: 'zhonghuamen',\n                      label: 'Zhong Hua Men',\n                    },\n                  ],\n                },\n              ],\n            },\n          ]}\n          name=\"area\"\n          label=\"区域\"\n          initialValue={['zhejiang', 'hangzhou', 'xihu']}\n        />\n        <ProFormSwitch name=\"open\" label=\"开关\" />\n        <ProFormDigit name=\"count\" label=\"数量\" />\n        <ProFormSlider name=\"range\" label=\"范围\" range />\n        <ProFormSlider name=\"slider\" label=\"范围\" />\n        <ProFormText name=\"name1\" label=\"名称\" />\n        <ProFormSwitch name=\"open\" label=\"开关\" secondary />\n        <ProFormText name=\"name2\" label=\"地址\" secondary />\n        <ProFormDatePicker\n          name=\"name3\"\n          label=\"不能清空的日期\"\n          allowClear={false}\n        />\n        <ProFormDateRangePicker name=\"date\" label=\"日期范围\" />\n        <ProFormDateTimePicker name=\"datetime\" label=\"日期时间\" />\n        <ProFormDateTimeRangePicker\n          name=\"datetimeRanger\"\n          label=\"日期时间范围\"\n        />\n        <ProFormTimePicker name=\"time\" label=\"时间\" />\n        <ProFormTimePicker.RangePicker name=\"timeRanger\" label=\"时间范围\" />\n        <ProFormFieldSet name=\"name\" label=\"姓名\">\n          <ProFormText />\n          <ProFormText />\n        </ProFormFieldSet>\n      </LightFilter>\n    </div>\n  );\n};\n"},50665:function(n,e){"use strict";e.Z='import {\n  ProFormDatePicker,\n  ProFormText,\n  QueryFilter,\n} from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <QueryFilter defaultCollapsed split>\n      <ProFormText name="name" label="应用名称" />\n      <ProFormDatePicker name="createDate" label="创建时间" />\n      <ProFormText name="status" label="应用状态" />\n      <ProFormDatePicker name="replyDate" label="响应日期" />\n      <ProFormDatePicker name="startDate" label="创建时间" />\n      <ProFormDatePicker name="endDate" label="结束时间" />\n    </QueryFilter>\n  );\n};\n'},72095:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDatePicker,\n  ProFormText,\n  QueryFilter,\n} from \'@szc-ft/szcd\';\nimport { Input } from \'@szc-ft/szcd\';\n\nexport default () => {\n  const formProps = {\n    defaultColsNumber: 6,\n  };\n  return (\n    <>\n      <>\n        <QueryFilter {...formProps}>\n          <ProFormDatePicker\n            // key={i}\n            colSize={4}\n            name="test"\n            label="test"\n          />\n          {[...Array(10).keys()].map((i) => (\n            <ProFormDatePicker\n              key={i}\n              name={`startdate${i + 1}`}\n              label={`Date${i + 1}`}\n            />\n          ))}\n        </QueryFilter>\n        <pre>{JSON.stringify(formProps, null, 2)}</pre>\n      </>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        span={6}\n        defaultCollapsed={false}\n      >\n        <ProForm.Item name="name" label="test">\n          <Input />\n        </ProForm.Item>\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="sex" label="性别" />\n      </QueryFilter>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        span={6}\n        defaultCollapsed={false}\n      >\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="creater" label="创建人" />\n        <ProFormText name="sex" label="性别" />\n      </QueryFilter>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        defaultCollapsed={false}\n      >\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="creater" label="创建人" />\n        <ProFormText name="sex" label="性别" />\n        <ProFormText name="status" label="应用状态" />\n        <ProFormText name="startdate" label="响应日期" />\n        <ProFormText name="create" label="创建时间" />\n      </QueryFilter>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        span={12}\n        defaultCollapsed={false}\n      >\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="creater" label="创建人" />\n        <ProFormText name="sex" label="性别" />\n        <ProFormText name="status" label="应用状态" />\n        <ProFormText name="startdate" label="响应日期" />\n        <ProFormText name="create" label="创建时间" colSize={3} />\n      </QueryFilter>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        span={8}\n        defaultCollapsed={false}\n      >\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="creater" label="创建人" />\n        <ProFormText name="sex" label="性别" />\n        <ProFormText name="status" label="应用状态" />\n        <ProFormText name="startdate" label="响应日期" />\n        <ProFormText name="create" label="创建时间" colSize={3} />\n      </QueryFilter>\n      <QueryFilter<{\n        name: string;\n        company: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values.name);\n        }}\n        span={4}\n        submitterColSpanProps={{ span: 12 }}\n        defaultColsNumber={1}\n        defaultCollapsed={false}\n      >\n        <ProFormText\n          name="name"\n          label="应用名称"\n          rules={[{ required: true }]}\n        />\n        <ProFormText name="creater" label="创建人" />\n        <ProFormText name="sex" label="性别" />\n        <ProFormText name="status" label="应用状态" />\n        <ProFormText name="startdate" label="响应日期" />\n        <ProFormText name="create" label="创建时间" colSize={3} />\n      </QueryFilter>\n    </>\n  );\n};\n'},39092:function(n,e){"use strict";e.Z="import {\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormRadio,\n  ProFormText,\n  QueryFilter,\n} from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <QueryFilter layout=\"vertical\">\n      <ProFormText name=\"name\" label=\"这是一个超级超级长的名称\" />\n      <ProFormDatePicker name=\"birth\" label=\"创建时间\" />\n      <ProFormText name=\"sex\" label=\"应用状态\" />\n      <ProFormRadio.Group\n        name=\"freq\"\n        label=\"查询频度\"\n        options={[\n          {\n            value: 'weekly',\n            label: '每周',\n          },\n          {\n            value: 'quarterly',\n            label: '每季度',\n          },\n          {\n            value: 'monthly',\n            label: '每月',\n          },\n          {\n            value: 'yearly',\n            label: '每年',\n          },\n        ]}\n      />\n      <ProFormCheckbox.Group\n        name=\"checkbox\"\n        label=\"行业分布\"\n        options={['农业', '制造业', '互联网']}\n      />\n    </QueryFilter>\n  );\n};\n"},81915:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDateTimePicker,\n  ProFormText,\n} from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProForm grid={true}>\n      <ProForm.Group>\n        <ProFormDateTimePicker\n          label="下单时间"\n          colProps={{ xl: 12 }}\n          name="orderTime"\n          required\n          fieldProps={{\n            style: {\n              width: \'100%\',\n            },\n          }}\n        />\n        <ProFormText\n          disabled\n          colProps={{ xl: 12 }}\n          name="pay"\n          label="支付方式"\n        />\n      </ProForm.Group>\n    </ProForm>\n  );\n};\n'},3513:function(n,e){"use strict";e.Z="import { DownOutlined, UpOutlined } from '@szc-ft/szcd';\nimport {\n  ProForm,\n  ProFormDatePicker,\n  ProFormText,\n  QueryFilter,\n} from '@szc-ft/szcd';\nimport { Input, Tabs } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\ntype AdvancedSearchProps = {\n  onFilterChange?: (allValues: any) => void;\n  onSearch?: (text: string) => void;\n  onTypeChange?: (type: string) => void;\n  defaultType?: string;\n};\n\nconst AdvancedSearch: React.FC<AdvancedSearchProps> = (props) => {\n  const {\n    onSearch,\n    onTypeChange,\n    defaultType = 'articles',\n    onFilterChange,\n  } = props;\n  const [searchText, setSearchText] = useState<string>();\n  const [showFilter, setShowFilter] = useState<boolean>(true);\n  const quickSearch = ['小程序开发', '入驻', 'ISV 权限'];\n  return (\n    <div\n      style={{\n        padding: 24,\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 8,\n        }}\n      >\n        <Input.Search\n          placeholder=\"请输入\"\n          enterButton=\"搜索\"\n          value={searchText}\n          onChange={(e) => {\n            setSearchText(e.target.value);\n          }}\n          onSearch={onSearch}\n          style={{ maxWidth: 522, width: '100%' }}\n        />\n        <div\n          style={{\n            display: 'flex',\n            gap: 12,\n          }}\n        >\n          {quickSearch.map((text) => (\n            <a\n              key={text}\n              onClick={() => {\n                setSearchText(text);\n                if (onSearch) {\n                  onSearch(text);\n                }\n              }}\n            >\n              {text}\n            </a>\n          ))}\n        </div>\n      </div>\n\n      <Tabs\n        defaultActiveKey={defaultType}\n        onChange={onTypeChange}\n        tabBarExtraContent={\n          <a\n            style={{\n              display: 'flex',\n              gap: 4,\n            }}\n            onClick={() => {\n              setShowFilter(!showFilter);\n            }}\n          >\n            高级筛选 {showFilter ? <UpOutlined /> : <DownOutlined />}\n          </a>\n        }\n        items={[\n          {\n            key: 'articles',\n            label: '文章',\n          },\n          {\n            key: 'projects',\n            label: '项目',\n          },\n          {\n            key: 'applications',\n            label: '应用',\n          },\n        ]}\n      />\n\n      {showFilter ? (\n        <QueryFilter\n          submitter={false}\n          span={24}\n          labelWidth=\"auto\"\n          split\n          onChange={onFilterChange}\n        >\n          <ProForm.Group title=\"姓名\">\n            <ProFormText name=\"name\" />\n          </ProForm.Group>\n          <ProForm.Group title=\"详情\">\n            <ProFormText name=\"age\" label=\"年龄\" />\n            <ProFormDatePicker name=\"birth\" label=\"生日\" />\n          </ProForm.Group>\n        </QueryFilter>\n      ) : null}\n    </div>\n  );\n};\n\nexport default AdvancedSearch;\n"},3275:function(n,e){"use strict";e.Z="import type { ProFormLayoutType } from '@szc-ft/szcd';\nimport { BetaSchemaForm, ProFormSelect } from '@szc-ft/szcd';\nimport { Alert, Button, Space } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nexport default () => {\n  const [layoutType, setLayoutType] = useState<ProFormLayoutType>('ModalForm');\n  return (\n    <>\n      <Space\n        style={{\n          width: '100%',\n        }}\n        direction=\"vertical\"\n      >\n        <Alert\n          type=\"warning\"\n          message=\"QueryFilter 和 lightFilter 暂不支持grid模式\"\n          style={{\n            marginBlockEnd: 24,\n          }}\n        />\n        <ProFormSelect\n          label=\"布局方式\"\n          options={['ModalForm', 'DrawerForm']}\n          fieldProps={{\n            value: layoutType,\n            onChange: (e) => setLayoutType(e),\n          }}\n        />\n      </Space>\n      <BetaSchemaForm<DataItem>\n        trigger={<Button>点击我</Button>}\n        layoutType={layoutType as 'ModalForm'}\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        {...(layoutType === 'ModalForm'\n          ? {\n              modalProps: { destroyOnClose: true },\n            }\n          : {\n              drawerProps: { destroyOnClose: true },\n            })}\n        columns={[\n          {\n            title: '标题',\n            dataIndex: 'title',\n            formItemProps: {\n              rules: [\n                {\n                  required: true,\n                  message: '此项为必填项',\n                },\n              ],\n            },\n            width: 'md',\n          },\n        ]}\n      />\n    </>\n  );\n};\n"},55119:function(n,e){"use strict";e.Z="import type { ProFormColumnsType } from '@szc-ft/szcd';\nimport { BetaSchemaForm } from '@szc-ft/szcd';\nimport { Input } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    initialValue: '必填',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: 'm',\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum,\n    width: 'm',\n    tooltip: '当title为disabled时状态无法选择',\n    dependencies: ['title'],\n    fieldProps: (form) => {\n      if (form.getFieldValue('title') === 'disabled') {\n        return {\n          disabled: true,\n          placeholder: 'disabled',\n        };\n      } else {\n        return {\n          placeholder: 'normal',\n        };\n      }\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: 'm',\n    tooltip: '当title为必填时此项将为必填',\n    dependencies: ['title'],\n    formItemProps(form) {\n      if (form.getFieldValue('title') === '必填') {\n        return {\n          rules: [\n            {\n              required: true,\n            },\n          ],\n        };\n      } else {\n        return {};\n      }\n    },\n  },\n  {\n    valueType: 'dependency',\n    name: ['title'],\n    columns: ({ title }) => {\n      return title !== 'hidden'\n        ? [\n            {\n              title: 'title为hidden时隐藏',\n              dataIndex: 'hidden',\n              valueType: 'date',\n              renderFormItem: () => {\n                return <Input />;\n              },\n            },\n          ]\n        : [];\n    },\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'createName',\n    valueType: 'date',\n  },\n  {\n    valueType: 'divider',\n  },\n];\n\nexport default () => {\n  return (\n    <>\n      <BetaSchemaForm<DataItem>\n        shouldUpdate={false}\n        layoutType=\"Form\"\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        columns={columns}\n      />\n    </>\n  );\n};\n"},16174:function(n,e){"use strict";e.Z="import type { ProFormColumnsType } from '@szc-ft/szcd';\nimport { BetaSchemaForm, ProForm } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  money: { text: '按金额' },\n  discount: { text: '按折扣' },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '优惠方式',\n    dataIndex: 'type',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    valueType: 'select',\n    valueEnum,\n    width: 'm',\n  },\n  {\n    valueType: 'dependency',\n    name: ['type'],\n    columns: ({ type }) => {\n      if (type === 'money') {\n        return [\n          {\n            dataIndex: 'money',\n            title: '优惠金额',\n            width: 'm',\n            valueType: 'money',\n          },\n        ];\n      }\n\n      if (type === 'discount') {\n        return [\n          {\n            dataIndex: 'discount',\n            title: '折扣',\n            valueType: 'digit',\n            width: 'm',\n            fieldProps: {\n              precision: 2,\n            },\n          },\n        ];\n      }\n\n      return [];\n    },\n  },\n];\n\nexport default () => {\n  return (\n    <>\n      <h1>普通json表单</h1>\n      <BetaSchemaForm<DataItem>\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        columns={columns}\n      />\n      <h1>嵌套json表单</h1>\n      <ProForm\n        initialValues={{\n          type: 'money',\n        }}\n      >\n        <BetaSchemaForm<DataItem>\n          layoutType=\"Embed\"\n          onFinish={async (values) => {\n            console.log(values);\n          }}\n          columns={columns}\n        />\n      </ProForm>\n    </>\n  );\n};\n"},70618:function(n,e){"use strict";e.Z="import type { ProFormColumnsType } from '@szc-ft/szcd';\nimport { BetaSchemaForm } from '@szc-ft/szcd';\nimport { Input } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n  title: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    initialValue: '必填',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: 'm',\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum,\n    width: 'm',\n    tooltip: '当title为disabled时状态无法选择',\n    fieldProps: (form) => {\n      if (form.getFieldValue('title') === 'disabled') {\n        return {\n          disabled: true,\n          placeholder: 'disabled',\n        };\n      } else {\n        return {\n          placeholder: 'normal',\n        };\n      }\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: 'm',\n    tooltip: '当title为必填时此项将为必填',\n    dependencies: ['title'],\n    formItemProps(form) {\n      if (form.getFieldValue('title') === '必填') {\n        return {\n          rules: [\n            {\n              required: true,\n            },\n          ],\n        };\n      } else {\n        return {};\n      }\n    },\n  },\n  {\n    valueType: 'dependency',\n    name: ['title'],\n    columns: ({ title }) => {\n      return title !== 'hidden'\n        ? [\n            {\n              title: 'title为hidden时隐藏',\n              dataIndex: 'hidden',\n              valueType: 'date',\n              renderFormItem: () => {\n                return <Input />;\n              },\n            },\n          ]\n        : [];\n    },\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'createName',\n    valueType: 'date',\n  },\n];\n\nexport default () => {\n  return (\n    <>\n      <BetaSchemaForm<DataItem>\n        shouldUpdate={(newValues, oldValues) => {\n          if (newValues.title !== oldValues?.title) {\n            return true;\n          }\n          return false;\n        }}\n        layoutType=\"Form\"\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        columns={columns}\n      />\n    </>\n  );\n};\n"},2491:function(n,e){"use strict";e.Z="import type { ProFormColumnsType } from '@szc-ft/szcd';\nimport {\n  BetaSchemaForm,\n  ProForm,\n  ProFormSelect,\n  ProFormText,\n} from '@szc-ft/szcd';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: 'm',\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum,\n    width: 'm',\n  },\n];\n\nexport default () => {\n  return (\n    <ProForm>\n      <h1>ProForm </h1>\n      <ProFormText name=\"username\" />\n      <ProFormSelect\n        name=\"select-multiple\"\n        label=\"多选\"\n        valueEnum={{\n          red: 'Red',\n          green: 'Green',\n          blue: 'Blue',\n        }}\n        fieldProps={{\n          mode: 'multiple',\n        }}\n        placeholder=\"Please select favorite colors\"\n        rules={[\n          {\n            required: true,\n            message: 'Please select your favorite colors!',\n            type: 'array',\n          },\n        ]}\n      />\n      <h1>表单1 </h1>\n      <BetaSchemaForm<DataItem> layoutType=\"Embed\" columns={columns} />\n      <h1>表单2</h1>\n      <BetaSchemaForm<DataItem>\n        layoutType=\"Embed\"\n        columns={[\n          {\n            title: '创建时间',\n            key: 'showTime',\n            dataIndex: 'createName',\n            valueType: 'date',\n          },\n          {\n            title: '分组',\n            valueType: 'group',\n            columns: [\n              {\n                title: '状态',\n                dataIndex: 'groupState',\n                valueType: 'select',\n                width: 'xs',\n                valueEnum,\n              },\n              {\n                title: '标题',\n                width: 'md',\n                dataIndex: 'groupTitle',\n                formItemProps: {\n                  rules: [\n                    {\n                      required: true,\n                      message: '此项为必填项',\n                    },\n                  ],\n                },\n              },\n            ],\n          },\n        ]}\n      />\n    </ProForm>\n  );\n};\n"},26201:function(n,e){"use strict";e.Z="import type { ProFormColumnsType } from '@szc-ft/szcd';\nimport { BetaSchemaForm } from '@szc-ft/szcd';\nimport { Input } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    initialValue: '必填',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: 'm',\n  },\n  {\n    title: '必填但没显示*',\n    dataIndex: 'list',\n    valueType: 'formList',\n    formItemProps: {\n      rules: [{ required: true, message: '请填写列表' }],\n    },\n    columns: [\n      {\n        dataIndex: 'isSettlement',\n        valueType: 'switch',\n        formItemProps: {\n          rules: [{ required: true, message: '请填写1' }],\n        },\n      },\n    ],\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum,\n    width: 'm',\n    tooltip: '当title为disabled时状态无法选择',\n    dependencies: ['title'],\n    fieldProps: (form) => {\n      if (form.getFieldValue('title') === 'disabled') {\n        return {\n          disabled: true,\n          placeholder: 'disabled',\n        };\n      } else {\n        return {\n          placeholder: 'normal',\n        };\n      }\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: 'm',\n    tooltip: '当title为必填时此项将为必填',\n    dependencies: ['title'],\n    formItemProps(form) {\n      if (form.getFieldValue('title') === '必填') {\n        return {\n          rules: [\n            {\n              required: true,\n            },\n          ],\n        };\n      } else {\n        return {};\n      }\n    },\n  },\n  {\n    valueType: 'dependency',\n    name: ['title'],\n    columns: ({ title }) => {\n      return title !== 'hidden'\n        ? [\n            {\n              title: 'title为hidden时隐藏',\n              dataIndex: 'hidden',\n              valueType: 'date',\n              renderFormItem: () => {\n                return <Input />;\n              },\n            },\n          ]\n        : [];\n    },\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'createName',\n    valueType: 'date',\n  },\n  {\n    valueType: 'divider',\n  },\n];\n\nexport default () => {\n  return (\n    <>\n      <BetaSchemaForm<DataItem>\n        shouldUpdate={false}\n        layoutType=\"Form\"\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        columns={columns}\n      />\n    </>\n  );\n};\n"},77658:function(n,e){"use strict";e.Z="import type {\n  ProFormColumnsType,\n  ProFormLayoutType,\n} from '@szc-ft/szcd';\nimport { BetaSchemaForm, ProFormSelect } from '@szc-ft/szcd';\nimport { Alert, DatePicker, Space } from '@szc-ft/szcd';\nimport dayjs from 'dayjs';\nimport { useState } from 'react';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: 'md',\n    colProps: {\n      xs: 24,\n      md: 12,\n    },\n    initialValue: '默认值',\n    convertValue: (value) => {\n      return `标题：${value}`;\n    },\n    transform: (value) => {\n      return {\n        title: `${value}-转换`,\n      };\n    },\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum,\n    width: 'md',\n    colProps: {\n      xs: 24,\n      md: 12,\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: 'md',\n    colProps: {\n      xs: 12,\n      md: 4,\n    },\n  },\n  {\n    valueType: 'switch',\n    title: '开关',\n    dataIndex: 'Switch',\n    fieldProps: {\n      style: {\n        width: '200px',\n      },\n    },\n    width: 'md',\n    colProps: {\n      xs: 12,\n      md: 20,\n    },\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'createName',\n    initialValue: [dayjs().add(-1, 'm'), dayjs()],\n    renderFormItem: () => <DatePicker.RangePicker />,\n    width: 'md',\n    colProps: {\n      xs: 24,\n      md: 12,\n    },\n  },\n  {\n    title: '更新时间',\n    dataIndex: 'updateName',\n    initialValue: [dayjs().add(-1, 'm'), dayjs()],\n    renderFormItem: () => <DatePicker.RangePicker />,\n    width: 'md',\n    colProps: {\n      xs: 24,\n      md: 12,\n    },\n  },\n  {\n    title: '分组',\n    valueType: 'group',\n    columns: [\n      {\n        title: '状态',\n        dataIndex: 'groupState',\n        valueType: 'select',\n        width: 'xs',\n        colProps: {\n          xs: 12,\n        },\n        valueEnum,\n      },\n      {\n        title: '标题',\n        width: 'md',\n        dataIndex: 'groupTitle',\n        colProps: {\n          xs: 12,\n        },\n        formItemProps: {\n          rules: [\n            {\n              required: true,\n              message: '此项为必填项',\n            },\n          ],\n        },\n      },\n    ],\n  },\n  {\n    title: '列表',\n    valueType: 'formList',\n    dataIndex: 'list',\n    initialValue: [{ state: 'all', title: '标题' }],\n    colProps: {\n      xs: 24,\n      sm: 12,\n    },\n    columns: [\n      {\n        valueType: 'group',\n        columns: [\n          {\n            title: '状态',\n            dataIndex: 'state',\n            valueType: 'select',\n            colProps: {\n              xs: 24,\n              sm: 12,\n            },\n            width: 'xs',\n            valueEnum,\n          },\n          {\n            title: '标题',\n            dataIndex: 'title',\n            width: 'md',\n            formItemProps: {\n              rules: [\n                {\n                  required: true,\n                  message: '此项为必填项',\n                },\n              ],\n            },\n            colProps: {\n              xs: 24,\n              sm: 12,\n            },\n          },\n        ],\n      },\n      {\n        valueType: 'dateTime',\n        initialValue: new Date(),\n        dataIndex: 'currentTime',\n        width: 'md',\n      },\n    ],\n  },\n  {\n    title: 'FormSet',\n    valueType: 'formSet',\n    dataIndex: 'formSet',\n    colProps: {\n      xs: 24,\n      sm: 12,\n    },\n    rowProps: {\n      gutter: [16, 0],\n    },\n    columns: [\n      {\n        title: '状态',\n        dataIndex: 'groupState',\n        valueType: 'select',\n        width: 'md',\n        valueEnum,\n      },\n      {\n        width: 'xs',\n        title: '标题',\n        dataIndex: 'groupTitle',\n        tip: '标题过长会自动收缩',\n        formItemProps: {\n          rules: [\n            {\n              required: true,\n              message: '此项为必填项',\n            },\n          ],\n        },\n      },\n    ],\n  },\n  {\n    title: '创建时间',\n    dataIndex: 'created_at',\n    valueType: 'dateRange',\n    width: 'md',\n    colProps: {\n      span: 24,\n    },\n    transform: (value) => {\n      return {\n        startTime: value[0],\n        endTime: value[1],\n      };\n    },\n  },\n];\n\nexport default () => {\n  const [layoutType, setLayoutType] = useState<ProFormLayoutType>('Form');\n  return (\n    <>\n      <Space\n        style={{\n          width: '100%',\n        }}\n        direction=\"vertical\"\n      >\n        <Alert\n          type=\"warning\"\n          message=\"QueryFilter 和 lightFilter 暂不支持grid模式\"\n          style={{\n            marginBlockEnd: 24,\n          }}\n        />\n        <ProFormSelect\n          label=\"布局方式\"\n          options={[\n            'Form',\n            'ModalForm',\n            'DrawerForm',\n            'LightFilter',\n            'QueryFilter',\n            'StepsForm',\n            'StepForm',\n            'Embed',\n          ]}\n          fieldProps={{\n            value: layoutType,\n            onChange: (e) => setLayoutType(e),\n          }}\n        />\n      </Space>\n      <BetaSchemaForm<DataItem>\n        trigger={<a>点击我</a>}\n        layoutType={layoutType}\n        steps={[\n          {\n            title: 'ProComponent',\n          },\n        ]}\n        rowProps={{\n          gutter: [16, 16],\n        }}\n        colProps={{\n          span: 12,\n        }}\n        grid={layoutType !== 'LightFilter' && layoutType !== 'QueryFilter'}\n        onFinish={async (values) => {\n          console.log(values);\n        }}\n        columns={(layoutType === 'StepsForm' ? [columns] : columns) as any}\n      />\n    </>\n  );\n};\n"},16951:function(n,e){"use strict";e.Z="import type {\n  FormInstance,\n  ProFormColumnsType,\n} from '@szc-ft/szcd';\nimport { BetaSchemaForm } from '@szc-ft/szcd';\nimport { message } from '@szc-ft/szcd';\nimport { useRef } from 'react';\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  open: {\n    text: '未解决',\n    status: 'Error',\n  },\n  closed: {\n    text: '已解决',\n    status: 'Success',\n    disabled: true,\n  },\n  processing: {\n    text: '解决中',\n    status: 'Processing',\n  },\n};\n\ntype DataItem = {\n  name: string;\n  state: string;\n};\n\nconst columns: ProFormColumnsType<DataItem>[][] = [\n  [\n    {\n      title: '标题',\n      dataIndex: 'title',\n      formItemProps: {\n        rules: [\n          {\n            required: true,\n            message: '此项为必填项',\n          },\n        ],\n      },\n      width: 'm',\n    },\n    {\n      title: '状态',\n      dataIndex: 'state',\n      valueType: 'select',\n      valueEnum,\n      width: 'm',\n    },\n  ],\n  [\n    {\n      title: '标签',\n      dataIndex: 'labels',\n      width: 'm',\n    },\n    {\n      title: '创建时间',\n      key: 'showTime',\n      dataIndex: 'createName',\n      valueType: 'date',\n    },\n    {\n      title: '分组',\n      valueType: 'group',\n      columns: [\n        {\n          title: '状态',\n          dataIndex: 'groupState',\n          valueType: 'select',\n          width: 'xs',\n          valueEnum,\n        },\n        {\n          title: '标题',\n          width: 'md',\n          dataIndex: 'groupTitle',\n          formItemProps: {\n            rules: [\n              {\n                required: true,\n                message: '此项为必填项',\n              },\n            ],\n          },\n        },\n      ],\n    },\n  ],\n  [\n    {\n      title: '列表',\n      valueType: 'formList',\n      dataIndex: 'list',\n      initialValue: [{ state: 'all', title: '标题' }],\n      columns: [\n        {\n          valueType: 'group',\n          columns: [\n            {\n              title: '状态',\n              dataIndex: 'state',\n              valueType: 'select',\n              width: 'xs',\n              valueEnum,\n            },\n            {\n              title: '标题',\n              dataIndex: 'title',\n              formItemProps: {\n                rules: [\n                  {\n                    required: true,\n                    message: '此项为必填项',\n                  },\n                ],\n              },\n              width: 'm',\n            },\n          ],\n        },\n      ],\n    },\n    {\n      title: 'FormSet',\n      valueType: 'formSet',\n      dataIndex: 'formSet',\n      columns: [\n        {\n          title: '状态',\n          dataIndex: 'groupState',\n          valueType: 'select',\n          width: 'xs',\n          valueEnum,\n        },\n        {\n          title: '标题',\n          dataIndex: 'groupTitle',\n          tip: '标题过长会自动收缩',\n          formItemProps: {\n            rules: [\n              {\n                required: true,\n                message: '此项为必填项',\n              },\n            ],\n          },\n          width: 'm',\n        },\n      ],\n    },\n    {\n      title: '创建时间',\n      dataIndex: 'created_at',\n      valueType: 'dateRange',\n      transform: (value) => {\n        return {\n          startTime: value[0],\n          endTime: value[1],\n        };\n      },\n    },\n  ],\n];\n\nexport default () => {\n  const formRef = useRef<FormInstance>();\n\n  return (\n    <BetaSchemaForm<DataItem>\n      layoutType=\"StepsForm\"\n      steps={[\n        {\n          title: '第一步',\n        },\n        {\n          title: '第二步',\n        },\n        {\n          title: '第三步',\n        },\n      ]}\n      onCurrentChange={(current) => {\n        console.log('current: ', current);\n      }}\n      formRef={formRef}\n      onFinish={async (values) => {\n        return new Promise((resolve) => {\n          console.log(values);\n          message.success('提交成功');\n          setTimeout(() => {\n            resolve(true);\n            formRef.current?.resetFields();\n          }, 2000);\n        });\n      }}\n      columns={columns}\n    />\n  );\n};\n"},91487:function(n,e){"use strict";e.Z="// 主要处理新建和编辑的场景\n\nimport type { ProFormInstance } from '@szc-ft/szcd';\nimport {\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n  StepsForm,\n} from '@szc-ft/szcd';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport React, { useEffect, useRef } from 'react';\n\ntype FormValue = {\n  jobInfo: {\n    name: string;\n    type: number;\n  };\n  syncTableInfo: {\n    timeRange: [Dayjs, Dayjs];\n    title: string;\n  };\n};\nconst formValue: FormValue = {\n  jobInfo: {\n    name: 'normal job',\n    type: 1,\n  },\n  syncTableInfo: {\n    timeRange: [dayjs().subtract(1, 'm'), dayjs()],\n    title: 'example table title',\n  },\n};\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(formValue);\n    }, time);\n  });\n};\nconst jobType = [\n  {\n    value: 1,\n    label: '国企',\n  },\n  {\n    value: 2,\n    label: '私企',\n  },\n];\nconst EditExample = () => {\n  const formMapRef = useRef<\n    React.MutableRefObject<ProFormInstance<any> | undefined>[]\n  >([]);\n  useEffect(() => {\n    waitTime(1000).then(() => {\n      // 编辑场景下需要使用formMapRef循环设置formData\n      formMapRef?.current?.forEach((formInstanceRef) => {\n        formInstanceRef?.current?.setFieldsValue(formValue);\n      });\n    });\n  }, []);\n\n  return (\n    <StepsForm\n      formMapRef={formMapRef}\n      onFinish={(values) => {\n        console.log(values);\n        return Promise.resolve(true);\n      }}\n    >\n      <StepsForm.StepForm name=\"step1\" title=\"工作信息\">\n        <ProFormText label=\"姓名\" name={['jobInfo', 'name']} />\n        <ProFormSelect\n          label=\"工作类型\"\n          name={['jobInfo', 'type']}\n          options={jobType}\n        />\n      </StepsForm.StepForm>\n      <StepsForm.StepForm name=\"step2\" title={'同步表单信息'}>\n        <ProFormDateRangePicker\n          label=\"时间区间\"\n          name={['syncTableInfo', 'timeRange']}\n        />\n        <ProFormText label=\"标题\" name={['syncTableInfo', 'title']} />\n      </StepsForm.StepForm>\n    </StepsForm>\n  );\n};\nexport default EditExample;\n"},31531:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { Button, message } from \'@szc-ft/szcd\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  return (\n    <ProCard>\n      <StepsForm<{\n        name: string;\n      }>\n        onFinish={async (values) => {\n          console.log(values);\n          await waitTime(1000);\n          message.success(\'提交成功\');\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n        submitter={{\n          render: (props) => {\n            if (props.step === 0) {\n              return (\n                <Button type="primary" onClick={() => props.onSubmit?.()}>\n                  去第二步 {\'>\'}\n                </Button>\n              );\n            }\n\n            if (props.step === 1) {\n              return [\n                <Button key="pre" onClick={() => props.onPre?.()}>\n                  返回第一步\n                </Button>,\n                <Button\n                  type="primary"\n                  key="goToTree"\n                  onClick={() => props.onSubmit?.()}\n                >\n                  去第三步 {\'>\'}\n                </Button>,\n              ];\n            }\n\n            return [\n              <Button key="gotoTwo" onClick={() => props.onPre?.()}>\n                {\'<\'} 返回第二步\n              </Button>,\n              <Button\n                type="primary"\n                key="goToTree"\n                onClick={() => props.onSubmit?.()}\n              >\n                提交 √\n              </Button>,\n            ];\n          },\n        }}\n      >\n        <StepsForm.StepForm<{\n          name: string;\n        }>\n          name="base"\n          title="创建实验"\n          onFinish={async ({ name }) => {\n            console.log(name);\n            await waitTime(2000);\n            return true;\n          }}\n        >\n          <ProFormText\n            name="name"\n            label="实验名称"\n            width="md"\n            tooltip="最长为 24 位，用于标定的唯一 id"\n            placeholder="请输入名称"\n            rules={[{ required: true }]}\n          />\n          <ProFormDatePicker name="date" label="日期" />\n          <ProFormDateRangePicker name="dateTime" label="时间区间" />\n          <ProFormTextArea\n            name="remark"\n            label="备注"\n            width="lg"\n            placeholder="请输入备注"\n          />\n        </StepsForm.StepForm>\n        <StepsForm.StepForm<{\n          checkbox: string;\n        }>\n          name="checkbox"\n          title="设置参数"\n        >\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\'结构迁移\', \'全量迁移\', \'增量迁移\', \'全量校验\']}\n          />\n          <ProForm.Group>\n            <ProFormText name="dbname" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n            />\n          </ProForm.Group>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="time" title="发布实验">\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="部署单元"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            options={[\'部署单元1\', \'部署单元2\', \'部署单元3\']}\n          />\n          <ProFormSelect\n            label="部署分组策略"\n            name="remark"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            initialValue="1"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n          <ProFormSelect\n            label="Pod 调度策略"\n            name="remark2"\n            initialValue="2"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n        </StepsForm.StepForm>\n      </StepsForm>\n    </ProCard>\n  );\n};\n'},98062:function(n,e){"use strict";e.Z='import { PlusOutlined } from \'@szc-ft/szcd\';\nimport {\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateTimePicker,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { Button, message, Modal } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [visible, setVisible] = useState(false);\n  return (\n    <>\n      <Button type="primary" onClick={() => setVisible(true)}>\n        <PlusOutlined />\n        分步表单新建\n      </Button>\n      <StepsForm\n        onFinish={async (values) => {\n          console.log(values);\n          await waitTime(1000);\n          setVisible(false);\n          message.success(\'提交成功\');\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n        stepsFormRender={(dom, submitter) => {\n          return (\n            <Modal\n              title="分步表单"\n              width={800}\n              onCancel={() => setVisible(false)}\n              open={visible}\n              footer={submitter}\n              destroyOnClose\n            >\n              {dom}\n            </Modal>\n          );\n        }}\n      >\n        <StepsForm.StepForm\n          name="base"\n          title="创建实验"\n          onFinish={async () => {\n            await waitTime(2000);\n            return true;\n          }}\n        >\n          <ProFormText\n            name="name"\n            width="md"\n            label="实验名称"\n            tooltip="最长为 24 位，用于标定的唯一 id"\n            placeholder="请输入名称"\n            rules={[{ required: true }]}\n          />\n          <ProFormDatePicker name="date" label="日期" />\n          <ProForm.Group title="时间选择">\n            <ProFormDateTimePicker name="dateTime" label="开始时间" />\n            <ProFormDatePicker name="date" label="结束时间" />\n          </ProForm.Group>\n          <ProFormTextArea\n            name="remark"\n            label="备注"\n            width="lg"\n            placeholder="请输入备注"\n          />\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="checkbox" title="设置参数">\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\'结构迁移\', \'全量迁移\', \'增量迁移\', \'全量校验\']}\n          />\n          <ProForm.Group>\n            <ProFormText width="md" name="dbname" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n            />\n          </ProForm.Group>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="time" title="发布实验">\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="部署单元"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            options={[\'部署单元1\', \'部署单元2\', \'部署单元3\']}\n          />\n          <ProFormSelect\n            label="部署分组策略"\n            name="remark"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            width="md"\n            initialValue="1"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n          <ProFormSelect\n            label="Pod 调度策略"\n            name="remark2"\n            width="md"\n            initialValue="2"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n        </StepsForm.StepForm>\n      </StepsForm>\n    </>\n  );\n};\n'},81122:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDigit,\n  ProFormSelect,\n  ProFormText,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { message } from \'@szc-ft/szcd\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  return (\n    <>\n      <StepsForm\n        onFinish={async (values) => {\n          console.log(values);\n          await waitTime(1000);\n          message.success(\'提交成功\');\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n      >\n        <StepsForm.StepForm\n          name="base"\n          title="第一步骤"\n          onFinish={async () => {\n            await waitTime(2000);\n            return true;\n          }}\n        >\n          <ProCard\n            title="源和目标"\n            bordered\n            headerBordered\n            collapsible\n            style={{\n              marginBlockEnd: 16,\n              minWidth: 800,\n              maxWidth: \'100%\',\n            }}\n          >\n            <ProFormText\n              name="name"\n              width="md"\n              label="迁移任务名称"\n              tooltip="最长为 24 位，用于标定的唯一 id"\n              placeholder="请输入名称"\n              rules={[{ required: true }]}\n            />\n            <ProForm.Group title="节点" size={8}>\n              <ProFormSelect\n                width="sm"\n                name="source"\n                placeholder="选择来源节点"\n              />\n              <ProFormSelect\n                width="sm"\n                name="target"\n                placeholder="选择目标节点"\n              />\n            </ProForm.Group>\n          </ProCard>\n\n          <ProCard\n            title="顶部对齐"\n            bordered\n            headerBordered\n            collapsible\n            style={{\n              minWidth: 800,\n              marginBlockEnd: 16,\n            }}\n          >\n            <ProFormDigit\n              name="xs"\n              label="XS号表单"\n              initialValue={9999}\n              tooltip="悬浮出现的气泡。"\n              placeholder="请输入名称"\n              width="xs"\n            />\n            <ProFormText\n              name="s"\n              label="S号表单"\n              placeholder="请输入名称"\n              width="sm"\n            />\n            <ProFormDateRangePicker name="m" label="M 号表单" />\n            <ProFormSelect\n              name="l"\n              label="L 号表单"\n              fieldProps={{\n                mode: \'tags\',\n              }}\n              width="lg"\n              initialValue={[\'吴家豪\', \'周星星\']}\n              options={[\'吴家豪\', \'周星星\', \'陈拉风\'].map((item) => ({\n                label: item,\n                value: item,\n              }))}\n            />\n          </ProCard>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="checkbox" title="第二步骤">\n          <ProCard\n            style={{\n              minWidth: 800,\n              marginBlockEnd: 16,\n              maxWidth: \'100%\',\n            }}\n          >\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              width="lg"\n              options={[\'结构迁移\', \'全量迁移\', \'增量迁移\', \'全量校验\']}\n            />\n            <ProForm.Group>\n              <ProFormText name="dbname" label="业务 DB 用户名" />\n              <ProFormDatePicker\n                name="datetime"\n                label="记录保存时间"\n                width="sm"\n              />\n            </ProForm.Group>\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n            />\n          </ProCard>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="time" title="第三步骤">\n          <ProCard\n            style={{\n              marginBlockEnd: 16,\n              minWidth: 800,\n              maxWidth: \'100%\',\n            }}\n          >\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="部署单元"\n              rules={[\n                {\n                  required: true,\n                },\n              ]}\n              options={[\'部署单元1\', \'部署单元2\', \'部署单元3\']}\n            />\n            <ProFormSelect\n              label="部署分组策略"\n              name="remark"\n              rules={[\n                {\n                  required: true,\n                },\n              ]}\n              width="md"\n              initialValue="1"\n              options={[\n                {\n                  value: \'1\',\n                  label: \'策略一\',\n                },\n                { value: \'2\', label: \'策略二\' },\n              ]}\n            />\n            <ProFormSelect\n              label="Pod 调度策略"\n              name="remark2"\n              width="md"\n              initialValue="2"\n              options={[\n                {\n                  value: \'1\',\n                  label: \'策略一\',\n                },\n                { value: \'2\', label: \'策略二\' },\n              ]}\n            />\n          </ProCard>\n        </StepsForm.StepForm>\n      </StepsForm>\n    </>\n  );\n};\n'},95944:function(n,e){"use strict";e.Z='import type { ProFormInstance } from \'@szc-ft/szcd\';\nimport {\n  ProCard,\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormText,\n  ProFormTextArea,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { message } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const formRef = useRef<ProFormInstance>();\n\n  return (\n    <ProCard>\n      <StepsForm<{\n        name: string;\n      }>\n        stepsProps={{\n          direction: \'vertical\',\n        }}\n        formRef={formRef}\n        onFinish={async () => {\n          await waitTime(1000);\n          message.success(\'提交成功\');\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n      >\n        <StepsForm.StepForm<{\n          name: string;\n        }>\n          name="base"\n          title="创建实验"\n          stepProps={{\n            description: \'这里填入的都是基本信息\',\n          }}\n          onFinish={async () => {\n            console.log(formRef.current?.getFieldsValue());\n            await waitTime(2000);\n            return true;\n          }}\n        >\n          <ProFormText\n            name="name"\n            label="实验名称"\n            width="md"\n            tooltip="最长为 24 位，用于标定的唯一 id"\n            placeholder="请输入名称"\n            rules={[{ required: true }]}\n          />\n          <ProFormDatePicker name="date" label="日期" />\n          <ProFormDateRangePicker name="dateTime" label="时间区间" />\n          <ProFormTextArea\n            name="remark"\n            label="备注"\n            width="lg"\n            placeholder="请输入备注"\n          />\n        </StepsForm.StepForm>\n        <StepsForm.StepForm<{\n          checkbox: string;\n        }>\n          name="checkbox"\n          title="设置参数"\n          stepProps={{\n            description: \'这里填入运维参数\',\n          }}\n          onFinish={async () => {\n            console.log(formRef.current?.getFieldsValue());\n            return true;\n          }}\n        >\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\n              \'结构迁移\',\n              \'全量迁移\',\n              \'增量迁移\',\n              \'全量校验\',\n              \'增量校验\',\n              \'全量替换\',\n              \'增量替换\',\n            ]}\n          />\n          <ProForm.Group>\n            <ProFormText name="dbname" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n            />\n          </ProForm.Group>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm<{\n          checkbox: string;\n        }>\n          name="step3"\n          title="第三步"\n          stepProps={{\n            description: \'这里填入运维参数\',\n          }}\n          onFinish={async () => {\n            console.log(formRef.current?.getFieldsValue());\n            return true;\n          }}\n        >\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\'结构迁移\', \'全量迁移\', \'全量校验\', \'增量替换\']}\n          />\n          <ProForm.Group>\n            <ProFormText name="dbname" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n          </ProForm.Group>\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n          />\n        </StepsForm.StepForm>\n      </StepsForm>\n    </ProCard>\n  );\n};\n'},67178:function(n,e){"use strict";e.Z='import type { ProFormInstance } from \'@szc-ft/szcd\';\nimport {\n  ProCard,\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { message } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const formRef = useRef<ProFormInstance>();\n\n  return (\n    <ProCard>\n      <StepsForm<{\n        name: string;\n      }>\n        formRef={formRef}\n        onFinish={async () => {\n          await waitTime(1000);\n          message.success(\'提交成功\');\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n      >\n        <StepsForm.StepForm<{\n          name: string;\n        }>\n          name="base"\n          title="创建实验"\n          stepProps={{\n            description: \'这里填入的都是基本信息\',\n          }}\n          onFinish={async () => {\n            console.log(formRef.current?.getFieldsValue());\n            await waitTime(2000);\n            return true;\n          }}\n        >\n          <ProFormText\n            name="name"\n            label="实验名称"\n            width="md"\n            tooltip="最长为 24 位，用于标定的唯一 id"\n            placeholder="请输入名称"\n            rules={[{ required: true }]}\n          />\n          <ProFormDatePicker name="date" label="日期" />\n          <ProFormDateRangePicker name="dateTime" label="时间区间" />\n          <ProFormTextArea\n            name="remark"\n            label="备注"\n            width="lg"\n            placeholder="请输入备注"\n          />\n        </StepsForm.StepForm>\n        <StepsForm.StepForm<{\n          checkbox: string;\n        }>\n          name="checkbox"\n          title="设置参数"\n          stepProps={{\n            description: \'这里填入运维参数\',\n          }}\n          onFinish={async () => {\n            console.log(formRef.current?.getFieldsValue());\n            return true;\n          }}\n        >\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\'结构迁移\', \'全量迁移\', \'增量迁移\', \'全量校验\']}\n          />\n          <ProForm.Group>\n            <ProFormText name="dbname" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n            <ProFormCheckbox.Group\n              name="checkbox"\n              label="迁移类型"\n              options={[\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']}\n            />\n          </ProForm.Group>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm\n          name="time"\n          title="发布实验"\n          stepProps={{\n            description: \'这里填入发布判断\',\n          }}\n        >\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="部署单元"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            options={[\'部署单元1\', \'部署单元2\', \'部署单元3\']}\n          />\n          <ProFormSelect\n            label="部署分组策略"\n            name="remark"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            initialValue="1"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n          <ProFormSelect\n            label="Pod 调度策略"\n            name="remark2"\n            initialValue="2"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n        </StepsForm.StepForm>\n      </StepsForm>\n    </ProCard>\n  );\n};\n'},91982:function(n,e){"use strict";e.Z="import type { ProFormInstance } from '@szc-ft/szcd';\nimport {\n  ProForm,\n  ProFormCascader,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDigit,\n  ProFormList,\n  ProFormMoney,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  ProFormTreeSelect,\n} from '@szc-ft/szcd';\nimport { message, TreeSelect } from '@szc-ft/szcd';\nimport moment from 'dayjs';\nimport { useRef } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nconst treeData = [\n  {\n    title: 'Node1',\n    value: '0-0',\n    key: '0-0',\n    children: [\n      {\n        title: 'Child Node1',\n        value: '0-0-0',\n        key: '0-0-0',\n      },\n    ],\n  },\n  {\n    title: 'Node2',\n    value: '0-1',\n    key: '0-1',\n    children: [\n      {\n        title: 'Child Node3',\n        value: '0-1-0',\n        key: '0-1-0',\n      },\n      {\n        title: 'Child Node4',\n        value: '0-1-1',\n        key: '0-1-1',\n      },\n      {\n        title: 'Child Node5',\n        value: '0-1-2',\n        key: '0-1-2',\n      },\n    ],\n  },\n];\n\nexport default () => {\n  const formRef = useRef<\n    ProFormInstance<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n  >();\n  return (\n    <ProForm<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        const val1 = await formRef.current?.validateFields();\n        console.log('validateFields:', val1);\n        const val2 = await formRef.current?.validateFieldsReturnFormatValue?.();\n        console.log('validateFieldsReturnFormatValue:', val2);\n        message.success('提交成功');\n      }}\n      formRef={formRef}\n      params={{ id: '100' }}\n      formKey=\"base-form-use-demo\"\n      dateFormatter={(value, valueType) => {\n        console.log('----\x3e', value, valueType);\n        return value.format('YYYY/MM/DD HH:mm:ss');\n      }}\n      request={async () => {\n        await waitTime(1500);\n        return {\n          name: '蚂蚁设计有限公司',\n          useMode: 'chapter',\n        };\n      }}\n      autoFocusFirstInput\n    >\n      <ProForm.Group>\n        <ProFormText\n          width=\"md\"\n          name=\"name\"\n          required\n          dependencies={[['contract', 'name']]}\n          addonBefore={<a>客户名称应该怎么获得？</a>}\n          addonAfter={<a>点击查看更多</a>}\n          label=\"签约客户名称\"\n          tooltip=\"最长为 24 位\"\n          placeholder=\"请输入名称\"\n          rules={[{ required: true, message: '这是必填项' }]}\n        />\n        <ProFormText\n          width=\"md\"\n          name=\"company\"\n          label=\"我方公司名称\"\n          placeholder=\"请输入名称\"\n        />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormDigit name=\"count\" label=\"人数\" width=\"lg\" />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormText\n          name={['contract', 'name']}\n          width=\"md\"\n          label=\"合同名称\"\n          placeholder=\"请输入名称\"\n        />\n        <ProFormDateRangePicker\n          width=\"md\"\n          name={['contract', 'createTime']}\n          label=\"合同生效时间\"\n        />\n      </ProForm.Group>\n      <ProForm.Group>\n        <ProFormSelect\n          options={[\n            {\n              value: 'chapter',\n              label: '盖章后生效',\n            },\n          ]}\n          readonly\n          width=\"xs\"\n          cacheForSwr\n          name=\"useMode\"\n          label=\"合同约定生效方式\"\n        />\n        <ProFormSelect.SearchSelect\n          width=\"xs\"\n          options={[\n            {\n              value: 'time',\n              label: '履行完终止',\n              type: 'time',\n              options: [\n                {\n                  value: 'time1',\n                  label: '履行完终止1',\n                },\n                {\n                  value: 'time2',\n                  label: '履行完终止2',\n                },\n              ],\n            },\n          ]}\n          name=\"unusedMode\"\n          label=\"合同约定失效方式\"\n        />\n        <ProFormMoney\n          width=\"md\"\n          name=\"money\"\n          label=\"合同约定金额\"\n          fieldProps={{\n            numberPopoverRender: true,\n          }}\n        />\n      </ProForm.Group>\n      <ProFormText width=\"sm\" name=\"id\" label=\"主合同编号\" />\n      <ProFormText\n        name=\"project\"\n        width=\"md\"\n        disabled\n        label=\"项目名称\"\n        initialValue=\"xxxx项目\"\n      />\n      <ProFormTextArea\n        colProps={{ span: 24 }}\n        name=\"address\"\n        label=\"详细的工作地址或家庭住址\"\n      />\n      <ProFormText\n        width=\"xs\"\n        name=\"mangerName\"\n        disabled\n        label=\"商务经理\"\n        initialValue=\"启途\"\n      />\n      <ProFormCascader\n        width=\"md\"\n        request={async () => [\n          {\n            value: 'zhejiang',\n            label: '浙江',\n            children: [\n              {\n                value: 'hangzhou',\n                label: '杭州',\n                children: [\n                  {\n                    value: 'xihu',\n                    label: '西湖',\n                  },\n                ],\n              },\n            ],\n          },\n          {\n            value: 'jiangsu',\n            label: 'Jiangsu',\n            children: [\n              {\n                value: 'nanjing',\n                label: 'Nanjing',\n                children: [\n                  {\n                    value: 'zhonghuamen',\n                    label: 'Zhong Hua Men',\n                  },\n                ],\n              },\n            ],\n          },\n        ]}\n        name=\"areaList\"\n        label=\"区域\"\n        initialValue={['zhejiang', 'hangzhou', 'xihu']}\n        addonAfter={'qixian'}\n      />\n      <ProFormTreeSelect\n        initialValue={['0-0-0']}\n        label=\"树形下拉选择器\"\n        width={600}\n        fieldProps={{\n          fieldNames: {\n            label: 'title',\n          },\n          treeData,\n          treeCheckable: true,\n          showCheckedStrategy: TreeSelect.SHOW_PARENT,\n          placeholder: 'Please select',\n        }}\n      />\n      <ProFormDatePicker\n        name=\"date\"\n        transform={(value) => {\n          return {\n            date: moment(value).unix(),\n          };\n        }}\n      />\n      <ProFormList name=\"datas\">\n        {() => {\n          return (\n            <>\n              <ProFormDatePicker\n                name=\"date\"\n                transform={(value) => {\n                  return {\n                    date: moment(value).unix(),\n                  };\n                }}\n              />\n\n              <ProFormList name=\"innerDatas\">\n                {() => {\n                  return (\n                    <>\n                      <ProFormDatePicker\n                        name=\"date\"\n                        transform={(value) => {\n                          return {\n                            date: moment(value).unix(),\n                          };\n                        }}\n                      />\n                      <ProFormList name=\"innerDatas\">\n                        {() => {\n                          return (\n                            <>\n                              <ProFormDatePicker\n                                name=\"date\"\n                                transform={(value) => {\n                                  return {\n                                    date: moment(value).unix(),\n                                  };\n                                }}\n                              />\n                              <ProFormList name=\"innerDatas\">\n                                {() => {\n                                  return (\n                                    <>\n                                      <ProFormDatePicker\n                                        name=\"date\"\n                                        transform={(value) => {\n                                          return {\n                                            date: moment(value).unix(),\n                                          };\n                                        }}\n                                      />\n                                    </>\n                                  );\n                                }}\n                              </ProFormList>\n                            </>\n                          );\n                        }}\n                      </ProFormList>\n                    </>\n                  );\n                }}\n              </ProFormList>\n            </>\n          );\n        }}\n      </ProFormList>\n    </ProForm>\n  );\n};\n"},45171:function(n,e){"use strict";e.Z="import {\n  ProForm,\n  ProFormDependency,\n  ProFormSelect,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { message } from '@szc-ft/szcd';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  return (\n    <ProForm\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success('提交成功');\n      }}\n      initialValues={{\n        name: '蚂蚁设计有限公司',\n        name2: '蚂蚁设计集团',\n        useMode: 'chapter',\n      }}\n    >\n      <ProFormText\n        width=\"md\"\n        name=\"name\"\n        label=\"签约客户名称\"\n        tooltip=\"最长为 24 位\"\n        placeholder=\"请输入名称\"\n      />\n      <ProFormText\n        width=\"md\"\n        name={['name2', 'text']}\n        label=\"签约客户名称\"\n        tooltip=\"最长为 24 位\"\n        placeholder=\"请输入名称\"\n      />\n      {/*  ProFormDependency 会自动注入并且 进行 shouldUpdate 的比对  */}\n      <ProFormDependency name={['name', ['name2', 'text']]}>\n        {({ name, name2 }) => {\n          return (\n            <ProFormSelect\n              options={[\n                {\n                  value: 'chapter',\n                  label: '盖章后生效',\n                },\n              ]}\n              width=\"md\"\n              name=\"useMode\"\n              label={`与《${name || ''}》 与 《${\n                name2?.text || ''\n              }》合同约定生效方式`}\n            />\n          );\n        }}\n      </ProFormDependency>\n      {/* noStyle shouldUpdate 是必选的，写了 name 就会失效 */}\n      <ProForm.Item noStyle shouldUpdate>\n        {(form) => {\n          return (\n            <ProFormSelect\n              options={[\n                {\n                  value: 'chapter',\n                  label: '盖章后生效',\n                },\n              ]}\n              width=\"md\"\n              name=\"useMode\"\n              label={`与《${form.getFieldValue('name')}》合同约定生效方式`}\n            />\n          );\n        }}\n      </ProForm.Item>\n    </ProForm>\n  );\n};\n"},83655:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDigit,\n  ProFormRadio,\n  ProFormSelect,\n  ProFormSwitch,\n  ProFormText,\n  ProFormTextArea,\n} from \'@szc-ft/szcd\';\nimport { Col, message, Row, Space } from \'@szc-ft/szcd\';\nimport type { FormLayout } from \'antd/lib/form/Form\';\nimport { useState } from \'react\';\n\nconst LAYOUT_TYPE_HORIZONTAL = \'horizontal\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [formLayoutType, setFormLayoutType] = useState<FormLayout>(\n    LAYOUT_TYPE_HORIZONTAL,\n  );\n\n  const [grid, setGrid] = useState(true);\n\n  return (\n    <ProForm<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n      layout={formLayoutType}\n      grid={grid}\n      rowProps={{\n        gutter: [16, formLayoutType === \'inline\' ? 16 : 0],\n      }}\n      submitter={{\n        render: (props, doms) => {\n          return formLayoutType === LAYOUT_TYPE_HORIZONTAL ? (\n            <Row>\n              <Col span={14} offset={4}>\n                <Space>{doms}</Space>\n              </Col>\n            </Row>\n          ) : (\n            doms\n          );\n        },\n      }}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success(\'提交成功\');\n      }}\n      params={{}}\n      request={async () => {\n        await waitTime(100);\n        return {\n          name: \'蚂蚁设计有限公司\',\n          useMode: \'chapter\',\n        };\n      }}\n    >\n      <ProFormRadio.Group\n        label="标签布局"\n        radioType="button"\n        fieldProps={{\n          value: formLayoutType,\n          onChange: (e) => setFormLayoutType(e.target.value),\n        }}\n        colProps={{\n          span: 20,\n        }}\n        options={[\'horizontal\', \'vertical\', \'inline\']}\n      />\n      <ProFormSwitch\n        colProps={{\n          span: 4,\n        }}\n        fieldProps={{\n          onChange: setGrid,\n        }}\n        initialValue={true}\n        label="grid开关"\n        name="grid"\n      />\n      <ProFormText\n        name="name"\n        label="标题"\n        tooltip="最长为 24 位"\n        placeholder="请输入名称"\n      />\n      <ProFormText colProps={{ md: 12, xl: 8 }} name="company" label="姓名" />\n      <ProFormDigit colProps={{ md: 12, xl: 8 }} name="phone" label="电话" />\n      <ProFormText colProps={{ md: 12, xl: 8 }} name="email" label="邮箱" />\n      <ProFormTextArea\n        colProps={{ span: 24 }}\n        name="address"\n        label="详细的工作地址或家庭住址"\n      />\n      <ProFormDatePicker\n        colProps={{ xl: 8, md: 12 }}\n        label="入职日期"\n        name="date"\n      />\n      <ProFormDateRangePicker\n        colProps={{ xl: 8, md: 12 }}\n        label="工作周期"\n        name="dateRange"\n      />\n      <ProFormSelect\n        colProps={{ xl: 8, md: 12 }}\n        label="职位"\n        name="level"\n        valueEnum={{\n          1: \'front end\',\n          2: \'back end\',\n          3: \'full stack\',\n        }}\n      />\n    </ProForm>\n  );\n};\n'},94255:function(n,e){"use strict";e.Z='import { ProForm, ProFormRadio, ProFormText } from \'@szc-ft/szcd\';\nimport { Col, message, Row, Space } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\ntype LayoutType = Parameters<typeof ProForm>[0][\'layout\'];\nconst LAYOUT_TYPE_HORIZONTAL = \'horizontal\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [formLayoutType, setFormLayoutType] = useState<LayoutType>(\n    LAYOUT_TYPE_HORIZONTAL,\n  );\n\n  const formItemLayout =\n    formLayoutType === LAYOUT_TYPE_HORIZONTAL\n      ? {\n          labelCol: { span: 4 },\n          wrapperCol: { span: 14 },\n        }\n      : null;\n\n  return (\n    <ProForm<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n      {...formItemLayout}\n      layout={formLayoutType}\n      submitter={{\n        render: (props, doms) => {\n          return formLayoutType === LAYOUT_TYPE_HORIZONTAL ? (\n            <Row>\n              <Col span={14} offset={4}>\n                <Space>{doms}</Space>\n              </Col>\n            </Row>\n          ) : (\n            doms\n          );\n        },\n      }}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success(\'提交成功\');\n      }}\n      params={{}}\n      request={async () => {\n        await waitTime(100);\n        return {\n          name: \'蚂蚁设计有限公司\',\n          useMode: \'chapter\',\n        };\n      }}\n    >\n      <ProFormRadio.Group\n        style={{\n          margin: 16,\n        }}\n        label="标签布局"\n        radioType="button"\n        fieldProps={{\n          value: formLayoutType,\n          onChange: (e) => setFormLayoutType(e.target.value),\n        }}\n        options={[\'horizontal\', \'vertical\', \'inline\']}\n      />\n      <ProFormText\n        width="md"\n        name="name"\n        label="签约客户名称"\n        tooltip="最长为 24 位"\n        placeholder="请输入名称"\n      />\n      <ProFormText\n        width="md"\n        name="company"\n        label="我方公司名称"\n        placeholder="请输入名称"\n      />\n      <ProFormText\n        name={[\'contract\', \'name\']}\n        width="md"\n        label="合同名称"\n        placeholder="请输入名称"\n      />\n    </ProForm>\n  );\n};\n'},68940:function(n,e){"use strict";e.Z='import type { ProFormInstance } from \'@szc-ft/szcd\';\nimport {\n  ProForm,\n  ProFormDatePicker,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button, message } from \'@szc-ft/szcd\';\nimport dayjs from \'dayjs\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const formRef = useRef<ProFormInstance>();\n  const onFill = () => {\n    formRef?.current?.setFieldsValue({\n      name: \'张三\',\n      company: \'蚂蚁金服\',\n    });\n  };\n\n  const getCompanyName = () => {\n    message.info(`公司名称为 "${formRef?.current?.getFieldValue(\'company\')}"`);\n  };\n\n  const getFormatValues = () => {\n    console.log(\n      \'格式化后的所有数据：\',\n      formRef.current?.getFieldsFormatValue?.(),\n    );\n  };\n\n  const validateAndGetFormatValue = () => {\n    formRef.current?.validateFieldsReturnFormatValue?.().then((values) => {\n      console.log(\'校验表单并返回格式化后的所有数据：\', values);\n    });\n  };\n\n  return (\n    <ProForm\n      title="新建表单"\n      formRef={formRef}\n      submitter={{\n        render: (props, doms) => {\n          return [\n            ...doms,\n            <Button htmlType="button" onClick={onFill} key="edit">\n              一键填写\n            </Button>,\n            <Button htmlType="button" onClick={getCompanyName} key="read">\n              读取公司\n            </Button>,\n            <Button.Group key="refs" style={{ display: \'block\' }}>\n              <Button htmlType="button" onClick={getFormatValues} key="format">\n                获取格式化后的所有数据\n              </Button>\n              <Button\n                htmlType="button"\n                onClick={validateAndGetFormatValue}\n                key="format2"\n              >\n                校验表单并返回格式化后的所有数据\n              </Button>\n            </Button.Group>,\n          ];\n        },\n      }}\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success(\'提交成功\');\n        return true;\n      }}\n    >\n      <ProFormText\n        width="md"\n        name="name"\n        label="签约客户名称"\n        tooltip="最长为 24 位"\n        placeholder="请输入名称"\n      />\n\n      <ProFormText\n        width="md"\n        name="company"\n        label="我方公司名称"\n        placeholder="请输入名称"\n      />\n      <ProFormDatePicker name="date" initialValue={dayjs(\'2021-08-09\')} />\n    </ProForm>\n  );\n};\n'},6461:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormCheckbox,\n  ProFormRadio,\n  ProFormText,\n} from \'@szc-ft/szcd\';\nimport { Button } from \'@szc-ft/szcd\';\n\nconst layout = {\n  labelCol: { span: 8 },\n  wrapperCol: { span: 16 },\n};\nconst tailLayout = {\n  wrapperCol: { offset: 8, span: 16 },\n};\n\nexport default () => {\n  return (\n    <>\n      <ProForm\n        {...layout}\n        layout="horizontal"\n        submitter={false}\n        name="basic"\n        initialValues={{ remember: true }}\n      >\n        <ProFormText label="Name" name="name" />\n\n        <ProFormText.Password\n          label="Password"\n          name="password"\n          rules={[{ required: true, message: \'Please input your password!\' }]}\n        />\n        <ProFormCheckbox name="remember" {...tailLayout}>\n          Remember me\n        </ProFormCheckbox>\n        <ProFormRadio name="remember" {...tailLayout}>\n          Remember me\n        </ProFormRadio>\n        <ProForm.Item {...tailLayout}>\n          <Button type="primary" htmlType="submit">\n            Submit\n          </Button>\n        </ProForm.Item>\n      </ProForm>\n    </>\n  );\n};\n'},20287:function(n,e){"use strict";e.Z='import {\n  AlipayCircleOutlined,\n  LockOutlined,\n  PlusOutlined,\n  TaobaoCircleOutlined,\n  UserOutlined,\n  WeiboCircleOutlined,\n} from \'@szc-ft/szcd\';\nimport {\n  DrawerForm,\n  LightFilter,\n  LoginForm,\n  ModalForm,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormRadio,\n  ProFormSelect,\n  ProFormText,\n  QueryFilter,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { Button, message, Space } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nconst iconStyles = {\n  marginInlineStart: \'16px\',\n  color: \'rgba(0, 0, 0, 0.2)\',\n  fontSize: \'24px\',\n  verticalAlign: \'middle\',\n  cursor: \'pointer\',\n};\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [type, setType] = useState(\'ProForm\');\n  const Components = {\n    ProForm,\n    ModalForm,\n    DrawerForm,\n    QueryFilter,\n    LightFilter,\n    StepsForm,\n    LoginForm,\n  };\n\n  if (type === \'StepsForm\') {\n    return (\n      <>\n        <ProFormRadio.Group\n          style={{\n            margin: 16,\n          }}\n          radioType="button"\n          fieldProps={{\n            value: type,\n            onChange: (e) => setType(e.target.value),\n          }}\n          options={[\n            \'LightFilter\',\n            \'ProForm\',\n            \'ModalForm\',\n            \'DrawerForm\',\n            \'QueryFilter\',\n            \'StepsForm\',\n            \'LoginForm\',\n          ]}\n        />\n        <StepsForm\n          onFinish={async (values: any) => {\n            await waitTime(2000);\n            console.log(values);\n            message.success(\'提交成功\');\n          }}\n        >\n          <StepsForm.StepForm title="第一步">\n            <ProForm.Group>\n              <ProFormText\n                width="md"\n                name="name"\n                label="签约客户名称"\n                tooltip="最长为 24 位"\n                placeholder="请输入名称"\n              />\n              <ProFormText\n                width="md"\n                name="company"\n                label="我方公司名称"\n                placeholder="请输入名称"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormText\n                name={[\'contract\', \'name\']}\n                width="md"\n                label="合同名称"\n                placeholder="请输入名称"\n              />\n              <ProFormDateRangePicker\n                width="md"\n                name={[\'contract\', \'createTime\']}\n                label="合同生效时间"\n              />\n            </ProForm.Group>\n          </StepsForm.StepForm>\n          <StepsForm.StepForm title="第二步">\n            <ProForm.Group>\n              <ProFormSelect\n                options={[\n                  {\n                    value: \'chapter\',\n                    label: \'盖章后生效\',\n                  },\n                ]}\n                readonly\n                width="xs"\n                name="useMode"\n                label="合同约定生效方式"\n              />\n              <ProFormSelect\n                width="xs"\n                options={[\n                  {\n                    value: \'time\',\n                    label: \'履行完终止\',\n                  },\n                ]}\n                name="unusedMode"\n                label="合同约定失效效方式"\n              />\n            </ProForm.Group>\n          </StepsForm.StepForm>\n          <StepsForm.StepForm title="第二步">\n            <ProFormText width="sm" name="id" label="主合同编号" />\n            <ProFormText\n              name="project"\n              width="md"\n              disabled\n              label="项目名称"\n              initialValue="xxxx项目"\n            />\n            <ProFormText\n              width="xs"\n              name="mangerName"\n              disabled\n              label="商务经理"\n              initialValue="启途"\n            />\n          </StepsForm.StepForm>\n        </StepsForm>\n      </>\n    );\n  }\n\n  const FormComponents = Components[type];\n\n  if (type === \'LoginForm\') {\n    return (\n      <>\n        {\' \'}\n        <ProFormRadio.Group\n          style={{\n            margin: 16,\n          }}\n          radioType="button"\n          fieldProps={{\n            value: type,\n            onChange: (e) => setType(e.target.value),\n          }}\n          options={[\n            \'LightFilter\',\n            \'ProForm\',\n            \'ModalForm\',\n            \'DrawerForm\',\n            \'QueryFilter\',\n            \'StepsForm\',\n            \'LoginForm\',\n          ]}\n        />\n        <FormComponents\n          title="Github"\n          subTitle="全球最大的代码托管平台"\n          actions={\n            <Space>\n              其他登录方式\n              <AlipayCircleOutlined style={iconStyles} />\n              <TaobaoCircleOutlined style={iconStyles} />\n              <WeiboCircleOutlined style={iconStyles} />\n            </Space>\n          }\n        >\n          <ProFormText\n            name="username"\n            fieldProps={{\n              size: \'large\',\n              prefix: <UserOutlined className={\'prefixIcon\'} />,\n            }}\n            placeholder={\'用户名: admin or user\'}\n            rules={[\n              {\n                required: true,\n                message: \'请输入用户名!\',\n              },\n            ]}\n          />\n          <ProFormText.Password\n            name="password"\n            fieldProps={{\n              size: \'large\',\n              prefix: <LockOutlined className={\'prefixIcon\'} />,\n            }}\n            placeholder={\'密码: ant.design\'}\n            rules={[\n              {\n                required: true,\n                message: \'请输入密码！\',\n              },\n            ]}\n          />\n        </FormComponents>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <ProFormRadio.Group\n        style={{\n          margin: 16,\n        }}\n        radioType="button"\n        fieldProps={{\n          value: type,\n          onChange: (e) => setType(e.target.value),\n        }}\n        options={[\n          \'LightFilter\',\n          \'ProForm\',\n          \'ModalForm\',\n          \'DrawerForm\',\n          \'QueryFilter\',\n          \'StepsForm\',\n          \'LoginForm\',\n        ]}\n      />\n      <div\n        style={{\n          margin: 24,\n        }}\n      >\n        <FormComponents\n          labelWidth="auto"\n          trigger={\n            <Button type="primary">\n              <PlusOutlined />\n              新建表单\n            </Button>\n          }\n          onFinish={async (values: any) => {\n            await waitTime(2000);\n            console.log(values);\n            message.success(\'提交成功\');\n          }}\n          initialValues={{\n            name: \'蚂蚁设计有限公司\',\n            useMode: \'chapter\',\n          }}\n        >\n          <ProForm.Group>\n            <ProFormText\n              width="md"\n              name="name"\n              label="签约客户名称"\n              tooltip="最长为 24 位"\n              placeholder="请输入名称"\n            />\n            <ProFormText\n              width="md"\n              name="company"\n              label="我方公司名称"\n              placeholder="请输入名称"\n            />\n          </ProForm.Group>\n          <ProForm.Group>\n            <ProFormText\n              name={[\'contract\', \'name\']}\n              width="md"\n              label="合同名称"\n              placeholder="请输入名称"\n            />\n            <ProFormDateRangePicker\n              width="md"\n              name={[\'contract\', \'createTime\']}\n              label="合同生效时间"\n            />\n          </ProForm.Group>\n          <ProForm.Group>\n            <ProFormSelect\n              options={[\n                {\n                  value: \'chapter\',\n                  label: \'盖章后生效\',\n                },\n              ]}\n              readonly\n              width="xs"\n              name="useMode"\n              label="合同约定生效方式"\n            />\n            <ProFormSelect\n              width="xs"\n              options={[\n                {\n                  value: \'time\',\n                  label: \'履行完终止\',\n                },\n              ]}\n              name="unusedMode"\n              label="合同约定失效效方式"\n            />\n          </ProForm.Group>\n          <ProFormText width="sm" name="id" label="主合同编号" />\n          <ProFormText\n            name="project"\n            width="md"\n            disabled\n            label="项目名称"\n            initialValue="xxxx项目"\n          />\n          <ProFormText\n            width="xs"\n            name="mangerName"\n            disabled\n            label="商务经理"\n            initialValue="启途"\n          />\n        </FormComponents>\n      </div>\n    </>\n  );\n};\n'},26905:function(n,e){"use strict";e.Z='import { SmileOutlined } from \'@szc-ft/szcd\';\nimport {\n  FooterToolbar,\n  PageContainer,\n  ProForm,\n  ProFormDateRangePicker,\n  ProFormDigit,\n  ProFormRadio,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  ProFormUploadButton,\n  ProLayout,\n} from \'@szc-ft/szcd\';\nimport { Card } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProLayout\n      fixSiderbar\n      fixedHeader\n      breakpoint={false}\n      defaultCollapsed\n      pageTitleRender={false}\n      menuDataRender={() => [\n        {\n          path: \'/one\',\n          icon: <SmileOutlined />,\n          name: \'一级名称\',\n          children: [\n            {\n              path: \'two\',\n              name: \'二级名称\',\n            },\n          ],\n        },\n      ]}\n      layout="mix"\n      location={{\n        pathname: \'/one/two\',\n      }}\n    >\n      <PageContainer title="输入表单">\n        <Card>\n          <ProForm\n            submitter={{\n              render: (_, dom) => <FooterToolbar>{dom}</FooterToolbar>,\n            }}\n            onFinish={async (values) => console.log(values)}\n          >\n            <ProForm.Group>\n              <ProFormText\n                name="name"\n                label="签约客户名称"\n                tooltip="最长为 24 位"\n                placeholder="请输入名称"\n              />\n              <ProFormText\n                width="md"\n                name="company"\n                label="我方公司名称"\n                placeholder="请输入名称"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormText\n                name={[\'contract\', \'name\']}\n                label="合同名称"\n                placeholder="请输入名称"\n              />\n              <ProFormDateRangePicker\n                name={[\'contract\', \'createTime\']}\n                label="合同生效时间"\n              />\n            </ProForm.Group>\n            <ProForm.Group>\n              <ProFormSelect\n                options={[\n                  {\n                    value: \'chapter\',\n                    label: \'盖章后生效\',\n                  },\n                ]}\n                width="xs"\n                name="chapter"\n                label="合同约定生效方式"\n              />\n              <ProFormSelect\n                width="xs"\n                options={[\n                  {\n                    value: \'time\',\n                    label: \'履行完终止\',\n                  },\n                ]}\n                name="unusedMode"\n                label="合同约定失效效方式"\n              />\n            </ProForm.Group>\n            <ProFormText width="sm" name="id" label="主合同编号" />\n            <ProFormText\n              name="project"\n              disabled\n              label="项目名称"\n              initialValue="xxxx项目"\n            />\n            <ProFormText\n              width="xs"\n              name="mangerName"\n              disabled\n              label="商务经理"\n              initialValue="启途"\n            />\n            <ProForm.Group>\n              <ProFormSelect\n                initialValue="money"\n                options={[\n                  {\n                    value: \'money\',\n                    label: \'确认金额\',\n                  },\n                ]}\n                width="xs"\n                name="useMode"\n                label="金额类型"\n              />\n              <ProFormSelect\n                options={[\n                  {\n                    value: \'6\',\n                    label: \'6%\',\n                  },\n                  {\n                    value: \'12\',\n                    label: \'12%\',\n                  },\n                ]}\n                initialValue="6"\n                width="xs"\n                name="taxRate"\n                label="税率"\n              />\n              <ProFormRadio.Group\n                label="发票类型"\n                name="invoiceType"\n                initialValue="发票"\n                options={[\'发票\', \'普票\', \'无票\']}\n              />\n            </ProForm.Group>\n            <ProFormUploadButton\n              extra="支持扩展名：.jpg .zip .doc .wps"\n              label="倒签报备附件"\n              name="file"\n              title="上传文件"\n            />\n            <ProFormDigit\n              width="xs"\n              name="num"\n              label="合同份数"\n              initialValue={5}\n            />\n            <ProFormTextArea width="xl" label="合同备注说明" name="remark" />\n          </ProForm>\n        </Card>\n      </PageContainer>\n    </ProLayout>\n  );\n};\n'},40776:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProForm,\n  ProFormCheckbox,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormDependency,\n  ProFormSelect,\n  ProFormText,\n  ProFormTextArea,\n  StepsForm,\n} from \'@szc-ft/szcd\';\nimport { Button, message } from \'@szc-ft/szcd\';\nimport { useState } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const [loading, setLoading] = useState(false);\n  return (\n    <ProCard>\n      <StepsForm\n        onFinish={async () => {\n          setLoading(true);\n          await waitTime(1000);\n          message.success(\'提交成功\');\n          setLoading(false);\n        }}\n        submitter={{\n          render: ({ form, onSubmit, step, onPre }) => {\n            return [\n              <Button\n                key="rest"\n                onClick={() => {\n                  form?.resetFields();\n                }}\n              >\n                重置\n              </Button>,\n              step > 0 && (\n                <Button\n                  key="pre"\n                  onClick={() => {\n                    onPre?.();\n                  }}\n                >\n                  上一步\n                </Button>\n              ),\n              <Button\n                key="next"\n                loading={loading}\n                type="primary"\n                onClick={() => {\n                  onSubmit?.();\n                }}\n              >\n                下一步\n              </Button>,\n            ];\n          },\n        }}\n        formProps={{\n          validateMessages: {\n            required: \'此项为必填项\',\n          },\n        }}\n      >\n        <StepsForm.StepForm\n          name="base"\n          title="创建实验"\n          onFinish={async () => {\n            setLoading(true);\n            await waitTime(2000);\n            setLoading(false);\n            return true;\n          }}\n        >\n          <ProFormText\n            name="name"\n            label="实验名称"\n            width="md"\n            tooltip="最长为 24 位，用于标定的唯一 id"\n            placeholder="请输入名称"\n            rules={[{ required: true }]}\n          />\n          <ProFormDatePicker name="date" label="日期" />\n          <ProFormDateRangePicker name="dateTime" label="时间区间" />\n          <ProFormTextArea\n            name="remark"\n            label="备注"\n            width="lg"\n            placeholder="请输入备注"\n          />\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="checkbox" title="设置参数">\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="迁移类型"\n            width="lg"\n            options={[\'结构迁移\', \'全量迁移\', \'增量迁移\', \'全量校验\']}\n          />\n          <ProForm.Group>\n            <ProFormText name="dbName" label="业务 DB 用户名" />\n            <ProFormDatePicker\n              name="datetime"\n              label="记录保存时间"\n              width="sm"\n            />\n          </ProForm.Group>\n          <ProFormDependency name={[\'dbName\']}>\n            {({ dbName }) => {\n              return (\n                <ProFormCheckbox.Group\n                  name="checkbox"\n                  label="迁移类型"\n                  options={\n                    dbName\n                      ? [\'完整 LOB\', \'不同步 LOB\', \'受限制 LOB\']\n                      : [\'完整 LOB\']\n                  }\n                />\n              );\n            }}\n          </ProFormDependency>\n        </StepsForm.StepForm>\n        <StepsForm.StepForm name="time" title="发布实验">\n          <ProFormCheckbox.Group\n            name="checkbox"\n            label="部署单元"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            options={[\'部署单元1\', \'部署单元2\', \'部署单元3\']}\n          />\n          <ProFormSelect\n            label="部署分组策略"\n            name="remark"\n            rules={[\n              {\n                required: true,\n              },\n            ]}\n            initialValue="1"\n            width="md"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n          <ProFormSelect\n            label="Pod 调度策略"\n            name="remark2"\n            initialValue="2"\n            width="md"\n            options={[\n              {\n                value: \'1\',\n                label: \'策略一\',\n              },\n              { value: \'2\', label: \'策略二\' },\n            ]}\n          />\n        </StepsForm.StepForm>\n      </StepsForm>\n    </ProCard>\n  );\n};\n'},9744:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport {\n  ModalForm,\n  ProCard,\n  ProForm,\n  ProFormList,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\n// 弹窗表单\nconst FormModal = () => {\n  return (\n    <ModalForm<{\n      name: string;\n      company: string;\n    }>\n      title=\"新建表单\"\n      trigger={\n        <Button type=\"primary\">\n          <PlusOutlined />\n          新建表单\n        </Button>\n      }\n      onFinish={async (values) => {\n        console.log(values);\n        alert(JSON.stringify(values));\n        return true;\n      }}\n    >\n      <ProFormText width=\"sm\" name=\"id\" label=\"主合同编号\" />\n    </ModalForm>\n  );\n};\n\nconst Demo = () => {\n  return (\n    <div>\n      <div>\n        在form外边可以\n        <FormModal />\n      </div>\n      <div>\n        在form里面可以\n        <ProForm layout=\"horizontal\">\n          <FormModal />\n          <ProFormList\n            name=\"attributes\"\n            label=\"规格\"\n            creatorButtonProps={{\n              creatorButtonText: '添加规格项',\n            }}\n            min={1}\n            copyIconProps={false}\n            itemRender={({ listDom, action }, { index }) => (\n              <ProCard\n                bordered\n                style={{ marginBlockEnd: 8 }}\n                title={`规格${index + 1}`}\n                extra={action}\n                bodyStyle={{ paddingBlockEnd: 0 }}\n              >\n                {listDom}\n              </ProCard>\n            )}\n            creatorRecord={{ name: '', items: [{ name: '' }] }}\n            initialValue={[{ name: '颜色', items: [{ name: '红' }] }]}\n          >\n            <ProFormText\n              style={{ padding: 0 }}\n              width=\"md\"\n              name=\"name\"\n              label=\"规格名\"\n            />\n            <ProForm.Item\n              isListField\n              style={{ marginBlockEnd: 0 }}\n              label=\"规格值\"\n            >\n              <ProFormList\n                name=\"items\"\n                creatorButtonProps={{\n                  creatorButtonText: '新建',\n                  icon: false,\n                  type: 'link',\n                  style: { width: 'unset' },\n                }}\n                min={1}\n                copyIconProps={false}\n                deleteIconProps={{ tooltipText: '删除' }}\n                itemRender={({ listDom, action }) => (\n                  <div\n                    style={{\n                      display: 'inline-flex',\n                      marginInlineEnd: 25,\n                    }}\n                  >\n                    {listDom}\n                    {action}\n                  </div>\n                )}\n              >\n                <ProFormText allowClear={false} width=\"xs\" name={['name']} />\n                <div>\n                  在内层formlist拿不到\n                  <FormModal />\n                </div>\n              </ProFormList>\n            </ProForm.Item>\n            <div>\n              在外层formlist拿不到\n              <FormModal />\n            </div>\n          </ProFormList>\n        </ProForm>\n      </div>\n    </div>\n  );\n};\n\nexport default Demo;\n"},19651:function(n,e){"use strict";e.Z='import type { ProFormInstance } from \'@szc-ft/szcd\';\nimport { ProForm, ProFormMoney } from \'@szc-ft/szcd\';\nimport { message } from \'@szc-ft/szcd\';\nimport { useRef } from \'react\';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport default () => {\n  const formRef = useRef<\n    ProFormInstance<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n  >();\n  return (\n    <ProForm<{\n      name: string;\n      company?: string;\n      useMode?: string;\n    }>\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        const val1 = await formRef.current?.validateFields();\n        console.log(\'validateFields:\', val1);\n        const val2 = await formRef.current?.validateFieldsReturnFormatValue?.();\n        console.log(\'validateFieldsReturnFormatValue:\', val2);\n        message.success(\'提交成功\');\n      }}\n      formRef={formRef}\n      params={{ id: \'100\' }}\n      formKey="base-form-use-demo"\n      request={async () => {\n        await waitTime(100);\n        return {\n          name: \'蚂蚁设计有限公司\',\n          useMode: \'chapter\',\n        };\n      }}\n      autoFocusFirstInput\n    >\n      <ProFormMoney\n        label="不显示符号"\n        name="amount0"\n        fieldProps={{\n          moneySymbol: false,\n        }}\n        locale="en-US"\n        initialValue={22.22}\n        min={0}\n        width="lg"\n      />\n      <ProFormMoney\n        label="宽度"\n        name="amount1"\n        locale="en-US"\n        initialValue={22.22}\n        min={0}\n        width="lg"\n      />\n      <ProFormMoney\n        label="限制金额最小为0"\n        name="amount2"\n        locale="en-US"\n        initialValue={22.22}\n        min={0}\n        trigger="onBlur"\n      />\n      <ProFormMoney\n        label="不限制金额大小"\n        name="amount3"\n        locale="en-GB"\n        initialValue={22.22}\n      />\n      <ProFormMoney\n        label="货币符号跟随全局国际化"\n        name="amount4"\n        initialValue={22.22}\n      />\n      <ProFormMoney\n        label="自定义货币符号"\n        name="amount5"\n        initialValue={22.22}\n        customSymbol="💰"\n      />\n      <ProFormMoney\n        label="小数点精度"\n        name="amount6"\n        initialValue={2222222222.222222}\n        fieldProps={{ precision: 2 }}\n        customSymbol="💰"\n      />\n      <ProFormMoney\n        label="小数点精度-0"\n        name="amount6"\n        initialValue={2222222222.222222}\n        fieldProps={{ precision: 0 }}\n        customSymbol="💰"\n      />\n    </ProForm>\n  );\n};\n'},74057:function(n,e){"use strict";e.Z="import { BetaSchemaForm } from '@szc-ft/szcd';\nimport { useEffect, useRef, useState } from 'react';\n\nexport default () => {\n  const targetRef = useRef();\n\n  const [requestLibData, setRequestLibData] = useState(0);\n  useEffect(() => {\n    // 更新requestLibData，并引发reRender\n    setTimeout(() => {\n      setRequestLibData(1);\n    });\n  }, []);\n  // 查看reRender后的ref标记\n  useEffect(() => console.log('targetRef.current1', targetRef.current));\n  // 查看reRender后的ref标记\n  useEffect(() => {\n    setTimeout(() => {\n      console.log('targetRef.current1', targetRef.current);\n    }, 1000);\n  });\n  return (\n    <BetaSchemaForm\n      request={async () => ({})}\n      params={{ requestLibData }}\n      columns={[\n        {\n          title: 'money',\n          dataIndex: 'money',\n          valueType: 'money',\n        },\n      ]}\n      formRef={targetRef}\n    />\n  );\n};\n"},84962:function(n,e){"use strict";e.Z='import {\n  ProCard,\n  ProForm,\n  ProFormDependency,\n  ProFormGroup,\n  ProFormList,\n  ProFormSwitch,\n  ProFormText,\n} from \'@szc-ft/szcd\';\n\nconst Demo = () => {\n  return (\n    <ProForm onFinish={async (e) => console.log(e)}>\n      <ProFormText name="name" label="姓名" />\n      <ProFormList\n        name="users"\n        label="用户信息"\n        initialValue={[\n          {\n            name: \'1111\',\n          },\n        ]}\n        itemRender={({ listDom, action }, { record }) => {\n          return (\n            <ProCard\n              bordered\n              extra={action}\n              title={record?.name}\n              style={{\n                marginBlockEnd: 8,\n              }}\n            >\n              {listDom}\n            </ProCard>\n          );\n        }}\n      >\n        <ProFormGroup>\n          <ProFormText name="name" label="姓名" />\n        </ProFormGroup>\n        <ProFormList\n          name="labels"\n          label="用户信息"\n          initialValue={[\n            {\n              value: \'333\',\n              label: \'333\',\n            },\n          ]}\n          copyIconProps={{\n            tooltipText: \'复制此行到末尾\',\n          }}\n          deleteIconProps={{\n            tooltipText: \'不需要这行了\',\n          }}\n        >\n          <ProFormGroup>\n            <ProFormSwitch name="is_show" label="显示名称" />\n          </ProFormGroup>\n          <ProFormDependency name={[\'is_show\']}>\n            {({ is_show }) => {\n              console.log(is_show);\n              if (!is_show) return null;\n              return (\n                <ProFormList\n                  name="labels"\n                  label="用户信息"\n                  initialValue={[\n                    {\n                      value: \'333\',\n                      label: \'333\',\n                    },\n                  ]}\n                  copyIconProps={{\n                    tooltipText: \'复制此行到末尾\',\n                  }}\n                  deleteIconProps={{\n                    tooltipText: \'不需要这行了\',\n                  }}\n                >\n                  <ProFormGroup>\n                    <ProFormText name="value" label="值" />\n                    <ProFormSwitch name="is_show" label="显示名称" />\n                  </ProFormGroup>\n                </ProFormList>\n              );\n            }}\n          </ProFormDependency>\n        </ProFormList>\n      </ProFormList>\n    </ProForm>\n  );\n};\n\nexport default Demo;\n'},60048:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProForm,\n  ProFormText,\n} from '@szc-ft/szcd';\nimport { Input, message } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\ntype DataSourceType = {\n  id: React.Key;\n  title?: string;\n  decs?: string;\n  state?: string;\n  created_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: 624748504,\n    title: '活动名称一',\n    decs: '这个活动真好玩',\n    state: 'open',\n    created_at: '1590486176000',\n  },\n  {\n    id: 624691229,\n    title: '活动名称二',\n    decs: '这个活动真好玩',\n    state: 'closed',\n    created_at: '1590481162000',\n  },\n];\n\nconst columns: ProColumns<DataSourceType>[] = [\n  {\n    title: '活动名称',\n    dataIndex: 'title',\n    width: '30%',\n  },\n  {\n    title: '状态',\n    key: 'state',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n      },\n    },\n  },\n  {\n    title: '描述',\n    dataIndex: 'decs',\n    renderFormItem: (_, { record }) => {\n      console.log('----===>', record);\n      return <Input addonBefore={(record as any)?.addonBefore} />;\n    },\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n  },\n];\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() =>\n    defaultData.map((item) => item.id),\n  );\n  return (\n    <ProForm<{\n      name: string;\n      company: string;\n    }>\n      onFinish={async (values) => {\n        await waitTime(2000);\n        console.log(values);\n        message.success('提交成功');\n      }}\n      initialValues={{\n        name: '蚂蚁设计有限公司',\n        useMode: 'chapter',\n      }}\n    >\n      <ProForm.Group>\n        <ProFormText\n          width=\"md\"\n          name=\"name\"\n          label=\"签约客户名称\"\n          tooltip=\"最长为 24 位\"\n          placeholder=\"请输入名称\"\n        />\n        <ProFormText\n          width=\"md\"\n          name=\"company\"\n          label=\"我方公司名称\"\n          placeholder=\"请输入名称\"\n        />\n      </ProForm.Group>\n      <ProFormText width=\"sm\" name=\"id\" label=\"主合同编号\" />\n      <ProForm.Item\n        label=\"数组数据\"\n        name=\"dataSource\"\n        initialValue={defaultData}\n        trigger=\"onValuesChange\"\n      >\n        <EditableProTable<DataSourceType>\n          rowKey=\"id\"\n          toolBarRender={false}\n          columns={columns}\n          recordCreatorProps={{\n            newRecordType: 'dataSource',\n            position: 'top',\n            record: () => ({\n              id: Date.now(),\n              addonBefore: 'ccccccc',\n              decs: 'testdesc',\n            }),\n          }}\n          editable={{\n            type: 'multiple',\n            editableKeys,\n            onChange: setEditableRowKeys,\n            actionRender: (row, _, dom) => {\n              return [dom.delete];\n            },\n          }}\n        />\n      </ProForm.Item>\n    </ProForm>\n  );\n};\n"},73336:function(n,e){"use strict";e.Z='import {\n  ProForm,\n  ProFormDatePicker,\n  ProFormDateRangePicker,\n  ProFormSelect,\n} from \'@szc-ft/szcd\';\nimport { message } from \'@szc-ft/szcd\';\n\nexport default () => {\n  return (\n    <ProForm\n      onFinish={async () => {\n        message.success(\'提交成功\');\n      }}\n      syncToUrl={(values, type) => {\n        if (type === \'get\') {\n          // 为了配合 transform\n          // startTime 和 endTime 拼成 createTimeRanger\n          return {\n            ...values,\n            createTimeRanger:\n              values.startTime || values.endTime\n                ? [values.startTime, values.endTime]\n                : undefined,\n          };\n        }\n        // expirationTime 不同步到 url\n        return {\n          ...values,\n          expirationTime: undefined,\n        };\n      }}\n      initialValues={{\n        name: \'蚂蚁设计有限公司\',\n        useMode: \'chapter\',\n      }}\n      autoFocusFirstInput\n    >\n      <ProFormSelect\n        options={[\n          {\n            value: \'chapter\',\n            label: \'盖章后生效\',\n          },\n        ]}\n        width="sm"\n        name="useMode"\n        label="合同约定生效方式"\n      />\n      <ProFormDateRangePicker\n        transform={(values) => {\n          return {\n            startTime: values ? values[0] : undefined,\n            endTime: values ? values[1] : undefined,\n          };\n        }}\n        width="md"\n        name="createTimeRanger"\n        label="合同生效时间"\n      />\n      <ProFormDatePicker\n        width="md"\n        name="expirationTime"\n        label="合同失效时间"\n      />\n    </ProForm>\n  );\n};\n'},36046:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport { PageContainer, ProCard } from '@szc-ft/szcd';\nimport { Button, Dropdown } from '@szc-ft/szcd';\n\nexport default () => (\n  <div\n    style={{\n      background: '#F5F7FA',\n    }}\n  >\n    <PageContainer\n      header={{\n        title: '页面标题',\n        ghost: true,\n        breadcrumb: {\n          items: [\n            {\n              path: '',\n              title: '一级页面',\n            },\n            {\n              path: '',\n              title: '二级页面',\n            },\n            {\n              path: '',\n              title: '当前页面',\n            },\n          ],\n        },\n        extra: [\n          <Button key=\"1\">次要按钮</Button>,\n          <Button key=\"2\">次要按钮</Button>,\n          <Button key=\"3\" type=\"primary\">\n            主要按钮\n          </Button>,\n          <Dropdown\n            key=\"dropdown\"\n            trigger={['click']}\n            menu={{\n              items: [\n                {\n                  label: '下拉菜单',\n                  key: '1',\n                },\n                {\n                  label: '下拉菜单2',\n                  key: '2',\n                },\n                {\n                  label: '下拉菜单3',\n                  key: '3',\n                },\n              ],\n            }}\n          >\n            <Button key=\"4\" style={{ padding: '0 8px' }}>\n              <EllipsisOutlined />\n            </Button>\n          </Dropdown>,\n        ],\n      }}\n      tabBarExtraContent=\"测试tabBarExtraContent\"\n      tabList={[\n        {\n          tab: '基本信息',\n          key: 'base',\n          closable: false,\n        },\n        {\n          tab: '详细信息',\n          key: 'info',\n        },\n      ]}\n      tabProps={{\n        type: 'editable-card',\n        hideAdd: true,\n        onEdit: (e, action) => console.log(e, action),\n      }}\n      footer={[\n        <Button key=\"3\">重置</Button>,\n        <Button key=\"2\" type=\"primary\">\n          提交\n        </Button>,\n      ]}\n    >\n      <ProCard direction=\"column\" ghost gutter={[0, 16]}>\n        <ProCard style={{ height: 200 }} />\n        <ProCard gutter={16} ghost style={{ height: 200 }}>\n          <ProCard colSpan={16} />\n          <ProCard colSpan={8} />\n        </ProCard>\n      </ProCard>\n    </PageContainer>\n  </div>\n);\n"},94712:function(n,e){"use strict";e.Z="import { PageContainer, ProCard } from '@szc-ft/szcd';\n\nexport default () => (\n  <div\n    style={{\n      background: '#F5F7FA',\n    }}\n  >\n    <PageContainer\n      fixedHeader\n      header={{\n        title: '页面标题',\n        breadcrumb: {\n          items: [\n            {\n              path: '',\n              title: '一级页面',\n            },\n            {\n              path: '',\n              title: '二级页面',\n            },\n            {\n              path: '',\n              title: '当前页面',\n            },\n          ],\n        },\n      }}\n      tabList={[\n        {\n          tab: '已选择',\n          key: '1',\n        },\n        {\n          tab: '可点击',\n          key: '2',\n        },\n        {\n          tab: '禁用',\n          key: '3',\n          disabled: true,\n        },\n      ]}\n    >\n      <ProCard direction=\"column\" ghost gutter={[0, 16]}>\n        <ProCard style={{ height: 200 }} />\n        <ProCard gutter={16} ghost>\n          <ProCard colSpan={16} style={{ height: 200 }} />\n          <ProCard colSpan={8} style={{ height: 200 }} />\n        </ProCard>\n        <ProCard gutter={16} ghost>\n          <ProCard colSpan={8} style={{ height: 200 }} />\n          <ProCard colSpan={16} style={{ height: 200 }} />\n        </ProCard>\n      </ProCard>\n    </PageContainer>\n  </div>\n);\n"},96632:function(n,e){"use strict";e.Z='import { PageContainer, ProCard } from \'@szc-ft/szcd\';\nimport { Descriptions } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <div\n    style={{\n      background: \'#F5F7FA\',\n    }}\n  >\n    <PageContainer\n      ghost\n      header={{\n        title: \'页面标题\',\n        breadcrumb: {},\n      }}\n      content={\n        <Descriptions column={2} style={{ marginBlockEnd: -16 }}>\n          <Descriptions.Item label="创建人">曲丽丽</Descriptions.Item>\n          <Descriptions.Item label="关联表单">\n            <a>421421</a>\n          </Descriptions.Item>\n          <Descriptions.Item label="创建时间">2017-01-10</Descriptions.Item>\n          <Descriptions.Item label="单据备注">\n            浙江省杭州市西湖区工专路\n          </Descriptions.Item>\n        </Descriptions>\n      }\n    >\n      <ProCard direction="column" ghost gutter={[0, 16]}>\n        <ProCard style={{ height: 200 }} />\n        <ProCard gutter={16} ghost style={{ height: 200 }}>\n          <ProCard colSpan={16} />\n          <ProCard colSpan={8} />\n        </ProCard>\n      </ProCard>\n    </PageContainer>\n  </div>\n);\n'},75968:function(n,e){"use strict";e.Z="import { PageContainer } from '@szc-ft/szcd';\nimport { Card } from '@szc-ft/szcd';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nexport default () => {\n  const customLoadingDom = useMemo(\n    () => (\n      <div style={{ color: 'red', padding: '30px', textAlign: 'center' }}>\n        自定义加载...\n      </div>\n    ),\n    [],\n  );\n  const [customLoading, setCustomLoading] = useState<React.ReactNode | boolean>(\n    customLoadingDom,\n  );\n\n  useEffect(() => {\n    if (process.env.NODE_ENV?.toLocaleLowerCase() === 'test') {\n      return;\n    }\n    setTimeout(() => {\n      setCustomLoading(false);\n    }, 3000);\n  }, []);\n\n  return (\n    <div\n      style={{\n        boxShadow: '0 0 8px rgba(0, 0, 0, 0.2)',\n        minHeight: '100vh',\n        background: '#F5F7FA',\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 24,\n        padding: 24,\n      }}\n    >\n      <Card>\n        <PageContainer\n          ghost\n          loading\n          header={{\n            title: '默认loading',\n            breadcrumb: {\n              items: [\n                {\n                  path: '',\n                  title: '一级页面',\n                },\n                {\n                  path: '',\n                  title: '二级页面',\n                },\n                {\n                  path: '',\n                  title: '当前页面',\n                },\n              ],\n            },\n          }}\n        >\n          <div\n            style={{\n              height: '100vh',\n            }}\n          >\n            加载中这里不显示\n          </div>\n        </PageContainer>\n      </Card>\n      <Card>\n        <PageContainer\n          ghost\n          loading={{\n            spinning: true,\n            className: 'customClassName',\n            tip: '拼命加载中...',\n          }}\n          header={{\n            title: '自定义loading属性',\n            breadcrumb: {\n              items: [\n                {\n                  path: '',\n                  title: '一级页面',\n                },\n                {\n                  path: '',\n                  title: '二级页面',\n                },\n                {\n                  path: '',\n                  title: '当前页面',\n                },\n              ],\n            },\n          }}\n        >\n          <div\n            style={{\n              height: '100vh',\n            }}\n          >\n            加载中这里不显示\n          </div>\n        </PageContainer>\n      </Card>\n      <Card>\n        <PageContainer\n          ghost\n          loading={customLoading}\n          header={{\n            title: '自定义loading，3s后显示内容',\n            breadcrumb: {\n              items: [\n                {\n                  path: '',\n                  title: '一级页面',\n                },\n                {\n                  path: '',\n                  title: '二级页面',\n                },\n                {\n                  path: '',\n                  title: '当前页面',\n                },\n              ],\n            },\n          }}\n        >\n          <div\n            style={{\n              height: '100vh',\n            }}\n          >\n            加载中这里不显示\n          </div>\n        </PageContainer>\n      </Card>\n    </div>\n  );\n};\n"},74563:function(n,e){"use strict";e.Z="/** Title: 自定义配置 */\nimport {\n  ProCard,\n  ProForm,\n  ProFormColorPicker,\n  ProFormDependency,\n  ProFormField,\n  ProFormSlider,\n  ProFormText,\n  WaterMark,\n} from '@szc-ft/szcd';\nimport { Divider } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <ProForm\n      initialValues={{\n        content: '示例水印',\n        fontColor: 'rgba(0,0,0,.15)',\n        fontSize: '16',\n        zIndex: 9,\n        rotate: '-22',\n      }}\n      submitter={false}\n    >\n      <ProCard\n        split=\"vertical\"\n        title=\"水印自定义配置器\"\n        headerBordered\n        bordered\n      >\n        <ProCard colSpan=\"70%\">\n          <ProFormDependency\n            name={['rotate', 'content', 'fontColor', 'fontSize', 'zIndex']}\n          >\n            {({ rotate, content, fontColor, fontSize, zIndex }) => {\n              return (\n                <WaterMark\n                  rotate={rotate}\n                  content={content}\n                  fontColor={fontColor}\n                  fontSize={fontSize}\n                  zIndex={zIndex}\n                >\n                  <div>\n                    <p>\n                      Lorem ipsum dolor sit, amet consectetur adipisicing elit.\n                      Quisquam aliquid perferendis, adipisci dolorum officia\n                      odio natus facere cumque iusto libero repellendus\n                      praesentium ipsa cupiditate iure autem eos repudiandae\n                      delectus totam?\n                    </p>\n                    <p>\n                      Lorem ipsum dolor sit amet consectetur adipisicing elit.\n                      Illo praesentium, aperiam numquam voluptatibus asperiores\n                      odio? Doloribus saepe, eligendi facere inventore culpa,\n                      exercitationem explicabo earum laborum deleniti reiciendis\n                      deserunt accusantium ullam.\n                    </p>\n                    <p>\n                      Lorem ipsum dolor sit amet consectetur adipisicing elit.\n                      Officia voluptas numquam impedit architecto facilis\n                      aliquam at assumenda, nostrum explicabo accusantium ipsam\n                      error provident voluptate molestias magnam quisquam\n                      excepturi illum sit!\n                    </p>\n                    <p>\n                      Lorem ipsum dolor sit amet consectetur adipisicing elit.\n                      Aperiam, accusantium quo corporis fugit possimus quaerat\n                      ad consequatur veniam voluptatum ut cumque illo beatae.\n                      Magni assumenda eligendi itaque eum voluptate non!\n                    </p>\n                  </div>\n                  <h4>\n                    下面是一张zIndex 为 10 的 position 为 relative 图片，\n                    <br /> 如果要在图片中展示水印尝试调大右侧的 zIndex\n                    滑块试试。\n                  </h4>\n                  <img\n                    src=\"https://gw.alipayobjects.com/zos/bmw-prod/d283f09a-64d6-4d59-bfc7-37b49ea0da2b.svg\"\n                    alt=\"示例图片\"\n                    width={600}\n                    style={{\n                      zIndex: 10,\n                      maxWidth: '100%',\n                      position: 'relative',\n                    }}\n                  />\n                </WaterMark>\n              );\n            }}\n          </ProFormDependency>\n        </ProCard>\n        <ProCard title=\"配置面板\">\n          <ProFormText label=\"水印文字\" name=\"content\" />\n          <ProFormColorPicker label=\"字体颜色\" name=\"fontColor\" />\n          <ProFormSlider label=\"字体大小\" name=\"fontSize\" />\n          <ProFormSlider label=\"zIndex\" name=\"zIndex\" min={0} max={100} />\n          <ProFormSlider label=\"旋转角度\" name=\"rotate\" min={-90} max={90} />\n          <Divider />\n          <ProFormDependency\n            name={['rotate', 'content', 'fontColor', 'fontSize', 'zIndex']}\n          >\n            {({ rotate, content, fontColor, fontSize, zIndex }) => {\n              return (\n                <ProFormField\n                  ignoreFormItem\n                  mode=\"read\"\n                  valueType=\"code\"\n                  style={{ width: 220 }}\n                  text={`<WaterMark\n  rotate={${rotate}}\n  content='${content}'\n  fontColor='${fontColor}'\n  fontSize={${fontSize}}\n  zIndex={${zIndex}}\n>\n  <div>xxx</div>\n</WaterMark>`}\n                />\n              );\n            }}\n          </ProFormDependency>\n        </ProCard>\n      </ProCard>\n    </ProForm>\n  );\n};\n"},31822:function(n,e){"use strict";e.Z="/** Title: 前置水印 */\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown, WaterMark } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport interface TableListItem {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n  status: string;\n  createdAt: number;\n  memo: string;\n}\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 10; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n    memo:\n      i % 2 === 1\n        ? '很长很长很长很长很长很长很长的文字要展示但是要留下尾巴'\n        : '简短备注文案',\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    width: 80,\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '状态',\n    width: 80,\n    dataIndex: 'status',\n    initialValue: 'all',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '创建者',\n    width: 80,\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '备注',\n    dataIndex: 'memo',\n    ellipsis: true,\n    copyable: true,\n  },\n  {\n    title: '操作',\n    width: 180,\n    key: 'option',\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"link2\">报警</a>,\n      <a key=\"link3\">监控</a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => (\n  <WaterMark content=\"蚂蚁集团\">\n    <ProTable<TableListItem>\n      columns={columns}\n      dataSource={tableListDataSource}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      search={false}\n      dateFormatter=\"string\"\n      headerTitle=\"表格标题\"\n      toolBarRender={false}\n    />\n  </WaterMark>\n);\n"},68873:function(n,e){"use strict";e.Z="/** Title: 图片水印 */\nimport { WaterMark } from '@szc-ft/szcd';\n\nexport default () => {\n  return (\n    <WaterMark\n      height={36}\n      width={115}\n      image=\"https://gw.alipayobjects.com/zos/bmw-prod/59a18171-ae17-4fc5-93a0-2645f64a3aca.svg\"\n    >\n      <div style={{ height: 500 }}>\n        <p>\n          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam\n          aliquid perferendis, adipisci dolorum officia odio natus facere cumque\n          iusto libero repellendus praesentium ipsa cupiditate iure autem eos\n          repudiandae delectus totam?\n        </p>\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo\n          praesentium, aperiam numquam voluptatibus asperiores odio? Doloribus\n          saepe, eligendi facere inventore culpa, exercitationem explicabo earum\n          laborum deleniti reiciendis deserunt accusantium ullam.\n        </p>\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Officia\n          voluptas numquam impedit architecto facilis aliquam at assumenda,\n          nostrum explicabo accusantium ipsam error provident voluptate\n          molestias magnam quisquam excepturi illum sit!\n        </p>\n        <p>\n          Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam,\n          accusantium quo corporis fugit possimus quaerat ad consequatur veniam\n          voluptatum ut cumque illo beatae. Magni assumenda eligendi itaque eum\n          voluptate non!\n        </p>\n      </div>\n    </WaterMark>\n  );\n};\n"},34115:function(n,e){"use strict";e.Z="/** Title: 文字水印 */\nimport { WaterMark } from '@szc-ft/szcd';\n\nexport default () => (\n  <WaterMark content=\"蚂蚁集团\">\n    <div style={{ height: 500 }} />\n  </WaterMark>\n);\n"},40935:function(n,e){"use strict";e.Z="/** Title: 多行文字水印 */\nimport { WaterMark } from '@szc-ft/szcd';\n\nexport default () => (\n  <WaterMark content={['蚂蚁集团', '多行文字']}>\n    <div style={{ height: 500 }} />\n  </WaterMark>\n);\n"},77083:function(n,e){"use strict";e.Z="import type { ActionType } from '@szc-ft/szcd';\nimport { ProList } from '@szc-ft/szcd';\nimport { Badge, Button } from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\n\nconst dataSource = [\n  {\n    name: '实验名称1',\n    desc: '系统性的沉淀B端知识体系',\n    content: [\n      {\n        label: '模型数',\n        value: 2903,\n      },\n      {\n        label: '指标数',\n        value: 3720,\n      },\n      {\n        label: '实验状态',\n        value: '成功',\n        status: 'success',\n      },\n    ],\n  },\n  {\n    name: '实验名称2',\n    desc: '系统性的沉淀B端知识体系',\n    content: [\n      {\n        label: '模型数',\n        value: 2904,\n      },\n      {\n        label: '指标数',\n        value: 3721,\n      },\n      {\n        label: '实验状态',\n        value: '成功',\n        status: 'success',\n      },\n    ],\n  },\n  {\n    name: '实验名称3',\n    desc: '系统性的沉淀B端知识体系',\n    content: [\n      {\n        label: '模型数',\n        value: 2905,\n      },\n      {\n        label: '指标数',\n        value: 3722,\n      },\n      {\n        label: '实验状态',\n        value: '成功',\n        status: 'success',\n      },\n    ],\n  },\n];\n\nconst renderBadge = (count: number, active = false) => {\n  return (\n    <Badge\n      count={count}\n      style={{\n        marginBlockStart: -2,\n        marginInlineStart: 4,\n        color: active ? '#1890FF' : '#999',\n        backgroundColor: active ? '#E6F7FF' : '#eee',\n      }}\n    />\n  );\n};\n\nexport default () => {\n  const [activeKey, setActiveKey] = useState<React.Key | undefined>('tab1');\n  const action = useRef<ActionType>();\n  return (\n    <ProList<any>\n      rowKey=\"name\"\n      actionRef={action}\n      dataSource={dataSource}\n      editable={{}}\n      metas={{\n        title: {\n          dataIndex: 'name',\n          valueType: 'select',\n          fieldProps: {\n            showSearch: true,\n            placement: 'bottomRight',\n            options: [\n              {\n                label: '实验名称1',\n                value: '实验名称1',\n              },\n            ],\n          },\n        },\n        description: {\n          dataIndex: 'desc',\n        },\n        content: {\n          dataIndex: 'content',\n          render: (text) => (\n            <div\n              key=\"label\"\n              style={{ display: 'flex', justifyContent: 'space-around' }}\n            >\n              {(text as any[]).map((t) => (\n                <div key={t.label}>\n                  <div style={{ color: '#00000073' }}>{t.label}</div>\n                  <div style={{ color: '#000000D9' }}>\n                    {t.status === 'success' && (\n                      <span\n                        style={{\n                          display: 'inline-block',\n                          width: 8,\n                          height: 8,\n                          borderRadius: '50%',\n                          backgroundColor: '#52c41a',\n                          marginInlineEnd: 8,\n                        }}\n                      />\n                    )}\n                    {t.value}\n                  </div>\n                </div>\n              ))}\n            </div>\n          ),\n        },\n        actions: {\n          render: (text, row) => [\n            <a\n              href={row.html_url}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              key=\"link\"\n              onClick={() => {\n                action.current?.startEditable(row.name);\n              }}\n            >\n              编辑\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"warning\">\n              复制\n            </a>,\n            <a target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n              删除\n            </a>,\n          ],\n        },\n      }}\n      toolbar={{\n        menu: {\n          activeKey,\n          items: [\n            {\n              key: 'tab1',\n              label: (\n                <span>全部实验室{renderBadge(99, activeKey === 'tab1')}</span>\n              ),\n            },\n            {\n              key: 'tab2',\n              label: (\n                <span>\n                  我创建的实验室{renderBadge(32, activeKey === 'tab2')}\n                </span>\n              ),\n            },\n          ],\n          onChange(key) {\n            setActiveKey(key);\n          },\n        },\n        search: {\n          onSearch: (value: string) => {\n            alert(value);\n          },\n        },\n        actions: [\n          <Button type=\"primary\" key=\"primary\">\n            新建实验\n          </Button>,\n        ],\n      }}\n    />\n  );\n};\n"},34585:function(n,e){"use strict";e.Z='import { ProList } from \'@szc-ft/szcd\';\nimport { Button, Space, Tag } from \'@szc-ft/szcd\';\n\nconst dataSource = [\n  {\n    name: \'语雀的天空\',\n    image:\n      \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'Ant Design\',\n    image:\n      \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'蚂蚁金服体验科技\',\n    image:\n      \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n    desc: \'我是一条测试的描述\',\n  },\n  {\n    name: \'TechUI\',\n    image:\n      \'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\',\n    desc: \'我是一条测试的描述\',\n  },\n];\n\nexport default () => (\n  <ProList<any>\n    toolBarRender={() => {\n      return [\n        <Button key="add" type="primary">\n          新建\n        </Button>,\n      ];\n    }}\n    onRow={(record: any) => {\n      return {\n        onMouseEnter: () => {\n          console.log(record);\n        },\n        onClick: () => {\n          console.log(record);\n        },\n      };\n    }}\n    rowKey="name"\n    headerTitle="基础列表"\n    tooltip="基础列表的配置"\n    dataSource={dataSource}\n    showActions="hover"\n    showExtra="hover"\n    metas={{\n      title: {\n        dataIndex: \'name\',\n      },\n      avatar: {\n        dataIndex: \'image\',\n      },\n      description: {\n        dataIndex: \'desc\',\n      },\n      subTitle: {\n        render: () => {\n          return (\n            <Space size={0}>\n              <Tag color="blue">Ant Design</Tag>\n              <Tag color="#5BD8A6">TechUI</Tag>\n            </Space>\n          );\n        },\n      },\n      actions: {\n        render: (text, row) => [\n          <a\n            href={row.html_url}\n            target="_blank"\n            rel="noopener noreferrer"\n            key="link"\n          >\n            链路\n          </a>,\n          <a\n            href={row.html_url}\n            target="_blank"\n            rel="noopener noreferrer"\n            key="warning"\n          >\n            报警\n          </a>,\n          <a\n            href={row.html_url}\n            target="_blank"\n            rel="noopener noreferrer"\n            key="view"\n          >\n            查看\n          </a>,\n        ],\n      },\n    }}\n  />\n);\n'},77058:function(n,e){"use strict";e.Z="import {\n  ProFormRadio,\n  ProFormSwitch,\n  ProList,\n} from '@szc-ft/szcd';\nimport { Progress, Tag } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst data = [\n  '语雀的天空',\n  'Ant Design',\n  '蚂蚁金服体验科技',\n  'TechUI',\n  'TechUI 2.0',\n  'Bigfish',\n  'Umi',\n  'Ant Design Pro',\n].map((item) => ({\n  title: item,\n  subTitle: <Tag color=\"#5BD8A6\">语雀专栏</Tag>,\n  actions: [<a key=\"run\">邀请</a>, <a key=\"delete\">删除</a>],\n  avatar:\n    'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',\n  content: (\n    <div\n      style={{\n        flex: 1,\n      }}\n    >\n      <div\n        style={{\n          width: 200,\n        }}\n      >\n        <div>发布中</div>\n        <Progress percent={80} />\n      </div>\n    </div>\n  ),\n}));\n\nexport default () => {\n  const [cardActionProps, setCardActionProps] = useState<'actions' | 'extra'>(\n    'extra',\n  );\n\n  const [ghost, setGhost] = useState<boolean>(false);\n  return (\n    <div\n      style={{\n        backgroundColor: '#eee',\n        margin: -24,\n        padding: 24,\n      }}\n    >\n      <ProFormRadio.Group\n        label=\"actions 放置的地方\"\n        options={[\n          {\n            label: '设置为 action',\n            value: 'actions',\n          },\n          {\n            label: '设置为 extra',\n            value: 'extra',\n          },\n        ]}\n        fieldProps={{\n          value: cardActionProps,\n          onChange: (e) => setCardActionProps(e.target.value),\n        }}\n      />\n      <ProFormSwitch\n        label=\"幽灵模式\"\n        fieldProps={{\n          checked: ghost,\n          onChange: (e) => setGhost(e),\n        }}\n      />\n      <ProList<any>\n        ghost={ghost}\n        itemCardProps={{\n          ghost,\n        }}\n        pagination={{\n          defaultPageSize: 8,\n          showSizeChanger: false,\n        }}\n        showActions=\"hover\"\n        rowSelection={{}}\n        grid={{ gutter: 16, column: 2 }}\n        onItem={(record: any) => {\n          return {\n            onMouseEnter: () => {\n              console.log(record);\n            },\n            onClick: () => {\n              console.log(record);\n            },\n          };\n        }}\n        metas={{\n          title: {},\n          subTitle: {},\n          type: {},\n          avatar: {},\n          content: {},\n          actions: {\n            cardActionProps,\n          },\n        }}\n        headerTitle=\"卡片列表展示\"\n        dataSource={data}\n      />\n    </div>\n  );\n};\n"},17813:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Space, Tag } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst defaultData = [\n  {\n    id: '1',\n    name: '语雀的天空',\n    image:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n    desc: '我是一条测试的描述',\n  },\n  {\n    id: '2',\n    name: 'Ant Design',\n    image:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n    desc: '我是一条测试的描述',\n  },\n  {\n    id: '3',\n    name: '蚂蚁金服体验科技',\n    image:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n    desc: '我是一条测试的描述',\n  },\n  {\n    id: '4',\n    name: 'TechUI',\n    image:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n    desc: '我是一条测试的描述',\n  },\n];\n\ntype DataItem = (typeof defaultData)[number];\n\nexport default () => {\n  const [dataSource, setDataSource] = useState<DataItem[]>(defaultData);\n  return (\n    <ProList<DataItem>\n      rowKey=\"id\"\n      headerTitle=\"基础列表\"\n      dataSource={dataSource}\n      showActions=\"hover\"\n      editable={{\n        onSave: async (key, record, originRow) => {\n          console.log(key, record, originRow);\n          return true;\n        },\n      }}\n      onDataSourceChange={setDataSource}\n      metas={{\n        title: {\n          dataIndex: 'name',\n        },\n        avatar: {\n          dataIndex: 'image',\n          editable: false,\n        },\n        description: {\n          dataIndex: 'desc',\n        },\n        subTitle: {\n          render: () => {\n            return (\n              <Space size={0}>\n                <Tag color=\"blue\">Ant Design</Tag>\n                <Tag color=\"#5BD8A6\">TechUI</Tag>\n              </Space>\n            );\n          },\n        },\n        actions: {\n          render: (text, row, index, action) => [\n            <a\n              onClick={() => {\n                action?.startEditable(row.id);\n              }}\n              key=\"link\"\n            >\n              编辑\n            </a>,\n          ],\n        },\n      }}\n    />\n  );\n};\n"},15560:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Button, Progress, Space, Tag } from '@szc-ft/szcd';\nimport type { ReactText } from 'react';\nimport { useState } from 'react';\n\nconst dataSource = [\n  {\n    title: '语雀的天空',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'Ant Design',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: '蚂蚁金服体验科技',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'TechUI',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n];\n\nexport default () => {\n  const [expandedRowKeys, setExpandedRowKeys] = useState<readonly ReactText[]>(\n    [],\n  );\n\n  return (\n    <ProList<{ title: string }>\n      rowKey=\"title\"\n      headerTitle=\"支持展开的列表\"\n      toolBarRender={() => {\n        return [\n          <Button key=\"3\" type=\"primary\">\n            新建\n          </Button>,\n        ];\n      }}\n      expandable={{ expandedRowKeys, onExpandedRowsChange: setExpandedRowKeys }}\n      dataSource={dataSource}\n      metas={{\n        title: {},\n        subTitle: {\n          render: () => {\n            return (\n              <Space size={0}>\n                <Tag color=\"blue\">Ant Design</Tag>\n                <Tag color=\"#5BD8A6\">TechUI</Tag>\n              </Space>\n            );\n          },\n        },\n        description: {\n          render: () => {\n            return 'Ant Design, a design language for background applications, is refined by Ant UED Team';\n          },\n        },\n        avatar: {},\n        content: {\n          render: () => (\n            <div\n              style={{\n                minWidth: 200,\n                flex: 1,\n                display: 'flex',\n                justifyContent: 'flex-end',\n              }}\n            >\n              <div\n                style={{\n                  width: '200px',\n                }}\n              >\n                <div>发布中</div>\n                <Progress percent={80} />\n              </div>\n            </div>\n          ),\n        },\n        actions: {\n          render: () => {\n            return <a key=\"invite\">邀请</a>;\n          },\n        },\n      }}\n    />\n  );\n};\n"},82808:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Button, Space, Tag } from '@szc-ft/szcd';\nimport request from 'umi-request';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nexport default () => (\n  <ProList<GithubIssueItem>\n    toolBarRender={() => {\n      return [\n        <Button key=\"3\" type=\"primary\">\n          新建\n        </Button>,\n      ];\n    }}\n    search={{\n      filterType: 'light',\n    }}\n    rowKey=\"name\"\n    headerTitle=\"基础列表\"\n    request={async (params = {}) =>\n      request<{\n        data: GithubIssueItem[];\n      }>('https://proapi.azurewebsites.net/github/issues', {\n        params,\n      })\n    }\n    pagination={{\n      pageSize: 5,\n    }}\n    showActions=\"hover\"\n    metas={{\n      title: {\n        dataIndex: 'user',\n        title: '用户',\n      },\n      avatar: {\n        dataIndex: 'avatar',\n        search: false,\n      },\n      description: {\n        dataIndex: 'title',\n        search: false,\n      },\n      subTitle: {\n        dataIndex: 'labels',\n        render: (_, row) => {\n          return (\n            <Space size={0}>\n              {row.labels?.map((label: { name: string }) => (\n                <Tag color=\"blue\" key={label.name}>\n                  {label.name}\n                </Tag>\n              ))}\n            </Space>\n          );\n        },\n        search: false,\n      },\n      actions: {\n        render: (text, row) => [\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"link\"\n          >\n            链路\n          </a>,\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"warning\"\n          >\n            报警\n          </a>,\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"view\"\n          >\n            查看\n          </a>,\n        ],\n        search: false,\n      },\n      status: {\n        // 自己扩展的字段，主要用于筛选，不在列表中显示\n        title: '状态',\n        valueType: 'select',\n        valueEnum: {\n          all: { text: '全部', status: 'Default' },\n          open: {\n            text: '未解决',\n            status: 'Error',\n          },\n          closed: {\n            text: '已解决',\n            status: 'Success',\n          },\n          processing: {\n            text: '解决中',\n            status: 'Processing',\n          },\n        },\n      },\n    }}\n  />\n);\n"},99914:function(n,e){"use strict";e.Z='import { LikeOutlined, MessageOutlined, StarOutlined } from \'@szc-ft/szcd\';\nimport { ProList } from \'@szc-ft/szcd\';\nimport { Button, Tag } from \'@szc-ft/szcd\';\nimport React from \'react\';\n\nconst IconText = ({ icon, text }: { icon: any; text: string }) => (\n  <span>\n    {React.createElement(icon, { style: { marginInlineEnd: 8 } })}\n    {text}\n  </span>\n);\n\nconst dataSource = [\n  {\n    title: \'语雀的天空\',\n  },\n  {\n    title: \'Ant Design\',\n  },\n  {\n    title: \'蚂蚁金服体验科技\',\n  },\n  {\n    title: \'TechUI\',\n  },\n];\n\nexport default () => {\n  return (\n    <ProList<{ title: string }>\n      toolBarRender={() => {\n        return [\n          <Button key="3" type="primary">\n            新建\n          </Button>,\n        ];\n      }}\n      itemLayout="vertical"\n      rowKey="id"\n      headerTitle="竖排样式"\n      dataSource={dataSource}\n      metas={{\n        title: {},\n        description: {\n          render: () => (\n            <>\n              <Tag>语雀专栏</Tag>\n              <Tag>设计语言</Tag>\n              <Tag>蚂蚁金服</Tag>\n            </>\n          ),\n        },\n        actions: {\n          render: () => [\n            <IconText\n              icon={StarOutlined}\n              text="156"\n              key="list-vertical-star-o"\n            />,\n            <IconText\n              icon={LikeOutlined}\n              text="156"\n              key="list-vertical-like-o"\n            />,\n            <IconText\n              icon={MessageOutlined}\n              text="2"\n              key="list-vertical-message"\n            />,\n          ],\n        },\n        extra: {\n          render: () => (\n            <img\n              width={272}\n              alt="logo"\n              src="https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"\n            />\n          ),\n        },\n        content: {\n          render: () => {\n            return (\n              <div>\n                段落示意：蚂蚁金服设计平台\n                design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态，提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台\n                design.alipay.com，用最小的工作量，无缝接入蚂蚁金服生态提供跨越设计与开发的体验解决方案。\n              </div>\n            );\n          },\n        },\n      }}\n    />\n  );\n};\n'},80023:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport { ProList } from '@szc-ft/szcd';\nimport { Progress, Tag } from '@szc-ft/szcd';\n\nconst data = [\n  '语雀的天空',\n  'Ant Design',\n  '蚂蚁金服体验科技',\n  'TechUI',\n  'TechUI 2.0',\n  'Bigfish',\n  'Umi',\n].map((item) => ({\n  title: item,\n  subTitle: <Tag color=\"#5BD8A6\">语雀专栏</Tag>,\n  actions: [\n    <a key=\"invite\">邀请</a>,\n    <a key=\"operate\">操作</a>,\n    <a key=\"rest\">\n      <EllipsisOutlined />\n    </a>,\n  ],\n  avatar:\n    'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',\n  content: (\n    <div\n      style={{\n        flex: 1,\n        display: 'flex',\n        justifyContent: 'flex-end',\n      }}\n    >\n      <div\n        style={{\n          width: 200,\n        }}\n      >\n        <div>发布中</div>\n        <Progress percent={80} />\n      </div>\n    </div>\n  ),\n}));\n\nexport default () => {\n  return (\n    <ProList<any>\n      pagination={{\n        defaultPageSize: 5,\n        showSizeChanger: true,\n      }}\n      metas={{\n        title: {},\n        subTitle: {},\n        type: {},\n        avatar: {},\n        content: {},\n        actions: {},\n      }}\n      headerTitle=\"翻页\"\n      dataSource={data}\n    />\n  );\n};\n"},89404:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Button, Space, Tag } from '@szc-ft/szcd';\nimport request from 'umi-request';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nexport default () => (\n  <ProList<GithubIssueItem>\n    toolBarRender={() => {\n      return [\n        <Button key=\"3\" type=\"primary\">\n          新建\n        </Button>,\n      ];\n    }}\n    search={{}}\n    rowKey=\"name\"\n    headerTitle=\"基础列表\"\n    request={async (params = {}) =>\n      request<{\n        data: GithubIssueItem[];\n      }>('https://proapi.azurewebsites.net/github/issues', {\n        params,\n      })\n    }\n    pagination={{\n      pageSize: 5,\n    }}\n    showActions=\"hover\"\n    metas={{\n      title: {\n        dataIndex: 'user',\n        title: '用户',\n      },\n      avatar: {\n        dataIndex: 'avatar',\n        search: false,\n      },\n      description: {\n        dataIndex: 'title',\n        search: false,\n      },\n      subTitle: {\n        dataIndex: 'labels',\n        render: (_, row) => {\n          return (\n            <Space size={0}>\n              {row.labels?.map((label: { name: string }) => (\n                <Tag color=\"blue\" key={label.name}>\n                  {label.name}\n                </Tag>\n              ))}\n            </Space>\n          );\n        },\n        search: false,\n      },\n      actions: {\n        render: (text, row) => [\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"link\"\n          >\n            链路\n          </a>,\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"warning\"\n          >\n            报警\n          </a>,\n          <a\n            href={row.url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key=\"view\"\n          >\n            查看\n          </a>,\n        ],\n        search: false,\n      },\n      status: {\n        // 自己扩展的字段，主要用于筛选，不在列表中显示\n        title: '状态',\n        valueType: 'select',\n        valueEnum: {\n          all: { text: '全部', status: 'Default' },\n          open: {\n            text: '未解决',\n            status: 'Error',\n          },\n          closed: {\n            text: '已解决',\n            status: 'Success',\n          },\n          processing: {\n            text: '解决中',\n            status: 'Processing',\n          },\n        },\n      },\n    }}\n  />\n);\n"},8812:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Button, Progress } from '@szc-ft/szcd';\nimport type { ReactText } from 'react';\nimport { useState } from 'react';\n\nconst dataSource = [\n  {\n    title: '语雀的天空',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'Ant Design',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: '蚂蚁金服体验科技',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'TechUI',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n];\n\nexport default () => {\n  const [selectedRowKeys, setSelectedRowKeys] = useState<ReactText[]>([]);\n  const rowSelection = {\n    selectedRowKeys,\n    onChange: (keys: ReactText[]) => setSelectedRowKeys(keys),\n  };\n\n  return (\n    <ProList<{ title: string }>\n      toolBarRender={() => {\n        return [\n          <Button key=\"3\" type=\"primary\">\n            新建\n          </Button>,\n        ];\n      }}\n      metas={{\n        title: {},\n        description: {\n          render: () => {\n            return 'Ant Design, a design language for background applications, is refined by Ant UED Team';\n          },\n        },\n        avatar: {},\n        extra: {\n          render: () => (\n            <div\n              style={{\n                minWidth: 200,\n                flex: 1,\n                display: 'flex',\n                justifyContent: 'flex-end',\n              }}\n            >\n              <div\n                style={{\n                  width: '200px',\n                }}\n              >\n                <div>发布中</div>\n                <Progress percent={80} />\n              </div>\n            </div>\n          ),\n        },\n        actions: {\n          render: () => {\n            return [<a key=\"init\">邀请</a>, '发布'];\n          },\n        },\n      }}\n      rowKey=\"title\"\n      headerTitle=\"支持选中的列表\"\n      rowSelection={rowSelection}\n      dataSource={dataSource}\n    />\n  );\n};\n"},79374:function(n,e){"use strict";e.Z="import { ProList } from '@szc-ft/szcd';\nimport { Button, Progress, Select } from '@szc-ft/szcd';\nimport type { ReactText } from 'react';\nimport { useState } from 'react';\n\nconst dataSource = [\n  {\n    title: '语雀的天空',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'Ant Design',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: '蚂蚁金服体验科技',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n  {\n    title: 'TechUI',\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n  },\n];\n\nexport default () => {\n  const [selectedRowKeys, setSelectedRowKeys] = useState<ReactText[]>([]);\n  const [expandedRowKeys, setExpandedRowKeys] = useState<readonly ReactText[]>(\n    [],\n  );\n  const [size, setSize] = useState<'small' | 'default' | 'large' | undefined>(\n    'default',\n  );\n  const [split, setSplit] = useState<0 | 1>(1);\n  const rowSelection = {\n    selectedRowKeys,\n    onChange: (keys: ReactText[]) => setSelectedRowKeys(keys),\n  };\n\n  return (\n    <>\n      大小：\n      <Select<string>\n        value={size}\n        onChange={(value) => setSize(value as any)}\n        options={['small', 'default', 'large'].map((selectSize) => ({\n          value: selectSize,\n          label: selectSize,\n        }))}\n      />{' '}\n      分割线：\n      <Select<0 | 1>\n        value={split}\n        onChange={(value) => setSplit(value)}\n        options={[\n          {\n            value: 1,\n            label: '有',\n          },\n          {\n            value: 0,\n            label: '无',\n          },\n        ]}\n      />{' '}\n      <br />\n      <br />\n      <ProList<{ title: string }>\n        size={size}\n        split={split === 1}\n        toolBarRender={() => {\n          return [\n            <Button key=\"3\" type=\"primary\">\n              新建\n            </Button>,\n          ];\n        }}\n        metas={{\n          title: {},\n          description: {\n            render: () => {\n              return 'Ant Design, a design language for background applications, is refined by Ant UED Team';\n            },\n          },\n          avatar: {},\n          content: {\n            render: () => (\n              <div\n                style={{\n                  minWidth: 200,\n                  flex: 1,\n                  display: 'flex',\n                  justifyContent: 'flex-end',\n                }}\n              >\n                <div\n                  style={{\n                    width: '200px',\n                  }}\n                >\n                  <div>发布中</div>\n                  <Progress percent={80} />\n                </div>\n              </div>\n            ),\n          },\n          actions: {\n            render: () => {\n              return [<a key=\"init\">邀请</a>];\n            },\n          },\n        }}\n        expandable={{\n          expandedRowKeys,\n          defaultExpandAllRows: false,\n          onExpandedRowsChange: setExpandedRowKeys,\n        }}\n        rowKey=\"title\"\n        headerTitle=\"大小和分割线\"\n        rowSelection={rowSelection}\n        dataSource={dataSource}\n      />\n    </>\n  );\n};\n"},70309:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport { ProList } from '@szc-ft/szcd';\nimport { Button, Progress, Tag } from '@szc-ft/szcd';\nimport type { ReactText } from 'react';\nimport { useState } from 'react';\n\nconst types = ['top', 'inline', 'new'];\nconst data = [\n  '语雀的天空（top）',\n  'Ant Design（inline）',\n  '蚂蚁金服体验科技（new）',\n  'TechUI',\n].map((item, index) => ({\n  title: item,\n  subTitle: <Tag color=\"#5BD8A6\">语雀专栏</Tag>,\n  actions: [\n    <a key=\"invite\">邀请</a>,\n    <a key=\"operate\">操作</a>,\n    <a key=\"rest\">\n      <EllipsisOutlined />\n    </a>,\n  ],\n  description: (\n    <div>\n      <div>top 会有小角标</div>\n      <div>inline 标题字体是 normal</div>\n      <div>new 会有一个入场动画</div>\n    </div>\n  ),\n  type: types[index],\n  avatar:\n    'https://gw.alipayobjects.com/zos/antfincdn/UCSiy1j6jx/xingzhuang.svg',\n  content: (\n    <div\n      style={{\n        flex: 1,\n        display: 'flex',\n        justifyContent: 'flex-end',\n      }}\n    >\n      <div\n        style={{\n          width: 200,\n        }}\n      >\n        <div>发布中</div>\n        <Progress percent={80} />\n      </div>\n    </div>\n  ),\n}));\n\nexport default () => {\n  const [expandedRowKeys, setExpandedRowKeys] = useState<readonly ReactText[]>(\n    [],\n  );\n  const [selectedRowKeys, setSelectedRowKeys] = useState<ReactText[]>([]);\n  const rowSelection = {\n    selectedRowKeys,\n    onChange: (keys: ReactText[]) => setSelectedRowKeys(keys),\n  };\n  const [dataSource, setDataSource] = useState<any[]>([...data] as any[]);\n\n  return (\n    <>\n      <ProList<{\n        title: string;\n        subTitle: JSX.Element;\n        actions: JSX.Element[];\n        description: JSX.Element;\n        type?: 'top' | 'inline' | 'new';\n        avatar: string;\n        children: JSX.Element;\n      }>\n        metas={{\n          title: {},\n          subTitle: {},\n          type: {},\n          description: {},\n          avatar: {},\n          content: {},\n          actions: {},\n        }}\n        toolBarRender={() => [\n          <Button\n            key=\"3\"\n            type=\"primary\"\n            onClick={() => {\n              setDataSource([...data.map((item) => ({ ...item }))]);\n              setTimeout(() => {\n                const list = [...data.map((item) => ({ ...item }))];\n                list[1].type = 'new';\n                setDataSource(list);\n              }, 0);\n            }}\n          >\n            刷新\n          </Button>,\n        ]}\n        rowKey=\"id\"\n        headerTitle=\"预设的列状态\"\n        rowSelection={rowSelection}\n        dataSource={dataSource}\n        expandable={{\n          expandedRowKeys,\n          onExpandedRowsChange: setExpandedRowKeys,\n        }}\n      />\n    </>\n  );\n};\n"},16045:function(n,e){"use strict";e.Z="import ProSkeleton from '@ant-design/pro-skeleton';\n\nexport default () => {\n  return (\n    <div\n      style={{\n        background: '#fafafa',\n        padding: 24,\n      }}\n    >\n      <ProSkeleton type=\"descriptions\" />\n    </div>\n  );\n};\n"},44208:function(n,e){"use strict";e.Z="import ProSkeleton from '@ant-design/pro-skeleton';\n\nexport default () => (\n  <div\n    style={{\n      background: '#fafafa',\n      padding: 24,\n    }}\n  >\n    <ProSkeleton statistic={2} type=\"list\" />\n  </div>\n);\n"},94851:function(n,e){"use strict";e.Z="import ProSkeleton from '@ant-design/pro-skeleton';\n\nexport default () => (\n  <div\n    style={{\n      background: '#fafafa',\n      padding: 24,\n    }}\n  >\n    <ProSkeleton type=\"list\" />\n  </div>\n);\n"},74083:function(n,e){"use strict";e.Z="import ProSkeleton from '@ant-design/pro-skeleton';\n\nexport default () => (\n  <div\n    style={{\n      background: '#fafafa',\n      padding: 24,\n    }}\n  >\n    <ProSkeleton type=\"result\" />\n  </div>\n);\n"},96406:function(n,e){"use strict";e.Z="import { MenuOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { DragSortTable } from '@szc-ft/szcd';\nimport { message } from '@szc-ft/szcd';\nimport { useRef, useState } from 'react';\n\nconst data = [\n  {\n    key: 'key1',\n    name: 'John Brown',\n    age: 32,\n    address: 'New York No. 1 Lake Park',\n    index: 0,\n  },\n  {\n    key: 'key2',\n    name: 'Jim Green',\n    age: 42,\n    address: 'London No. 1 Lake Park',\n    index: 1,\n  },\n  {\n    key: 'key3',\n    name: 'Joe Black',\n    age: 32,\n    address: 'Sidney No. 1 Lake Park',\n    index: 2,\n  },\n];\nconst wait = async (delay = 1000) =>\n  new Promise((resolve) => setTimeout(() => resolve(void 0), delay));\n\nlet remoteData = data.map((item) => ({\n  ...item,\n  name: `[remote data] ${item.name}`,\n}));\nconst request = async () => {\n  await wait(3000);\n  return {\n    data: remoteData,\n    total: remoteData.length,\n    success: true,\n  };\n};\n\nexport default () => {\n  const columns: ProColumns[] = [\n    {\n      title: '排序',\n      dataIndex: 'sort',\n      render: (dom, rowData, index) => {\n        return (\n          <span className=\"customRender\">{`自定义Render[${rowData.name}-${index}]`}</span>\n        );\n      },\n    },\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      className: 'drag-visible',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n    },\n    {\n      title: '地址',\n      dataIndex: 'address',\n    },\n  ];\n  const columns2: ProColumns[] = [\n    {\n      title: '排序',\n      dataIndex: 'sort',\n    },\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      className: 'drag-visible',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n    },\n    {\n      title: '地址',\n      dataIndex: 'address',\n    },\n  ];\n  const actionRef = useRef<ActionType>();\n  const [dataSource1, setDatasource1] = useState(data);\n  const [dataSource2, setDatasource2] = useState(data);\n  const handleDragSortEnd1 = (newDataSource: any) => {\n    console.log('排序后的数据', newDataSource);\n    setDatasource1(newDataSource);\n    message.success('修改列表排序成功');\n  };\n  const handleDragSortEnd2 = (newDataSource: any) => {\n    console.log('排序后的数据', newDataSource);\n    setDatasource2(newDataSource);\n    message.success('修改列表排序成功');\n  };\n  const handleDragSortEnd3 = (newDataSource: any) => {\n    console.log('排序后的数据', newDataSource);\n    // 模拟将排序后数据发送到服务器的场景\n    remoteData = newDataSource;\n    // 请求成功之后刷新列表\n    actionRef.current?.reload();\n    message.success('修改列表排序成功');\n  };\n\n  const dragHandleRender = (rowData: any, idx: any) => (\n    <>\n      <MenuOutlined style={{ cursor: 'grab', color: 'gold' }} />\n      &nbsp;{idx + 1} - {rowData.name}\n    </>\n  );\n\n  return (\n    <>\n      <DragSortTable\n        headerTitle=\"拖拽排序(默认把手)\"\n        columns={columns}\n        rowKey=\"key\"\n        pagination={false}\n        dataSource={dataSource1}\n        dragSortKey=\"sort\"\n        onDragSortEnd={handleDragSortEnd1}\n      />\n      <DragSortTable\n        headerTitle=\"拖拽排序(自定义把手)\"\n        columns={columns2}\n        rowKey=\"index\"\n        search={false}\n        pagination={false}\n        dataSource={dataSource2}\n        dragSortKey=\"sort\"\n        dragSortHandlerRender={dragHandleRender}\n        onDragSortEnd={handleDragSortEnd2}\n      />\n      <DragSortTable\n        actionRef={actionRef}\n        headerTitle=\"使用 request 获取数据源\"\n        columns={columns2}\n        rowKey=\"index\"\n        search={false}\n        pagination={false}\n        request={request}\n        dragSortKey=\"sort\"\n        onDragSortEnd={handleDragSortEnd3}\n      />\n    </>\n  );\n};\n"},1753:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { DragSortTable } from '@szc-ft/szcd';\nimport { message } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst columns: ProColumns[] = [\n  {\n    title: '排序',\n    dataIndex: 'sort',\n    width: 60,\n    className: 'drag-visible',\n  },\n  {\n    title: '姓名',\n    dataIndex: 'name',\n    className: 'drag-visible',\n  },\n  {\n    title: '年龄',\n    dataIndex: 'age',\n  },\n  {\n    title: '地址',\n    dataIndex: 'address',\n  },\n];\n\nconst data = [\n  {\n    key: '1',\n    name: 'John Brown',\n    age: 32,\n    address: 'New York No. 1 Lake Park',\n    index: 0,\n  },\n  {\n    key: '2',\n    name: 'Jim Green',\n    age: 42,\n    address: 'London No. 1 Lake Park',\n    index: 1,\n  },\n  {\n    key: '3',\n    name: 'Joe Black',\n    age: 32,\n    address: 'Sidney No. 1 Lake Park',\n    index: 2,\n  },\n];\n\nexport default () => {\n  const [dataSource, setDataSource] = useState(data);\n\n  const handleDragSortEnd = (newDataSource: any) => {\n    console.log('排序后的数据', newDataSource);\n    setDataSource(newDataSource);\n    message.success('修改列表排序成功');\n  };\n\n  return (\n    <DragSortTable\n      headerTitle=\"拖拽排序(默认把手)\"\n      columns={columns}\n      rowKey=\"key\"\n      pagination={false}\n      dataSource={dataSource}\n      dragSortKey=\"sort\"\n      onDragSortEnd={handleDragSortEnd}\n    />\n  );\n};\n"},21970:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProFormField,\n  ProFormRadio,\n} from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\ntype DataSourceType = {\n  id: React.Key;\n  title?: string;\n  readonly?: string;\n  decs?: string;\n  state?: string;\n  created_at?: string;\n  update_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: 624748504,\n    title: '活动名称一',\n    readonly: '活动名称一',\n    decs: '这个活动真好玩',\n    state: 'open',\n    created_at: '1590486176000',\n    update_at: '1590486176000',\n  },\n  {\n    id: 624691229,\n    title: '活动名称二',\n    readonly: '活动名称二',\n    decs: '这个活动真好玩',\n    state: 'closed',\n    created_at: '1590481162000',\n    update_at: '1590481162000',\n  },\n];\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>([]);\n  const [dataSource, setDataSource] = useState<readonly DataSourceType[]>([]);\n  const [position, setPosition] = useState<'top' | 'bottom' | 'hidden'>(\n    'bottom',\n  );\n\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '活动名称',\n      dataIndex: 'title',\n      tooltip: '只读，使用form.getFieldValue获取不到值',\n      formItemProps: (form, { rowIndex }) => {\n        return {\n          rules:\n            rowIndex > 1 ? [{ required: true, message: '此项为必填项' }] : [],\n        };\n      },\n      // 第一行不允许编辑\n      editable: (text, record, index) => {\n        return index !== 0;\n      },\n      width: '15%',\n    },\n    {\n      title: '活动名称二',\n      dataIndex: 'readonly',\n      tooltip: '只读，使用form.getFieldValue可以获取到值',\n      readonly: true,\n      width: '15%',\n    },\n    {\n      title: '状态',\n      key: 'state',\n      dataIndex: 'state',\n      valueType: 'select',\n      valueEnum: {\n        all: { text: '全部', status: 'Default' },\n        open: {\n          text: '未解决',\n          status: 'Error',\n        },\n        closed: {\n          text: '已解决',\n          status: 'Success',\n        },\n      },\n    },\n    {\n      title: '描述',\n      dataIndex: 'decs',\n      fieldProps: (form, { rowKey, rowIndex }) => {\n        if (form.getFieldValue([rowKey || '', 'title']) === '不好玩') {\n          return {\n            disabled: true,\n          };\n        }\n        if (rowIndex > 9) {\n          return {\n            disabled: true,\n          };\n        }\n        return {};\n      },\n    },\n    {\n      title: '活动时间',\n      dataIndex: 'created_at',\n      valueType: 'date',\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      width: 200,\n      render: (text, record, _, action) => [\n        <a\n          key=\"editable\"\n          onClick={() => {\n            action?.startEditable?.(record.id);\n          }}\n        >\n          编辑\n        </a>,\n        <a\n          key=\"delete\"\n          onClick={() => {\n            setDataSource(dataSource.filter((item) => item.id !== record.id));\n          }}\n        >\n          删除\n        </a>,\n      ],\n    },\n  ];\n\n  return (\n    <>\n      <EditableProTable<DataSourceType>\n        rowKey=\"id\"\n        headerTitle=\"可编辑表格\"\n        maxLength={5}\n        scroll={{\n          x: 960,\n        }}\n        recordCreatorProps={\n          position !== 'hidden'\n            ? {\n                position: position as 'top',\n                record: () => ({ id: (Math.random() * 1000000).toFixed(0) }),\n              }\n            : false\n        }\n        loading={false}\n        toolBarRender={() => [\n          <ProFormRadio.Group\n            key=\"render\"\n            fieldProps={{\n              value: position,\n              onChange: (e) => setPosition(e.target.value),\n            }}\n            options={[\n              {\n                label: '添加到顶部',\n                value: 'top',\n              },\n              {\n                label: '添加到底部',\n                value: 'bottom',\n              },\n              {\n                label: '隐藏',\n                value: 'hidden',\n              },\n            ]}\n          />,\n        ]}\n        columns={columns}\n        request={async () => ({\n          data: defaultData,\n          total: 3,\n          success: true,\n        })}\n        value={dataSource}\n        onChange={setDataSource}\n        editable={{\n          type: 'multiple',\n          editableKeys,\n          onSave: async (rowKey, data, row) => {\n            console.log(rowKey, data, row);\n            await waitTime(2000);\n          },\n          onChange: setEditableRowKeys,\n        }}\n      />\n      <ProCard title=\"表格数据\" headerBordered collapsible defaultCollapsed>\n        <ProFormField\n          ignoreFormItem\n          fieldProps={{\n            style: {\n              width: '100%',\n            },\n          }}\n          mode=\"read\"\n          valueType=\"jsonCode\"\n          text={JSON.stringify(dataSource)}\n        />\n      </ProCard>\n    </>\n  );\n};\n"},92860:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProFormField,\n  useRefFunction,\n} from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\ntype DataSourceType = {\n  id?: React.Key;\n  title?: string;\n  decs?: string;\n  state?: string;\n  created_at?: string;\n  update_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: 624748504,\n    title: '活动名称一',\n    decs: '这个活动真好玩',\n    state: 'open',\n    created_at: '1590486176000',\n    update_at: '1590486176000',\n    children: [\n      {\n        id: 6246912293,\n        title: '活动名称二',\n        decs: '这个活动真好玩',\n        state: 'closed',\n        created_at: '1590481162000',\n        update_at: '1590481162000',\n      },\n    ],\n  },\n  {\n    id: 624691229,\n    title: '活动名称二',\n    decs: '这个活动真好玩',\n    state: 'closed',\n    created_at: '1590481162000',\n    update_at: '1590481162000',\n  },\n];\n\nconst loopDataSourceFilter = (\n  data: readonly DataSourceType[],\n  id: React.Key | undefined,\n): DataSourceType[] => {\n  return data\n    .map((item) => {\n      if (item.id !== id) {\n        if (item.children) {\n          const newChildren = loopDataSourceFilter(item.children, id);\n          return {\n            ...item,\n            children: newChildren.length > 0 ? newChildren : undefined,\n          };\n        }\n        return item;\n      }\n      return null;\n    })\n    .filter(Boolean) as DataSourceType[];\n};\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>([]);\n  const [dataSource, setDataSource] = useState<readonly DataSourceType[]>(\n    () => defaultData,\n  );\n\n  const removeRow = useRefFunction((record: DataSourceType) => {\n    setDataSource(loopDataSourceFilter(dataSource, record.id));\n  });\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '活动名称',\n      dataIndex: 'title',\n      formItemProps: (form, { rowIndex }) => {\n        return {\n          rules:\n            rowIndex > 2 ? [{ required: true, message: '此项为必填项' }] : [],\n        };\n      },\n      width: '30%',\n    },\n    {\n      title: '状态',\n      key: 'state',\n      dataIndex: 'state',\n      valueType: 'select',\n      valueEnum: {\n        all: { text: '全部', status: 'Default' },\n        open: {\n          text: '未解决',\n          status: 'Error',\n        },\n        closed: {\n          text: '已解决',\n          status: 'Success',\n        },\n      },\n    },\n    {\n      title: '描述',\n      dataIndex: 'decs',\n      fieldProps: (form, { rowKey, rowIndex }) => {\n        if (form.getFieldValue([rowKey || '', 'title']) === '不好玩') {\n          return {\n            disabled: true,\n          };\n        }\n        if (rowIndex > 9) {\n          return {\n            disabled: true,\n          };\n        }\n        return {};\n      },\n    },\n    {\n      title: '活动时间',\n      dataIndex: 'created_at',\n      valueType: 'date',\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      width: 200,\n      render: (text, record) => [\n        <a\n          key=\"delete\"\n          onClick={() => {\n            removeRow(record);\n          }}\n        >\n          删除\n        </a>,\n      ],\n    },\n  ];\n\n  return (\n    <>\n      <EditableProTable<DataSourceType>\n        expandable={{\n          // 使用 request 请求数据时无效\n          defaultExpandAllRows: true,\n        }}\n        scroll={{\n          x: 960,\n        }}\n        rowKey=\"id\"\n        headerTitle=\"可编辑表格\"\n        maxLength={5}\n        recordCreatorProps={{\n          position: 'bottom',\n          newRecordType: 'dataSource',\n          parentKey: () => 624748504,\n          record: () => ({ id: (Math.random() * 1000000).toFixed(0) }),\n        }}\n        columns={columns}\n        value={dataSource}\n        onChange={setDataSource}\n        editable={{\n          type: 'multiple',\n          editableKeys,\n          onSave: async (rowKey, data, row) => {\n            console.log(rowKey, data, row);\n            await waitTime(2000);\n          },\n          onChange: setEditableRowKeys,\n        }}\n      />\n      <ProCard title=\"表格数据\" headerBordered collapsible defaultCollapsed>\n        <ProFormField\n          ignoreFormItem\n          fieldProps={{\n            style: {\n              width: '100%',\n            },\n          }}\n          mode=\"read\"\n          valueType=\"jsonCode\"\n          text={JSON.stringify(dataSource)}\n        />\n      </ProCard>\n    </>\n  );\n};\n"},89621:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProFormField,\n} from '@szc-ft/szcd';\nimport type { InputRef } from '@szc-ft/szcd';\nimport { Button, Form, Input, Space, Tag } from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nconst TagList: React.FC<{\n  value?: {\n    key: string;\n    label: string;\n  }[];\n  onChange?: (\n    value: {\n      key: string;\n      label: string;\n    }[],\n  ) => void;\n}> = ({ value, onChange }) => {\n  const ref = useRef<InputRef | null>(null);\n  const [newTags, setNewTags] = useState<\n    {\n      key: string;\n      label: string;\n    }[]\n  >([]);\n  const [inputValue, setInputValue] = useState<string>('');\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n  };\n\n  const handleInputConfirm = () => {\n    let tempsTags = [...(value || [])];\n    if (\n      inputValue &&\n      tempsTags.filter((tag) => tag.label === inputValue).length === 0\n    ) {\n      tempsTags = [\n        ...tempsTags,\n        { key: `new-${tempsTags.length}`, label: inputValue },\n      ];\n    }\n    onChange?.(tempsTags);\n    setNewTags([]);\n    setInputValue('');\n  };\n\n  return (\n    <Space>\n      {(value || []).concat(newTags).map((item) => (\n        <Tag key={item.key}>{item.label}</Tag>\n      ))}\n      <Input\n        ref={ref}\n        type=\"text\"\n        size=\"small\"\n        style={{ width: 78 }}\n        value={inputValue}\n        onChange={handleInputChange}\n        onBlur={handleInputConfirm}\n        onPressEnter={handleInputConfirm}\n      />\n    </Space>\n  );\n};\n\ntype DataSourceType = {\n  id: React.Key;\n  title?: string;\n  labels?: {\n    key: string;\n    label: string;\n  }[];\n  state?: string;\n  created_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: 624748504,\n    title: '活动名称一',\n    labels: [{ key: 'woman', label: '川妹子' }],\n    state: 'open',\n    created_at: '1590486176000',\n  },\n  {\n    id: 624691229,\n    title: '活动名称二',\n    labels: [{ key: 'man', label: '西北汉子' }],\n    state: 'closed',\n    created_at: '1590481162000',\n  },\n];\n\nconst columns: ProColumns<DataSourceType>[] = [\n  {\n    title: '活动名称',\n    dataIndex: 'title',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: '30%',\n  },\n  {\n    title: '状态',\n    key: 'state',\n    dataIndex: 'state',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n      },\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: '20%',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    renderFormItem: (_, { isEditable }) => {\n      return isEditable ? <TagList /> : <Input />;\n    },\n    render: (_, row) =>\n      row?.labels?.map((item) => <Tag key={item.key}>{item.label}</Tag>),\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n    width: 250,\n    render: (text, record, _, action) => [\n      <a\n        key=\"editable\"\n        onClick={() => {\n          action?.startEditable?.(record.id);\n        }}\n      >\n        编辑\n      </a>,\n      <EditableProTable.RecordCreator\n        key=\"copy\"\n        record={{\n          ...record,\n          id: (Math.random() * 1000000).toFixed(0),\n        }}\n      >\n        <a>复制此行到末尾</a>\n      </EditableProTable.RecordCreator>,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>([]);\n  const [dataSource, setDataSource] = useState<readonly DataSourceType[]>([]);\n  const [form] = Form.useForm();\n  return (\n    <>\n      <Space>\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            actionRef.current?.addEditRecord?.({\n              id: (Math.random() * 1000000).toFixed(0),\n              title: '新的一行',\n            });\n          }}\n          icon={<PlusOutlined />}\n        >\n          新建一行\n        </Button>\n        <Button\n          key=\"rest\"\n          onClick={() => {\n            form.resetFields();\n          }}\n        >\n          重置表单\n        </Button>\n      </Space>\n\n      <EditableProTable<DataSourceType>\n        rowKey=\"id\"\n        scroll={{\n          x: 960,\n        }}\n        actionRef={actionRef}\n        headerTitle=\"可编辑表格\"\n        maxLength={5}\n        // 关闭默认的新建按钮\n        recordCreatorProps={false}\n        columns={columns}\n        request={async () => ({\n          data: defaultData,\n          total: 3,\n          success: true,\n        })}\n        value={dataSource}\n        onChange={setDataSource}\n        editable={{\n          form,\n          editableKeys,\n          onSave: async () => {\n            await waitTime(2000);\n          },\n          onChange: setEditableRowKeys,\n          actionRender: (row, config, dom) => [dom.save, dom.cancel],\n        }}\n      />\n      <ProCard title=\"表格数据\" headerBordered collapsible defaultCollapsed>\n        <ProFormField\n          ignoreFormItem\n          fieldProps={{\n            style: {\n              width: '100%',\n            },\n          }}\n          mode=\"read\"\n          valueType=\"jsonCode\"\n          text={JSON.stringify(dataSource)}\n        />\n      </ProCard>\n    </>\n  );\n};\n"},15294:function(n,e){"use strict";e.Z="import type {\n  EditableFormInstance,\n  ProColumns,\n  ProFormInstance,\n} from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProForm,\n  ProFormDependency,\n  ProFormField,\n  ProFormRadio,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\n\ntype DataSourceType = {\n  id: React.Key;\n  title?: string;\n  decs?: string;\n  state?: string;\n  created_at?: string;\n  update_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: '624748504',\n    title: '活动名称一',\n    decs: '这个活动真好玩',\n    state: 'open',\n    created_at: '1590486176000',\n    update_at: '1590486176000',\n  },\n  {\n    id: '624691229',\n    title: '活动名称二',\n    decs: '这个活动真好玩',\n    state: 'closed',\n    created_at: '1590481162000',\n    update_at: '1590481162000',\n  },\n];\n\nlet i = 0;\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() => []);\n  const [position, setPosition] = useState<'top' | 'bottom' | 'hidden'>(\n    'bottom',\n  );\n  const formRef = useRef<ProFormInstance<any>>();\n  const editorFormRef = useRef<EditableFormInstance<DataSourceType>>();\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '活动名称',\n      dataIndex: 'title',\n      formItemProps: () => {\n        return {\n          rules: [{ required: true, message: '此项为必填项' }],\n        };\n      },\n      width: '30%',\n    },\n    {\n      title: '状态',\n      key: 'state',\n      dataIndex: 'state',\n      valueType: 'select',\n      valueEnum: {\n        all: { text: '全部', status: 'Default' },\n        open: {\n          text: '未解决',\n          status: 'Error',\n        },\n        closed: {\n          text: '已解决',\n          status: 'Success',\n        },\n      },\n    },\n    {\n      title: '描述',\n      dataIndex: 'decs',\n    },\n    {\n      title: '活动时间',\n      dataIndex: 'created_at',\n      valueType: 'date',\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      width: 200,\n      render: (text, record, _, action) => [\n        <a\n          key=\"editable\"\n          onClick={() => {\n            action?.startEditable?.(record.id);\n          }}\n        >\n          编辑\n        </a>,\n        <a\n          key=\"delete\"\n          onClick={() => {\n            const tableDataSource = formRef.current?.getFieldValue(\n              'table',\n            ) as DataSourceType[];\n            formRef.current?.setFieldsValue({\n              table: tableDataSource.filter((item) => item.id !== record.id),\n            });\n          }}\n        >\n          删除\n        </a>,\n      ],\n    },\n  ];\n\n  return (\n    <ProForm<{\n      table: DataSourceType[];\n    }>\n      formRef={formRef}\n      initialValues={{\n        table: defaultData,\n      }}\n      validateTrigger=\"onBlur\"\n    >\n      <EditableProTable<DataSourceType>\n        rowKey=\"id\"\n        scroll={{\n          x: 960,\n        }}\n        editableFormRef={editorFormRef}\n        headerTitle=\"可编辑表格\"\n        maxLength={5}\n        name=\"table\"\n        recordCreatorProps={\n          position !== 'hidden'\n            ? {\n                position: position as 'top',\n                record: () => ({ id: (Math.random() * 1000000).toFixed(0) }),\n              }\n            : false\n        }\n        toolBarRender={() => [\n          <ProFormRadio.Group\n            key=\"render\"\n            fieldProps={{\n              style: {\n                marginBlockEnd: 0,\n              },\n              value: position,\n              onChange: (e) => setPosition(e.target.value),\n            }}\n            options={[\n              {\n                label: '添加到顶部',\n                value: 'top',\n              },\n              {\n                label: '添加到底部',\n                value: 'bottom',\n              },\n              {\n                label: '隐藏',\n                value: 'hidden',\n              },\n            ]}\n          />,\n          <Button\n            type=\"text\"\n            key=\"rows\"\n            onClick={() => {\n              const rows = editorFormRef.current?.getRowsData?.();\n              console.log(rows);\n            }}\n          >\n            获取 table 的数据\n          </Button>,\n        ]}\n        columns={columns}\n        editable={{\n          type: 'multiple',\n          editableKeys,\n          onChange: setEditableRowKeys,\n          actionRender: (row, config, defaultDom) => {\n            return [\n              defaultDom.save,\n              defaultDom.delete || defaultDom.cancel,\n              <a\n                key=\"set\"\n                onClick={() => {\n                  console.log(config.index);\n                  i++;\n                  editorFormRef.current?.setRowData?.(config.index!, {\n                    title: '动态设置的title' + i,\n                  });\n                }}\n              >\n                动态设置此行\n              </a>,\n            ];\n          },\n        }}\n      />\n      <ProForm.Item>\n        <ProCard title=\"表格数据\" headerBordered collapsible defaultCollapsed>\n          <ProFormDependency name={['table']}>\n            {({ table }) => {\n              return (\n                <ProFormField\n                  ignoreFormItem\n                  fieldProps={{\n                    style: {\n                      width: '100%',\n                    },\n                  }}\n                  mode=\"read\"\n                  valueType=\"jsonCode\"\n                  text={JSON.stringify(table)}\n                />\n              );\n            }}\n          </ProFormDependency>\n        </ProCard>\n      </ProForm.Item>\n    </ProForm>\n  );\n};\n"},76349:function(n,e){"use strict";e.Z="import type {\n  ActionType,\n  EditableFormInstance,\n  ProColumns,\n  ProFormInstance,\n} from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProForm,\n  ProFormDependency,\n  ProFormDigit,\n} from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\n\ntype DataSourceType = {\n  id: React.Key;\n  associate?: string;\n  questionsNum?: number;\n  type?: string;\n  fraction?: number;\n  scoringMethod?: string;\n};\n\nconst defaultData: DataSourceType[] = [\n  {\n    id: 624748504,\n    associate: '题库名称一',\n    questionsNum: 10,\n    type: 'multiple',\n    scoringMethod: 'continuous',\n    fraction: 20,\n  },\n  {\n    id: 624691229,\n    associate: '题库名称二',\n    questionsNum: 10,\n    scoringMethod: 'continuous',\n    type: 'radio',\n    fraction: 20,\n  },\n  {\n    id: 624748503,\n    associate: '题库名称三',\n    questionsNum: 10,\n    type: 'judge',\n    scoringMethod: 'continuous',\n    fraction: 20,\n  },\n  {\n    id: 624691220,\n    associate: '题库名称四',\n    questionsNum: 10,\n    scoringMethod: 'continuous',\n    type: 'vacant',\n    fraction: 20,\n  },\n];\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() => []);\n  const formRef = useRef<ProFormInstance<any>>();\n  const actionRef = useRef<ActionType>();\n  const editableFormRef = useRef<EditableFormInstance>();\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '关联题库',\n      dataIndex: 'associate',\n      valueType: 'text',\n      ellipsis: true,\n    },\n    {\n      title: '题型',\n      key: 'type',\n      dataIndex: 'type',\n      valueType: 'select',\n      valueEnum: {\n        multiple: { text: '多选题', status: 'Default' },\n        radio: { text: '单选题', status: 'Warning' },\n        vacant: {\n          text: '填空题',\n          status: 'Error',\n        },\n        judge: {\n          text: '判断题',\n          status: 'Success',\n        },\n      },\n    },\n    {\n      title: '题数',\n      dataIndex: 'questionsNum',\n      valueType: 'digit',\n    },\n    {\n      title: '计分方式',\n      dataIndex: 'scoringMethod',\n      valueType: 'select',\n      request: async () => [\n        {\n          value: 'discrete',\n          label: '离散型',\n        },\n        {\n          value: 'continuous',\n          label: '连续型',\n        },\n      ],\n      fieldProps: (_, { rowIndex }) => {\n        return {\n          onSelect: () => {\n            // 每次选中重置参数\n            editableFormRef.current?.setRowData?.(rowIndex, { fraction: [] });\n          },\n        };\n      },\n    },\n    {\n      title: '分值',\n      width: 150,\n      dataIndex: 'fraction',\n      valueType: (record) => {\n        const scoringMethod = record?.scoringMethod;\n        if (scoringMethod === 'discrete') return 'select';\n        return 'digit';\n      },\n      fieldProps: {\n        mode: 'multiple',\n      },\n      request: async () =>\n        ['A', 'B', 'D', 'E', 'F'].map((item, index) => ({\n          label: item,\n          value: index,\n        })),\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      render: (_, row) => [\n        <a\n          key=\"delete\"\n          onClick={() => {\n            const tableDataSource = formRef.current?.getFieldValue(\n              'table',\n            ) as DataSourceType[];\n            formRef.current?.setFieldsValue({\n              table: tableDataSource.filter((item) => item.id !== row?.id),\n            });\n          }}\n        >\n          移除\n        </a>,\n        <a\n          key=\"edit\"\n          onClick={() => {\n            actionRef.current?.startEditable(row.id);\n          }}\n        >\n          编辑\n        </a>,\n      ],\n    },\n  ];\n\n  return (\n    <ProCard>\n      <div\n        style={{\n          maxWidth: 800,\n          margin: 'auto',\n        }}\n      >\n        <ProForm<{\n          table: DataSourceType[];\n        }>\n          formRef={formRef}\n          initialValues={{\n            table: defaultData,\n          }}\n        >\n          <ProFormDependency name={['table']}>\n            {({ table }) => {\n              const info = (table as DataSourceType[]).reduce(\n                (pre, item) => {\n                  return {\n                    totalScore:\n                      pre.totalScore +\n                      parseInt((item?.fraction || 0).toString(), 10),\n                    questions:\n                      pre.questions +\n                      parseInt((item?.questionsNum || 0).toString(), 10),\n                  };\n                },\n                { totalScore: 0, questions: 0 },\n              );\n              return (\n                <div\n                  style={{\n                    display: 'flex',\n                    alignItems: 'center',\n                    gap: 16,\n                    paddingBlockEnd: 16,\n                  }}\n                >\n                  <div style={{ flex: 1 }}>总分：{info.totalScore}</div>\n                  <div style={{ flex: 1 }}>题数：{info.questions}</div>\n                  <div style={{ flex: 2 }}>\n                    <ProFormDigit label=\"及格分\" />\n                  </div>\n                  <div style={{ flex: 2 }}>\n                    <ProFormDigit label=\"考试时间(分钟)\" />\n                  </div>\n                </div>\n              );\n            }}\n          </ProFormDependency>\n          <EditableProTable<DataSourceType>\n            rowKey=\"id\"\n            scroll={{\n              x: true,\n            }}\n            editableFormRef={editableFormRef}\n            controlled\n            actionRef={actionRef}\n            formItemProps={{\n              label: '题库编辑',\n              rules: [\n                {\n                  validator: async (_, value) => {\n                    if (value.length < 1) {\n                      throw new Error('请至少添加一个题库');\n                    }\n\n                    if (value.length > 5) {\n                      throw new Error('最多可以设置五个题库');\n                    }\n                  },\n                },\n              ],\n            }}\n            maxLength={10}\n            name=\"table\"\n            columns={columns}\n            recordCreatorProps={{\n              record: (index) => {\n                return { id: index + 1 };\n              },\n            }}\n            editable={{\n              type: 'multiple',\n              editableKeys,\n              onChange: setEditableRowKeys,\n            }}\n          />\n        </ProForm>\n      </div>\n    </ProCard>\n  );\n};\n"},66542:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport {\n  EditableProTable,\n  ProCard,\n  ProFormField,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\ntype DataSourceType = {\n  id: React.Key;\n  title?: string;\n  decs?: string;\n  state?: string;\n  created_at?: string;\n  children?: DataSourceType[];\n};\n\nconst defaultData: DataSourceType[] = new Array(20).fill(1).map((_, index) => {\n  return {\n    id: (Date.now() + index).toString(),\n    title: `活动名称${index}`,\n    decs: '这个活动真好玩',\n    state: 'open',\n    created_at: '1590486176000',\n  };\n});\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() =>\n    defaultData.map((item) => item.id),\n  );\n  const [dataSource, setDataSource] = useState<readonly DataSourceType[]>(\n    () => defaultData,\n  );\n\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '活动名称',\n      dataIndex: 'title',\n      width: '30%',\n      formItemProps: {\n        rules: [\n          {\n            required: true,\n            whitespace: true,\n            message: '此项是必填项',\n          },\n          {\n            message: '必须包含数字',\n            pattern: /[0-9]/,\n          },\n          {\n            max: 16,\n            whitespace: true,\n            message: '最长为 16 位',\n          },\n          {\n            min: 6,\n            whitespace: true,\n            message: '最小为 6 位',\n          },\n        ],\n      },\n    },\n    {\n      title: '状态',\n      key: 'state',\n      dataIndex: 'state',\n      valueType: 'select',\n      valueEnum: {\n        all: { text: '全部', status: 'Default' },\n        open: {\n          text: '未解决',\n          status: 'Error',\n        },\n        closed: {\n          text: '已解决',\n          status: 'Success',\n        },\n      },\n    },\n    {\n      title: '描述',\n      dataIndex: 'decs',\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      width: 250,\n      render: () => {\n        return null;\n      },\n    },\n  ];\n\n  return (\n    <>\n      <EditableProTable<DataSourceType>\n        headerTitle=\"可编辑表格\"\n        columns={columns}\n        rowKey=\"id\"\n        scroll={{\n          x: 960,\n        }}\n        value={dataSource}\n        onChange={setDataSource}\n        recordCreatorProps={{\n          newRecordType: 'dataSource',\n          record: () => ({\n            id: Date.now(),\n          }),\n        }}\n        toolBarRender={() => {\n          return [\n            <Button\n              type=\"primary\"\n              key=\"save\"\n              onClick={() => {\n                // dataSource 就是当前数据，可以调用 api 将其保存\n                console.log(dataSource);\n              }}\n            >\n              保存数据\n            </Button>,\n          ];\n        }}\n        editable={{\n          type: 'multiple',\n          editableKeys,\n          actionRender: (row, config, defaultDoms) => {\n            return [defaultDoms.delete];\n          },\n          onValuesChange: (record, recordList) => {\n            setDataSource(recordList);\n          },\n          onChange: setEditableRowKeys,\n        }}\n      />\n      <ProCard title=\"表格数据\" headerBordered collapsible defaultCollapsed>\n        <ProFormField\n          ignoreFormItem\n          fieldProps={{\n            style: {\n              width: '100%',\n            },\n          }}\n          mode=\"read\"\n          valueType=\"jsonCode\"\n          text={JSON.stringify(dataSource)}\n        />\n      </ProCard>\n    </>\n  );\n};\n"},77602:function(n,e){"use strict";e.Z="import {\n  EllipsisOutlined,\n  FullscreenOutlined,\n  SettingOutlined,\n} from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      toolbar={{\n        title: '这里是标题',\n        subTitle: '这里是子标题',\n        tooltip: '这是一个段描述',\n        search: {\n          onSearch: (value: string) => {\n            alert(value);\n          },\n        },\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        actions: [\n          <Button\n            key=\"key\"\n            type=\"primary\"\n            onClick={() => {\n              alert('add');\n            }}\n          >\n            添加\n          </Button>,\n        ],\n        settings: [\n          {\n            icon: <SettingOutlined />,\n            tooltip: '设置',\n          },\n          {\n            icon: <FullscreenOutlined />,\n            tooltip: '全屏',\n          },\n        ],\n      }}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},39106:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    valueType: 'option',\n    width: 120,\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      toolbar={{\n        search: {\n          onSearch: (value) => {\n            alert(value);\n          },\n        },\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        actions: [\n          <Button\n            key=\"primary\"\n            type=\"primary\"\n            onClick={() => {\n              alert('add');\n            }}\n          >\n            添加\n          </Button>,\n        ],\n        menu: {\n          type: 'tab',\n          items: [\n            {\n              label: '全部事项',\n              key: 'all',\n            },\n            {\n              label: '已办事项',\n              key: 'done',\n            },\n            {\n              key: 'tab1',\n              label: <span>应用</span>,\n            },\n            {\n              key: 'tab2',\n              label: <span>项目</span>,\n            },\n            {\n              key: 'tab3',\n              label: <span>文章</span>,\n            },\n            {\n              key: 'tab4',\n              label: <span>文章1</span>,\n            },\n            {\n              key: 'tab5',\n              label: <span>文章2</span>,\n            },\n            {\n              key: 'tab6',\n              label: <span>文章3</span>,\n            },\n          ],\n          onChange: (activeKey) => {\n            console.log('activeKey', activeKey);\n          },\n        },\n      }}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},23021:function(n,e){"use strict";e.Z="import { DownOutlined, EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { Button, Dropdown } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    valueType: 'option',\n    width: 120,\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      headerTitle=\"两行的情况\"\n      toolbar={{\n        multipleLine: true,\n        search: {\n          onSearch: (value: string) => {\n            alert(value);\n          },\n        },\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        actions: [\n          <Dropdown\n            key=\"overlay\"\n            menu={{\n              items: [\n                {\n                  label: '菜单',\n                  key: '1',\n                },\n                {\n                  label: '列表',\n                  key: '2',\n                },\n                {\n                  label: '表单',\n                  key: '3',\n                },\n              ],\n              onClick: () => alert('menu click'),\n            }}\n          >\n            <Button>\n              移动自\n              <DownOutlined\n                style={{\n                  marginInlineStart: 8,\n                }}\n              />\n            </Button>\n          </Dropdown>,\n          <Button\n            key=\"add\"\n            type=\"primary\"\n            onClick={() => {\n              alert('add');\n            }}\n          >\n            添加\n          </Button>,\n        ],\n      }}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},69353:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      toolbar={{\n        search: {\n          onSearch: (value: string) => {\n            alert(value);\n          },\n        },\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        actions: [\n          <Button\n            key=\"primary\"\n            type=\"primary\"\n            onClick={() => {\n              alert('add');\n            }}\n          >\n            添加\n          </Button>,\n        ],\n      }}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},29202:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: number;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nconst valueEnum = {\n  all: { text: '全部' },\n  付小小: { text: '付小小' },\n  曲丽丽: { text: '曲丽丽' },\n  林东东: { text: '林东东' },\n  陈帅帅: { text: '陈帅帅' },\n  兼某某: { text: '兼某某' },\n};\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    status: Math.floor(Math.random() * 2),\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columnsMap: Record<string, ProColumns<TableListItem>[]> = {\n  tab1: [\n    {\n      title: '名称',\n      dataIndex: 'name',\n      render: (_) => <a>{_}</a>,\n    },\n    {\n      title: '状态',\n      key: 'status1',\n      dataIndex: 'status',\n      valueType: 'select',\n      request: () =>\n        Promise.resolve([\n          {\n            label: '成功',\n            value: 1,\n          },\n          {\n            label: '失败',\n            value: 0,\n          },\n        ]),\n    },\n    {\n      title: '容器数量',\n      dataIndex: 'containers',\n      align: 'right',\n      sorter: (a, b) => a.containers - b.containers,\n    },\n    {\n      title: '创建人',\n      dataIndex: 'creator',\n      valueType: 'select',\n      valueEnum,\n    },\n    {\n      title: '操作',\n      key: 'option',\n      valueType: 'option',\n      width: 120,\n      render: () => [\n        <a key=\"link\">链路</a>,\n        <a key=\"warn\">报警</a>,\n        <a key=\"more\">\n          <EllipsisOutlined />\n        </a>,\n      ],\n    },\n  ],\n  tab2: [\n    {\n      title: '应用名称',\n      dataIndex: 'name',\n      render: (_) => <a>{_}</a>,\n    },\n    {\n      title: '状态',\n      key: 'status2',\n      dataIndex: 'status',\n      valueType: 'select',\n      request: () =>\n        Promise.resolve([\n          {\n            label: '启用',\n            value: 1,\n          },\n          {\n            label: '停用',\n            value: 0,\n          },\n        ]),\n    },\n    {\n      title: '创建者',\n      dataIndex: 'creator',\n      valueType: 'select',\n      valueEnum,\n    },\n    {\n      title: '操作',\n      key: 'option',\n      valueType: 'option',\n      width: 120,\n      render: () => [\n        <a key=\"link\">链路</a>,\n        <a key=\"warn\">报警</a>,\n        <a key=\"more\">\n          <EllipsisOutlined />\n        </a>,\n      ],\n    },\n  ],\n};\n\nexport default () => {\n  const [activeKey, setActiveKey] = useState<string>('tab1');\n\n  return (\n    <ProTable<TableListItem>\n      columns={columnsMap[activeKey]}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      toolbar={{\n        title: '标签',\n        multipleLine: true,\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        tabs: {\n          activeKey,\n          onChange: (key) => setActiveKey(key as string),\n          items: [\n            {\n              key: 'tab1',\n              tab: '标签一',\n            },\n            {\n              key: 'tab2',\n              tab: '标签二',\n            },\n          ],\n        },\n      }}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},54860:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button, DatePicker, Space, Table } from '@szc-ft/szcd';\n\nconst { RangePicker } = DatePicker;\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nconst ProcessMap = {\n  close: 'normal',\n  running: 'active',\n  online: 'success',\n  error: 'exception',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  progress: number;\n  containers: number;\n  callNumber: number;\n  creator: string;\n  status: string;\n  createdAt: number;\n  memo: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 50; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName-' + i,\n    containers: Math.floor(Math.random() * 20),\n    callNumber: Math.floor(Math.random() * 2000),\n    progress: Math.ceil(Math.random() * 100) + 1,\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n    memo:\n      i % 2 === 1\n        ? '很长很长很长很长很长很长很长的文字要展示但是要留下尾巴'\n        : '简短备注文案',\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    width: 120,\n    dataIndex: 'name',\n    fixed: 'left',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    width: 120,\n    dataIndex: 'containers',\n    align: 'right',\n    search: false,\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '调用次数',\n    width: 120,\n    align: 'right',\n    dataIndex: 'callNumber',\n  },\n  {\n    title: '执行进度',\n    dataIndex: 'progress',\n    valueType: (item) => ({\n      type: 'progress',\n      status: ProcessMap[item.status],\n    }),\n  },\n  {\n    title: '创建者',\n    width: 120,\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '创建时间',\n    width: 140,\n    key: 'since',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n    sorter: (a, b) => a.createdAt - b.createdAt,\n    renderFormItem: () => {\n      return <RangePicker />;\n    },\n  },\n  {\n    title: '备注',\n    dataIndex: 'memo',\n    ellipsis: true,\n    copyable: true,\n    search: false,\n  },\n  {\n    title: '操作',\n    width: 80,\n    key: 'option',\n    valueType: 'option',\n    fixed: 'right',\n    render: () => [<a key=\"link\">链路</a>],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      rowSelection={{\n        // 自定义选择项参考: https://ant.design/components/table-cn/#components-table-demo-row-selection-custom\n        // 注释该行则默认不显示下拉选项\n        selections: [Table.SELECTION_ALL, Table.SELECTION_INVERT],\n        defaultSelectedRowKeys: [1],\n      }}\n      tableAlertRender={({\n        selectedRowKeys,\n        selectedRows,\n        onCleanSelected,\n      }) => {\n        console.log(selectedRowKeys, selectedRows);\n        return (\n          <Space size={24}>\n            <span>\n              已选 {selectedRowKeys.length} 项\n              <a style={{ marginInlineStart: 8 }} onClick={onCleanSelected}>\n                取消选择\n              </a>\n            </span>\n            <span>{`容器数量: ${selectedRows.reduce(\n              (pre, item) => pre + item.containers,\n              0,\n            )} 个`}</span>\n            <span>{`调用量: ${selectedRows.reduce(\n              (pre, item) => pre + item.callNumber,\n              0,\n            )} 次`}</span>\n          </Space>\n        );\n      }}\n      tableAlertOptionRender={() => {\n        return (\n          <Space size={16}>\n            <a>批量删除</a>\n            <a>导出数据</a>\n          </Space>\n        );\n      }}\n      dataSource={tableListDataSource}\n      scroll={{ x: 1300 }}\n      options={false}\n      search={false}\n      pagination={{\n        pageSize: 5,\n      }}\n      rowKey=\"key\"\n      headerTitle=\"批量操作\"\n      toolBarRender={() => [<Button key=\"show\">查看日志</Button>]}\n    />\n  );\n};\n"},411:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      cardProps={{ title: '业务定制', bordered: true }}\n      headerTitle={\n        <Button\n          key=\"primary\"\n          type=\"primary\"\n          onClick={() => {\n            alert('add');\n          }}\n        >\n          添加\n        </Button>\n      }\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},51326:function(n,e){"use strict";e.Z="import type { ColumnsState, ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: string;\n  updatedAt: number;\n  createdAt: number;\n  money: number;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    updatedAt: Date.now() - Math.floor(Math.random() * 1000),\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    money: Math.floor(Math.random() * 2000) * i,\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'name',\n    key: 'name',\n  },\n  {\n    title: '状态',\n    dataIndex: 'status',\n    initialValue: 'all',\n    filters: true,\n    onFilter: true,\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '更新时间',\n    key: 'since2',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n    hideInSetting: true,\n  },\n\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [<a key=\"1\">操作</a>, <a key=\"2\">删除</a>],\n  },\n];\n\nexport default () => {\n  const [columnsStateMap, setColumnsStateMap] = useState<\n    Record<string, ColumnsState>\n  >({\n    name: {\n      show: false,\n      order: 2,\n    },\n  });\n  return (\n    <ProTable<TableListItem, { keyWord?: string }>\n      columns={columns}\n      request={(params) =>\n        Promise.resolve({\n          data: tableListDataSource.filter((item) => {\n            if (!params?.keyWord) {\n              return true;\n            }\n            if (\n              item.name.includes(params?.keyWord) ||\n              item.status.includes(params?.keyWord)\n            ) {\n              return true;\n            }\n            return false;\n          }),\n          success: true,\n        })\n      }\n      options={{\n        search: true,\n      }}\n      rowKey=\"key\"\n      columnsState={{\n        value: columnsStateMap,\n        onChange: setColumnsStateMap,\n      }}\n      search={false}\n      dateFormatter=\"string\"\n      headerTitle=\"受控模式\"\n    />\n  );\n};\n"},54535:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, ConfigProvider, Space, Tag } from '@szc-ft/szcd';\nimport { useRef } from 'react';\nimport request from 'umi-request';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n  },\n  {\n    title: '标题',\n    dataIndex: 'title',\n    copyable: true,\n    ellipsis: true,\n    tip: '标题过长会自动收缩',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: '30%',\n    search: false,\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    initialValue: 'open',\n    filters: true,\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n      },\n      processing: {\n        text: '解决中',\n        status: 'Processing',\n      },\n    },\n    width: '10%',\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: '10%',\n    render: (_, row) => (\n      <Space>\n        {row.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n    render: (text, row, _, action) => [\n      <a href={row.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"link\">\n        链路\n      </a>,\n      <a href={row.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"warning\">\n        报警\n      </a>,\n      <a href={row.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n        查看\n      </a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        onSelect={() => action?.reload()}\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n\n  return (\n    <ConfigProvider prefixCls=\"qixian\">\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        pagination={{\n          showQuickJumper: true,\n        }}\n        actionRef={actionRef}\n        request={async (params = {}) =>\n          request<{\n            data: GithubIssueItem[];\n          }>('https://proapi.azurewebsites.net/github/issues', {\n            params,\n          })\n        }\n        rowKey=\"id\"\n        dateFormatter=\"string\"\n        headerTitle=\"高级表格\"\n        toolBarRender={() => [\n          <Button key=\"3\" type=\"primary\">\n            <PlusOutlined />\n            新建\n          </Button>,\n        ]}\n      />\n    </ConfigProvider>\n  );\n};\n"},24058:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProProvider, ProTable } from '@szc-ft/szcd';\nimport type { InputRef } from '@szc-ft/szcd';\nimport { Input, Space, Tag } from '@szc-ft/szcd';\nimport React, { useContext, useRef, useState } from 'react';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: {\n    label: string | number;\n    value: number;\n  }[];\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    status: [\n      {\n        value: Math.floor(Math.random() * 10),\n        label: valueEnum[Math.floor(Math.random() * 10) % 4],\n      },\n      {\n        value: Math.floor(Math.random() * 10),\n        label: valueEnum[Math.floor(Math.random() * 10) % 4],\n      },\n    ],\n  });\n}\n\nconst TagList: React.FC<{\n  value?: {\n    key: string;\n    label: string;\n  }[];\n  onChange?: (\n    value: {\n      key: string;\n      label: string;\n    }[],\n  ) => void;\n}> = ({ value, onChange }) => {\n  const ref = useRef<InputRef | null>(null);\n  const [newTags, setNewTags] = useState<\n    {\n      key: string;\n      label: string;\n    }[]\n  >([]);\n  const [inputValue, setInputValue] = useState<string>('');\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value);\n  };\n\n  const handleInputConfirm = () => {\n    let tempsTags = [...(value || [])];\n    if (\n      inputValue &&\n      tempsTags.filter((tag) => tag.label === inputValue).length === 0\n    ) {\n      tempsTags = [\n        ...tempsTags,\n        { key: `new-${tempsTags.length}`, label: inputValue },\n      ];\n    }\n    onChange?.(tempsTags);\n    setNewTags([]);\n    setInputValue('');\n  };\n\n  return (\n    <Space>\n      {(value || []).concat(newTags).map((item) => (\n        <Tag key={item.key}>{item.label}</Tag>\n      ))}\n      <Input\n        ref={ref}\n        type=\"text\"\n        size=\"small\"\n        style={{ width: 78 }}\n        value={inputValue}\n        onChange={handleInputChange}\n        onBlur={handleInputConfirm}\n        onPressEnter={handleInputConfirm}\n      />\n    </Space>\n  );\n};\n\nconst columns: ProColumns<TableListItem, 'link' | 'tags'>[] = [\n  {\n    title: '链接',\n    dataIndex: 'name',\n    valueType: 'link',\n  },\n  {\n    title: '标签',\n    dataIndex: 'status',\n    key: 'status',\n    valueType: 'tags',\n  },\n  {\n    title: '操作',\n    key: 'option',\n    valueType: 'option',\n    render: (_, row, index, action) => [\n      <a\n        key=\"a\"\n        onClick={() => {\n          action?.startEditable(row.key);\n        }}\n      >\n        编辑\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  const values = useContext(ProProvider);\n  return (\n    <ProProvider.Provider\n      value={{\n        ...values,\n        valueTypeMap: {\n          link: {\n            render: (text) => <a>{text}</a>,\n            renderFormItem: (text, props) => (\n              <Input placeholder=\"请输入链接\" {...props?.fieldProps} />\n            ),\n          },\n          tags: {\n            render: (text) => {\n              return (\n                <>\n                  {[text].flat(1).map((item) => (\n                    <Tag key={item.value}>{item.label}</Tag>\n                  ))}\n                </>\n              );\n            },\n            renderFormItem: (text, props) => (\n              <TagList {...props} {...props?.fieldProps} />\n            ),\n          },\n        },\n      }}\n    >\n      <ProTable<TableListItem, Record<string, any>, 'link' | 'tags'>\n        columns={columns}\n        request={() => {\n          return Promise.resolve({\n            total: 200,\n            data: tableListDataSource,\n            success: true,\n          });\n        }}\n        rowKey=\"key\"\n        headerTitle=\"自定义 valueType\"\n      />\n    </ProProvider.Provider>\n  );\n};\n"},15349:function(n,e){"use strict";e.Z="import { EllipsisOutlined, SearchOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, Dropdown, Input } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n  status: string;\n  createdAt: number;\n  progress: number;\n  money: number;\n  memo: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    money: Math.floor(Math.random() * 2000) * i,\n    progress: Math.ceil(Math.random() * 100) + 1,\n    memo:\n      i % 2 === 1\n        ? '很长很长很长很长很长很长很长的文字要展示但是要留下尾巴'\n        : '简短备注文案',\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '排序',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n    width: 48,\n  },\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n    // 自定义筛选项功能具体实现请参考 https://ant.design/components/table-cn/#components-table-demo-custom-filter-panel\n    filterDropdown: () => (\n      <div style={{ padding: 8 }}>\n        <Input style={{ width: 188, marginBlockEnd: 8, display: 'block' }} />\n      </div>\n    ),\n    filterIcon: (filtered) => (\n      <SearchOutlined style={{ color: filtered ? '#1890ff' : undefined }} />\n    ),\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '状态',\n    dataIndex: 'status',\n    initialValue: 'all',\n    filters: true,\n    onFilter: true,\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '备注',\n    dataIndex: 'memo',\n    ellipsis: true,\n    copyable: true,\n  },\n  {\n    title: '操作',\n    width: 180,\n    key: 'option',\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"link2\">报警</a>,\n      <a key=\"link3\">监控</a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      search={{\n        layout: 'vertical',\n        defaultCollapsed: false,\n      }}\n      dateFormatter=\"string\"\n      toolbar={{\n        title: '高级表格',\n        tooltip: '这是一个标题提示',\n      }}\n      toolBarRender={() => [\n        <Button key=\"danger\" danger>\n          危险按钮\n        </Button>,\n        <Button key=\"show\">查看日志</Button>,\n        <Button type=\"primary\" key=\"primary\">\n          创建应用\n        </Button>,\n\n        <Dropdown\n          key=\"menu\"\n          menu={{\n            items: [\n              {\n                label: '1st item',\n                key: '1',\n              },\n              {\n                label: '2nd item',\n                key: '2',\n              },\n              {\n                label: '3rd item',\n                key: '3',\n              },\n            ],\n          }}\n        >\n          <Button>\n            <EllipsisOutlined />\n          </Button>\n        </Dropdown>,\n      ]}\n    />\n  );\n};\n"},45778:function(n,e){"use strict";e.Z="import type { ProColumns, ProFormInstance } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { useRef, useState } from 'react';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  createdAt: string;\n};\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'name',\n    initialValue: 'TradeCode 1',\n  },\n  {\n    title: '创建时间',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n    initialValue: '2022-08-10',\n  },\n];\n\nexport default () => {\n  const ref = useRef<ProFormInstance>();\n  const [collapsed, setCollapsed] = useState(false);\n\n  return (\n    <>\n      <ProTable<TableListItem>\n        style={{\n          margin: '16px',\n        }}\n        columns={columns}\n        request={(params) => {\n          console.log('--\x3e', params);\n          return Promise.resolve({\n            data: [\n              {\n                key: 1,\n                name: `TradeCode ${1}`,\n                createdAt: '2022-09-22',\n              },\n            ],\n            success: true,\n          });\n        }}\n        rowKey=\"key\"\n        pagination={{\n          showSizeChanger: true,\n        }}\n        search={{\n          collapsed,\n          onCollapse: setCollapsed,\n        }}\n        formRef={ref}\n        options={false}\n        dateFormatter=\"string\"\n        headerTitle=\"日期格式化为字符串\"\n      />\n\n      <ProTable<TableListItem>\n        style={{\n          margin: '16px',\n        }}\n        columns={columns}\n        request={(params) => {\n          console.log('--\x3e', params);\n          return Promise.resolve({\n            data: [\n              {\n                key: 1,\n                name: `TradeCode ${1}`,\n                createdAt: '2022-09-22',\n              },\n            ],\n            success: true,\n          });\n        }}\n        rowKey=\"key\"\n        pagination={{\n          showSizeChanger: true,\n        }}\n        search={{\n          collapsed,\n          onCollapse: setCollapsed,\n        }}\n        formRef={ref}\n        options={false}\n        dateFormatter=\"number\"\n        headerTitle=\"日期格式化为数字\"\n      />\n      <ProTable<TableListItem>\n        style={{\n          margin: '16px',\n        }}\n        columns={columns}\n        request={(params) => {\n          console.log('--\x3e', params);\n          return Promise.resolve({\n            data: [\n              {\n                key: 1,\n                name: `TradeCode ${1}`,\n                createdAt: '2022-09-22',\n              },\n            ],\n            success: true,\n          });\n        }}\n        rowKey=\"key\"\n        pagination={{\n          showSizeChanger: true,\n        }}\n        search={{\n          collapsed,\n          onCollapse: setCollapsed,\n        }}\n        formRef={ref}\n        options={false}\n        dateFormatter={(value, valueType) => {\n          console.log('====>', value, valueType);\n          return value.format('YYYY-MM-DD HH:mm:ss');\n        }}\n        headerTitle=\"使用自定义函数进行日期格式化\"\n      />\n    </>\n  );\n};\n"},23566:function(n,e){"use strict";e.Z="import type {\n  ActionType,\n  EditableFormInstance,\n  ProColumns,\n  ProFormInstance,\n} from '@szc-ft/szcd';\nimport { EditableProTable, ProCard, ProForm } from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\n\ntype DataSourceType = {\n  id: React.Key;\n  associate?: string;\n};\n\nconst defaultData: DataSourceType[] = [];\n\nexport default () => {\n  const [editableKeys, setEditableRowKeys] = useState<React.Key[]>(() => []);\n  const formRef = useRef<ProFormInstance<any>>();\n  const actionRef = useRef<ActionType>();\n  const editableFormRef = useRef<EditableFormInstance>();\n  const columns: ProColumns<DataSourceType>[] = [\n    {\n      title: '关联题库',\n      dataIndex: 'associate',\n      valueType: 'text',\n      ellipsis: true,\n      formItemProps: {\n        rules: [{ required: true, message: 'Required' }],\n      },\n    },\n    {\n      title: '操作',\n      valueType: 'option',\n      render: (_, row) => [\n        <a\n          key=\"delete\"\n          onClick={() => {\n            const tableDataSource = formRef.current?.getFieldValue(\n              'table',\n            ) as DataSourceType[];\n            formRef.current?.setFieldsValue({\n              table: tableDataSource.filter((item) => item.id !== row?.id),\n            });\n          }}\n        >\n          移除\n        </a>,\n        <a\n          key=\"edit\"\n          onClick={() => {\n            actionRef.current?.startEditable(row.id);\n          }}\n        >\n          编辑\n        </a>,\n      ],\n    },\n  ];\n\n  return (\n    <ProCard>\n      <div\n        style={{\n          maxWidth: 800,\n          margin: 'auto',\n        }}\n      >\n        <ProForm<{\n          table: DataSourceType[];\n        }>\n          formRef={formRef}\n          initialValues={{\n            table: defaultData,\n          }}\n        >\n          <EditableProTable<DataSourceType>\n            rowKey=\"id\"\n            scroll={{\n              x: true,\n            }}\n            editableFormRef={editableFormRef}\n            controlled\n            actionRef={actionRef}\n            formItemProps={{\n              label: '题库编辑',\n            }}\n            maxLength={10}\n            name=\"table\"\n            columns={columns}\n            recordCreatorProps={{\n              record: (index) => {\n                return { id: index + 1 };\n              },\n            }}\n            editable={{\n              type: 'multiple',\n              editableKeys,\n              onChange: setEditableRowKeys,\n            }}\n          />\n        </ProForm>\n      </div>\n    </ProCard>\n  );\n};\n"},36290:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      ErrorBoundary={false}\n      rowKey=\"key\"\n      search={false}\n    />\n  );\n};\n"},59432:function(n,e){"use strict";e.Z="import { EllipsisOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button, Result, Switch } from '@szc-ft/szcd';\nimport type { ErrorInfo } from 'react';\nimport React, { useState } from 'react';\n\nclass CustomBoundary extends React.Component<\n  Record<string, any>,\n  { hasError: boolean; errorInfo: string }\n> {\n  state = { hasError: false, errorInfo: '' };\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, errorInfo: error.message };\n  }\n\n  componentDidCatch(error: any, errorInfo: ErrorInfo) {\n    // You can also log the error to an error reporting service\n    // eslint-disable-next-line no-console\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.hasError) {\n      // You can render any custom fallback UI\n      return (\n        <Result\n          icon={\n            <img\n              width={256}\n              src=\"https://gw.alipayobjects.com/zos/antfincdn/zIgkN%26mpMZ/shibaizhuangtaizuo.png\"\n            />\n          }\n          style={{\n            height: '100%',\n            background: '#fff',\n          }}\n          title=\"错误处理\"\n          extra={\n            <>\n              <div\n                style={{\n                  maxWidth: 620,\n                  textAlign: 'start',\n                  backgroundColor: 'rgba(255,229,100,0.3)',\n                  borderInlineStartColor: '#ffe564',\n                  borderInlineStartWidth: '9px',\n                  borderInlineStartStyle: 'solid',\n                  padding: '20px 45px 20px 26px',\n                  margin: 'auto',\n                  marginBlockEnd: '30px',\n                  marginBlockStart: '20px',\n                }}\n              >\n                <p>注意</p>\n                <p>\n                  错误边界<strong>无法</strong>捕获以下场景中产生的错误：\n                </p>\n                <ul\n                  style={{\n                    listStyle: 'none',\n                  }}\n                >\n                  <li>\n                    事件处理（\n                    <a href=\"https://zh-hans.reactjs.org/docs/error-boundaries.html#how-about-event-handlers#how-about-event-handlers\">\n                      了解更多\n                    </a>\n                    ）\n                  </li>\n                  <li>\n                    异步代码（例如 <code>setTimeout</code> 或{' '}\n                    <code>requestAnimationFrame</code> 回调函数）\n                  </li>\n                  <li>服务端渲染</li>\n                  <li>它自身抛出来的错误（并非它的子组件）</li>\n                </ul>\n              </div>\n              <Button\n                danger\n                type=\"primary\"\n                onClick={() => {\n                  window.location.reload();\n                }}\n              >\n                刷新页面\n              </Button>\n            </>\n          }\n        />\n      );\n    }\n    return this.props.children;\n  }\n}\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"warn\">报警</a>,\n      <a key=\"more\">\n        <EllipsisOutlined />\n      </a>,\n    ],\n  },\n];\n\nconst ErrorTrigger = () => {\n  // default to throw error for snapshot test\n  const [error, setError] = useState<boolean>(true);\n  if (error) throw new Error('渲染发生了错误');\n  return (\n    <Button\n      danger\n      type=\"primary\"\n      onClick={() => {\n        setError(true);\n      }}\n    >\n      触发错误\n    </Button>\n  );\n};\n\nexport default () => {\n  const [custom, setCustom] = useState(true);\n  return (\n    <>\n      <Switch\n        checkedChildren=\"使用自定义错误边界\"\n        unCheckedChildren=\"使用默认错误边界\"\n        checked={custom}\n        onChange={(checked) => setCustom(checked)}\n      />\n      <ProTable<TableListItem>\n        columns={columns}\n        request={(params, sorter, filter) => {\n          // 表单搜索项会从 params 传入，传递给后端接口。\n          console.log(params, sorter, filter);\n          return Promise.resolve({\n            data: tableListDataSource,\n            success: true,\n          });\n        }}\n        ErrorBoundary={custom ? CustomBoundary : undefined}\n        headerTitle={<ErrorTrigger />}\n        rowKey=\"key\"\n        search={false}\n      />\n    </>\n  );\n};\n"},97732:function(n,e){"use strict";e.Z="import type { ProColumns, ProFormInstance } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\nimport { useRef, useState } from 'react';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n};\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'name',\n    key: 'name',\n  },\n  {\n    title: '创建时间',\n    key: 'since',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n  },\n];\n\nexport default () => {\n  const ref = useRef<ProFormInstance>();\n  const [collapsed, setCollapsed] = useState(false);\n\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={() =>\n        Promise.resolve({\n          data: [\n            {\n              key: 1,\n              name: `TradeCode ${1}`,\n              createdAt: 1602572994055,\n            },\n          ],\n          success: true,\n        })\n      }\n      rowKey=\"key\"\n      pagination={{\n        showSizeChanger: true,\n      }}\n      search={{\n        collapsed,\n        onCollapse: setCollapsed,\n      }}\n      formRef={ref}\n      toolBarRender={() => [\n        <Button\n          key=\"set\"\n          onClick={() => {\n            if (ref.current) {\n              ref.current.setFieldsValue({\n                name: 'test-xxx',\n              });\n            }\n          }}\n        >\n          赋值\n        </Button>,\n        <Button\n          key=\"submit\"\n          onClick={() => {\n            if (ref.current) {\n              ref.current.submit();\n            }\n          }}\n        >\n          提交\n        </Button>,\n      ]}\n      options={false}\n      dateFormatter=\"string\"\n      headerTitle=\"表单赋值\"\n    />\n  );\n};\n"},70583:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button, ConfigProvider, Select, Space } from '@szc-ft/szcd';\nimport caESIntl from 'antd/lib/locale/ca_ES';\nimport enGBIntl from 'antd/lib/locale/en_GB';\nimport enUSIntl from 'antd/lib/locale/en_US';\nimport esESIntl from 'antd/lib/locale/es_ES';\nimport frFRIntl from 'antd/lib/locale/fr_FR';\nimport itITIntl from 'antd/lib/locale/it_IT';\nimport jaJPIntl from 'antd/lib/locale/ja_JP';\nimport msMYIntl from 'antd/lib/locale/ms_MY';\nimport ptBRIntl from 'antd/lib/locale/pt_BR';\nimport ruRUIntl from 'antd/lib/locale/ru_RU';\nimport srRSIntl from 'antd/lib/locale/sr_RS';\nimport thTHIntl from 'antd/lib/locale/th_TH';\nimport viVNIntl from 'antd/lib/locale/vi_VN';\nimport zhCNIntl from 'antd/lib/locale/zh_CN';\nimport zhTWIntl from 'antd/lib/locale/zh_TW';\nimport dayjs from 'dayjs';\nimport { useRef, useState } from 'react';\n\nconst intlMap = {\n  zhCNIntl,\n  enUSIntl,\n  enGBIntl,\n  viVNIntl,\n  itITIntl,\n  jaJPIntl,\n  esESIntl,\n  caESIntl,\n  ruRUIntl,\n  srRSIntl,\n  msMYIntl,\n  zhTWIntl,\n  frFRIntl,\n  ptBRIntl,\n  thTHIntl,\n};\n\ntype GithubIssueItem = {\n  key: number;\n  name: string;\n  createdAt: number;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: 'index',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n  },\n  {\n    title: 'Title',\n    dataIndex: 'name',\n  },\n  {\n    title: 'Money',\n    dataIndex: 'title',\n    width: 100,\n    order: 1,\n    valueType: 'money',\n    renderText: () => (Math.random() * 100).toFixed(2),\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n  const [intl, setIntl] = useState('zhCNIntl');\n  return (\n    <ConfigProvider locale={intlMap[intl]}>\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        actionRef={actionRef}\n        request={async () => {\n          return {\n            data: [\n              {\n                key: 1,\n                name: `TradeCode ${1}`,\n                createdAt: 1602572994055,\n              },\n            ],\n            success: true,\n          };\n        }}\n        rowKey=\"key\"\n        rowSelection={{}}\n        search={{\n          labelWidth: 'auto',\n        }}\n        dateFormatter=\"string\"\n        headerTitle={\n          <Space>\n            <span>Basic Table</span>\n            <Select<string>\n              bordered={false}\n              value={intl}\n              onChange={(value) => {\n                dayjs.locale(intlMap[value].locale);\n                setIntl(value);\n              }}\n              options={Object.keys(intlMap).map((value) => ({\n                value,\n                label: value,\n              }))}\n            />\n          </Space>\n        }\n        toolBarRender={() => [\n          <Button key=\"3\" type=\"primary\">\n            <PlusOutlined />\n            New\n          </Button>,\n        ]}\n      />\n    </ConfigProvider>\n  );\n};\n"},23134:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport dayjs from 'dayjs';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  creator: string;\n  createdAt: number;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 1; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n    formItemProps: {\n      lightProps: {\n        labelFormatter: (value) => `app-${value}`,\n      },\n    },\n  },\n  {\n    title: '日期范围',\n    dataIndex: 'startTime',\n    valueType: 'dateRange',\n    hideInTable: true,\n    initialValue: [dayjs(), dayjs().add(1, 'day')],\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      headerTitle=\"Light Filter\"\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      options={false}\n      search={{\n        filterType: 'light',\n      }}\n      dateFormatter=\"string\"\n    />\n  );\n};\n"},7819:function(n,e){"use strict";e.Z="/* eslint-disable no-console */\nimport { PlusOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button, Input, Select } from '@szc-ft/szcd';\nimport React, { useEffect, useState } from 'react';\n\ntype GithubIssueItem = {\n  key: number;\n  name: string;\n  createdAt: number;\n};\n\nconst MySelect: React.FC<{\n  state: {\n    type: number;\n  };\n  /** Value 和 onChange 会被自动注入 */\n  value?: string;\n  onChange?: (value: string) => void;\n}> = (props) => {\n  const { state } = props;\n\n  const [innerOptions, setOptions] = useState<\n    {\n      label: React.ReactNode;\n      value: number;\n    }[]\n  >([]);\n\n  useEffect(() => {\n    const { type } = state || {};\n    if (type === 2) {\n      setOptions([\n        {\n          label: '星期一',\n          value: 1,\n        },\n        {\n          label: '星期二',\n          value: 2,\n        },\n      ]);\n    } else {\n      setOptions([\n        {\n          label: '一月',\n          value: 1,\n        },\n        {\n          label: '二月',\n          value: 2,\n        },\n      ]);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(state)]);\n\n  return (\n    <Select\n      options={innerOptions}\n      value={props.value}\n      onChange={props.onChange}\n    />\n  );\n};\n\nexport default () => {\n  const columns: ProColumns<GithubIssueItem>[] = [\n    {\n      title: '序号',\n      dataIndex: 'index',\n      valueType: 'indexBorder',\n    },\n    {\n      title: '标题',\n      dataIndex: 'name',\n    },\n    {\n      title: '动态表单',\n      key: 'direction',\n      hideInTable: true,\n      dataIndex: 'direction',\n      renderFormItem: (item, { type, defaultRender, ...rest }, form) => {\n        if (type === 'form') {\n          return null;\n        }\n        const stateType = form.getFieldValue('state');\n        if (stateType === 3) {\n          return <Input />;\n        }\n        if (stateType === 4) {\n          return null;\n        }\n        return (\n          <MySelect\n            {...rest}\n            state={{\n              type: stateType,\n            }}\n          />\n        );\n      },\n    },\n    {\n      title: '状态',\n      dataIndex: 'state',\n      initialValue: 1,\n      valueType: 'select',\n      request: async () => [\n        {\n          label: '月份',\n          value: 1,\n        },\n        {\n          label: '周',\n          value: 2,\n        },\n        {\n          label: '自定义',\n          value: 3,\n        },\n        {\n          label: '不展示',\n          value: 4,\n        },\n      ],\n    },\n  ];\n\n  return (\n    <ProTable<GithubIssueItem>\n      columns={columns}\n      request={async (params) => {\n        console.log(`request params:`, params);\n        return {\n          data: [\n            {\n              key: 1,\n              name: `TradeCode ${1}`,\n              createdAt: 1602572994055,\n              state: 'closed',\n            },\n          ],\n          success: true,\n        };\n      }}\n      rowKey=\"key\"\n      tableLayout=\"fixed\"\n      dateFormatter=\"string\"\n      headerTitle=\"动态自定义搜索栏\"\n      search={{\n        defaultCollapsed: false,\n        optionRender: (searchConfig, formProps, dom) => [\n          ...dom.reverse(),\n          <Button\n            key=\"out\"\n            onClick={() => {\n              const values = searchConfig?.form?.getFieldsValue();\n              console.log(values);\n            }}\n          >\n            导出\n          </Button>,\n        ],\n      }}\n      toolBarRender={() => [\n        <Button key=\"3\" type=\"primary\">\n          <PlusOutlined />\n          新建\n        </Button>,\n      ]}\n    />\n  );\n};\n"},64330:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport {\n  LightFilter,\n  ProFormDatePicker,\n  ProTable,\n} from '@szc-ft/szcd';\nimport { Badge, Button } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  status: string;\n  creator: string;\n  createdAt: number;\n};\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '创建者',\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '状态',\n    dataIndex: 'status',\n    initialValue: 'all',\n    filters: true,\n    onFilter: true,\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '待发布', status: 'Default' },\n      running: { text: '发布中', status: 'Processing' },\n      online: { text: '发布成功', status: 'Success' },\n      error: { text: '发布失败', status: 'Error' },\n    },\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: (_, record) => [\n      record.status === 'close' && <a key=\"link\">发布</a>,\n      (record.status === 'running' || record.status === 'online') && (\n        <a key=\"warn\">停用</a>\n      ),\n      record.status === 'error' && <a key=\"republish\">重新发布</a>,\n      <a\n        key=\"monitor\"\n        style={\n          record.status === 'running'\n            ? {\n                color: 'rgba(0,0,0,.25)',\n                cursor: 'not-allowed',\n              }\n            : {}\n        }\n      >\n        监控\n      </a>,\n    ],\n  },\n];\n\nconst renderBadge = (count: number, active = false) => {\n  return (\n    <Badge\n      count={count}\n      style={{\n        marginBlockStart: -2,\n        marginInlineStart: 4,\n        color: active ? '#1890FF' : '#999',\n        backgroundColor: active ? '#E6F7FF' : '#eee',\n      }}\n    />\n  );\n};\n\nexport default () => {\n  const [activeKey, setActiveKey] = useState<React.Key>('tab1');\n\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      toolbar={{\n        filter: (\n          <LightFilter>\n            <ProFormDatePicker name=\"startdate\" label=\"响应日期\" />\n          </LightFilter>\n        ),\n        menu: {\n          type: 'tab',\n          activeKey: activeKey,\n          items: [\n            {\n              key: 'tab1',\n              label: <span>应用{renderBadge(99, activeKey === 'tab1')}</span>,\n            },\n            {\n              key: 'tab2',\n              label: <span>项目{renderBadge(30, activeKey === 'tab2')}</span>,\n            },\n            {\n              key: 'tab3',\n              label: <span>文章{renderBadge(30, activeKey === 'tab3')}</span>,\n            },\n          ],\n          onChange: (key) => {\n            setActiveKey(key as string);\n          },\n        },\n        actions: [\n          <Button key=\"primary\" type=\"primary\">\n            新建应用\n          </Button>,\n        ],\n      }}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      search={false}\n      dateFormatter=\"string\"\n      options={{\n        setting: {\n          draggable: true,\n          checkable: true,\n          checkedReset: false,\n          extra: [<a key=\"confirm\">确认</a>],\n        },\n      }}\n    />\n  );\n};\n"},44915:function(n,e){"use strict";e.Z="import { DownOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n  status: string;\n  createdAt: number;\n  memo: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n    memo:\n      i % 2 === 1\n        ? '很长很长很长很长很长很长很长的文字要展示但是要留下尾巴'\n        : '简短备注文案',\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    width: 80,\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '状态',\n    width: 80,\n    dataIndex: 'status',\n    initialValue: 'all',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '创建时间',\n    tooltip: '这是一段描述',\n    width: 140,\n    key: 'since',\n    hideInSearch: true,\n    dataIndex: 'createdAt',\n    valueType: 'date',\n    sorter: (a, b) => a.createdAt - b.createdAt,\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      search={{\n        optionRender: false,\n        collapsed: false,\n      }}\n      dateFormatter=\"string\"\n      headerTitle=\"表格标题\"\n      toolBarRender={() => [\n        <Button key=\"show\">查看日志</Button>,\n        <Button key=\"out\">\n          导出数据\n          <DownOutlined />\n        </Button>,\n        <Button type=\"primary\" key=\"primary\">\n          创建应用\n        </Button>,\n      ]}\n    />\n  );\n};\n"},94213:function(n,e){"use strict";e.Z="import { DownOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Dropdown, Popconfirm, Space } from '@szc-ft/szcd';\nimport React from 'react';\n\nexport type Member = {\n  avatar: string;\n  realName: string;\n  nickName: string;\n  email: string;\n  outUserNo: string;\n  phone: string;\n  role: RoleType;\n  permission?: string[];\n};\n\nexport type RoleMapType = Record<\n  string,\n  {\n    name: string;\n    desc: string;\n  }\n>;\n\nexport type RoleType = 'admin' | 'operator';\n\nconst RoleMap: RoleMapType = {\n  admin: {\n    name: '管理员',\n    desc: '仅拥有指定项目的权限',\n  },\n  operator: {\n    name: '操作员',\n    desc: '拥有所有权限',\n  },\n};\n\nconst tableListDataSource: Member[] = [];\n\nconst realNames = ['马巴巴', '测试', '测试2', '测试3'];\nconst nickNames = ['巴巴', '测试', '测试2', '测试3'];\nconst emails = [\n  'baba@antfin.com',\n  'test@antfin.com',\n  'test2@antfin.com',\n  'test3@antfin.com',\n];\nconst phones = ['12345678910', '10923456789', '109654446789', '109223346789'];\nconst permissions = [[], ['权限点名称1', '权限点名称4'], ['权限点名称1'], []];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    outUserNo: `${102047 + i}`,\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/upvrAjAPQX/Logo_Tech%252520UI.svg',\n    role: i === 0 ? 'admin' : 'operator',\n    realName: realNames[i % 4],\n    nickName: nickNames[i % 4],\n    email: emails[i % 4],\n    phone: phones[i % 4],\n    permission: permissions[i % 4],\n  });\n}\n\nconst MemberList: React.FC = () => {\n  const renderRemoveUser = (text: string) => (\n    <Popconfirm\n      key=\"popconfirm\"\n      title={`确认${text}吗?`}\n      okText=\"是\"\n      cancelText=\"否\"\n    >\n      <a>{text}</a>\n    </Popconfirm>\n  );\n\n  const columns: ProColumns<Member>[] = [\n    {\n      dataIndex: 'avatar',\n      title: '成员名称',\n      valueType: 'avatar',\n      width: 150,\n      render: (dom, record) => (\n        <Space>\n          <span>{dom}</span>\n          {record.nickName}\n        </Space>\n      ),\n    },\n    {\n      dataIndex: 'email',\n      title: '账号',\n    },\n    {\n      dataIndex: 'role',\n      title: '角色',\n      render: (_, record) => (\n        <Dropdown\n          menu={{\n            items: [\n              {\n                label: '管理员',\n                key: 'admin',\n              },\n              {\n                label: '操作员',\n                key: 'operator',\n              },\n            ],\n          }}\n        >\n          <a>\n            {RoleMap[record.role || 'admin'].name} <DownOutlined />\n          </a>\n        </Dropdown>\n      ),\n    },\n    {\n      dataIndex: 'permission',\n      title: '权限范围',\n      render: (_, record) => {\n        const { role, permission = [] } = record;\n        if (role === 'admin') {\n          return '所有权限';\n        }\n        return permission && permission.length > 0\n          ? permission.join('、')\n          : '无';\n      },\n    },\n    {\n      title: '操作',\n      dataIndex: 'x',\n      valueType: 'option',\n      render: (_, record) => {\n        let node = renderRemoveUser('退出');\n        if (record.role === 'admin') {\n          node = renderRemoveUser('移除');\n        }\n        return [<a key=\"edit\">编辑</a>, node];\n      },\n    },\n  ];\n\n  return (\n    <ProTable<Member>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"outUserNo\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      toolBarRender={false}\n      search={false}\n    />\n  );\n};\n\nexport default MemberList;\n"},59238:function(n,e){"use strict";e.Z="import { DownOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n  status: string;\n  createdAt: number;\n  memo: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n    memo:\n      i % 2 === 1\n        ? '很长很长很长很长很长很长很长的文字要展示但是要留下尾巴'\n        : '简短备注文案',\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    width: 80,\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '容器数量',\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n  {\n    title: '状态',\n    width: 80,\n    dataIndex: 'status',\n    initialValue: 'all',\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '创建者',\n    width: 80,\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n  {\n    title: '操作',\n    width: 180,\n    key: 'option',\n    valueType: 'option',\n    render: () => [\n      <a key=\"link\">链路</a>,\n      <a key=\"link2\">报警</a>,\n      <a key=\"link3\">监控</a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      dataSource={tableListDataSource}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      columns={columns}\n      search={false}\n      dateFormatter=\"string\"\n      headerTitle=\"表格标题\"\n      toolBarRender={() => [\n        <Button key=\"show\">查看日志</Button>,\n        <Button key=\"out\">\n          导出数据\n          <DownOutlined />\n        </Button>,\n        <Button type=\"primary\" key=\"primary\">\n          创建应用\n        </Button>,\n      ]}\n    />\n  );\n};\n"},46357:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Space, Tag } from '@szc-ft/szcd';\n\ntype GithubIssueItem = {\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: '标题',\n    dataIndex: 'title',\n    copyable: true,\n    ellipsis: true,\n    tip: '标题过长会自动收缩',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: '30%',\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    filters: true,\n    onFilter: true,\n    valueType: 'select',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n        disabled: true,\n      },\n      processing: {\n        text: '解决中',\n        status: 'Processing',\n      },\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    search: false,\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    renderFormItem: (_, { defaultRender }) => {\n      return defaultRender(_);\n    },\n    render: (_, record) => (\n      <Space>\n        {record.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'created_at',\n    valueType: 'date',\n    hideInSearch: true,\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n  },\n];\n\nexport default () => {\n  return (\n    <>\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        request={async () => ({\n          success: true,\n          data: [\n            {\n              id: 624748504,\n              number: 6689,\n              title: '🐛 [BUG]yarn install命令 antd2.4.5会报错',\n              labels: [\n                {\n                  name: 'bug',\n                  color: 'error',\n                },\n              ],\n              state: 'open',\n              locked: false,\n              comments: 1,\n              created_at: '1590486176000',\n              updated_at: '1590487382000',\n              closed_at: null,\n              author_association: 'NONE',\n              user: 'chenshuai2144',\n              avatar:\n                'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',\n            },\n          ],\n        })}\n        rowKey=\"id\"\n        search={{\n          labelWidth: 'auto',\n        }}\n        form={{\n          ignoreRules: false,\n        }}\n        dateFormatter=\"string\"\n        headerTitle=\"高级表格\"\n      />\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        request={async () => ({\n          success: true,\n          data: [\n            {\n              id: 624748504,\n              number: 6689,\n              title: '🐛 [BUG]yarn install命令 antd2.4.5会报错',\n              labels: [\n                {\n                  name: 'bug',\n                  color: 'error',\n                },\n              ],\n              state: 'open',\n              locked: false,\n              comments: 1,\n              created_at: '1590486176000',\n              updated_at: '1590487382000',\n              closed_at: null,\n              author_association: 'NONE',\n              user: 'chenshuai2144',\n              avatar:\n                'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',\n            },\n          ],\n        })}\n        rowKey=\"id\"\n        search={{\n          labelWidth: 'auto',\n        }}\n        dateFormatter=\"string\"\n        headerTitle=\"高级表格\"\n      />\n    </>\n  );\n};\n"},76438:function(n,e){"use strict";e.Z="import { LoadingOutlined, ReloadOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\nimport dayjs from 'dayjs';\nimport { useState } from 'react';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: string;\n  updatedAt: number;\n  createdAt: number;\n  progress: number;\n  money: number;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    updatedAt: Date.now() - Math.floor(Math.random() * 1000),\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    money: Math.floor(Math.random() * 2000) * i,\n    progress: Math.ceil(Math.random() * 100) + 1,\n  });\n}\n\nconst timeAwait = (waitTime: number): Promise<void> =>\n  new Promise((res) =>\n    window.setTimeout(() => {\n      res();\n    }, waitTime),\n  );\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'index',\n    width: 80,\n  },\n  {\n    title: '状态',\n    dataIndex: 'status',\n    initialValue: 'all',\n    filters: true,\n    onFilter: true,\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      close: { text: '关闭', status: 'Default' },\n      running: { text: '运行中', status: 'Processing' },\n      online: { text: '已上线', status: 'Success' },\n      error: { text: '异常', status: 'Error' },\n    },\n  },\n  {\n    title: '进度',\n    key: 'progress',\n    dataIndex: 'progress',\n    valueType: (item) => ({\n      type: 'progress',\n      status: item.status !== 'error' ? 'active' : 'exception',\n    }),\n  },\n  {\n    title: '更新时间',\n    key: 'since2',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n  },\n  {\n    title: '创建时间',\n    key: 'since3',\n    dataIndex: 'createdAt',\n    valueType: 'dateMonth',\n  },\n];\n\nexport default () => {\n  const [time, setTime] = useState(() => Date.now());\n  const [polling, setPolling] = useState<number | undefined>(2000);\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      rowKey=\"key\"\n      pagination={{\n        showSizeChanger: true,\n      }}\n      polling={polling || undefined}\n      request={async () => {\n        await timeAwait(2000);\n        setTime(Date.now());\n        return {\n          data: tableListDataSource,\n          success: true,\n          total: tableListDataSource.length,\n        };\n      }}\n      dateFormatter=\"string\"\n      headerTitle={`上次更新时间：${dayjs(time).format('HH:mm:ss')}`}\n      toolBarRender={() => [\n        <Button\n          key=\"3\"\n          type=\"primary\"\n          onClick={() => {\n            if (polling) {\n              setPolling(undefined);\n              return;\n            }\n            setPolling(2000);\n          }}\n        >\n          {polling ? <LoadingOutlined /> : <ReloadOutlined />}\n          {polling ? '停止轮询' : '开始轮询'}\n        </Button>,\n      ]}\n    />\n  );\n};\n"},94849:function(n,e){"use strict";e.Z="import { MailOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Card, Descriptions, Menu } from '@szc-ft/szcd';\nimport { useState } from 'react';\n\nconst waitTime = (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  createdAt: number;\n  progress: number;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    progress: Math.ceil(Math.random() * 100) + 1,\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'index',\n    width: 80,\n  },\n  {\n    title: '更新时间',\n    key: 'since2',\n    dataIndex: 'createdAt',\n    valueType: 'date',\n  },\n  {\n    title: '执行进度',\n    dataIndex: 'progress',\n    valueType: 'progress',\n  },\n];\n\nexport default () => {\n  const [key, setKey] = useState('1');\n\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      rowKey=\"key\"\n      pagination={{\n        showSizeChanger: true,\n      }}\n      tableRender={(_, dom) => (\n        <div\n          style={{\n            display: 'flex',\n            width: '100%',\n          }}\n        >\n          <Menu\n            onSelect={(e) => setKey(e.key as string)}\n            style={{ width: 256 }}\n            defaultSelectedKeys={['1']}\n            defaultOpenKeys={['sub1']}\n            mode=\"inline\"\n            items={[\n              {\n                key: 'sub1',\n                label: (\n                  <span>\n                    <MailOutlined />\n                    <span>Navigation One</span>\n                  </span>\n                ),\n                children: [\n                  {\n                    type: 'group',\n                    key: 'g1',\n                    label: 'Item 1',\n                    children: [\n                      {\n                        key: '1',\n                        label: 'Option 1',\n                      },\n                      {\n                        key: '2',\n                        label: 'Option 2',\n                      },\n                    ],\n                  },\n                  {\n                    type: 'group',\n                    key: 'g2',\n                    label: 'Item 2',\n                    children: [\n                      {\n                        key: '3',\n                        label: 'Option 3',\n                      },\n                      {\n                        key: '4',\n                        label: 'Option 4',\n                      },\n                    ],\n                  },\n                ],\n              },\n            ]}\n          />\n          <div\n            style={{\n              flex: 1,\n            }}\n          >\n            {dom}\n          </div>\n        </div>\n      )}\n      tableExtraRender={(_, data) => (\n        <Card>\n          <Descriptions size=\"small\" column={3}>\n            <Descriptions.Item label=\"Row\">{data.length}</Descriptions.Item>\n            <Descriptions.Item label=\"Created\">Lili Qu</Descriptions.Item>\n            <Descriptions.Item label=\"Association\">\n              <a>421421</a>\n            </Descriptions.Item>\n            <Descriptions.Item label=\"Creation Time\">\n              2017-01-10\n            </Descriptions.Item>\n            <Descriptions.Item label=\"Effective Time\">\n              2017-10-10\n            </Descriptions.Item>\n          </Descriptions>\n        </Card>\n      )}\n      params={{\n        key,\n      }}\n      request={async () => {\n        await waitTime(200);\n        return {\n          success: true,\n          data: tableListDataSource,\n        };\n      }}\n      dateFormatter=\"string\"\n      headerTitle=\"自定义表格主体\"\n    />\n  );\n};\n"},62168:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, ConfigProvider, Space, Tag } from '@szc-ft/szcd';\nimport arEGIntl from 'antd/lib/locale/ar_EG';\nimport { useRef } from 'react';\nimport request from 'umi-request';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n    width: 48,\n  },\n  {\n    title: 'العنوان',\n    dataIndex: 'title',\n    copyable: true,\n    ellipsis: true,\n    tip: 'سيتم تقليص العنوان في حال كان طويل جدًا',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: 'هذا الحقل مطلوب',\n        },\n      ],\n    },\n    width: '30%',\n    search: false,\n  },\n  {\n    title: 'الحالة',\n    dataIndex: 'state',\n    initialValue: 'open',\n    filters: true,\n    onFilter: true,\n    valueEnum: {\n      all: { text: 'الكل', status: 'Default' },\n      open: {\n        text: 'غير محلولة',\n        status: 'Error',\n      },\n      closed: {\n        text: 'تم حلها',\n        status: 'Success',\n      },\n      processing: {\n        text: 'نعمل عليها',\n        status: 'Processing',\n      },\n    },\n  },\n  {\n    title: 'التسمية',\n    dataIndex: 'labels',\n    render: (_, record) => (\n      <Space>\n        {record.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: 'التشغيل',\n    valueType: 'option',\n    render: (text, record, _, action) => [\n      <a href={record.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"link\">\n        رابط\n      </a>,\n      <a href={record.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n        查看\n      </a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        onSelect={() => action?.reload()}\n        menus={[\n          { key: 'copy', name: 'نسخ' },\n          { key: 'delete', name: 'حذف' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n\n  return (\n    <ConfigProvider locale={arEGIntl} direction=\"rtl\">\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        actionRef={actionRef}\n        request={async (params = {}) =>\n          request<{\n            data: GithubIssueItem[];\n          }>('https://proapi.azurewebsites.net/github/issues', {\n            params,\n          })\n        }\n        pagination={{\n          pageSize: 5,\n        }}\n        rowKey=\"id\"\n        search={{\n          labelWidth: 'auto',\n        }}\n        dateFormatter=\"string\"\n        headerTitle=\"نموذج احترافي\"\n        toolBarRender={() => [\n          <Button key=\"button\" icon={<PlusOutlined />} type=\"primary\">\n            جديد\n          </Button>,\n        ]}\n      />\n    </ConfigProvider>\n  );\n};\n"},90625:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\n\ntype GithubIssueItem = {\n  key: number;\n  name: string;\n  createdAt: number;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n  },\n  {\n    title: '标题',\n    dataIndex: 'name',\n    search: false,\n  },\n];\n\nexport default () => (\n  <ProTable<GithubIssueItem>\n    columns={columns}\n    request={async (params) => {\n      console.log(params);\n      return {\n        data: [\n          {\n            key: 1,\n            name: `TradeCode ${1}`,\n            createdAt: 1602572994055,\n          },\n        ],\n        success: true,\n      };\n    }}\n    search={false}\n    rowKey=\"key\"\n    options={{\n      search: true,\n    }}\n    headerTitle=\"toolbar 中搜索\"\n  />\n);\n"},54645:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button } from '@szc-ft/szcd';\n\ntype GithubIssueItem = {\n  key: number;\n  name: string;\n  createdAt: number;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: 'index',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n  },\n  {\n    title: 'Title',\n    dataIndex: 'name',\n  },\n  {\n    title: 'Money',\n    dataIndex: 'title',\n    width: 100,\n    valueType: 'money',\n    renderText: () => (Math.random() * 100).toFixed(2),\n  },\n];\n\nexport default () => (\n  <ProTable<GithubIssueItem>\n    columns={columns}\n    request={async () => {\n      return {\n        data: [\n          {\n            key: 1,\n            name: `TradeCode ${1}`,\n            createdAt: 1602572994055,\n          },\n        ],\n        success: true,\n      };\n    }}\n    rowKey=\"key\"\n    dateFormatter=\"string\"\n    headerTitle=\"查询 Table\"\n    search={{\n      defaultCollapsed: false,\n      labelWidth: 'auto',\n      optionRender: (searchConfig, formProps, dom) => [\n        ...dom.reverse(),\n        <Button key=\"out\" onClick={() => {}}>\n          导出\n        </Button>,\n      ],\n    }}\n    toolBarRender={() => [\n      <Button key=\"primary\" type=\"primary\">\n        <PlusOutlined />\n        新建\n      </Button>,\n    ]}\n  />\n);\n"},1035:function(n,e){"use strict";e.Z="import { PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, ConfigProvider, Input, Space, Tag } from '@szc-ft/szcd';\nimport { useRef } from 'react';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nconst nestedColumns = [\n  {\n    title: 'col without dataIndex',\n    key: 'expand',\n  },\n  {\n    title: 'normal col',\n    dataIndex: 'key',\n  },\n];\n\nconst nestedData = [\n  {\n    key: 1,\n    children: [\n      {\n        key: 11,\n      },\n    ],\n  },\n];\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n  },\n  {\n    title: '标题',\n    dataIndex: 'title',\n    fixed: 'left',\n    order: 1,\n    copyable: true,\n    ellipsis: true,\n    hideInForm: true,\n    tip: '标题过长会自动收缩',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n    width: '30%',\n  },\n  {\n    title: '状态',\n    dataIndex: 'state',\n    initialValue: 'all',\n    copyable: true,\n    ellipsis: true,\n    onFilter: true,\n    valueType: 'select',\n    order: 2,\n    fieldProps: {\n      noStyle: true,\n    },\n    valueEnum: {\n      all: { text: '全部', status: 'Default' },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n      },\n      processing: {\n        text: '解决中',\n        status: 'Processing',\n      },\n    },\n    width: '10%',\n  },\n  {\n    title: '动态表单',\n    key: 'direction',\n    hideInTable: true,\n    dataIndex: 'direction',\n    formItemProps: {\n      noStyle: true,\n    },\n    ignoreFormItem: true,\n    renderFormItem: () => {\n      return <Input />;\n    },\n  },\n  {\n    title: '标签',\n    dataIndex: 'labels',\n    width: '10%',\n    order: -1,\n    colSize: 1.5,\n    formItemProps: {\n      noStyle: true,\n    },\n    renderFormItem: (_, { defaultRender }) => defaultRender(_),\n    render: (_, record) => (\n      <Space>\n        {record.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: '创建时间',\n    key: 'since',\n    dataIndex: 'created_at',\n    valueType: 'date',\n    width: '20%',\n    copyable: true,\n    ellipsis: true,\n    render: (value) => {\n      return {\n        children: value,\n        props: { colSpan: 2 },\n      };\n    },\n  },\n  {\n    title: '创建时间',\n    key: 'since',\n    dataIndex: 'created_at',\n    // @ts-ignore\n    valueType: () => undefined,\n    width: '20%',\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n    fixed: 'right',\n    render: (text, record, _, action) => [\n      <a href={record.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n        查看\n      </a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        onSelect={() => action?.reload()}\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n\n  return (\n    <ConfigProvider prefixCls=\"canvas\">\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        pagination={{\n          showQuickJumper: true,\n        }}\n        actionRef={actionRef}\n        request={async () => ({\n          data: [],\n        })}\n        type=\"form\"\n        rowKey=\"id\"\n        dateFormatter=\"string\"\n        headerTitle=\"高级表格\"\n        toolBarRender={() => [\n          <Button key=\"3\" type=\"primary\">\n            <PlusOutlined />\n            新建\n          </Button>,\n        ]}\n      />\n      <ProTable columns={nestedColumns} dataSource={nestedData} />\n      <ProTable<GithubIssueItem>\n        columns={columns}\n        actionRef={(ref) => console.log(ref)}\n        dataSource={[\n          {\n            id: 624748504,\n            number: 6689,\n            title: '🐛 [BUG]yarn install命令 antd2.4.5会报错',\n            labels: [{ name: 'bug', color: 'error' }],\n            state: 'open',\n            comments: 1,\n            created_at: '2020-05-26T09:42:56Z',\n            updated_at: '2020-05-26T10:03:02Z',\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',\n          },\n          {\n            id: 624691229,\n            number: 6688,\n            title: '🐛 [BUG]无法创建工程npm create umi',\n            labels: [{ name: 'bug', color: 'error' }],\n            state: 'open',\n            comments: 0,\n            created_at: '2020-05-26T08:19:22Z',\n            updated_at: '2020-05-26T08:19:22Z',\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',\n          },\n          {\n            id: 624674790,\n            number: 6685,\n            title: '🧐 [问题] build 后还存在 es6 的代码（Umi@2.13.13）',\n            labels: [{ name: 'question', color: 'success' }],\n            state: 'open',\n            comments: 0,\n            created_at: '2020-05-26T07:54:25Z',\n            updated_at: '2020-05-26T07:54:25Z',\n            url: 'https://gw.alipayobjects.com/zos/antfincdn/XAosXuNZyF/BiazfanxmamNRoxxVxka.png',\n          },\n        ]}\n        pagination={{\n          pageSize: 5,\n        }}\n        rowKey=\"id\"\n        dateFormatter=\"string\"\n        headerTitle=\"高级表格\"\n        toolBarRender={() => [\n          <Button key=\"3\" type=\"primary\">\n            <PlusOutlined />\n            新建\n          </Button>,\n        ]}\n      />\n    </ConfigProvider>\n  );\n};\n"},9743:function(n,e){"use strict";e.Z="import { EllipsisOutlined, PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, Dropdown, Space, Tag } from '@szc-ft/szcd';\nimport { useRef } from 'react';\nimport request from 'umi-request';\nexport const waitTimePromise = async (time: number = 100) => {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true);\n    }, time);\n  });\n};\n\nexport const waitTime = async (time: number = 100) => {\n  await waitTimePromise(time);\n};\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n    width: 48,\n  },\n  {\n    title: '标题',\n    dataIndex: 'title',\n    copyable: true,\n    ellipsis: true,\n    tip: '标题过长会自动收缩',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n  },\n  {\n    disable: true,\n    title: '状态',\n    dataIndex: 'state',\n    filters: true,\n    onFilter: true,\n    ellipsis: true,\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '超长'.repeat(50) },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n        disabled: true,\n      },\n      processing: {\n        text: '解决中',\n        status: 'Processing',\n      },\n    },\n  },\n  {\n    disable: true,\n    title: '标签',\n    dataIndex: 'labels',\n    search: false,\n    renderFormItem: (_, { defaultRender }) => {\n      return defaultRender(_);\n    },\n    render: (_, record) => (\n      <Space>\n        {record.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'created_at',\n    valueType: 'date',\n    sorter: true,\n    hideInSearch: true,\n  },\n  {\n    title: '创建时间',\n    dataIndex: 'created_at',\n    valueType: 'dateRange',\n    hideInTable: true,\n    search: {\n      transform: (value) => {\n        return {\n          startTime: value[0],\n          endTime: value[1],\n        };\n      },\n    },\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n    key: 'option',\n    render: (text, record, _, action) => [\n      <a\n        key=\"editable\"\n        onClick={() => {\n          action?.startEditable?.(record.id);\n        }}\n      >\n        编辑\n      </a>,\n      <a href={record.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n        查看\n      </a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        onSelect={() => action?.reload()}\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n  return (\n    <ProTable<GithubIssueItem>\n      columns={columns}\n      actionRef={actionRef}\n      cardBordered\n      request={async (params = {}, sort, filter) => {\n        console.log(sort, filter);\n        await waitTime(2000);\n        return request<{\n          data: GithubIssueItem[];\n        }>('https://proapi.azurewebsites.net/github/issues', {\n          params,\n        });\n      }}\n      editable={{\n        type: 'multiple',\n      }}\n      columnsState={{\n        persistenceKey: 'pro-table-singe-demos',\n        persistenceType: 'localStorage',\n        onChange(value) {\n          console.log('value: ', value);\n        },\n      }}\n      rowKey=\"id\"\n      search={{\n        labelWidth: 'auto',\n      }}\n      options={{\n        setting: {\n          listsHeight: 400,\n        },\n      }}\n      form={{\n        // 由于配置了 transform，提交的参与与定义的不同这里需要转化一下\n        syncToUrl: (values, type) => {\n          if (type === 'get') {\n            return {\n              ...values,\n              created_at: [values.startTime, values.endTime],\n            };\n          }\n          return values;\n        },\n      }}\n      pagination={{\n        pageSize: 5,\n        onChange: (page) => console.log(page),\n      }}\n      dateFormatter=\"string\"\n      headerTitle=\"高级表格\"\n      toolBarRender={() => [\n        <Button\n          key=\"button\"\n          icon={<PlusOutlined />}\n          onClick={() => {\n            actionRef.current?.reload();\n          }}\n          type=\"primary\"\n        >\n          新建\n        </Button>,\n        <Dropdown\n          key=\"menu\"\n          menu={{\n            items: [\n              {\n                label: '1st item',\n                key: '1',\n              },\n              {\n                label: '2nd item',\n                key: '1',\n              },\n              {\n                label: '3rd item',\n                key: '1',\n              },\n            ],\n          }}\n        >\n          <Button>\n            <EllipsisOutlined />\n          </Button>\n        </Dropdown>,\n      ]}\n    />\n  );\n};\n"},2966:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProCard, ProTable } from '@szc-ft/szcd';\nimport type { BadgeProps } from '@szc-ft/szcd';\nimport { Badge, Button } from '@szc-ft/szcd';\nimport React, { useEffect, useState } from 'react';\n\ntype TableListItem = {\n  createdAtRange?: number[];\n  createdAt: number;\n  code: string;\n};\n\ntype DetailListProps = {\n  ip: string;\n};\n\nconst DetailList: React.FC<DetailListProps> = (props) => {\n  const { ip } = props;\n  const [tableListDataSource, setTableListDataSource] = useState<\n    TableListItem[]\n  >([]);\n\n  const columns: ProColumns<TableListItem>[] = [\n    {\n      title: '时间点',\n      key: 'createdAt',\n      dataIndex: 'createdAt',\n      valueType: 'dateTime',\n    },\n    {\n      title: '代码',\n      key: 'code',\n      width: 80,\n      dataIndex: 'code',\n      valueType: 'code',\n    },\n    {\n      title: '操作',\n      key: 'option',\n      width: 80,\n      valueType: 'option',\n      render: () => [<a key=\"a\">预警</a>],\n    },\n  ];\n\n  useEffect(() => {\n    const source = [];\n    for (let i = 0; i < 15; i += 1) {\n      source.push({\n        createdAt: Date.now() - Math.floor(Math.random() * 10000),\n        code: `const getData = async params => {\n          const data = await getData(params);\n          return { list: data.data, ...data };\n        };`,\n        key: i,\n      });\n    }\n\n    setTableListDataSource(source);\n  }, [ip]);\n\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      dataSource={tableListDataSource}\n      pagination={{\n        pageSize: 3,\n        showSizeChanger: false,\n      }}\n      rowKey=\"key\"\n      toolBarRender={false}\n      search={false}\n    />\n  );\n};\n\ntype statusType = BadgeProps['status'];\n\nconst valueEnum: statusType[] = ['success', 'error', 'processing', 'default'];\n\nexport type IpListItem = {\n  ip?: string;\n  cpu?: number | string;\n  mem?: number | string;\n  disk?: number | string;\n  status: statusType;\n};\n\nconst ipListDataSource: IpListItem[] = [];\n\nfor (let i = 0; i < 10; i += 1) {\n  ipListDataSource.push({\n    ip: `106.14.98.1${i}4`,\n    cpu: 10,\n    mem: 20,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    disk: 30,\n  });\n}\n\ntype IPListProps = {\n  ip: string;\n  onChange: (id: string) => void;\n};\n\nconst IPList: React.FC<IPListProps> = (props) => {\n  const { onChange } = props;\n\n  const columns: ProColumns<IpListItem>[] = [\n    {\n      title: 'IP',\n      key: 'ip',\n      dataIndex: 'ip',\n      render: (_, item) => {\n        return <Badge status={item.status} text={item.ip} />;\n      },\n    },\n    {\n      title: 'CPU',\n      key: 'cpu',\n      dataIndex: 'cpu',\n      valueType: {\n        type: 'percent',\n        precision: 0,\n      },\n    },\n    {\n      title: 'Mem',\n      key: 'mem',\n      dataIndex: 'mem',\n      valueType: {\n        type: 'percent',\n        precision: 0,\n      },\n    },\n    {\n      title: 'Disk',\n      key: 'disk',\n      dataIndex: 'disk',\n      valueType: {\n        type: 'percent',\n        precision: 0,\n      },\n    },\n  ];\n  return (\n    <ProTable<IpListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: ipListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"ip\"\n      toolbar={{\n        search: {\n          onSearch: (value) => {\n            alert(value);\n          },\n        },\n        actions: [\n          <Button key=\"list\" type=\"primary\">\n            新建项目\n          </Button>,\n        ],\n      }}\n      options={false}\n      pagination={false}\n      search={false}\n      onRow={(record) => {\n        return {\n          onClick: () => {\n            if (record.ip) {\n              onChange(record.ip);\n            }\n          },\n        };\n      }}\n    />\n  );\n};\n\nconst Demo: React.FC = () => {\n  const [ip, setIp] = useState('0.0.0.0');\n  return (\n    <ProCard split=\"vertical\">\n      <ProCard colSpan=\"384px\" ghost>\n        <IPList onChange={(cIp) => setIp(cIp)} ip={ip} />\n      </ProCard>\n      <ProCard title={ip}>\n        <DetailList ip={ip} />\n      </ProCard>\n    </ProCard>\n  );\n};\n\nexport default Demo;\n"},59649:function(n,e){"use strict";e.Z="import { DownOutlined } from '@szc-ft/szcd';\nimport type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Button, Tag } from '@szc-ft/szcd';\n\nexport type Status = {\n  color: string;\n  text: string;\n};\n\nconst statusMap = {\n  0: {\n    color: 'blue',\n    text: '进行中',\n  },\n  1: {\n    color: 'green',\n    text: '已完成',\n  },\n  2: {\n    color: 'volcano',\n    text: '警告',\n  },\n  3: {\n    color: 'red',\n    text: '失败',\n  },\n  4: {\n    color: '',\n    text: '未完成',\n  },\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  containers: number;\n  creator: string;\n  status: Status;\n  createdAt: number;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nconst creators = ['付小小', '曲丽丽', '林东东', '陈帅帅', '兼某某'];\n\nfor (let i = 0; i < 5; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: 'AppName',\n    containers: Math.floor(Math.random() * 20),\n    creator: creators[Math.floor(Math.random() * creators.length)],\n    status: statusMap[Math.floor(Math.random() * 10) % 5],\n    createdAt: Date.now() - Math.floor(Math.random() * 100000),\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '应用名称',\n    width: 120,\n    dataIndex: 'name',\n    render: (_) => <a>{_}</a>,\n  },\n  {\n    title: '状态',\n    width: 120,\n    dataIndex: 'status',\n    render: (_, record) => (\n      <Tag color={record.status.color}>{record.status.text}</Tag>\n    ),\n  },\n  {\n    title: '容器数量',\n    width: 120,\n    dataIndex: 'containers',\n    align: 'right',\n    sorter: (a, b) => a.containers - b.containers,\n  },\n\n  {\n    title: '创建者',\n    width: 120,\n    dataIndex: 'creator',\n    valueEnum: {\n      all: { text: '全部' },\n      付小小: { text: '付小小' },\n      曲丽丽: { text: '曲丽丽' },\n      林东东: { text: '林东东' },\n      陈帅帅: { text: '陈帅帅' },\n      兼某某: { text: '兼某某' },\n    },\n  },\n];\n\nconst expandedRowRender = () => {\n  const data = [];\n  for (let i = 0; i < 3; i += 1) {\n    data.push({\n      key: i,\n      date: '2014-12-24 23:12:00',\n      name: 'This is production name',\n      upgradeNum: 'Upgraded: 56',\n    });\n  }\n  return (\n    <ProTable\n      columns={[\n        { title: 'Date', dataIndex: 'date', key: 'date' },\n        { title: 'Name', dataIndex: 'name', key: 'name' },\n\n        { title: 'Upgrade Status', dataIndex: 'upgradeNum', key: 'upgradeNum' },\n        {\n          title: 'Action',\n          dataIndex: 'operation',\n          key: 'operation',\n          valueType: 'option',\n          render: () => [<a key=\"Pause\">Pause</a>, <a key=\"Stop\">Stop</a>],\n        },\n      ]}\n      headerTitle={false}\n      search={false}\n      options={false}\n      dataSource={data}\n      pagination={false}\n    />\n  );\n};\n\nexport default () => {\n  return (\n    <ProTable<TableListItem>\n      columns={columns}\n      request={(params, sorter, filter) => {\n        // 表单搜索项会从 params 传入，传递给后端接口。\n        console.log(params, sorter, filter);\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"key\"\n      pagination={{\n        showQuickJumper: true,\n      }}\n      expandable={{ expandedRowRender }}\n      search={false}\n      dateFormatter=\"string\"\n      headerTitle=\"嵌套表格\"\n      options={false}\n      toolBarRender={() => [\n        <Button key=\"show\">查看日志</Button>,\n        <Button key=\"out\">\n          导出数据\n          <DownOutlined />\n        </Button>,\n        <Button key=\"primary\" type=\"primary\">\n          创建应用\n        </Button>,\n      ]}\n    />\n  );\n};\n"},73520:function(n,e){"use strict";e.Z="import { EllipsisOutlined, PlusOutlined } from '@szc-ft/szcd';\nimport type { ActionType, ProColumns } from '@szc-ft/szcd';\nimport { ProTable, TableDropdown } from '@szc-ft/szcd';\nimport { Button, ConfigProvider, Dropdown, Space, Tag, theme } from '@szc-ft/szcd';\nimport { useRef } from 'react';\nimport request from 'umi-request';\n\ntype GithubIssueItem = {\n  url: string;\n  id: number;\n  number: number;\n  title: string;\n  labels: {\n    name: string;\n    color: string;\n  }[];\n  state: string;\n  comments: number;\n  created_at: string;\n  updated_at: string;\n  closed_at?: string;\n};\n\nconst columns: ProColumns<GithubIssueItem>[] = [\n  {\n    dataIndex: 'index',\n    valueType: 'indexBorder',\n    width: 48,\n  },\n  {\n    title: '标题',\n    dataIndex: 'title',\n    copyable: true,\n    ellipsis: true,\n    tip: '标题过长会自动收缩',\n    formItemProps: {\n      rules: [\n        {\n          required: true,\n          message: '此项为必填项',\n        },\n      ],\n    },\n  },\n  {\n    disable: true,\n    title: '状态',\n    dataIndex: 'state',\n    filters: true,\n    onFilter: true,\n    ellipsis: true,\n    valueType: 'select',\n    valueEnum: {\n      all: { text: '超长'.repeat(50) },\n      open: {\n        text: '未解决',\n        status: 'Error',\n      },\n      closed: {\n        text: '已解决',\n        status: 'Success',\n        disabled: true,\n      },\n      processing: {\n        text: '解决中',\n        status: 'Processing',\n      },\n    },\n  },\n  {\n    disable: true,\n    title: '标签',\n    dataIndex: 'labels',\n    search: false,\n    renderFormItem: (_, { defaultRender }) => {\n      return defaultRender(_);\n    },\n    render: (_, record) => (\n      <Space>\n        {record.labels.map(({ name, color }) => (\n          <Tag color={color} key={name}>\n            {name}\n          </Tag>\n        ))}\n      </Space>\n    ),\n  },\n  {\n    title: '创建时间',\n    key: 'showTime',\n    dataIndex: 'created_at',\n    valueType: 'date',\n    sorter: true,\n    hideInSearch: true,\n  },\n  {\n    title: '创建时间',\n    dataIndex: 'created_at',\n    valueType: 'dateRange',\n    hideInTable: true,\n    search: {\n      transform: (value) => {\n        return {\n          startTime: value[0],\n          endTime: value[1],\n        };\n      },\n    },\n  },\n  {\n    title: '操作',\n    valueType: 'option',\n    key: 'option',\n    render: (text, record, _, action) => [\n      <a\n        key=\"editable\"\n        onClick={() => {\n          action?.startEditable?.(record.id);\n        }}\n      >\n        编辑\n      </a>,\n      <a href={record.url} target=\"_blank\" rel=\"noopener noreferrer\" key=\"view\">\n        查看\n      </a>,\n      <TableDropdown\n        key=\"actionGroup\"\n        onSelect={() => action?.reload()}\n        menus={[\n          { key: 'copy', name: '复制' },\n          { key: 'delete', name: '删除' },\n        ]}\n      />,\n    ],\n  },\n];\n\nexport default () => {\n  const actionRef = useRef<ActionType>();\n  const themeConfig = {\n    token: {\n      colorPrimary: 'red',\n      borderRadius: 4,\n    },\n    algorithm: [theme.darkAlgorithm, theme.compactAlgorithm],\n  };\n  return (\n    <div\n      style={{\n        backgroundColor: 'hsl(218,22%,7%)',\n      }}\n    >\n      <ConfigProvider theme={themeConfig}>\n        <ProTable<GithubIssueItem>\n          columns={columns}\n          actionRef={actionRef}\n          cardBordered\n          request={async (params = {}, sort, filter) => {\n            console.log(sort, filter);\n            return request<{\n              data: GithubIssueItem[];\n            }>('https://proapi.azurewebsites.net/github/issues', {\n              params,\n            });\n          }}\n          editable={{\n            type: 'multiple',\n          }}\n          columnsState={{\n            persistenceKey: 'pro-table-singe-demos',\n            persistenceType: 'localStorage',\n            onChange(value) {\n              console.log('value: ', value);\n            },\n          }}\n          rowKey=\"id\"\n          search={{\n            labelWidth: 'auto',\n          }}\n          options={{\n            setting: {\n              listsHeight: 400,\n            },\n          }}\n          form={{\n            // 由于配置了 transform，提交的参与与定义的不同这里需要转化一下\n            syncToUrl: (values, type) => {\n              if (type === 'get') {\n                return {\n                  ...values,\n                  created_at: [values.startTime, values.endTime],\n                };\n              }\n              return values;\n            },\n          }}\n          pagination={{\n            pageSize: 5,\n            onChange: (page) => console.log(page),\n          }}\n          dateFormatter=\"string\"\n          headerTitle=\"高级表格\"\n          toolBarRender={() => [\n            <Button key=\"button\" icon={<PlusOutlined />} type=\"primary\">\n              新建\n            </Button>,\n            <Dropdown\n              key=\"menu\"\n              menu={{\n                items: [\n                  {\n                    label: '1st item',\n                    key: '1',\n                  },\n                  {\n                    label: '2nd item',\n                    key: '1',\n                  },\n                  {\n                    label: '3rd item',\n                    key: '1',\n                  },\n                ],\n              }}\n            >\n              <Button>\n                <EllipsisOutlined />\n              </Button>\n            </Dropdown>,\n          ]}\n        />\n      </ConfigProvider>\n    </div>\n  );\n};\n"},17077:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\nimport { Space } from '@szc-ft/szcd';\nimport dayjs from 'dayjs';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: string | number;\n  updatedAt: number;\n  createdAt: number;\n  progress: number;\n  money: number;\n  percent: number | string;\n  createdAtRange: number[];\n  code: string;\n  avatar: string;\n  image: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    avatar:\n      'https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg',\n    image:\n      'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png',\n    name: `TradeCode ${i}`,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    updatedAt:\n      dayjs('2019-11-16 12:50:26').valueOf() - Math.floor(Math.random() * 1000),\n    createdAt:\n      dayjs('2019-11-16 12:50:26').valueOf() - Math.floor(Math.random() * 2000),\n    createdAtRange: [\n      dayjs('2019-11-16 12:50:26').valueOf() - Math.floor(Math.random() * 2000),\n      dayjs('2019-11-16 12:50:26').valueOf() - Math.floor(Math.random() * 2000),\n    ],\n    money: Math.floor(Math.random() * 2000) * i,\n    progress: Math.ceil(Math.random() * 100) + 1,\n    percent:\n      Math.random() > 0.5\n        ? ((i + 1) * 10 + Math.random()).toFixed(3)\n        : -((i + 1) * 10 + Math.random()).toFixed(2),\n    code: `const getData = async params => {\n  const data = await getData(params);\n  return { list: data.data, ...data };\n};`,\n  });\n}\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '序号',\n    dataIndex: 'index',\n    valueType: 'index',\n  },\n  {\n    title: 'border 序号',\n    dataIndex: 'index',\n    key: 'indexBorder',\n    valueType: 'indexBorder',\n  },\n  {\n    title: '代码',\n    key: 'code',\n    width: 120,\n    dataIndex: 'code',\n    valueType: 'code',\n  },\n  {\n    title: '头像',\n    dataIndex: 'avatar',\n    key: 'avatar',\n    valueType: 'avatar',\n    width: 150,\n    render: (dom) => (\n      <Space>\n        <span>{dom}</span>\n        <a\n          href=\"https://github.com/chenshuai2144\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n        >\n          chenshuai2144\n        </a>\n      </Space>\n    ),\n  },\n  {\n    title: '图片',\n    dataIndex: 'image',\n    key: 'image',\n    valueType: 'image',\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: (_, row, index, action) => [\n      <a\n        key=\"a\"\n        onClick={() => {\n          action?.startEditable(row.key);\n        }}\n      >\n        编辑\n      </a>,\n    ],\n  },\n];\n\nexport default () => (\n  <>\n    <ProTable<TableListItem>\n      columns={columns}\n      request={() => {\n        return Promise.resolve({\n          total: 200,\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"key\"\n      headerTitle=\"样式类\"\n    />\n  </>\n);\n"},22276:function(n,e){"use strict";e.Z="import { ProTable } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: string;\n  updatedAt: number;\n  createdAt: number;\n  progress: number;\n  money: number;\n  percent: number | string;\n  createdAtRange: number[];\n  code: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    updatedAt: Date.now() - Math.floor(Math.random() * 1000),\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    createdAtRange: [\n      Date.now() - Math.floor(Math.random() * 2000),\n      Date.now() - Math.floor(Math.random() * 2000),\n    ],\n    money: Math.floor(Math.random() * 2000) * i,\n    progress: Math.ceil(Math.random() * 100) + 1,\n    percent:\n      Math.random() > 0.5\n        ? ((i + 1) * 10 + Math.random()).toFixed(3)\n        : -((i + 1) * 10 + Math.random()).toFixed(2),\n    code: `const getData = async params => {\n  const data = await getData(params);\n  return { list: data.data, ...data };\n};`,\n  });\n}\n\nexport default () => (\n  <>\n    <ProTable<TableListItem>\n      columns={[\n        {\n          title: '创建时间',\n          key: 'since',\n          dataIndex: 'createdAt',\n          valueType: 'dateTime',\n        },\n        {\n          title: '日期区间',\n          key: 'dateRange',\n          dataIndex: 'createdAtRange',\n          valueType: 'dateRange',\n        },\n        {\n          title: '时间范围',\n          key: 'dateTimeRangeCustom',\n          dataIndex: 'dateTimeRange',\n          hideInTable: true,\n          valueType: 'dateTimeRange',\n          fieldProps: {\n            // placeholder: ['1', '2']\n          },\n          renderFormItem: (_, { type, defaultRender }) => {\n            if (type === 'form') {\n              return null;\n            }\n            return defaultRender(_);\n          },\n        },\n        {\n          title: '时间区间',\n          key: 'dateTimeRange',\n          dataIndex: 'createdAtRange',\n          valueType: 'dateTimeRange',\n          search: {\n            transform: (value: any) => ({\n              startTime: value[0],\n              endTime: value[1],\n            }),\n          },\n        },\n        {\n          title: '更新时间',\n          key: 'since2',\n          dataIndex: 'createdAt',\n          valueType: 'date',\n        },\n        {\n          title: '更新时间',\n          key: 'since4',\n          dataIndex: 'createdAt',\n          valueType: 'fromNow',\n        },\n        {\n          title: '关闭时间',\n          key: 'since3',\n          dataIndex: 'updatedAt',\n          valueType: 'time',\n        },\n        {\n          title: '操作',\n          key: 'option',\n          width: 120,\n          valueType: 'option',\n          render: (_, row, index, action) => [\n            <a\n              key=\"a\"\n              onClick={() => {\n                action?.startEditable(row.key);\n              }}\n            >\n              编辑\n            </a>,\n          ],\n        },\n      ]}\n      request={() => {\n        return Promise.resolve({\n          total: 200,\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      rowKey=\"key\"\n      headerTitle=\"日期类\"\n    />\n  </>\n);\n"},11705:function(n,e){"use strict";e.Z="import { ProTable } from '@szc-ft/szcd';\n\nconst valueEnum = {\n  0: 'close',\n  1: 'running',\n  2: 'online',\n  3: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  name: string;\n  status: string;\n  updatedAt: number;\n  createdAt: number;\n  progress: number;\n  money: number;\n  percent: number | string;\n  createdAtRange: number[];\n  code: string;\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    name: `TradeCode ${i}`,\n    status: valueEnum[Math.floor(Math.random() * 10) % 4],\n    updatedAt: Date.now() - Math.floor(Math.random() * 1000),\n    createdAt: Date.now() - Math.floor(Math.random() * 2000),\n    createdAtRange: [\n      Date.now() - Math.floor(Math.random() * 2000),\n      Date.now() - Math.floor(Math.random() * 2000),\n    ],\n    money: Math.floor(Math.random() * 2000) * i,\n    progress: Math.ceil(Math.random() * 100) + 1,\n    percent:\n      Math.random() > 0.5\n        ? ((i + 1) * 10 + Math.random()).toFixed(3)\n        : -((i + 1) * 10 + Math.random()).toFixed(2),\n    code: `const getData = async params => {\n  const data = await getData(params);\n  return { list: data.data, ...data };\n};`,\n  });\n}\n\nexport default () => (\n  <ProTable<TableListItem>\n    columns={[\n      {\n        title: '进度',\n        key: 'progress',\n        dataIndex: 'progress',\n        valueType: (item) => ({\n          type: 'progress',\n          status: item.status !== 'error' ? 'active' : 'exception',\n        }),\n        width: 200,\n      },\n      {\n        title: '金额',\n        dataIndex: 'money',\n        valueType: 'money',\n        width: 150,\n      },\n      {\n        title: '数字',\n        dataIndex: 'money',\n        key: 'digit',\n        valueType: 'digit',\n        width: 150,\n      },\n      {\n        title: '数字',\n        dataIndex: 'money',\n        key: 'second',\n        valueType: 'second',\n        width: 150,\n      },\n      {\n        title: '百分比',\n        key: 'percent',\n        width: 120,\n        dataIndex: 'percent',\n        valueType: () => ({\n          type: 'percent',\n        }),\n      },\n      {\n        title: '操作',\n        key: 'option',\n        width: 120,\n        valueType: 'option',\n        render: (_, row, index, action) => [\n          <a\n            key=\"a\"\n            onClick={() => {\n              action?.startEditable(row.key);\n            }}\n          >\n            编辑\n          </a>,\n        ],\n      },\n    ]}\n    request={() => {\n      return Promise.resolve({\n        total: 200,\n        data: tableListDataSource,\n        success: true,\n      });\n    }}\n    rowKey=\"key\"\n    headerTitle=\"数字类\"\n  />\n);\n"},92477:function(n,e){"use strict";e.Z="import type { ProColumns } from '@szc-ft/szcd';\nimport { ProTable } from '@szc-ft/szcd';\n\nconst cascaderOptions = [\n  {\n    field: 'front end',\n    value: 'fe',\n    language: [\n      {\n        field: 'Javascript',\n        value: 'js',\n      },\n      {\n        field: 'Typescript',\n        value: 'ts',\n      },\n    ],\n  },\n  {\n    field: 'back end',\n    value: 'be',\n    language: [\n      {\n        field: 'Java',\n        value: 'java',\n      },\n      {\n        field: 'Go',\n        value: 'go',\n      },\n    ],\n  },\n];\n\nconst valueEnumMap = {\n  0: 'running',\n  1: 'online',\n  2: 'error',\n};\n\nexport type TableListItem = {\n  key: number;\n  status: string | number;\n  cascader: string[];\n  treeSelect: string[];\n};\nconst tableListDataSource: TableListItem[] = [];\n\nfor (let i = 0; i < 2; i += 1) {\n  tableListDataSource.push({\n    key: i,\n    status: valueEnumMap[Math.floor(Math.random() * 10) % 3],\n    cascader: ['fe', 'js'],\n    treeSelect: ['fe', 'js'],\n  });\n}\n\nconst valueEnum = {\n  all: { text: '全部', status: 'Default' },\n  running: { text: '运行中', status: 'Processing' },\n  online: { text: '已上线', status: 'Success' },\n  error: { text: '异常', status: 'Error' },\n};\n\nconst columns: ProColumns<TableListItem>[] = [\n  {\n    title: '状态',\n    valueType: 'select',\n    dataIndex: 'status',\n    initialValue: ['all'],\n    width: 100,\n    valueEnum,\n  },\n  {\n    title: '单选状态',\n    dataIndex: 'status',\n    valueType: 'radio',\n    initialValue: 'all',\n    width: 100,\n    valueEnum,\n  },\n  {\n    title: '单选按钮状态',\n    dataIndex: 'status',\n    valueType: 'radioButton',\n    initialValue: 'all',\n    width: 100,\n    valueEnum,\n  },\n  {\n    title: '多选状态',\n    dataIndex: 'status',\n    initialValue: ['all'],\n    width: 100,\n    valueType: 'checkbox',\n    valueEnum,\n  },\n  {\n    title: '级联选择器',\n    key: 'cascader',\n    dataIndex: 'cascader',\n    width: 100,\n    fieldProps: {\n      options: cascaderOptions,\n      fieldNames: {\n        children: 'language',\n        label: 'field',\n      },\n    },\n    valueType: 'cascader',\n  },\n  {\n    title: '树形下拉框',\n    key: 'treeSelect',\n    dataIndex: 'treeSelect',\n    width: 100,\n    // request: async () => cascaderOptions,\n    fieldProps: {\n      options: cascaderOptions,\n      fieldNames: {\n        children: 'language',\n        label: 'field',\n      },\n      showSearch: true,\n      filterTreeNode: true,\n      multiple: true,\n      treeNodeFilterProp: 'field',\n    },\n    valueType: 'treeSelect',\n  },\n  {\n    title: '时间范围',\n    key: 'dateTimeRange',\n    dataIndex: 'dateTimeRange',\n    hideInTable: true,\n    valueType: 'dateTimeRange',\n    fieldProps: {\n      // placeholder: []\n    },\n    renderFormItem: (_, { type, defaultRender }) => {\n      if (type === 'form') {\n        return null;\n      }\n\n      return defaultRender(_);\n    },\n  },\n  {\n    title: '操作',\n    key: 'option',\n    width: 120,\n    valueType: 'option',\n    render: (_, row, index, action) => [\n      <a\n        key=\"a\"\n        onClick={() => {\n          action?.startEditable(row.key);\n        }}\n      >\n        编辑\n      </a>,\n    ],\n  },\n];\n\nexport default () => (\n  <>\n    <ProTable<TableListItem>\n      columns={columns}\n      request={() => {\n        return Promise.resolve({\n          data: tableListDataSource,\n          success: true,\n        });\n      }}\n      search={{\n        defaultCollapsed: false,\n        span: 12,\n        labelWidth: 'auto',\n      }}\n      editable={{\n        type: 'multiple',\n      }}\n      rowKey=\"key\"\n      headerTitle=\"样式类\"\n    />\n  </>\n);\n"},24654:function(){}}]);