@szc-ft/szcd 1.1.7

package/dist/meta__components.f35c7a0f.async.js

@@ -0,0 +1 @@
+(self.webpackChunk_szc_ft_szcd=self.webpackChunk_szc_ft_szcd||[]).push([[9838],{83254:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-auto-complete-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,g,b,x;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.t.bind(t,67294,19));case 14:return a=e.sent,i=a.useState,(new o).load(document.body),e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return s=e.sent,d=s.AutoComplete,m=s.ConfigProvider,f=s.Divider,h=s.SzcSearch,g=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return{value:e.repeat(n)}},b=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return Math.floor(Math.random()*(e-n+1))+n},x=function(e){return new Array(b(5)).join(".").split(".").map(function(n,t){var r="".concat(e).concat(t);return{value:r,label:v.createElement("div",{style:{display:"flex",justifyContent:"space-between"}},v.createElement("span",null,"Found ",e," on"," ",v.createElement("a",{href:"https://s.taobao.com/search?q=".concat(e),target:"_blank",rel:"noopener noreferrer"},r)),v.createElement("span",null,b(200,100)," results"))}})},e.abrupt("return",{default:function(){var e=i(""),t=u()(e,2),r=t[0],o=t[1],a=i([]),l=u()(a,2),s=l[0],p=l[1],b=i([]),y=u()(b,2),E=y[0],C=y[1],k=function(e){return e?[g(e),g(e,2),g(e,3)]:[]},w=function(e){},z=i([]),I=u()(z,2),P=I[0],T=I[1];return v.createElement(m,{theme:c()({},n)},v.createElement(f,{orientation:"left"},"基本使用"),v.createElement(d,{options:s,style:{width:200},onSelect:w,onSearch:function(e){return p(k(e))},placeholder:"请输入内容",allowClear:!0}),v.createElement("br",null),v.createElement("br",null),v.createElement(d,{value:r,options:E,style:{width:200},onSelect:w,onSearch:function(e){return C(k(e))},onChange:function(e){o(e)},placeholder:"control mode",allowClear:!0}),v.createElement("br",null),v.createElement("br",null),v.createElement(d,{dropdownMatchSelectWidth:252,style:{width:300},options:P,onSearch:function(e){T(e?x(e):[])}},v.createElement(h,{placeholder:"input here"})),v.createElement("br",null),v.createElement("br",null))}});case 28:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-auto-complete-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { useState } from 'react';\nimport type { SelectProps } from 'antd/es/select';\n\nnew Theme().load(document.body);\n\nimport { AutoComplete, ConfigProvider, Divider, SzcSearch, Input } from \"@szc-ft/szcd\";\n\nconst mockVal = (str: string, repeat = 1) => ({\n  value: str.repeat(repeat),\n});\n\nconst getRandomInt = (max: number, min = 0) => Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst searchResult = (query: string) =>\n  new Array(getRandomInt(5))\n    .join('.')\n    .split('.')\n    .map((_, idx) => {\n      const category = `${query}${idx}`;\n      return {\n        value: category,\n        label: (\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'space-between',\n            }}\n          >\n            <span>\n              Found {query} on{' '}\n              <a\n                href={`https://s.taobao.com/search?q=${query}`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {category}\n              </a>\n            </span>\n            <span>{getRandomInt(200, 100)} results</span>\n          </div>\n        ),\n      };\n    });\n\n\nexport default () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState<{ value: string }[]>([]);\n  const [anotherOptions, setAnotherOptions] = useState<{ value: string }[]>([]);\n\n  const getPanelValue = (searchText: string) =>\n    !searchText\n      ? []\n      : [mockVal(searchText), mockVal(searchText, 2), mockVal(searchText, 3)];\n\n  const onSelect = (data: string) => {\n    console.log('onSelect', data);\n  };\n\n  const onChange = (data: string) => {\n    setValue(data);\n  };\n\n  const [options3, setOptions3] = useState<SelectProps<object>['options']>([]);\n\n  const handleSearch = (value: string) => {\n    setOptions3(value ? searchResult(value) : []);\n  };\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n        <Divider orientation=\"left\">基本使用</Divider>\n        <AutoComplete\n            options={options}\n            style={{ width: 200 }}\n            onSelect={onSelect}\n            onSearch={(text) => setOptions(getPanelValue(text))}\n            placeholder=\"请输入内容\"\n            allowClear\n        />\n        <br />\n        <br />\n        <AutoComplete\n            value={value}\n            options={anotherOptions}\n            style={{ width: 200 }}\n            onSelect={onSelect}\n            onSearch={(text) => setAnotherOptions(getPanelValue(text))}\n            onChange={onChange}\n            placeholder=\"control mode\"\n            allowClear\n        />\n\n        <br />\n        <br />\n\n        <AutoComplete\n            dropdownMatchSelectWidth={252}\n            style={{ width: 300 }}\n            options={options3}\n            onSearch={handleSearch}\n        >\n            <SzcSearch placeholder=\"input here\" />\n        </AutoComplete>\n\n        <br />\n        <br />\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},20679:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-badge-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h,v,g,b;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.BellOutlined,a=r.ClockCircleOutlined,l=r.NotificationOutlined,e.next=11,Promise.resolve().then(t.bind(t,28801));case 11:return c=e.sent,u=c.default,e.t0=d(),e.next=16,Promise.resolve().then(t.bind(t,2901));case 16:return e.t1=e.sent,(0,e.t0)(e.t1),(new u).load(document.body),e.next=21,Promise.resolve().then(t.bind(t,28801));case 21:return m=e.sent,f=m.Avatar,h=m.Badge,v=m.ConfigProvider,g=m.Divider,b=m.Space,e.abrupt("return",{default:function(){return p.createElement(v,{theme:s()({},n)},p.createElement(g,{orientation:"left"},"默认显示"),p.createElement("br",null),p.createElement(b,{size:"large"},p.createElement("div",{style:{lineHeight:"20px",height:"20px",display:"flex",alignItems:"center"}},"新事件标记",p.createElement(h,{count:25,style:{marginLeft:"8px"}})),p.createElement(h,{count:5},p.createElement(f,{shape:"square",size:"large"})),p.createElement(h,{count:999,showZero:!0},p.createElement(f,{shape:"square",size:"large"})),p.createElement(h,{count:p.createElement(a,{style:{color:"var(--colorError)"}})},p.createElement(f,{shape:"square",size:"large"}))),p.createElement(g,{orientation:"left"},"红点样式徽标数"),p.createElement(b,{size:"middle"},p.createElement(h,{dot:!0},p.createElement("a",{href:"#"},"Link something")),p.createElement(h,{dot:!0},p.createElement(o,null)),p.createElement(h,{dot:!0},p.createElement(l,null)),p.createElement(h,{count:0,dot:!0},p.createElement(l,null))))}});case 28:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-badge-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport {\n  BellOutlined,\n  ClockCircleOutlined,\n  NotificationOutlined,\n} from \'@szc-ft/szcd\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nnew Theme().load(document.body);\n\nimport { Avatar, Badge, ConfigProvider, Divider, Space } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">默认显示</Divider>\n    {/* <p>\n      使用样式类名为 <b>.szc-badge-default</b>\n    </p> */}\n    <br />\n    <Space size="large">\n      <div style={{\n        lineHeight:\'20px\',\n        height:\'20px\',\n        display:\'flex\',\n        alignItems:\'center\'\n      }}>\n        {\'新事件标记\'}\n       <Badge count={25} style={{marginLeft:\'8px\'}}>\n      </Badge>\n      </div>\n      <Badge count={5}>\n        <Avatar shape="square" size="large" />\n      </Badge>\n      <Badge count={999} showZero>\n        <Avatar shape="square" size="large" />\n      </Badge>\n      <Badge\n        count={\n          <ClockCircleOutlined style={{ color: \'var(--colorError)\' }} />\n        }\n      >\n        <Avatar shape="square" size="large" />\n      </Badge>\n    </Space>\n\n    <Divider orientation="left">红点样式徽标数</Divider>\n    <Space size="middle">\n      <Badge dot>\n        <a href="#">Link something</a>\n      </Badge>\n      <Badge dot>\n        <BellOutlined />\n      </Badge>\n      <Badge dot>\n        <NotificationOutlined />\n      </Badge>\n      <Badge count={0} dot>\n        <NotificationOutlined />\n      </Badge>\n    </Space>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},90869:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-breadcrumb-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.RightOutlined,e.next=9,Promise.resolve().then(t.bind(t,28801));case 9:return a=e.sent,l=a.default,e.t0=d(),e.next=14,Promise.resolve().then(t.bind(t,2901));case 14:return e.t1=e.sent,(0,e.t0)(e.t1),(new l).load(document.body),e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return c=e.sent,u=c.Breadcrumb,m=c.ConfigProvider,f=c.Divider,h=[{key:"1",label:p.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.alipay.com/"},"General")},{key:"2",label:p.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.taobao.com/"},"Layout")},{key:"3",label:p.createElement("a",{target:"_blank",rel:"noopener noreferrer",href:"http://www.tmall.com/"},"Navigation")}],e.abrupt("return",{default:function(){return p.createElement(m,{theme:s()({},n)},p.createElement(f,{orientation:"left"},"基本展示"),p.createElement(u,{items:[{title:"Home"},{title:p.createElement("a",{href:""},"Application Center")},{title:p.createElement("a",{href:""},"Application List")},{title:"An Application"}]}),p.createElement("br",null),p.createElement(f,{orientation:"left"},"自定义分隔符"),p.createElement(u,{separator:p.createElement(o,null),items:[{title:"Home"},{title:"Application Center"},{title:"Application List"},{title:"An Application"}]}),p.createElement("br",null),p.createElement(f,{orientation:"left"},"hover 带下拉框的面包屑"),p.createElement(u,{items:[{title:"SZC FT"},{title:p.createElement("a",{href:""},"Component")},{title:p.createElement("a",{href:""},"General"),menu:{items:h}},{title:"Button"}]}),p.createElement("br",null))}});case 25:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-breadcrumb-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport { RightOutlined } from \'@szc-ft/szcd\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nnew Theme().load(document.body);\n\nimport { Breadcrumb, ConfigProvider, Divider } from "@szc-ft/szcd";\n\nconst menu = [\n  {\n    key: \'1\',\n    label: (\n      <a\n        target="_blank"\n        rel="noopener noreferrer"\n        href="http://www.alipay.com/"\n      >\n        General\n      </a>\n    ),\n  },\n  {\n    key: \'2\',\n    label: (\n      <a\n        target="_blank"\n        rel="noopener noreferrer"\n        href="http://www.taobao.com/"\n      >\n        Layout\n      </a>\n    ),\n  },\n  {\n    key: \'3\',\n    label: (\n      <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">\n        Navigation\n      </a>\n    ),\n  },\n];\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">基本展示</Divider>\n    <Breadcrumb\n      items={[\n        {\n          title: \'Home\',\n        },\n        {\n          title: <a href="">Application Center</a>,\n        },\n        {\n          title: <a href="">Application List</a>,\n        },\n        {\n          title: \'An Application\',\n        },\n      ]}\n    />\n    <br />\n    <Divider orientation="left">自定义分隔符</Divider>\n    <Breadcrumb\n      separator={<RightOutlined />}\n      items={[\n        {\n          title: \'Home\',\n        },\n        {\n          title: \'Application Center\',\n        },\n        {\n          title: \'Application List\',\n        },\n        {\n          title: \'An Application\',\n        },\n      ]}\n    />\n    <br />\n    <Divider orientation="left">hover 带下拉框的面包屑</Divider>\n    <Breadcrumb\n      items={[\n        {\n          title: \'SZC FT\',\n        },\n        {\n          title: <a href="">Component</a>,\n        },\n        {\n          title: <a href="">General</a>,\n          menu: { items: menu },\n        },\n        {\n          title: \'Button\',\n        },\n      ]}\n    />\n    <br />\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},13817:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-button-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.SearchOutlined,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,l=a.Button,c=a.Divider,u=a.ConfigProvider,m=a.Space,e.abrupt("return",{default:function(){return p.createElement(u,{theme:s()({},n)},p.createElement(c,{orientation:"left"},"按钮类型"),p.createElement("div",{className:"szc-components-btns"},p.createElement(m,null,p.createElement(l,{type:"primary"},"主要按钮"),p.createElement(l,null,"次要按钮"),p.createElement(l,{type:"link"},"文字按钮"),p.createElement(l,{type:"dashed"},"虚线按钮"))),p.createElement(c,{orientation:"left"},"图标按钮"),p.createElement("div",{className:"szc-components-btns"},p.createElement(m,null,p.createElement(l,{type:"primary",shape:"circle",icon:p.createElement(o,null)}),p.createElement(l,{type:"primary",shape:"circle"},"A"),p.createElement(l,{type:"primary",icon:p.createElement(o,null)},"查询"),p.createElement(l,{shape:"circle",icon:p.createElement(o,null)}),p.createElement(l,{icon:p.createElement(o,null)},"查询"),p.createElement(l,{shape:"circle",icon:p.createElement(o,null)}),p.createElement(l,{icon:p.createElement(o,null)},"查询"),p.createElement(l,{type:"dashed",shape:"circle",icon:p.createElement(o,null)}),p.createElement(l,{type:"dashed",icon:p.createElement(o,null)},"查询"),p.createElement(l,{type:"link"},"文字按钮"))),p.createElement(c,{orientation:"left"},"禁用图标"),p.createElement("div",{className:"szc-components-btns"},p.createElement(m,null,p.createElement(l,{type:"primary",disabled:!0},"主要按钮"),p.createElement(l,{disabled:!0},"次要按钮"),p.createElement(l,{type:"link",disabled:!0},"文字按钮"),p.createElement(l,{type:"dashed",disabled:!0},"虚线按钮"))),p.createElement(c,{orientation:"left"},"按钮大小"),p.createElement("div",{className:"szc-components-btns"},p.createElement(m,null,p.createElement(l,{type:"primary",size:"large"},"超大按钮"),p.createElement(l,{type:"primary"},"一般按钮"),p.createElement(l,{type:"primary",size:"small"},"小号按钮"),p.createElement(l,{type:"dashed",size:"large"},"超大按钮"),p.createElement(l,{type:"dashed"},"一般按钮"),p.createElement(l,{type:"dashed",size:"small"},"小号按钮"),p.createElement(l,{size:"large"},"超大按钮"),p.createElement(l,null,"一般按钮"),p.createElement(l,{size:"small"},"小号按钮"))),p.createElement(c,{orientation:"left"},"按钮间距"),p.createElement("p",null,"由于各类布局不一致，如多按钮组件放在一起时，可直接使用样式类：.szc-components-btns"))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-button-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport { SearchOutlined, DeleteOutlined } from \'@szc-ft/szcd\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nimport { Button, Divider, ConfigProvider, Space } from \'@szc-ft/szcd\';\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">按钮类型</Divider>\n    <div className="szc-components-btns">\n      <Space>\n        <Button type="primary">主要按钮</Button>\n        <Button>次要按钮</Button>\n        <Button type="link">文字按钮</Button>\n        <Button type="dashed">虚线按钮</Button>\n      </Space>\n    </div>\n\n    <Divider orientation="left">图标按钮</Divider>\n    <div className="szc-components-btns">\n      <Space>\n        <Button type="primary" shape="circle" icon={<SearchOutlined />} />\n        <Button type="primary" shape="circle">\n          A\n        </Button>\n        <Button type="primary" icon={<SearchOutlined />}>\n          查询\n        </Button>\n        <Button shape="circle" icon={<SearchOutlined />} />\n        <Button icon={<SearchOutlined />}>查询</Button>\n        <Button shape="circle" icon={<SearchOutlined />} />\n        <Button icon={<SearchOutlined />}>查询</Button>\n        <Button type="dashed" shape="circle" icon={<SearchOutlined />} />\n        <Button type="dashed" icon={<SearchOutlined />}>\n          查询\n        </Button>\n        <Button type="link">文字按钮</Button>\n      </Space>\n    </div>\n\n    <Divider orientation="left">禁用图标</Divider>\n    <div className="szc-components-btns">\n      <Space>\n        <Button type="primary" disabled={true}>\n          主要按钮\n        </Button>\n        <Button disabled={true}>次要按钮</Button>\n        <Button type="link" disabled={true}>\n          文字按钮\n        </Button>\n        <Button type="dashed" disabled={true}>\n          虚线按钮\n        </Button>\n      </Space>\n    </div>\n\n    <Divider orientation="left">按钮大小</Divider>\n    <div className="szc-components-btns">\n      <Space>\n        <Button type="primary" size="large">\n          超大按钮\n        </Button>\n        <Button type="primary">一般按钮</Button>\n        <Button type="primary" size="small">\n          小号按钮\n        </Button>\n        <Button type="dashed" size="large">\n          超大按钮\n        </Button>\n        <Button type="dashed">一般按钮</Button>\n        <Button type="dashed" size="small">\n          小号按钮\n        </Button>\n        <Button size="large">超大按钮</Button>\n        <Button>一般按钮</Button>\n        <Button size="small">小号按钮</Button>\n      </Space>\n    </div>\n\n    <Divider orientation="left">按钮间距</Divider>\n    <p>\n      由于各类布局不一致，如多按钮组件放在一起时，可直接使用样式类：.szc-components-btns\n    </p>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},39944:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-card-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Divider,l=r.Card,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(l,{title:"Default size card",style:{width:300}},p.createElement("p",null,"Card content"),p.createElement("p",null,"Card content"),p.createElement("p",null,"Card content")),p.createElement(a,{orientation:"left"},"基本展示"),p.createElement("br",null))}});case 15:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-card-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport \'@szc-ft/szcd/index.less\';\n\nimport { ConfigProvider, Divider, Card } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider theme={{ ...TokenConfig }}>\n    <Card title="Default size card"  style={{ width: 300 }}>\n      <p>Card content</p>\n      <p>Card content</p>\n      <p>Card content</p>\n    </Card>\n    <Divider orientation="left">基本展示</Divider>\n    <br />\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},79392:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-cascader-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return f=function(e){},e.next=3,Promise.resolve().then(t.t.bind(t,7927,19));case 3:return n=e.sent,e.t0=d(),e.next=7,Promise.resolve().then(t.bind(t,2901));case 7:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=11,Promise.resolve().then(t.bind(t,28801));case 11:return r=e.sent,o=r.Cascader,a=r.ConfigProvider,l=r.Divider,c=r.Form,u=r.Select,u.Option,m=[{value:"广东",label:"广东",children:[{value:"深圳",label:"深圳",children:[{value:"福保",label:"福保"}]},{value:"广州",label:"广州",children:[{value:"福保",label:"福保"}]}]},{value:"云南",label:"选项与icon间距12px选项与icon间距12px",children:[{value:"西双版纳",label:"西双版纳",children:[{value:"景洪镇",label:"景洪镇"}]}]},{value:"北京",label:"北京",children:[{value:"朝阳区",label:"朝阳区",children:[{value:"朝阳区",label:"朝阳区"}]}]}],e.abrupt("return",{default:function(){return p.createElement(a,{theme:s()({},n)},p.createElement(l,{orientation:"left"},"级联选择器"),p.createElement(o,{defaultOpen:!0,options:m,onChange:f,style:{width:300},placeholder:"默认的级联选择器"}),p.createElement("br",null),p.createElement(l,{orientation:"left"},"错误的样式"),p.createElement(c,null,p.createElement(c.Item,{validateStatus:"error"},p.createElement(o,{options:m,onChange:f,style:{width:300},placeholder:"默认的级联选择器"}))))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-cascader-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\n\nimport { Cascader, ConfigProvider, Divider, Form, Select } from \"@szc-ft/szcd\";\n\nconst Option = Select.Option;\nconst options = [\n  {\n    value: '广东',\n    label: '广东',\n    children: [\n      {\n        value: '深圳',\n        label: '深圳',\n        children: [\n          {\n            value: '福保',\n            label: '福保',\n          },\n        ],\n      },\n      {\n        value: '广州',\n        label: '广州',\n        children: [\n          {\n            value: '福保',\n            label: '福保',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: '云南',\n    label: '选项与icon间距12px选项与icon间距12px',\n    children: [\n      {\n        value: '西双版纳',\n        label: '西双版纳',\n        children: [\n          {\n            value: '景洪镇',\n            label: '景洪镇',\n          },\n        ],\n      },\n    ],\n  },\n  {\n    value: '北京',\n    label: '北京',\n    children: [\n      {\n        value: '朝阳区',\n        label: '朝阳区',\n        children: [\n          {\n            value: '朝阳区',\n            label: '朝阳区',\n          },\n        ],\n      },\n    ],\n  },\n];\n\nfunction onChange(value) {\n  console.log(value);\n}\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation=\"left\">级联选择器</Divider>\n    <Cascader\n      defaultOpen\n      options={options}\n      onChange={onChange}\n      style={{ width: 300 }}\n      placeholder=\"默认的级联选择器\"\n    />\n\n    <br />\n    <Divider orientation=\"left\">错误的样式</Divider>\n    <Form>\n      <Form.Item validateStatus=\"error\">\n        <Cascader\n          options={options}\n          onChange={onChange}\n          style={{ width: 300 }}\n          placeholder=\"默认的级联选择器\"\n        />\n      </Form.Item>\n    </Form>\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},54617:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-checkbox-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,g,b;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.t.bind(t,67294,19));case 14:return a=e.sent,i=a.useState,(new o).load(document.body),e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return s=e.sent,d=s.Checkbox,m=s.ConfigProvider,f=s.Divider,h=d.Group,g=["Apple","Pear","Orange"],b=["Apple","Orange"],e.abrupt("return",{default:function(){var e=i(b),t=u()(e,2),r=t[0],o=t[1],a=g.length===r.length,l=r.length>0&&r.length<g.length;return v.createElement(m,{theme:c()({},n)},v.createElement(f,{orientation:"left"},"多选框/复选框类型"),v.createElement("div",null,v.createElement(d,null,"未选中"),v.createElement(d,{defaultChecked:!0},"选中"),v.createElement(d,{disabled:!0},"未选中禁用"),v.createElement(d,{defaultChecked:!0,disabled:!0},"选中禁用"),v.createElement(d,{indeterminate:!0,disabled:!0},"半选禁用")),v.createElement(f,{orientation:"left"},"半选"),v.createElement(d,{indeterminate:l,onChange:function(e){o(e.target.checked?g:[])},checked:a},"全选"),v.createElement("br",null),v.createElement("br",null),v.createElement(h,{options:g,value:r,onChange:function(e){o(e)}}))}});case 27:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-checkbox-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport type { CheckboxChangeEvent } from 'antd/es/checkbox';\nimport type { CheckboxValueType } from 'antd/es/checkbox/Group';\nimport { useState } from 'react';\n\nnew Theme().load(document.body);\n\nimport { Checkbox, ConfigProvider, Divider } from \"@szc-ft/szcd\";\n\nconst CheckboxGroup = Checkbox.Group;\n\nconst plainOptions = ['Apple', 'Pear', 'Orange'];\nconst defaultCheckedList = ['Apple', 'Orange'];\n\nexport default () => {\n    const [checkedList, setCheckedList] = useState<CheckboxValueType[]>(defaultCheckedList);\n\n    const checkAll = plainOptions.length === checkedList.length;\n    const indeterminate = checkedList.length > 0 && checkedList.length < plainOptions.length;\n\n    const onChange = (list: CheckboxValueType[]) => {\n        setCheckedList(list);\n    };\n\n    const onCheckAllChange = (e: CheckboxChangeEvent) => {\n        setCheckedList(e.target.checked ? plainOptions : []);\n    };\n    return (\n        <ConfigProvider\n            theme={{\n            ...TokenConfig,\n            }}\n        >\n            <Divider orientation=\"left\">多选框/复选框类型</Divider>\n            <div>\n            <Checkbox>未选中</Checkbox>\n            <Checkbox defaultChecked={true}>选中</Checkbox>\n            <Checkbox disabled>未选中禁用</Checkbox>\n            <Checkbox defaultChecked={true} disabled>\n                选中禁用\n            </Checkbox>\n            <Checkbox indeterminate={true} disabled>\n                半选禁用\n            </Checkbox>\n            </div>\n            <Divider orientation=\"left\">半选</Divider>\n            <Checkbox indeterminate={indeterminate} onChange={onCheckAllChange} checked={checkAll}>\n                全选\n            </Checkbox>\n            <br />\n            <br />\n            <CheckboxGroup options={plainOptions} value={checkedList} onChange={onChange} />\n        </ConfigProvider>\n    )\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},62160:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-date-picker-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.DatePicker,l=r.Divider,c=r.Form,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(l,{orientation:"left"},"日期选择器-常规"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(a,{style:{width:300},format:"YYYY-MM-DD",placeholder:"选择单个日期"}),p.createElement("p",null,"基本"),p.createElement(a,{style:{width:360},showTime:{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss",placeholder:"选择日期时间",allowClear:!0}),p.createElement("p",null,"选择日期时间"),p.createElement(a,{style:{width:360},showTime:{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss",placeholder:"选择时间",allowClear:!0,showToday:!1}),p.createElement("p",null,"默认值"),p.createElement(a.RangePicker,{style:{width:360},allowClear:!0,placeholder:["开始日期","结束日期"]}),p.createElement("p",null,"选择日期范围")),p.createElement(l,{orientation:"left"},"日期选择器-禁用"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(a,{style:{width:360},showTime:{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss",placeholder:"选择时间",disabled:!0}),p.createElement("p",null,"无值-禁用"),p.createElement(a,{style:{width:360},showTime:{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss",placeholder:"选择时间",allowClear:!0,disabled:!0}),p.createElement("p",null,"带默认值-禁用")),p.createElement(l,{orientation:"left"},"日期选择器-错误"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(c,null,p.createElement(c.Item,{validateStatus:"error"},p.createElement(a,{style:{width:360},showTime:{format:"HH:mm:ss"},format:"YYYY-MM-DD HH:mm:ss",placeholder:"选择时间",allowClear:!0})))))}});case 16:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-date-picker-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\n\nimport { ConfigProvider, DatePicker, Divider, Form } from \"@szc-ft/szcd\";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation=\"left\">日期选择器-常规</Divider>\n    <div\n      style={{\n        display: 'flex',\n        gap: '10px',\n        flexDirection: 'column',\n      }}\n    >\n      <DatePicker\n        style={{ width: 300 }}\n        format=\"YYYY-MM-DD\"\n        placeholder=\"选择单个日期\"\n      />\n      <p>基本</p>\n\n      <DatePicker\n        style={{ width: 360 }}\n        showTime={{ format: 'HH:mm:ss' }}\n        format=\"YYYY-MM-DD HH:mm:ss\"\n        placeholder=\"选择日期时间\"\n        allowClear={true}\n      />\n      <p>选择日期时间</p>\n\n      <DatePicker\n        style={{ width: 360 }}\n        showTime={{ format: 'HH:mm:ss' }}\n        format=\"YYYY-MM-DD HH:mm:ss\"\n        placeholder=\"选择时间\"\n        allowClear={true}\n        showToday={false}\n      />\n      <p>默认值</p>\n\n      <DatePicker.RangePicker\n        style={{ width: 360 }}\n        allowClear\n        placeholder={['开始日期', '结束日期']}\n      />\n      <p>选择日期范围</p>\n    </div>\n    <Divider orientation=\"left\">日期选择器-禁用</Divider>\n    <div\n      style={{\n        display: 'flex',\n        gap: '10px',\n        flexDirection: 'column',\n      }}\n    >\n      <DatePicker\n        style={{ width: 360 }}\n        showTime={{ format: 'HH:mm:ss' }}\n        format=\"YYYY-MM-DD HH:mm:ss\"\n        placeholder=\"选择时间\"\n        disabled\n      />\n      <p>无值-禁用</p>\n\n      <DatePicker\n        style={{ width: 360 }}\n        showTime={{ format: 'HH:mm:ss' }}\n        format=\"YYYY-MM-DD HH:mm:ss\"\n        placeholder=\"选择时间\"\n        allowClear={true}\n        disabled\n      />\n      <p>带默认值-禁用</p>\n    </div>\n    <Divider orientation=\"left\">日期选择器-错误</Divider>\n    <div\n      style={{\n        display: 'flex',\n        gap: '10px',\n        flexDirection: 'column',\n      }}\n    >\n      <Form>\n        <Form.Item validateStatus=\"error\">\n          <DatePicker\n            style={{ width: 360 }}\n            showTime={{ format: 'HH:mm:ss' }}\n            format=\"YYYY-MM-DD HH:mm:ss\"\n            placeholder=\"选择时间\"\n            allowClear={true}\n          />\n        </Form.Item>\n      </Form>\n    </div>\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},43663:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return C}});var a,i,l,s,c,d=t(15009),u=t.n(d),m=t(97857),p=t.n(m),f=t(49677),h=t.n(f),v=t(99289),g=t.n(v),b=t(67294),x=t(7927),y=t(2901),E=t(28801),C={"descriptions-demo-0":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,c,d;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=h(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Descriptions,i=r.Divider,e.next=16,Promise.resolve().then(t.t.bind(t,67294,19));case 16:return l=e.sent,s=l.default,c=[{key:"1",label:"UserName",children:"Zhou Maomao"},{key:"2",label:"Telephone",children:"1810000000"},{key:"3",label:"Live",children:"Hangzhou, Zhejiang"},{key:"4",label:"Remark",children:"empty"},{key:"5",label:"Address",children:"No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China"}],d=function(){return s.createElement(o,{theme:p()({},n)},s.createElement(a,{title:"User Info",items:c}),s.createElement(i,{orientation:"left"},"基础使用"))},e.abrupt("return",{default:d});case 21:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"descriptions-demo-0",refAtomIds:["descriptions"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport '@szc-ft/szcd/index.less';\nimport { ConfigProvider, Descriptions, Divider } from \"@szc-ft/szcd\";\nimport React from 'react';\nimport type { DescriptionsProps } from 'antd';\n\nconst items: DescriptionsProps['items'] = [\n  {\n    key: '1',\n    label: 'UserName',\n    children: 'Zhou Maomao',\n  },\n  {\n    key: '2',\n    label: 'Telephone',\n    children: '1810000000',\n  },\n  {\n    key: '3',\n    label: 'Live',\n    children: 'Hangzhou, Zhejiang',\n  },\n  {\n    key: '4',\n    label: 'Remark',\n    children: 'empty',\n  },\n  {\n    key: '5',\n    label: 'Address',\n    children: 'No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China',\n  },\n];\n\nconst App: React.FC = () => {\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Descriptions title=\"User Info\" items={items}>\n      </Descriptions>\n      <Divider orientation='left'>基础使用</Divider>\n    </ConfigProvider>\n  )\n}\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd/index.less":y,"@szc-ft/szcd":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(c=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return c.apply(this,arguments)})}},"descriptions-demo-1":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,c;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=h(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Descriptions,i=r.Divider,e.next=16,Promise.resolve().then(t.t.bind(t,67294,19));case 16:return l=e.sent,s=l.default,c=function(){return s.createElement(o,{theme:p()({},n)},s.createElement(a,{title:"User Info",column:2,className:"szc-square szc-last-tr-space szc-space-2"},s.createElement(a.Item,{label:"UserName",labelStyle:{width:"65px"}},"Zhou Maomao"),s.createElement(a.Item,{label:"Telephone",labelStyle:{width:"64px"}},"1810000000"),s.createElement(a.Item,{label:"Live",labelStyle:{width:"65px"}},"Hangzhou, Zhejiang"),s.createElement(a.Item,{label:"Remark",labelStyle:{width:"64px"}},"empty"),s.createElement(a.Item,{label:"Date",labelStyle:{width:"64px"}},"2023-08-04 18:58:24-2023-08-04 18:58:24"),s.createElement(a.Item,{label:"Address",labelStyle:{width:"65px"},span:1},"No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China")),s.createElement(i,null,"变量使用"),s.createElement("div",null,s.createElement("p",null,"设置title前缀方形块，请添加 ",s.createElement("code",null,".szc-square")," 类"),s.createElement("p",null,"设置最后一行item的padding-bottom为0，请添加 ",s.createElement("code",null,".szc-last-tr-space")," 类"),s.createElement("p",null,"两列请设置className='szc-space-2'，三列请设置className='szc-space-3'，以支持ui稿设计")),s.createElement("br",null),s.createElement("div",{className:"szc-square"},"标题"),s.createElement(i,null,s.createElement("code",null,".szc-square")," 单独使用"))},e.abrupt("return",{default:c});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"descriptions-demo-1",refAtomIds:["descriptions"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport '@szc-ft/szcd/index.less';\nimport { ConfigProvider, Descriptions, Divider } from \"@szc-ft/szcd\";\nimport React from 'react';\n\nconst App: React.FC = () => {\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Descriptions title=\"User Info\" column={2} className='szc-square szc-last-tr-space szc-space-2'>\n        <Descriptions.Item label=\"UserName\" labelStyle={{width:'65px'}}>Zhou Maomao</Descriptions.Item>\n        <Descriptions.Item label=\"Telephone\" labelStyle={{width:'64px'}}>1810000000</Descriptions.Item>\n        <Descriptions.Item label=\"Live\" labelStyle={{width:'65px'}}>Hangzhou, Zhejiang</Descriptions.Item>\n        <Descriptions.Item label=\"Remark\" labelStyle={{width:'64px'}}>empty</Descriptions.Item>\n        <Descriptions.Item label=\"Date\" labelStyle={{width:'64px'}}>2023-08-04 18:58:24-2023-08-04 18:58:24</Descriptions.Item>\n        <Descriptions.Item label=\"Address\" labelStyle={{width:'65px'}} span={1}>\n            No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China\n        </Descriptions.Item>\n      </Descriptions>\n      <Divider>变量使用</Divider>\n      <div>\n        <p>设置title前缀方形块，请添加 <code>.szc-square</code> 类</p>\n        <p>设置最后一行item的padding-bottom为0，请添加 <code>.szc-last-tr-space</code> 类</p>\n        <p>两列请设置className='szc-space-2'，三列请设置className='szc-space-3'，以支持ui稿设计</p>\n      </div>\n      <br />\n      <div className='szc-square'>标题</div>\n      <Divider><code>.szc-square</code> 单独使用</Divider>\n    </ConfigProvider>\n  )\n}\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd/index.less":y,"@szc-ft/szcd":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(s=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return s.apply(this,arguments)})}},"descriptions-demo-2":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,c;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=h(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Descriptions,i=r.Divider,e.next=16,Promise.resolve().then(t.t.bind(t,67294,19));case 16:return l=e.sent,s=l.default,c=function(){return s.createElement(o,{theme:p()({},n)},s.createElement(a,{title:"User Info",layout:"vertical"},s.createElement(a.Item,{label:"UserName"},"Zhou Maomao"),s.createElement(a.Item,{label:"Telephone"},"1810000000"),s.createElement(a.Item,{label:"Live"},"Hangzhou, Zhejiang"),s.createElement(a.Item,{label:"Remark"},"empty"),s.createElement(a.Item,{label:"Address",span:1},"No. 18, Wantang Road,")),s.createElement(i,{orientation:"left"},"垂直"),s.createElement("div",null,"垂直的列表。"))},e.abrupt("return",{default:c});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"descriptions-demo-2",refAtomIds:["descriptions"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport '@szc-ft/szcd/index.less';\nimport { ConfigProvider, Descriptions, Divider } from \"@szc-ft/szcd\";\nimport React from 'react';\n\nconst App: React.FC = () => {\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Descriptions title='User Info' layout=\"vertical\">\n        <Descriptions.Item label='UserName'>Zhou Maomao</Descriptions.Item>\n        <Descriptions.Item label='Telephone'>1810000000</Descriptions.Item>\n        <Descriptions.Item label='Live'>Hangzhou, Zhejiang</Descriptions.Item>\n        <Descriptions.Item label='Remark'>empty</Descriptions.Item>\n        <Descriptions.Item label='Address' span={1}>\n            No. 18, Wantang Road,\n        </Descriptions.Item>\n      </Descriptions>\n      <Divider orientation='left'>垂直</Divider>\n      <div>垂直的列表。</div>\n    </ConfigProvider>\n  )\n}\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd/index.less":y,"@szc-ft/szcd":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(l=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return l.apply(this,arguments)})}},"descriptions-demo-3":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,c;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=h(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Descriptions,i=r.Divider,e.next=16,Promise.resolve().then(t.t.bind(t,67294,19));case 16:return l=e.sent,s=l.default,c=function(){return s.createElement(o,{theme:p()({},n)},s.createElement(a,{title:"User Info",bordered:!0,column:2,className:"aabbcc"},s.createElement(a.Item,{label:"UserName"},"Zhou Maomao"),s.createElement(a.Item,{label:"Telephone"},"1810000000"),s.createElement(a.Item,{label:"Live"}),s.createElement(a.Item,{label:"Remark"},"empty"),s.createElement(a.Item,{label:"Address"},"No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China")),s.createElement(i,{orientation:"left"},"带边框的"),s.createElement("div",null,"带边框和背景颜色列表"))},e.abrupt("return",{default:c});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"descriptions-demo-3",refAtomIds:["descriptions"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport '@szc-ft/szcd/index.less';\nimport { ConfigProvider, Descriptions, Divider } from \"@szc-ft/szcd\";\nimport React from 'react';\n\nconst App: React.FC = () => {\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Descriptions title='User Info' bordered column={2} className='aabbcc'>\n        <Descriptions.Item label='UserName'>Zhou Maomao</Descriptions.Item>\n        <Descriptions.Item label='Telephone'>1810000000</Descriptions.Item>\n        <Descriptions.Item label='Live'>{}</Descriptions.Item>\n        <Descriptions.Item label='Remark'>empty</Descriptions.Item>\n        <Descriptions.Item label='Address'>\n            No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China\n        </Descriptions.Item>\n      </Descriptions>\n      <Divider orientation='left'>带边框的</Divider>\n      <div>带边框和背景颜色列表</div>\n    </ConfigProvider>\n  )\n}\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd/index.less":y,"@szc-ft/szcd":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(i=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"descriptions-demo-demo":{component:b.memo(b.lazy(function(){return t.e(6992).then(t.bind(t,34037))})),asset:{type:"BLOCK",id:"descriptions-demo-demo",refAtomIds:["descriptions"],dependencies:{"index.tsx":{type:"FILE",value:t(54926).Z},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx",title:"带边框的",description:"带边框和背景颜色列表，最后item设置了span={1}"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd/index.less":y,"@szc-ft/szcd":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(a=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},98931:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-drawer-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,g,b,x,y,E,C;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,i=a.Button,s=a.ConfigProvider,d=a.DatePicker,m=a.Divider,f=a.Drawer,h=a.Form,g=a.Input,b=a.Select,x=a.Space,e.next=26,Promise.resolve().then(t.t.bind(t,67294,19));case 26:return y=e.sent,E=y.useState,(new o).load(document.body),C=b.Option,e.abrupt("return",{default:function(){var e=E(!1),t=u()(e,2),r=t[0],o=t[1],a=function(){o(!1)},l=E(!1),p=u()(l,2),y=p[0],k=p[1],w=E(!1),z=u()(w,2),I=z[0],P=z[1];return v.createElement(s,{theme:c()({},n)},v.createElement(m,{orientation:"left"},"基本展示"),v.createElement(i,{type:"primary",onClick:function(){o(!0)}},"示例按钮"),v.createElement(f,{title:"Create a new account",width:720,onClose:a,open:r,footer:v.createElement(x,null,v.createElement(i,{onClick:a},"Cancel"),v.createElement(i,{onClick:a,type:"primary"},"Submit"))},v.createElement(h,{labelAlign:"left",colon:!1,labelCol:{flex:"66px"},wrapperCol:{flex:"1"}},v.createElement(h.Item,{label:"姓名"},v.createElement(g,{placeholder:"Please enter user name"})),v.createElement(h.Item,{label:"Url"},v.createElement(g,{addonBefore:"http://",addonAfter:".com",placeholder:"Please enter url"})),v.createElement(h.Item,{label:"拥有者"},v.createElement(b,{placeholder:"Please select an owner"},v.createElement(C,{value:"xiao"},"Xiaoxiao Fu"),v.createElement(C,{value:"mao"},"Maomao Zhou"))),v.createElement(h.Item,{label:"类型"},v.createElement(b,{placeholder:"Please choose the type"},v.createElement(C,{value:"private"},"Private"),v.createElement(C,{value:"public"},"Public"))),v.createElement(h.Item,{label:"提供方"},v.createElement(b,{placeholder:"Please choose the approver"},v.createElement(C,{value:"jack"},"Jack Ma"),v.createElement(C,{value:"tom"},"Tom Liu"))),v.createElement(h.Item,{label:"时间"},v.createElement(d.RangePicker,{getPopupContainer:function(e){return e.parentNode}})),v.createElement(h.Item,{label:"描述"},v.createElement(g.TextArea,{rows:4,placeholder:"please enter url description"})))),v.createElement("br",null),v.createElement(m,{orientation:"left"},"多层抽屉"),v.createElement(i,{type:"primary",onClick:function(){k(!0)}},"多层抽屉"),v.createElement(f,{title:"多层抽屉",width:520,onClose:function(){k(!1)},open:y},v.createElement(i,{type:"primary",onClick:function(){P(!0)}},"第二层抽屉"),v.createElement(f,{title:"第二层抽屉",width:320,closable:!1,onClose:function(){P(!1)},open:I},"This is two-level drawer")))}});case 31:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-drawer-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport {\n  Button,\n  ConfigProvider,\n  DatePicker,\n  Divider,\n  Drawer,\n  Form,\n  Input,\n  Select,\n  Space,\n} from "@szc-ft/szcd";\nimport { useState } from \'react\';\nnew Theme().load(document.body);\n\nconst { Option } = Select;\n\nexport default () => {\n  const [open, setOpen] = useState(false);\n\n  const showDrawer = () => {\n    setOpen(true);\n  };\n\n  const onClose = () => {\n    setOpen(false);\n  };\n\n  const [open2, setOpen2] = useState(false);\n  const [childrenDrawer, setChildrenDrawer] = useState(false);\n\n  const showDrawer2 = () => {\n    setOpen2(true);\n  };\n\n  const onClose2 = () => {\n    setOpen2(false);\n  };\n\n  const showChildrenDrawer = () => {\n    setChildrenDrawer(true);\n  };\n\n  const onChildrenDrawerClose = () => {\n    setChildrenDrawer(false);\n  };\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation="left">基本展示</Divider>\n      <Button type="primary" onClick={showDrawer}>\n        示例按钮\n      </Button>\n      <Drawer\n        title="Create a new account"\n        width={720}\n        onClose={onClose}\n        open={open}\n        //bodyStyle={{ paddingBottom: 80 }}\n        footer={\n          <Space>\n            <Button onClick={onClose}>Cancel</Button>\n            <Button onClick={onClose} type="primary">\n              Submit\n            </Button>\n          </Space>\n        }\n      >\n        <Form\n          labelAlign="left"\n          colon={false}\n          labelCol={{ flex: \'66px\' }}\n          wrapperCol={{ flex: \'1\' }}\n        >\n          <Form.Item label="姓名">\n            <Input placeholder="Please enter user name" />\n          </Form.Item>\n          <Form.Item label="Url">\n            <Input\n              addonBefore="http://"\n              addonAfter=".com"\n              placeholder="Please enter url"\n            />\n          </Form.Item>\n          <Form.Item label="拥有者">\n            <Select placeholder="Please select an owner">\n              <Option value="xiao">Xiaoxiao Fu</Option>\n              <Option value="mao">Maomao Zhou</Option>\n            </Select>\n          </Form.Item>\n          <Form.Item label="类型">\n            <Select placeholder="Please choose the type">\n              <Option value="private">Private</Option>\n              <Option value="public">Public</Option>\n            </Select>\n          </Form.Item>\n          <Form.Item label="提供方">\n            <Select placeholder="Please choose the approver">\n              <Option value="jack">Jack Ma</Option>\n              <Option value="tom">Tom Liu</Option>\n            </Select>\n          </Form.Item>\n          <Form.Item label="时间">\n            <DatePicker.RangePicker\n              getPopupContainer={(trigger) => trigger.parentNode}\n            />\n          </Form.Item>\n          <Form.Item label="描述">\n            <Input.TextArea\n              rows={4}\n              placeholder="please enter url description"\n            />\n          </Form.Item>\n        </Form>\n      </Drawer>\n      <br />\n      <Divider orientation="left">多层抽屉</Divider>\n      <Button type="primary" onClick={showDrawer2}>\n        多层抽屉\n      </Button>\n      <Drawer\n        title="多层抽屉"\n        width={520}\n        onClose={onClose2}\n        open={open2}\n      >\n        <Button type="primary" onClick={showChildrenDrawer}>\n          第二层抽屉\n        </Button>\n        <Drawer\n          title="第二层抽屉"\n          width={320}\n          closable={false}\n          onClose={onChildrenDrawerClose}\n          open={childrenDrawer}\n        >\n          This is two-level drawer\n        </Drawer>\n      </Drawer>\n    </ConfigProvider>\n  );\n};'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},74543:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-input-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h,v,g,b,x,y,E;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,l=a.UserOutlined,c=a.IconfontWapper,e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return u=e.sent,m=u.Col,f=u.ConfigProvider,h=u.Divider,v=u.Form,g=u.Input,b=u.Row,x=u.Select,y=u.Tooltip,E=u.Space,(new o).load(document.body),e.abrupt("return",{default:function(){return p.createElement(f,{theme:s()({},n)},p.createElement(b,{gutter:[48,16]},p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"基础状态"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",width:"320px"}},p.createElement(g,{placeholder:"默认"}),p.createElement(g,{placeholder:"默认",value:"已输入文本"}),p.createElement(g,{placeholder:"不可操作",value:"不可操作",disabled:!0}),p.createElement(g,{defaultValue:"带清除按钮的",allowClear:!0}),p.createElement(v,null,p.createElement(v.Item,{validateStatus:"error",help:"我是错误提示"},p.createElement(g,{placeholder:"带错误提示"}))),p.createElement(v,null,p.createElement(v.Item,{extra:"额外提示语，文字过多时输入框宽度折行"},p.createElement(g,{placeholder:"带文字提示"}))),p.createElement(g,{prefix:"￥",suffix:"RMB"}),p.createElement(g,{placeholder:"Enter your username",prefix:p.createElement(l,{className:"site-form-item-icon"}),suffix:p.createElement(y,{title:"Extra information"},p.createElement(c,{assets:"UIiconfont",type:"icon-infocirle",style:{color:"#7b828d",fontSize:"16px"}}))}))),p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"三种大小"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",width:"320px"}},p.createElement(g,{placeholder:"大号输入框",size:"large"}),p.createElement(g,{placeholder:"默认输入框"}),p.createElement(g,{placeholder:"小号输入框",size:"small"}))),p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"文本域 Input.TextArea "),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",width:"320px"}},p.createElement(g.TextArea,{rows:3,placeholder:"输入文本"}))),p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"密码框 Input.Password "),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",width:"320px"}},p.createElement(g.Password,{placeholder:"输入密码"}))),p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"前后置 addonBefore/addonAfter"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",width:"320px"}},p.createElement(g,{addonBefore:"Http://",addonAfter:".com",defaultValue:"mysite"}),p.createElement(g,{addonBefore:"+10086",placeholder:"请输入内容"}))),p.createElement(m,{span:24},p.createElement(h,{orientation:"left"},"组合输入框 Input.Group"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement("p",null,"1.非紧凑模式：使用样式类名为 ",p.createElement("b",null,".szc-combination-input-group")," ","自由组装，内部间距已经内置"),p.createElement("div",{className:"szc-combination-input-group"},p.createElement(x,{defaultValue:"筛选器"},p.createElement(x.Option,{value:"Sign Up"},"Sign Up"),p.createElement(x.Option,{value:"Sign In"},"Sign In")),p.createElement(g,{style:{width:200},placeholder:"非紧凑模式"})),p.createElement("p",null,"2.紧凑模式：使用",p.createElement("b",null,"Space.Compact")),p.createElement(E.Compact,null,p.createElement(x,{defaultValue:"Sign Up"},p.createElement(x.Option,{value:"Sign Up"},"Sign Up"),p.createElement(x.Option,{value:"Sign In"},"Sign In")),p.createElement(g,{defaultValue:"Xihu District, Hangzhou"})),p.createElement(E.Compact,null,p.createElement(g,{defaultValue:"Xihu District, Hangzhou"}),p.createElement(x,{defaultValue:"Sign Up"},p.createElement(x.Option,{value:"Sign Up"},"Sign Up"),p.createElement(x.Option,{value:"Sign In"},"Sign In"))),p.createElement(E.Compact,null,p.createElement(g,{defaultValue:"Xihu District, Hangzhou"}))))))}});case 31:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-input-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport { InfoCircleOutlined, UserOutlined,IconfontWapper } from "@szc-ft/szcd";\n\nimport { Col, ConfigProvider, Divider, Form, Input, Row, Select, Tooltip, Space } from "@szc-ft/szcd";\n\nnew Theme().load(document.body);\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Row gutter={[48, 16]}>\n      <Col span={24}>\n        <Divider orientation="left">基础状态</Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n            width: \'320px\',\n          }}\n        >\n          <Input placeholder="默认" />\n          <Input placeholder="默认" value={\'已输入文本\'} />\n          <Input placeholder="不可操作" value={\'不可操作\'} disabled />\n          <Input defaultValue="带清除按钮的" allowClear={true} />\n          <Form>\n            <Form.Item validateStatus="error" help="我是错误提示">\n              <Input placeholder="带错误提示" />\n            </Form.Item>\n          </Form>\n          <Form>\n            <Form.Item extra="额外提示语，文字过多时输入框宽度折行">\n              <Input placeholder="带文字提示" />\n            </Form.Item>\n          </Form>\n          <Input prefix="￥" suffix="RMB" />\n          <Input\n      placeholder="Enter your username"\n      prefix={<UserOutlined className="site-form-item-icon" />}\n      suffix={\n        <Tooltip title="Extra information">\n          {/* <InfoCircleOutlined style={{ color: \'#7b828d\' }} /> */}\n          <IconfontWapper assets="UIiconfont" type="icon-infocirle"  style={{ color: \'#7b828d\',fontSize:\'16px\' }} />\n        </Tooltip>\n      }\n    />\n        </div>\n      </Col>\n      <Col span={24}>\n        <Divider orientation="left">三种大小</Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n            width: \'320px\',\n          }}\n        >\n          <Input placeholder="大号输入框" size="large" />\n          <Input placeholder="默认输入框" />\n          <Input placeholder="小号输入框" size="small" />\n        </div>\n      </Col>\n      <Col span={24}>\n        <Divider orientation="left">文本域 Input.TextArea </Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n            width: \'320px\',\n          }}\n        >\n          <Input.TextArea rows={3} placeholder="输入文本" />\n        </div>\n      </Col>\n      <Col span={24}>\n        <Divider orientation="left">密码框 Input.Password </Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n            width: \'320px\',\n          }}\n        >\n          <Input.Password placeholder="输入密码" />\n        </div>\n      </Col>\n      <Col span={24}>\n        <Divider orientation="left">前后置 addonBefore/addonAfter</Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n            width: \'320px\',\n          }}\n        >\n          <Input\n            addonBefore="Http://"\n            addonAfter=".com"\n            defaultValue="mysite"\n          />\n          <Input addonBefore={\'+10086\'} placeholder="请输入内容" />\n        </div>\n      </Col>\n      <Col span={24}>\n        <Divider orientation="left">组合输入框 Input.Group</Divider>\n        <div\n          style={{\n            display: \'flex\',\n            gap: \'10px\',\n            flexDirection: \'column\',\n          }}\n        >\n          <p>\n            1.非紧凑模式：使用样式类名为 <b>.szc-combination-input-group</b>{\' \'}\n            自由组装，内部间距已经内置\n          </p>\n          <div className=\'szc-combination-input-group\'>\n            <Select defaultValue="筛选器">\n              <Select.Option value="Sign Up">Sign Up</Select.Option>\n              <Select.Option value="Sign In">Sign In</Select.Option>\n            </Select>\n            <Input style={{ width: 200 }} placeholder="非紧凑模式" />\n          </div>\n          {/* <p>\n            2.紧凑模式：使用\n            <b>Input.Group + compact + .szc-combination-input-group</b>\n          </p>\n          <Input.Group compact className=\'szc-combination-input-group\'>\n            <Input style={{ width: 200 }} placeholder="紧凑模式" />\n            <Select defaultValue="Sign Up">\n              <Select.Option value="Sign Up">Sign Up</Select.Option>\n              <Select.Option value="Sign In">Sign In</Select.Option>\n            </Select>\n          </Input.Group> */}\n          <p>\n            2.紧凑模式：使用\n            <b>Space.Compact</b>\n          </p>\n          <Space.Compact>\n            <Select defaultValue="Sign Up">\n              <Select.Option value="Sign Up">Sign Up</Select.Option>\n              <Select.Option value="Sign In">Sign In</Select.Option>\n            </Select>\n            <Input defaultValue="Xihu District, Hangzhou" />\n          </Space.Compact>\n          <Space.Compact>\n            <Input defaultValue="Xihu District, Hangzhou" />\n            <Select defaultValue="Sign Up">\n              <Select.Option value="Sign Up">Sign Up</Select.Option>\n              <Select.Option value="Sign In">Sign In</Select.Option>\n            </Select>\n          </Space.Compact>\n          <Space.Compact>\n            <Input defaultValue="Xihu District, Hangzhou" />\n          </Space.Compact>\n        </div>\n      </Col>\n    </Row>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},58436:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-input-number-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Divider,l=r.Form,c=r.InputNumber,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(a,{orientation:"left"},"基本展示"),p.createElement(c,{min:1,max:10,defaultValue:3}),p.createElement("br",null),p.createElement("br",null),p.createElement(c,{min:0,max:10,step:.1,defaultValue:3.1}),p.createElement("br",null),p.createElement("br",null),p.createElement(c,{min:1,max:10,defaultValue:3,disabled:!0}),p.createElement("br",null),p.createElement("br",null),p.createElement(a,{orientation:"left"},"格式化展示"),p.createElement(c,{defaultValue:1e3,formatter:function(e){return"$ ".concat(e).replace(/\B(?=(\d{3})+(?!\d))/g,",")},parser:function(e){return e.replace(/\$\s?|(,*)/g,"")}}),p.createElement("br",null),p.createElement("br",null),p.createElement(c,{defaultValue:100,min:0,max:100,formatter:function(e){return"".concat(e,"%")},parser:function(e){return e.replace("%","")}}),p.createElement("br",null),p.createElement("br",null),p.createElement(a,{orientation:"left"},"错误的样式"),p.createElement(l,null,p.createElement(l.Item,{validateStatus:"error"},p.createElement(c,{min:1,max:10,defaultValue:3}))))}});case 16:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-input-number-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\n\nimport { ConfigProvider, Divider, Form, InputNumber } from \"@szc-ft/szcd\";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation=\"left\">基本展示</Divider>\n    <InputNumber min={1} max={10} defaultValue={3} />\n    <br />\n    <br />\n    <InputNumber min={0} max={10} step={0.1} defaultValue={3.1} />\n    <br />\n    <br />\n    <InputNumber min={1} max={10} defaultValue={3} disabled={true} />\n    <br />\n    <br />\n    <Divider orientation=\"left\">格式化展示</Divider>\n    <InputNumber\n      defaultValue={1000}\n      formatter={(value) => `$ ${value}`.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',')}\n      parser={(value) => value.replace(/\\$\\s?|(,*)/g, '')}\n    />\n    <br />\n    <br />\n    <InputNumber\n      defaultValue={100}\n      min={0}\n      max={100}\n      formatter={(value) => `${value}%`}\n      parser={(value) => value.replace('%', '')}\n    />\n    <br />\n    <br />\n    <Divider orientation=\"left\">错误的样式</Divider>\n    <Form>\n      <Form.Item validateStatus=\"error\">\n        <InputNumber min={1} max={10} defaultValue={3} />\n      </Form.Item>\n    </Form>\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},19599:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return x}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(5574),d=t.n(c),u=t(49677),m=t.n(u),p=t(99289),f=t.n(p),h=t(67294),v=t(7927),g=t(28801),b=t(2901),x={"src-components-cover-message-demo-0":{component:h.memo(h.lazy(f()(i()().mark(function e(){var n,r,o,a,l,c,u,p,f,v;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=m(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:return a=e.sent,l=a.Button,c=a.ConfigProvider,u=a.Divider,p=a.message,f=a.Space,v=a.WarnIcon,e.abrupt("return",{default:function(){var e=p.useMessage(),t=d()(e,2),r=t[0],o=t[1];return h.createElement(c,{theme:s()({},n)},o,h.createElement(u,{orientation:"left"},"基本展示"),h.createElement(f,null,h.createElement(l,{type:"primary",onClick:function(){r.info({content:"已完成当前操作。",icon:h.createElement(v,null),duration:0})}},"提示类"),h.createElement(l,{onClick:function(){r.open({type:"success",content:"This is a success message",duration:0})}},"成功类"),h.createElement(l,{onClick:function(){r.open({type:"error",content:"操作失败，请重试"})}},"错误类"),h.createElement(l,{onClick:function(){r.open({type:"warning",content:"操作有风险，请谨慎操作",icon:h.createElement(v,null)})}},"告警类")),h.createElement("br",null))}});case 23:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-message-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nnew Theme().load(document.body);\n\nimport { Button, ConfigProvider, Divider, message, Space, WarnIcon } from \"@szc-ft/szcd\";\n\nexport default () => {\n  const [messageApi, contextHolder] = message.useMessage();\n\n  const info = () => {\n    // messageApi.info('This is a normal message');\n    messageApi.info({\n        content: \"已完成当前操作。\",\n        icon: <WarnIcon />,\n        duration: 0,\n    });\n  };\n\n  const success = () => {\n    messageApi.open({\n      type: 'success',\n      content: 'This is a success message',\n      duration: 0,\n    });\n  };\n\n  const error = () => {\n    messageApi.open({\n      type: 'error',\n      content: '操作失败，请重试',\n    });\n  };\n\n  const warning = () => {\n    messageApi.open({\n      type: 'warning',\n      content: '操作有风险，请谨慎操作',\n      icon: <WarnIcon />\n    });\n  };\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      {contextHolder}\n      <Divider orientation=\"left\">基本展示</Divider>\n      <Space>\n        <Button type=\"primary\" onClick={info}>\n          提示类\n        </Button>\n        <Button onClick={success}>成功类</Button>\n        <Button onClick={error}>错误类</Button>\n        <Button onClick={warning}>告警类</Button>\n      </Space>\n      <br />\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(v,2)),"@szc-ft/szcd":g,"@szc-ft/szcd/index.less":b},renderOpts:{compile:(o=f()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},24655:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return w}});var a,i,l=t(19632),s=t.n(l),c=t(15009),d=t.n(c),u=t(97857),m=t.n(u),p=t(5574),f=t.n(p),h=t(49677),v=t.n(h),g=t(99289),b=t.n(g),x=t(67294),y=t(7927),E=t(28801),C=t(2901),k=t(31520),w={"modal-demo-0":{component:x.memo(x.lazy(b()(d()().mark(function e(){var n,r,o,a,i,l,s,c,u,p,h,g;return d()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.WarnIcon,e.t0=v(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,i=a.Button,l=a.Divider,s=a.Modal,c=a.Space,u=a.ConfigProvider,e.next=22,Promise.resolve().then(t.t.bind(t,67294,19));case 22:return p=e.sent,h=p.default,g=p.useState,e.abrupt("return",{default:function(){var e=g(!1),t=f()(e,2),r=t[0],a=t[1],d=g(!1),p=f()(d,2),v=p[0],b=p[1],x=g(!1),y=f()(x,2),E=y[0],C=y[1];return h.createElement(u,{theme:m()({},n)},h.createElement(l,{orientation:"left"},"基本展示"),h.createElement(c,null,h.createElement(i,{onClick:function(){return a(!0)}},"普通弹出框"),h.createElement(i,{onClick:function(){return b(!0)}},"无Footer弹出框")),h.createElement("br",null),h.createElement(l,{orientation:"left"},"确认框"),h.createElement("div",null,h.createElement(i,{onClick:function(){s.confirm({title:"删除",content:"是否要删除",okText:"确定",cancelText:"取消",closable:!0,onOk:function(){}})}},"删除确认")),h.createElement(l,{orientation:"left"},"提示框"),h.createElement(c,null,h.createElement(i,{onClick:function(){s.info({title:"标题文字",content:"内容文字内容文字内容文字内容文字内容文字",onOk:function(){},okText:"确定"})}},"提示"),h.createElement(i,{onClick:function(){s.success({title:"标题文字",content:"内容文字内容文字内容文字内容文字内容文字",okText:"确定"})}},"正常/成功类"),h.createElement(i,{onClick:function(){s.warning({title:"标题文字",content:"内容文字内容文字内容文字内容文字内容文字",okText:"确定"})}},"告警类"),h.createElement(i,{onClick:function(){s.error({title:"标题文字",content:"内容文字内容文字内容文字内容文字内容文字",okText:"确定"})}},"错误/失败类")),h.createElement(s,{title:"提示",open:r,onOk:function(){return a(!1)},onCancel:function(){return a(!1)}},h.createElement("div",null,"内容文字内容文字内容文字内容文字内容文字"),h.createElement("div",null,"内容文字内容文字内容文字内容文字内容文字"),h.createElement("div",null,"内容文字内容文字内容文字内容文字内容文字")),h.createElement(s,{title:"通知信息标题",maskClosable:!1,destroyOnClose:!0,open:v,footer:null,onCancel:function(){return b(!1)},width:"422px"},"内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字"),h.createElement(s,{title:"删除",maskClosable:!1,destroyOnClose:!0,open:E,onCancel:function(){return C(!1)},width:"422px"},h.createElement("div",{style:{display:"flex"}},h.createElement(o,{className:"warn-icon",style:{fontSize:"24px",alignItems:"flex-start"}}),h.createElement("div",null,"内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字"))))}});case 26:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"modal-demo-0",refAtomIds:["modal"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme, { WarnIcon } from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { Button, Divider, Modal, Space, ConfigProvider, } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\n\n\nexport default () => {\n  const [vis, setVis] = useState(false);\n  const [vis2, setVis2] = useState(false);\n  const [vis3, setVis3] = useState(false);\n\n  const onDelete = () => {\n    Modal.confirm({\n      title: '删除',\n      content: '是否要删除',\n      okText: '确定',\n      cancelText: '取消',\n      closable: true,\n      onOk: () => {\n        // ...\n      },\n    });\n  };\n  const info = () => {\n    Modal.info({\n      title: '标题文字',\n      content: '内容文字内容文字内容文字内容文字内容文字',\n      onOk() {},\n      okText: '确定',\n    });\n  };\n\n  const success = () => {\n    Modal.success({\n      title: '标题文字',\n      content: '内容文字内容文字内容文字内容文字内容文字',\n      okText: '确定',\n    });\n  };\n\n  const error = () => {\n    Modal.error({\n      title: '标题文字',\n      content: '内容文字内容文字内容文字内容文字内容文字',\n      okText: '确定',\n    });\n  };\n\n  const warning = () => {\n    Modal.warning({\n      title: '标题文字',\n      content: '内容文字内容文字内容文字内容文字内容文字',\n      okText: '确定',\n    });\n  };\n\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Divider orientation=\"left\">基本展示</Divider>\n      <Space>\n        <Button onClick={() => setVis(true)}>普通弹出框</Button>\n        <Button onClick={() => setVis2(true)}>无Footer弹出框</Button>\n      </Space>\n      <br />\n      <Divider orientation=\"left\">确认框</Divider>\n      <div>\n        <Button onClick={onDelete}>删除确认</Button>\n      </div>\n      <Divider orientation=\"left\">提示框</Divider>\n      <Space>\n        <Button onClick={info}>提示</Button>\n        <Button onClick={success}>正常/成功类</Button>\n        <Button onClick={warning}>告警类</Button>\n        <Button onClick={error}>错误/失败类</Button>\n      </Space>\n\n      <Modal title=\"提示\" open={vis} onOk={()=>setVis(false)} onCancel={()=>setVis(false)}>\n        <div>内容文字内容文字内容文字内容文字内容文字</div>\n        <div>内容文字内容文字内容文字内容文字内容文字</div>\n        <div>内容文字内容文字内容文字内容文字内容文字</div>\n      </Modal>\n\n      {/* <Modal\n        title=\"通知信息标题\"\n        maskClosable={false}\n        destroyOnClose\n        open={vis}\n        onCancel={() => setVis(false)}\n        okText=\"按钮\"\n        cancelText=\"按钮\"\n        width=\"422px\"\n      >\n        <div style={{ display: 'flex' }}>\n          <WarnIcon\n            className=\"warn-icon\"\n            style={{ fontSize: '24px' }}\n          ></WarnIcon>\n          <p\n            style={{\n              textAlign: 'justify',\n              marginBottom: '0',\n              lineHeight: '24px',\n            }}\n          >\n            内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字\n          </p>\n        </div>\n      </Modal> */}\n\n      <Modal\n        title=\"通知信息标题\"\n        maskClosable={false}\n        destroyOnClose\n        open={vis2}\n        footer={null}\n        onCancel={() => setVis2(false)}\n        width=\"422px\"\n      >\n        内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字\n      </Modal>\n      <Modal\n        title=\"删除\"\n        maskClosable={false}\n        destroyOnClose\n        open={vis3}\n        onCancel={() => setVis3(false)}\n        width=\"422px\"\n      >\n        <div style={{ display: 'flex'}}>\n            <WarnIcon className=\"warn-icon\" style={{ fontSize: '24px', alignItems: 'flex-start' }}/>\n            <div>内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字内容文字</div>\n        </div>\n      </Modal>\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(y,2)),"@szc-ft/szcd":E,"@szc-ft/szcd/index.less":C,react:o||(o=t.t(x,2))},renderOpts:{compile:(i=b()(d()().mark(function e(){var n,r=arguments;return d()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"modal-demo-1":{component:x.memo(x.lazy(b()(d()().mark(function e(){var n,r,o,a,i,l,c,u,p,h,g,b,x,y;return d()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,r=n.default,e.t0=v(),e.next=7,Promise.resolve().then(t.bind(t,2901));case 7:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=11,Promise.resolve().then(t.bind(t,28801));case 11:return o=e.sent,a=o.Button,i=o.Divider,l=o.Modal,c=o.Space,u=o.ConfigProvider,p=o.FormItemOrDetailItem,e.next=20,Promise.resolve().then(t.t.bind(t,67294,19));case 20:return h=e.sent,g=h.default,b=h.useState,e.next=25,Promise.resolve().then(t.bind(t,31520));case 25:return x=e.sent,y=x.required,e.abrupt("return",{default:function(){var e=b(!1),n=f()(e,2),t=n[0],o=n[1],d=[{label:"功能名称",name:"name2",valueType:"input",placeholder:"请输入",rules:s()(y)},{label:"描述",name:"textarea2",valueType:"textarea",initialValue:"组件默认下边距24px。可通过itemStyle自定义",fieldProps:{maxLength:2,showCount:!0}}];return g.createElement(u,{theme:m()({},r)},g.createElement(i,{orientation:"left"},"带form表单的弹窗"),g.createElement(c,null,g.createElement(a,{onClick:function(){return o(!0)}},"普通弹出框")),g.createElement(l,{title:"提示",open:t,onOk:function(){return o(!1)},onCancel:function(){return o(!1)}},g.createElement(p,{data:d,colCounts:1,gutter:"32px",needGutterLastCol:!0})))}});case 28:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"modal-demo-1",refAtomIds:["modal"],dependencies:{"index.tsx":{type:"FILE",value:"import TokenConfig from '@/theme/tokenConfig.json';\nimport Theme, { WarnIcon } from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { Button, Divider, Modal, Space, ConfigProvider, Form, Input, FormItemOrDetailItem} from '@szc-ft/szcd';\nimport React, { useState } from 'react';\nimport { required } from '../../../../src/other/utils'\n\ntype FieldType = {\n  username?: string;\n  password?: string;\n  remember?: string;\n};\n\nexport default () => {\n  const [vis, setVis] = useState(false);\n  const onFinish = (values: any) => {\n    console.log('Success:', values);\n  };\n\n  const onFinishFailed = (errorInfo: any) => {\n    console.log('Failed:', errorInfo);\n  };\n  const data = [\n     {\n      label: '功能名称',\n      name: 'name2',\n      valueType: 'input',\n      placeholder: '请输入',\n      rules: [\n        ...required,\n      ]\n      // initialValue:'//////////////////////////////',\n      // readonly:true,\n      // render:(dom,entity,index, action, schema)=>{\n      //   // console.log('row',dom,entity,index, action, schema);\n      //   return dom\n      // },\n      // colProps:{\n      //   // span: 8,\n      //   width:'100%',\n      // },\n    },\n    {\n    label: '描述',\n    name: 'textarea2',\n    valueType: 'textarea',\n    initialValue: '组件默认下边距24px。可通过itemStyle自定义',\n    // itemStyle:{\n    //   color:'red',\n    //   width:'100%',\n    //   marginBottom:'20px'\n    // },\n    fieldProps:{\n      maxLength:2,\n      showCount:true\n    },\n    },\n  ]\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Divider orientation=\"left\">带form表单的弹窗</Divider>\n      <Space>\n        <Button onClick={() => setVis(true)}>普通弹出框</Button>\n      </Space>\n\n      <Modal title=\"提示\" open={vis} onOk={()=>setVis(false)} onCancel={()=>setVis(false)}>\n        <FormItemOrDetailItem data={data} colCounts={1} gutter={'32px'} needGutterLastCol></FormItemOrDetailItem>\n      </Modal>\n\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"},"../../../../src/other/utils.js":{type:"FILE",value:t(86957).Z}},entry:"index.tsx"},context:{"../../../../src/other/utils.js":k,"@/theme/tokenConfig.json":r||(r=t.t(y,2)),"@szc-ft/szcd/index.less":C,"@szc-ft/szcd":E,react:o||(o=t.t(x,2)),"/scity/zengzhijie/szcd/src/other/utils/index.js":k},renderOpts:{compile:(a=b()(d()().mark(function e(){var n,r=arguments;return d()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},61495:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return E}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y=t(58806),E={"src-components-cover-notification-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,v,g;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=15,Promise.resolve().then(t.t.bind(t,67294,19));case 15:return a=e.sent,i=a.default,e.next=19,Promise.resolve().then(t.bind(t,58806));case 19:return s=e.sent,d=s.Button,m=s.notification,f=s.Space,h=s.Divider,v=s.ConfigProvider,g=function(){var e=m.useNotification(),t=u()(e,2),r=t[0],o=t[1],a=i.createElement(f,null,i.createElement(d,{type:"link",onClick:function(){return r.destroy()}},"取消"),i.createElement(d,{type:"primary",onClick:function(){return r.destroy()}},"确定")),l=function(e){r[e]({message:"Notification Title",duration:0,btn:a,description:"This is the content of the notification. This is the content of the notification. This is the content of the notification."})};return i.createElement(v,{theme:c()({},n)},o,i.createElement(f,null,i.createElement(d,{onClick:function(){return l("success")}},"Success"),i.createElement(d,{onClick:function(){return l("info")}},"Info"),i.createElement(d,{onClick:function(){return l("warning")}},"Warning"),i.createElement(d,{onClick:function(){return l("error")}},"Error")),i.createElement(h,{orientation:"left"},"带有图标的通知提醒框"),i.createElement("div",null,"通知提醒框左侧有图标。"))},e.abrupt("return",{default:g});case 27:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-notification-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nnew Theme().load(document.body);\n\nimport React from 'react';\nimport { Button, notification, Space, Divider, ConfigProvider } from 'antd';\n\ntype NotificationType = 'success' | 'info' | 'warning' | 'error';\n\nconst App: React.FC = () => {\n  const [api, contextHolder] = notification.useNotification();\n\n  const btn = (\n      <Space>\n        <Button type=\"link\" onClick={() => api.destroy()}>\n          取消\n        </Button>\n        <Button type=\"primary\" onClick={() => api.destroy()}>\n          确定\n        </Button>\n      </Space>\n    );\n  const openNotificationWithIcon = (type: NotificationType) => {\n    api[type]({\n      message: 'Notification Title',\n      duration: 0,\n      btn,\n      description:\n        'This is the content of the notification. This is the content of the notification. This is the content of the notification.',\n    });\n  };\n\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      {contextHolder}\n      <Space>\n        <Button onClick={() => openNotificationWithIcon('success')}>Success</Button>\n        <Button onClick={() => openNotificationWithIcon('info')}>Info</Button>\n        <Button onClick={() => openNotificationWithIcon('warning')}>Warning</Button>\n        <Button onClick={() => openNotificationWithIcon('error')}>Error</Button>\n      </Space>\n      <Divider orientation=\"left\">带有图标的通知提醒框</Divider>\n      <div>通知提醒框左侧有图标。</div>\n    </ConfigProvider>\n  );\n};\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"},antd:{type:"NPM",value:"5.29.3"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2)),antd:y},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},32635:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return b}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g=t(67247),b={"src-components-cover-pagination-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h,v,g;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,67247));case 14:return a=e.sent,l=a.default,(new o).load(document.body),e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return c=e.sent,u=c.Button,m=c.ConfigProvider,f=c.Divider,h=c.Input,v=c.Pagination,g=p.createElement("div",null,p.createElement(h,null),p.createElement(u,null,"123")),e.abrupt("return",{default:function(){return p.createElement(m,{theme:s()({},n),locale:l},p.createElement(f,{orientation:"left"},"基本展示"),p.createElement("div",null,p.createElement(v,{showTotal:function(e,n){return"总计：".concat(e)},showQuickJumper:g,defaultCurrent:2,total:500,showSizeChanger:!0}),p.createElement("br",null),p.createElement("br",null),p.createElement(v,{showSizeChanger:!0,showQuickJumper:!0,defaultCurrent:2,total:500,disabled:!0,showTotal:function(e,n){return"总计：".concat(e)}}),p.createElement("br",null),p.createElement("br",null),p.createElement(f,{orientation:"left"},"简洁型"),p.createElement(v,{defaultCurrent:2,total:5e3,simple:!0}),p.createElement("br",null),p.createElement("br",null),p.createElement(v,{showQuickJumper:!1,showSizeChanger:!1,defaultCurrent:2,total:50}),p.createElement(f,{orientation:"left"},"组件大小"),p.createElement("h2",null,"正常尺寸"),p.createElement("br",null),p.createElement("br",null),p.createElement(v,{showQuickJumper:!0,defaultCurrent:2,total:500}),p.createElement("br",null),p.createElement("br",null),p.createElement("h2",null,"小尺寸"),p.createElement("br",null),p.createElement("br",null),p.createElement(v,{size:"small",showQuickJumper:!0,showSizeChanger:!0,defaultCurrent:2,total:500,showTotal:function(e,n){return"总计：".concat(e)}}),p.createElement("br",null),p.createElement("br",null),p.createElement(v,{simple:!0,size:"small",defaultCurrent:2,total:50,showTotal:function(e,n){return"总计：".concat(e)}})),p.createElement("br",null))}});case 28:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-pagination-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport zhCN from \'antd/locale/zh_CN\';\nnew Theme().load(document.body);\n\nimport { Button, ConfigProvider, Divider, Input, Pagination } from "@szc-ft/szcd";\n\nconst JumperBtn = (\n  <div>\n    <Input />\n    <Button>123</Button>\n  </div>\n);\nconst itemRender = (page, type, originalElement) => {\n  console.log(page, type, originalElement);\n  return originalElement;\n};\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n    locale={zhCN}\n  >\n    <Divider orientation="left">基本展示</Divider>\n    <div>\n      <Pagination\n        showTotal={(total, range) => `总计：${total}`}\n        showQuickJumper={JumperBtn}\n        defaultCurrent={2}\n        total={500}\n        showSizeChanger\n      />\n      <br />\n      <br />\n      <Pagination\n        showSizeChanger\n        showQuickJumper\n        defaultCurrent={2}\n        total={500}\n        disabled\n        showTotal={(total, range) => `总计：${total}`}\n      />\n      <br />\n      <br />\n      <Divider orientation="left">简洁型</Divider>\n      <Pagination defaultCurrent={2} total={5000} simple />\n      <br />\n      <br />\n      <Pagination\n        showQuickJumper={false}\n        showSizeChanger={false}\n        defaultCurrent={2}\n        total={50}\n      />\n      <Divider orientation="left">组件大小</Divider>\n      <h2>正常尺寸</h2>\n      <br />\n      <br />\n      <Pagination showQuickJumper defaultCurrent={2} total={500} />\n      <br />\n      <br />\n      <h2>小尺寸</h2>\n      <br />\n      <br />\n      <Pagination\n        size="small"\n        showQuickJumper\n        showSizeChanger\n        defaultCurrent={2}\n        total={500}\n        showTotal={(total, range) => `总计：${total}`}\n      />\n      <br />\n      <br />\n      <Pagination\n        simple\n        size="small"\n        defaultCurrent={2}\n        total={50}\n        showTotal={(total, range) => `总计：${total}`}\n      />\n    </div>\n\n    <br />\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},antd:{type:"NPM",value:"5.29.3"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v,"antd/locale/zh_CN":g},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},49326:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-popover-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h,v,g,b,x,y;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return b=function(e){},e.next=4,Promise.resolve().then(t.t.bind(t,7927,19));case 4:return n=e.sent,e.next=7,Promise.resolve().then(t.bind(t,28801));case 7:return r=e.sent,o=r.QuestionCircleOutlined,e.next=11,Promise.resolve().then(t.bind(t,28801));case 11:return a=e.sent,l=a.default,e.t0=d(),e.next=16,Promise.resolve().then(t.bind(t,2901));case 16:return e.t1=e.sent,(0,e.t0)(e.t1),(new l).load(document.body),e.next=21,Promise.resolve().then(t.bind(t,28801));case 21:return c=e.sent,u=c.Button,m=c.ConfigProvider,f=c.Divider,h=c.Popconfirm,v=c.Popover,g=p.createElement("div",null,p.createElement("div",null,"需要8-26个字符，仅支持中文")),x="Are you sure to delete this task?",y="Delete the task",e.abrupt("return",{default:function(){return p.createElement(m,{theme:s()({},n)},p.createElement(f,{orientation:"left"},"基本展示"),p.createElement("div",{className:"szc-components-btns"},p.createElement(v,{content:g,title:"字符规范",trigger:"hover"},p.createElement(u,{type:"primary"},"鼠标移入")),p.createElement(v,{content:g,title:"字符规范",trigger:"focus"},p.createElement(u,{type:"primary"},"鼠标聚集")),p.createElement(v,{content:g,title:"字符规范",trigger:"click"},p.createElement(u,{type:"primary"},"鼠标点击"))),p.createElement(f,{orientation:"left"},"确认提示"),p.createElement("div",null,p.createElement("div",{style:{marginLeft:70,whiteSpace:"nowrap"}},p.createElement(h,{placement:"topLeft",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"TL")),p.createElement(h,{placement:"top",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"Top")),p.createElement(h,{placement:"topRight",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"TR"))),p.createElement("div",{style:{width:70,float:"left"}},p.createElement(h,{placement:"leftTop",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"LT")),p.createElement(h,{placement:"left",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"Left")),p.createElement(h,{placement:"leftBottom",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"LB"))),p.createElement("div",{style:{width:70,marginLeft:304}},p.createElement(h,{placement:"rightTop",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"RT")),p.createElement(h,{placement:"right",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"Right")),p.createElement(h,{placement:"rightBottom",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"RB"))),p.createElement("div",{style:{marginLeft:70,clear:"both",whiteSpace:"nowrap"}},p.createElement(h,{placement:"bottomLeft",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"BL")),p.createElement(h,{placement:"bottom",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"Bottom")),p.createElement(h,{placement:"bottomRight",title:x,description:y,onConfirm:b,okText:"Yes",cancelText:"No"},p.createElement(u,null,"BR")))),p.createElement(f,{orientation:"left"},"带图标提示"),p.createElement(h,{title:"Delete the task",description:"Are you sure to delete this task?",icon:p.createElement(o,{style:{color:"red"}})},p.createElement(u,{danger:!0},"Delete")))}});case 32:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-popover-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport { QuestionCircleOutlined } from \'@szc-ft/szcd\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nnew Theme().load(document.body);\n\nimport { Button, ConfigProvider, Divider, Popconfirm, Popover } from "@szc-ft/szcd";\n\nconst content = (\n  <div>\n    <div>需要8-26个字符，仅支持中文</div>\n  </div>\n);\n\nconst confirmContent = (\n  <div className="szc-components-btns" style={{ textAlign: \'right\' }}>\n    <Button size="small">取消</Button>\n    <Button size="small" type="primary">\n      确定\n    </Button>\n  </div>\n);\n\nfunction confirm(e) {\n  console.log(e);\n}\n\nfunction cancel(e) {\n  console.log(e);\n}\n\nconst text = \'Are you sure to delete this task?\';\nconst description = \'Delete the task\';\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">基本展示</Divider>\n    <div className="szc-components-btns">\n      <Popover content={content} title="字符规范" trigger="hover">\n        <Button type="primary">鼠标移入</Button>\n      </Popover>\n      <Popover content={content} title="字符规范" trigger="focus">\n        <Button type="primary">鼠标聚集</Button>\n      </Popover>\n      <Popover content={content} title="字符规范" trigger="click">\n        <Button type="primary">鼠标点击</Button>\n      </Popover>\n    </div>\n\n    <Divider orientation="left">确认提示</Divider>\n    <div>\n      <div style={{ marginLeft: 70, whiteSpace: \'nowrap\' }}>\n        <Popconfirm\n          placement="topLeft"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>TL</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="top"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>Top</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="topRight"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>TR</Button>\n        </Popconfirm>\n      </div>\n      <div style={{ width: 70, float: \'left\' }}>\n        <Popconfirm\n          placement="leftTop"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>LT</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="left"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>Left</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="leftBottom"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>LB</Button>\n        </Popconfirm>\n      </div>\n      <div style={{ width: 70, marginLeft: 304 }}>\n        <Popconfirm\n          placement="rightTop"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>RT</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="right"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>Right</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="rightBottom"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>RB</Button>\n        </Popconfirm>\n      </div>\n      <div style={{ marginLeft: 70, clear: \'both\', whiteSpace: \'nowrap\' }}>\n        <Popconfirm\n          placement="bottomLeft"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>BL</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="bottom"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>Bottom</Button>\n        </Popconfirm>\n        <Popconfirm\n          placement="bottomRight"\n          title={text}\n          description={description}\n          onConfirm={confirm}\n          okText="Yes"\n          cancelText="No"\n        >\n          <Button>BR</Button>\n        </Popconfirm>\n      </div>\n    </div>\n    <Divider orientation="left">带图标提示</Divider>\n    <Popconfirm\n      title="Delete the task"\n      description="Are you sure to delete this task?"\n      icon={<QuestionCircleOutlined style={{ color: \'red\' }} />}\n    >\n      <Button danger>Delete</Button>\n    </Popconfirm>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},67660:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-progress-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Divider,l=r.Progress,c=r.Space,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(a,{orientation:"left"},"线性进度条"),p.createElement("div",null,p.createElement(l,{percent:30}),p.createElement(l,{percent:50,status:"active"}),p.createElement(l,{percent:70,status:"exception"}),p.createElement(l,{percent:100}),p.createElement(l,{percent:50,showInfo:!1})),p.createElement("br",null),p.createElement(a,{orientation:"left"},"线性进度条(小)"),p.createElement("div",null,p.createElement(l,{percent:30,size:"small"}),p.createElement(l,{percent:50,status:"active",size:"small"}),p.createElement(l,{percent:70,status:"exception",size:"small"}),p.createElement(l,{percent:100,size:"small"}),p.createElement(l,{percent:50,showInfo:!1,size:"small"})),p.createElement("br",null),p.createElement(a,{orientation:"left"},"进度圈"),p.createElement("p",null,"不同的业务场景百分比和单位字号可能不同，此处提供类.szc-progress-unit（12px、#7B828D使用），其他需开发者自行实现"),p.createElement("div",null,p.createElement(c,{wrap:!0},p.createElement(l,{type:"circle",percent:75,size:"small",format:function(e){return p.createElement("span",null,e,p.createElement("i",{className:"szc-progress-unit"},"%"))}}),p.createElement(l,{type:"circle",percent:70,size:"small",status:"exception"}),p.createElement(l,{type:"circle",percent:100,size:"small"}))),p.createElement("br",null),p.createElement(a,{orientation:"left"},"仪表盘进度条"),p.createElement("div",null,p.createElement(l,{type:"dashboard",percent:75,format:function(e){return p.createElement("span",null,e,p.createElement("i",{className:"szc-progress-unit"},"%"))}}),p.createElement(l,{type:"dashboard",percent:70,status:"exception"}),p.createElement(l,{type:"dashboard",percent:100})),p.createElement("br",null))}});case 16:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-progress-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nimport { ConfigProvider, Divider, Progress, Space } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">线性进度条</Divider>\n    <div>\n      <Progress percent={30} />\n      <Progress percent={50} status="active" />\n      <Progress percent={70} status="exception" />\n      <Progress percent={100} />\n      <Progress percent={50} showInfo={false} />\n    </div>\n    <br />\n\n    <Divider orientation="left">线性进度条(小)</Divider>\n    <div>\n      <Progress percent={30} size="small" />\n      <Progress percent={50} status="active" size="small" />\n      <Progress percent={70} status="exception" size="small" />\n      <Progress percent={100} size="small" />\n      <Progress percent={50} showInfo={false} size="small" />\n    </div>\n    <br />\n\n    <Divider orientation="left">进度圈</Divider>\n    <p>\n      不同的业务场景百分比和单位字号可能不同，此处提供类.szc-progress-unit（12px、#7B828D使用），其他需开发者自行实现\n    </p>\n    <div>\n      <Space wrap>\n        <Progress\n          type="circle"\n          percent={75}\n          size=\'small\'\n          format={(percent) => (\n            <span>\n              {percent}\n              <i className=\'szc-progress-unit\'>%</i>\n            </span>\n          )}\n        />\n        <Progress type="circle" percent={70} size=\'small\' status="exception" />\n        <Progress type="circle" percent={100} size=\'small\' />\n      </Space>\n    </div>\n    <br />\n\n    <Divider orientation="left">仪表盘进度条</Divider>\n    <div>\n      <Progress\n        type="dashboard"\n        percent={75}\n        format={(percent) => (\n          <span>\n            {percent}\n            {/* <i style={{ color: \'#7B828D\', fontSize: \'14px\' }}>%</i> */}\n            <i className=\'szc-progress-unit\'>%</i>\n          </span>\n        )}\n      />\n      <Progress type="dashboard" percent={70} status="exception" />\n      <Progress type="dashboard" percent={100} />\n    </div>\n    <br />\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},22429:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-radio-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Divider,l=r.Radio,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(a,{orientation:"left"},"单选框类型"),p.createElement(l,{defaultChecked:!1,disabled:!0},"Disabled"),p.createElement(l,{defaultChecked:!0,disabled:!0},"Disabled"),p.createElement(l.Group,{defaultValue:4},p.createElement(l,{value:1},"未选中默认"),p.createElement(l,{value:2},"未选中悬浮"),p.createElement(l,{value:3,disabled:!0},"未选中禁用"),p.createElement(l,{value:4},"选中按下")),p.createElement(l.Group,{defaultValue:2,disabled:!0},p.createElement(l,{value:2},"选中禁用")),p.createElement("br",null),p.createElement(a,{orientation:"left"},"排列类型"),p.createElement("p",null,"由于各类布局不一致，因此不做强制覆盖。如需多项目组合横/纵向排列时，间距为16px，可直接使用样式类：.szc-components-radios"))}});case 15:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-radio-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\n\nimport { ConfigProvider, Divider, Radio } from \"@szc-ft/szcd\";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation=\"left\">单选框类型</Divider>\n    <Radio defaultChecked={false} disabled>\n      Disabled\n    </Radio>\n    <Radio defaultChecked disabled>\n      Disabled\n    </Radio>\n\n    <Radio.Group defaultValue={4}>\n      <Radio value={1}>未选中默认</Radio>\n      <Radio value={2}>未选中悬浮</Radio>\n      <Radio value={3} disabled>未选中禁用</Radio>\n      <Radio value={4}>选中按下</Radio>\n    </Radio.Group>\n    <Radio.Group defaultValue={2} disabled>\n      <Radio value={2}>选中禁用</Radio>\n    </Radio.Group>\n    <br />\n    <Divider orientation=\"left\">排列类型</Divider>\n    <p>\n      由于各类布局不一致，因此不做强制覆盖。如需多项目组合横/纵向排列时，间距为16px，可直接使用样式类：.szc-components-radios\n    </p>\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},19656:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-radio-button-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.ConfigProvider,a=r.Divider,l=r.Radio,e.abrupt("return",{default:function(){return p.createElement(o,{theme:s()({},n)},p.createElement(a,{orientation:"left"},"单选框-常规"),p.createElement(l.Group,{defaultValue:4},p.createElement(l.Button,{value:1},"未选中默认"),p.createElement(l.Button,{value:2},"未选中悬浮"),p.createElement(l.Button,{value:4},"选中按下")),p.createElement("br",null),p.createElement("br",null),p.createElement(a,{orientation:"left"},"单选块-禁用"),p.createElement(l.Group,{defaultValue:"b",style:{marginTop:16}},p.createElement(l.Button,{value:"a",disabled:!0},"Hangzhou"),p.createElement(l.Button,{value:"b"},"Shanghai"),p.createElement(l.Button,{value:"c",disabled:!0},"Beijing"),p.createElement(l.Button,{value:"d"},"Chengdu")),p.createElement("br",null),p.createElement("br",null),p.createElement(a,{orientation:"left"},"单选块-大"),p.createElement(l.Group,{defaultValue:4,size:"large"},p.createElement(l.Button,{value:1},"未选中默认"),p.createElement(l.Button,{value:2},"未选中悬浮"),p.createElement(l.Button,{value:4},"选中按下")),p.createElement("br",null),p.createElement("br",null),p.createElement(a,{orientation:"left"},"单选块-小"),p.createElement(l.Group,{defaultValue:4,size:"small"},p.createElement(l.Button,{value:1},"未选中默认"),p.createElement(l.Button,{value:2},"未选中悬浮"),p.createElement(l.Button,{value:4},"选中按下")))}});case 15:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-radio-button-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nimport { ConfigProvider, Divider, Radio } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">单选框-常规</Divider>\n    <Radio.Group defaultValue={4}>\n      <Radio.Button value={1}>未选中默认</Radio.Button>\n      <Radio.Button value={2}>未选中悬浮</Radio.Button>\n      <Radio.Button value={4}>选中按下</Radio.Button>\n    </Radio.Group>\n    <br />\n    <br />\n    <Divider orientation="left">单选块-禁用</Divider>\n    <Radio.Group defaultValue="b" style={{ marginTop: 16 }}>\n      <Radio.Button value="a" disabled>Hangzhou</Radio.Button>\n      <Radio.Button value="b">Shanghai</Radio.Button>\n      <Radio.Button value="c" disabled>Beijing</Radio.Button>\n      <Radio.Button value="d">Chengdu</Radio.Button>\n    </Radio.Group>\n    <br />\n    <br />\n    <Divider orientation="left">单选块-大</Divider>\n    <Radio.Group defaultValue={4} size="large">\n      <Radio.Button value={1}>未选中默认</Radio.Button>\n      <Radio.Button value={2}>未选中悬浮</Radio.Button>\n      <Radio.Button value={4}>选中按下</Radio.Button>\n    </Radio.Group>\n    <br />\n    <br />\n    <Divider orientation="left">单选块-小</Divider>\n    <Radio.Group defaultValue={4} size="small">\n      <Radio.Button value={1}>未选中默认</Radio.Button>\n      <Radio.Button value={2}>未选中悬浮</Radio.Button>\n      <Radio.Button value={4}>选中按下</Radio.Button>\n    </Radio.Group>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},28054:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(2901),v=t(28801),g={"src-components-cover-select-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f,h;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=d(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return r=e.sent,o=r.Col,a=r.ConfigProvider,l=r.Divider,c=r.Form,u=r.Row,m=r.Select,f=m.Option,h=m.OptGroup,e.abrupt("return",{default:function(){return p.createElement(a,{theme:s()({},n)},p.createElement(l,{orientation:"left"},"下拉框-常规"),p.createElement(u,{gutter:[24,24]},p.createElement(o,{span:8},p.createElement(m,{defaultValue:"选项1",style:{width:240},defaultOpen:!0,showSearch:!0,allowClear:!0,placeholder:"文本提示"},p.createElement(f,{value:"选项1"},"选项1"),p.createElement(f,{value:"选项2"},"选项2"),p.createElement(f,{value:"选项3",disabled:!0},"选项3(禁用)"),p.createElement(f,{value:"选项4"},"选项4"))),p.createElement(o,{span:8},p.createElement(m,{style:{width:240},showSearch:!0,allowClear:!0,placeholder:"能检索能清除的单选框"},p.createElement(f,{value:"选项1"},"选项1"),p.createElement(f,{value:"选项2"},"选项2"),p.createElement(f,{value:"选项3",disabled:!0},"禁用啦！"),p.createElement(f,{value:"选项4"},"选项4"))),p.createElement(o,{span:8},p.createElement(m,{defaultValue:"带默认值的下拉框",style:{width:240}},p.createElement(f,{value:"带默认值的下拉框"},"带默认值的下拉框"),p.createElement(f,{value:"选项2"},"选项2"))),p.createElement(o,{span:8},p.createElement(m,{defaultValue:"选项1",style:{width:240},loading:!0},p.createElement(f,{value:"选项1"},"选项1")))),p.createElement(l,{orientation:"left"},"下拉框-多选"),p.createElement("div",null,"设置 popupClassName='modeTags'"),p.createElement("br",null),p.createElement(u,{gutter:[24,24]},p.createElement(o,{span:8},p.createElement(m,{style:{width:240},mode:"tags",popupClassName:"modeTags",showSearch:!0,allowClear:!0,defaultOpen:!0,placeholder:"多选下拉框",defaultValue:["选项1","选项4","选项8"]},p.createElement(f,{value:"选项1"},"选项1"),p.createElement(f,{value:"选项2"},"选项2"),p.createElement(f,{value:"选项3",disabled:!0},"禁用啦！"),p.createElement(f,{value:"选项4",disabled:!0},"选项4"),p.createElement(f,{value:"选项5"},"选项5"),p.createElement(f,{value:"选项6"},"选项6"),p.createElement(f,{value:"选项7"},"选项7"),p.createElement(f,{value:"选项8"},"选项8"),p.createElement(f,{value:"选项9"},"选项9"))),p.createElement(o,{span:8},p.createElement(m,{style:{width:240},defaultValue:"选项1",popupClassName:"modeTags",mode:"tags",showSearch:!0,allowClear:!0,placeholder:"多选下拉框"},p.createElement(f,{value:"选项1"},"选项1"),p.createElement(f,{value:"选项2"},"选项2"),p.createElement(f,{value:"选项3",disabled:!0},"禁用啦！"),p.createElement(f,{value:"选项4"},"选项4")))),p.createElement(u,{gutter:[24,24]},p.createElement(l,{orientation:"left"},"下拉框-禁用"),p.createElement(o,{span:8},p.createElement(m,{style:{width:240},placeholder:"禁用文本提示",disabled:!0})),p.createElement(o,{span:8},p.createElement(m,{defaultValue:"禁用有下拉框默认值",style:{width:240},disabled:!0},p.createElement(f,{value:"禁用有下拉框默认值"},"禁用下拉框默认值")))),p.createElement(u,{gutter:[24,24]},p.createElement(l,{orientation:"left"},"下拉框-错误"),p.createElement(o,{span:8},p.createElement(c,null,p.createElement(c.Item,{validateStatus:"error"},p.createElement(m,{defaultValue:"错误样式的下拉框",style:{width:240}},p.createElement(f,{value:"错误样式的下拉框"},"错误样式的下拉框")))))),p.createElement(u,{gutter:[24,24]},p.createElement(l,{orientation:"left"},"下拉框-分组"),p.createElement(o,{span:8},p.createElement(m,{defaultValue:"有分组的下拉框",style:{width:240}},p.createElement(h,{label:"管理层"},p.createElement(f,{value:"张三"},"张三"),p.createElement(f,{value:"王五"},"王五")),p.createElement(h,{label:"研发者"},p.createElement(f,{value:"李四"},"李四")))),p.createElement(o,{span:8},p.createElement(m,{defaultValue:"李四",style:{width:240},mode:"tags"},p.createElement(h,{label:"管理层"},p.createElement(f,{value:"张三"},"张三"),p.createElement(f,{value:"王五"},"王五")),p.createElement(h,{label:"研发者"},p.createElement(f,{value:"李四"},"李四"))))))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-select-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nimport { Col, ConfigProvider, Divider, Form, Row, Select } from "@szc-ft/szcd";\n\nconst Option = Select.Option;\nconst OptGroup = Select.OptGroup;\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">下拉框-常规</Divider>\n    <Row gutter={[24, 24]}>\n      <Col span={8}>\n        <Select\n          defaultValue="选项1"\n          style={{ width: 240 }}\n          defaultOpen={true}\n          showSearch={true}\n          allowClear={true}\n          placeholder="文本提示"\n        >\n          <Option value="选项1">选项1</Option>\n          <Option value="选项2">选项2</Option>\n          <Option value="选项3" disabled>\n            选项3(禁用)\n          </Option>\n          <Option value="选项4">选项4</Option>\n        </Select>\n      </Col>\n\n      <Col span={8}>\n        <Select\n          style={{ width: 240 }}\n          showSearch={true}\n          allowClear={true}\n          placeholder="能检索能清除的单选框"\n        >\n          <Option value="选项1">选项1</Option>\n          <Option value="选项2">选项2</Option>\n          <Option value="选项3" disabled>\n            禁用啦！\n          </Option>\n          <Option value="选项4">选项4</Option>\n        </Select>\n      </Col>\n\n      <Col span={8}>\n        <Select defaultValue="带默认值的下拉框" style={{ width: 240 }}>\n          <Option value="带默认值的下拉框">带默认值的下拉框</Option>\n          <Option value="选项2">选项2</Option>\n        </Select>\n      </Col>\n      <Col span={8}>\n        <Select defaultValue="选项1" style={{ width: 240 }} loading>\n          <Option value="选项1">选项1</Option>\n        </Select>\n      </Col>\n    </Row>\n\n    <Divider orientation="left">下拉框-多选</Divider>\n    <div>设置 popupClassName=\'modeTags\'</div>\n    <br />\n    <Row gutter={[24, 24]}>\n\n      <Col span={8}>\n        <Select\n          style={{ width: 240 }}\n          mode="tags"\n          popupClassName=\'modeTags\'\n          showSearch\n          allowClear\n          defaultOpen\n          placeholder="多选下拉框"\n          defaultValue={[\'选项1\',\'选项4\',\'选项8\']}\n        >\n          <Option value="选项1">选项1</Option>\n          <Option value="选项2">选项2</Option>\n          <Option value="选项3" disabled>\n            禁用啦！\n          </Option>\n          <Option value="选项4" disabled>选项4</Option>\n          <Option value="选项5">选项5</Option>\n          <Option value="选项6">选项6</Option>\n          <Option value="选项7">选项7</Option>\n          <Option value="选项8">选项8</Option>\n          <Option value="选项9">选项9</Option>\n        </Select>\n      </Col>\n      <Col span={8}>\n        <Select\n          style={{ width: 240 }}\n          defaultValue="选项1"\n          popupClassName=\'modeTags\'\n          mode="tags"\n          showSearch={true}\n          allowClear={true}\n          placeholder="多选下拉框"\n        >\n          <Option value="选项1">选项1</Option>\n          <Option value="选项2">选项2</Option>\n          <Option value="选项3" disabled>\n            禁用啦！\n          </Option>\n          <Option value="选项4">选项4</Option>\n        </Select>\n      </Col>\n    </Row>\n\n    <Row gutter={[24, 24]}>\n      <Divider orientation="left">下拉框-禁用</Divider>\n      <Col span={8}>\n        <Select\n          style={{ width: 240 }}\n          placeholder="禁用文本提示"\n          disabled\n        ></Select>\n      </Col>\n      <Col span={8}>\n        <Select\n          defaultValue="禁用有下拉框默认值"\n          style={{ width: 240 }}\n          disabled\n        >\n          <Option value="禁用有下拉框默认值">禁用下拉框默认值</Option>\n        </Select>\n      </Col>\n    </Row>\n\n    <Row gutter={[24, 24]}>\n      <Divider orientation="left">下拉框-错误</Divider>\n      <Col span={8}>\n        <Form>\n          <Form.Item validateStatus="error">\n            <Select defaultValue="错误样式的下拉框" style={{ width: 240 }}>\n              <Option value="错误样式的下拉框">错误样式的下拉框</Option>\n            </Select>\n          </Form.Item>\n        </Form>\n      </Col>\n    </Row>\n\n    <Row gutter={[24, 24]}>\n      <Divider orientation="left">下拉框-分组</Divider>\n      <Col span={8}>\n        <Select defaultValue="有分组的下拉框" style={{ width: 240 }}>\n          <OptGroup label="管理层">\n            <Option value="张三">张三</Option>\n            <Option value="王五">王五</Option>\n          </OptGroup>\n          <OptGroup label="研发者">\n            <Option value="李四">李四</Option>\n          </OptGroup>\n        </Select>\n      </Col>\n      <Col span={8}>\n        <Select defaultValue="李四" style={{ width: 240 }} mode="tags">\n          <OptGroup label="管理层">\n            <Option value="张三">张三</Option>\n            <Option value="王五">王五</Option>\n          </OptGroup>\n          <OptGroup label="研发者">\n            <Option value="李四">李四</Option>\n          </OptGroup>\n        </Select>\n      </Col>\n    </Row>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd/index.less":h,"@szc-ft/szcd":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},3956:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-slider-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,v,g;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.t.bind(t,67294,19));case 14:return a=e.sent,i=a.default,s=a.useState,(new o).load(document.body),e.next=20,Promise.resolve().then(t.bind(t,28801));case 20:return d=e.sent,m=d.ConfigProvider,f=d.Divider,h=d.Slider,v={0:"0M",2:"2M",4:"4M",6:"6M",8:"8M"},g=function(){var e=s(!1),t=u()(e,2),r=t[0];t[1];return i.createElement(m,{theme:c()({},n)},i.createElement(f,{orientation:"left"},"滑动输入条"),i.createElement("div",{style:{display:"flex",width:300,gap:10,flexFlow:"column"}},i.createElement(h,{defaultValue:30}),i.createElement(h,{marks:v,range:!0,defaultValue:[2,4],max:8,min:0,step:8,disabled:r}),i.createElement(h,{defaultValue:30,disabled:!0}),i.createElement(h,{marks:v,range:!0,defaultValue:[2,4],max:8,min:0,step:8,disabled:!0}),i.createElement(h,{marks:v,range:!0,defaultValue:[2,8],max:8,min:0,step:8,disabled:!1})))},e.abrupt("return",{default:g});case 27:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-slider-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport React, { useState } from 'react';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Slider } from \"@szc-ft/szcd\";\n\nconst marks = {\n  0: '0M',\n  2: '2M',\n  4: '4M',\n  6: '6M',\n  8: '8M',\n};\n\nconst Demo: React.FC = () => {\n  const [disabled, setDisabled] = useState(false);\n\n  const handleDisabledChange = (disabled) => {\n    setDisabled({ disabled });\n  };\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">滑动输入条</Divider>\n      <div\n        style={{\n          display: 'flex',\n          width: 300,\n          gap: 10,\n          flexFlow: 'column',\n        }}\n      >\n        <Slider defaultValue={30} />\n        <Slider\n          marks={marks}\n          range\n          defaultValue={[2, 4]}\n          max={8}\n          min={0}\n          step={8}\n          disabled={disabled}\n        />\n        <Slider defaultValue={30} disabled={true} />\n        <Slider\n          marks={marks}\n          range\n          defaultValue={[2, 4]}\n          max={8}\n          min={0}\n          step={8}\n          disabled={true}\n        />\n         <Slider\n          marks={marks}\n          range\n          defaultValue={[2, 8]}\n          max={8}\n          min={0}\n          step={8}\n          disabled={false}\n        />\n      </div>\n    </ConfigProvider>\n  );\n};\n\nexport default Demo;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},83614:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-spin-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:return a=e.sent,l=a.ConfigProvider,c=a.Divider,u=a.Spin,e.abrupt("return",{default:function(){return p.createElement(l,{theme:s()({},n)},p.createElement(c,{orientation:"left"},"基本展示"),p.createElement(u,null),p.createElement("br",null))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-spin-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Spin } from \"@szc-ft/szcd\";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation=\"left\">基本展示</Divider>\n    <Spin />\n    <br />\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},95278:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-steps-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,g,b,x,y,E;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.LoadingOutlined,a=r.SmileOutlined,i=r.SolutionOutlined,s=r.UserOutlined,d=r.ErrorIcon,e.next=13,Promise.resolve().then(t.bind(t,28801));case 13:return m=e.sent,f=m.default,e.t0=p(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=22,Promise.resolve().then(t.t.bind(t,67294,19));case 22:return h=e.sent,g=h.useState,(new f).load(document.body),e.next=27,Promise.resolve().then(t.bind(t,28801));case 27:return b=e.sent,x=b.ConfigProvider,y=b.Divider,E=b.Steps,e.abrupt("return",{default:function(){var e="This is a description.",t=g(0),r=u()(t,2),l=r[0],m=r[1],p=function(e){m(e)};return v.createElement(x,{theme:c()({},n)},v.createElement(y,{orientation:"left"},"基本展示"),v.createElement(E,{current:1,items:[{title:"Finished",description:e},{title:"In Progress",description:e,subTitle:"Left 00:00:08"},{title:"Waiting",description:e}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"迷你版"),v.createElement(E,{size:"small",current:1,items:[{title:"Finished"},{title:"In Progress"},{title:"Waiting"}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"带图标的步骤条"),v.createElement(E,{items:[{title:"Login",status:"finish",icon:v.createElement(s,null)},{title:"Verification",status:"finish",icon:v.createElement(i,null)},{title:"Pay",status:"process",icon:v.createElement(o,null)},{title:"Done",status:"wait",icon:v.createElement(a,null)}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"竖直方向的步骤条"),v.createElement(E,{direction:"vertical",current:1,items:[{title:"Finished",description:e},{title:"In Progress",description:e},{title:"Waiting",description:e}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"竖直方向的小型步骤条"),v.createElement(E,{direction:"vertical",size:"small",current:1,items:[{title:"Finished",description:e},{title:"In Progress",description:e},{title:"Waiting",description:e}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"步骤运行错误"),v.createElement(E,{current:1,status:"error",items:[{title:"Finished",description:e},{title:"In Process",description:e,icon:v.createElement(d,null)},{title:"Waiting",description:e}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"步骤点的进度条"),v.createElement(E,{progressDot:!0,current:1,items:[{title:"Finished",description:"This is a description."},{title:"In Progress",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),v.createElement(y,{orientation:"left"},"步骤点的进度条"),v.createElement(E,{progressDot:!0,current:1,status:"error",items:[{title:"Finished",description:"This is a description."},{title:"In Progress",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),v.createElement(y,null),v.createElement(E,{progressDot:!0,current:1,direction:"vertical",items:[{title:"Finished",description:"This is a description. This is a description."},{title:"Finished",description:"This is a description. This is a description."},{title:"In Progress",description:"This is a description. This is a description."},{title:"Waiting",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),v.createElement("br",null),v.createElement(y,{orientation:"left"},"导航类型的步骤条"),v.createElement(E,{type:"navigation",size:"small",current:l,onChange:p,className:"site-navigation-steps",items:[{title:"Step 1",subTitle:"00:00:05",status:"finish",description:"This is a description."},{title:"Step 2",subTitle:"00:01:02",status:"process",description:"This is a description."},{title:"Step 3",subTitle:"waiting for longlong time",status:"wait",description:"This is a description."}]}),v.createElement(E,{type:"navigation",current:l,onChange:p,className:"site-navigation-steps",items:[{status:"finish",title:"Step 1"},{status:"process",title:"Step 2"},{status:"wait",title:"Step 3"},{status:"wait",title:"Step 4"}]}),v.createElement(E,{type:"navigation",size:"small",current:l,onChange:p,className:"site-navigation-steps",items:[{status:"finish",title:"finish 1"},{status:"finish",title:"finish 2"},{status:"process",title:"current process"},{status:"wait",title:"wait",disabled:!0}]}),v.createElement("br",null))}});case 32:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-steps-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport {\n  LoadingOutlined,\n  SmileOutlined,\n  SolutionOutlined,\n  UserOutlined,\n  ErrorIcon\n} from '@szc-ft/szcd';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { useState } from 'react';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Steps } from \"@szc-ft/szcd\";\n\nexport default () => {\n  const description = 'This is a description.';\n  const [current, setCurrent] = useState(0);\n  const onChange = (value: number) => {\n    console.log('onChange:', value);\n    setCurrent(value);\n  };\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">基本展示</Divider>\n      <Steps\n        current={1}\n        items={[\n          {\n            title: 'Finished',\n            description,\n          },\n          {\n            title: 'In Progress',\n            description,\n            subTitle: 'Left 00:00:08',\n          },\n          {\n            title: 'Waiting',\n            description,\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">迷你版</Divider>\n      <Steps\n        size=\"small\"\n        current={1}\n        items={[\n          {\n            title: 'Finished',\n          },\n          {\n            title: 'In Progress',\n          },\n          {\n            title: 'Waiting',\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">带图标的步骤条</Divider>\n      <Steps\n        items={[\n          {\n            title: 'Login',\n            status: 'finish',\n            icon: <UserOutlined />,\n          },\n          {\n            title: 'Verification',\n            status: 'finish',\n            icon: <SolutionOutlined />,\n          },\n          {\n            title: 'Pay',\n            status: 'process',\n            icon: <LoadingOutlined />,\n          },\n          {\n            title: 'Done',\n            status: 'wait',\n            icon: <SmileOutlined />,\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">竖直方向的步骤条</Divider>\n      <Steps\n        direction=\"vertical\"\n        current={1}\n        items={[\n          {\n            title: 'Finished',\n            description,\n          },\n          {\n            title: 'In Progress',\n            description,\n          },\n          {\n            title: 'Waiting',\n            description,\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">竖直方向的小型步骤条</Divider>\n      <Steps\n        direction=\"vertical\"\n        size=\"small\"\n        current={1}\n        items={[\n          { title: 'Finished', description },\n          {\n            title: 'In Progress',\n            description,\n          },\n          {\n            title: 'Waiting',\n            description,\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">步骤运行错误</Divider>\n      <Steps\n        current={1}\n        status=\"error\"\n        items={[\n          {\n            title: 'Finished',\n            description,\n          },\n          {\n            title: 'In Process',\n            description,\n            icon: <ErrorIcon />\n          },\n          {\n            title: 'Waiting',\n            description,\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">步骤点的进度条</Divider>\n      <Steps\n        progressDot\n        current={1}\n        items={[\n          {\n            title: 'Finished',\n            description: 'This is a description.',\n          },\n          {\n            title: 'In Progress',\n            description: 'This is a description.',\n          },\n          {\n            title: 'Waiting',\n            description: 'This is a description.',\n          },\n        ]}\n      />\n      <Divider orientation=\"left\">步骤点的进度条</Divider>\n      <Steps\n        progressDot\n        current={1}\n        status=\"error\"\n        items={[\n          {\n            title: 'Finished',\n            description: 'This is a description.',\n          },\n          {\n            title: 'In Progress',\n            description: 'This is a description.',\n          },\n          {\n            title: 'Waiting',\n            description: 'This is a description.',\n          },\n        ]}\n      />\n      <Divider />\n      <Steps\n        progressDot\n        current={1}\n        direction=\"vertical\"\n        items={[\n          {\n            title: 'Finished',\n            description: 'This is a description. This is a description.',\n          },\n          {\n            title: 'Finished',\n            description: 'This is a description. This is a description.',\n          },\n          {\n            title: 'In Progress',\n            description: 'This is a description. This is a description.',\n          },\n          {\n            title: 'Waiting',\n            description: 'This is a description.',\n          },\n          {\n            title: 'Waiting',\n            description: 'This is a description.',\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">导航类型的步骤条</Divider>\n      <Steps\n        type=\"navigation\"\n        size=\"small\"\n        current={current}\n        onChange={onChange}\n        className=\"site-navigation-steps\"\n        items={[\n          {\n            title: 'Step 1',\n            subTitle: '00:00:05',\n            status: 'finish',\n            description: 'This is a description.',\n          },\n          {\n            title: 'Step 2',\n            subTitle: '00:01:02',\n            status: 'process',\n            description: 'This is a description.',\n          },\n          {\n            title: 'Step 3',\n            subTitle: 'waiting for longlong time',\n            status: 'wait',\n            description: 'This is a description.',\n          },\n        ]}\n      />\n      <Steps\n        type=\"navigation\"\n        current={current}\n        onChange={onChange}\n        className=\"site-navigation-steps\"\n        items={[\n          {\n            status: 'finish',\n            title: 'Step 1',\n          },\n          {\n            status: 'process',\n            title: 'Step 2',\n          },\n          {\n            status: 'wait',\n            title: 'Step 3',\n          },\n          {\n            status: 'wait',\n            title: 'Step 4',\n          },\n        ]}\n      />\n      <Steps\n        type=\"navigation\"\n        size=\"small\"\n        current={current}\n        onChange={onChange}\n        className=\"site-navigation-steps\"\n        items={[\n          {\n            status: 'finish',\n            title: 'finish 1',\n          },\n          {\n            status: 'finish',\n            title: 'finish 2',\n          },\n          {\n            status: 'process',\n            title: 'current process',\n          },\n          {\n            status: 'wait',\n            title: 'wait',\n            disabled: true,\n          },\n        ]}\n      />\n      <br />\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},76536:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"src-components-cover-swtich-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:return a=e.sent,l=a.ConfigProvider,c=a.Divider,u=a.Switch,e.abrupt("return",{default:function(){return p.createElement(l,{theme:s()({},n)},p.createElement(c,{orientation:"left"},"基础开关"),p.createElement("div",{style:{display:"flex",gap:"24px",flexDirection:"row"}},p.createElement("div",null,p.createElement(u,null),p.createElement("p",null,"关闭默认")),p.createElement("div",null,p.createElement(u,{disabled:!0}),p.createElement("p",null,"关闭禁用")),p.createElement("div",null,p.createElement(u,{defaultChecked:!0}),p.createElement("p",null,"打开默认")),p.createElement("div",null,p.createElement(u,{defaultChecked:!0,disabled:!0}),p.createElement("p",null,"打开禁用")),p.createElement("div",null,p.createElement(u,{disabled:!0,loading:!0})),p.createElement("div",null,p.createElement(u,{defaultChecked:!0,disabled:!0,loading:!0}))),p.createElement(c,{orientation:"left"},"文本开关"),p.createElement("div",{style:{display:"flex",gap:"24px",flexDirection:"row"}},p.createElement("div",null,p.createElement(u,{checkedChildren:"启用",unCheckedChildren:"停用"}),p.createElement("p",null,"关闭默认")),p.createElement("div",null,p.createElement(u,{checkedChildren:"启用",unCheckedChildren:"停用",disabled:!0}),p.createElement("p",null,"关闭禁用")),p.createElement("div",null,p.createElement(u,{checkedChildren:"启用",unCheckedChildren:"停用",defaultChecked:!0}),p.createElement("p",null,"打开默认")),p.createElement("div",null,p.createElement(u,{checkedChildren:"启用",unCheckedChildren:"停用",defaultChecked:!0,disabled:!0}),p.createElement("p",null,"打开禁用")),p.createElement("div",null,p.createElement(u,{disabled:!0,loading:!0})),p.createElement("div",null,p.createElement(u,{defaultChecked:!0,disabled:!0,loading:!0}))),p.createElement(c,{orientation:"left"},"开关提供大（默认）、小2种尺寸"),p.createElement("div",{style:{display:"flex",gap:"24px",flexDirection:"row"}},p.createElement("div",null,p.createElement(u,{defaultChecked:!0}),p.createElement("p",null,"默认尺寸-大")),p.createElement("div",null,p.createElement(u,{size:"small",defaultChecked:!0}),p.createElement("p",null,"小尺寸"))))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-swtich-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Switch } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">基础开关</Divider>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'24px\',\n        flexDirection: \'row\',\n      }}\n    >\n      <div>\n        <Switch />\n        <p>关闭默认</p>\n      </div>\n      <div>\n        <Switch disabled />\n        <p>关闭禁用</p>\n      </div>\n      <div>\n        <Switch defaultChecked />\n        <p>打开默认</p>\n      </div>\n      <div>\n        <Switch defaultChecked disabled />\n        <p>打开禁用</p>\n      </div>\n      <div>\n        <Switch disabled loading />\n      </div>\n      <div>\n        <Switch defaultChecked disabled loading />\n      </div>\n    </div>\n\n    <Divider orientation="left">文本开关</Divider>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'24px\',\n        flexDirection: \'row\',\n      }}\n    >\n      <div>\n        <Switch checkedChildren="启用" unCheckedChildren="停用" />\n        <p>关闭默认</p>\n      </div>\n      <div>\n        <Switch checkedChildren="启用" unCheckedChildren="停用" disabled />\n        <p>关闭禁用</p>\n      </div>\n      <div>\n        <Switch\n          checkedChildren="启用"\n          unCheckedChildren="停用"\n          defaultChecked\n        />\n        <p>打开默认</p>\n      </div>\n      <div>\n        <Switch\n          checkedChildren="启用"\n          unCheckedChildren="停用"\n          defaultChecked\n          disabled\n        />\n        <p>打开禁用</p>\n      </div>\n      <div>\n        <Switch disabled loading />\n      </div>\n      <div>\n        <Switch defaultChecked disabled loading />\n      </div>\n    </div>\n    <Divider orientation="left">开关提供大（默认）、小2种尺寸</Divider>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'24px\',\n        flexDirection: \'row\',\n      }}\n    >\n      <div>\n        <Switch defaultChecked />\n        <p>默认尺寸-大</p>\n      </div>\n      <div>\n        <Switch size="small" defaultChecked />\n        <p>小尺寸</p>\n      </div>\n    </div>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},92890:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return k}});var a,i,l=t(15009),s=t.n(l),c=t(97857),d=t.n(c),u=t(19632),m=t.n(u),p=t(5574),f=t.n(p),h=t(49677),v=t.n(h),g=t(99289),b=t.n(g),x=t(67294),y=t(7927),E=t(28801),C=t(2901),k={"src-components-cover-tabs-demo-0":{component:x.memo(x.lazy(b()(s()().mark(function e(){var n,r,o,a,i,l,c,u,p,h,g,b,x,y,E;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.AndroidOutlined,a=r.AppleOutlined,e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return i=e.sent,l=i.default,e.t0=v(),e.next=15,Promise.resolve().then(t.bind(t,2901));case 15:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=19,Promise.resolve().then(t.t.bind(t,67294,19));case 19:return c=e.sent,u=c.default,p=c.useRef,h=c.useState,(new l).load(document.body),e.next=26,Promise.resolve().then(t.bind(t,28801));case 26:return g=e.sent,b=g.ConfigProvider,x=g.Divider,y=g.Tabs,y.TabPane,E=[{label:"Tab 1",children:"Content of Tab 1",key:"1"},{label:"Tab 2",children:"Content of Tab 2",key:"2"},{label:"Tab 3",children:"Content of Tab 3",key:"3",closable:!1}],e.abrupt("return",{default:function(){var e=h(E[0].key),t=f()(e,2),r=t[0],i=t[1],l=h(E),s=f()(l,2),c=s[0],v=s[1],g=p(0),C=function(e){i(e)};return u.createElement(b,{theme:d()({},n)},u.createElement(x,{orientation:"left"},"标准页签"),u.createElement(y,{defaultActiveKey:"1",items:[{key:"1",label:"标准页签1",children:"Content of Tab Pane 1"},{key:"2",label:"标准页签2",children:"Content of Tab Pane 2"},{key:"3",label:"标准页签3",children:"Content of Tab Pane 3",disabled:!0}]}),u.createElement(x,{orientation:"left"},"标准页签带图标"),u.createElement(y,{defaultActiveKey:"2",items:[a,o].map(function(e,n){var t=String(n+1);return{label:u.createElement("span",null,u.createElement(e,null),"Tab ",t),key:t,children:"Tab ".concat(t)}})}),u.createElement(x,{orientation:"left"},"次级页签"),u.createElement(y,{defaultActiveKey:"1",type:"card",items:[{key:"1",label:"标准页签1",children:"Content of Tab Pane 1"},{key:"2",label:"标准页签2",children:"Content of Tab Pane 2"},{key:"3",label:"标准页签3",children:"Content of Tab Pane 3"}],onChange:C}),u.createElement(x,{orientation:"left"},"可编辑的次级页签"),u.createElement(y,{type:"editable-card",onChange:C,activeKey:r,onEdit:function(e,n){var t,o;"add"===n?(t="newTab".concat(g.current++),(o=m()(c)).push({label:"New Tab",children:"Content of new Tab",key:t}),v(o),i(t)):function(e){var n=r,t=-1;c.forEach(function(n,r){n.key===e&&(t=r-1)});var o=c.filter(function(n){return n.key!==e});o.length&&n===e&&(n=t>=0?o[t].key:o[0].key),v(o),i(n)}(e)},items:c}))}});case 33:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-tabs-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport { AndroidOutlined, AppleOutlined } from '@szc-ft/szcd';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport React, { useRef, useState } from 'react';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Tabs } from \"@szc-ft/szcd\";\nconst { TabPane } = Tabs;\n\ntype TargetKey = React.MouseEvent | React.KeyboardEvent | string;\n\nconst initialItems = [\n  { label: 'Tab 1', children: 'Content of Tab 1', key: '1' },\n  { label: 'Tab 2', children: 'Content of Tab 2', key: '2' },\n  {\n    label: 'Tab 3',\n    children: 'Content of Tab 3',\n    key: '3',\n    closable: false,\n  },\n];\n\nexport default () => {\n  const [activeKey, setActiveKey] = useState(initialItems[0].key);\n  const [items, setItems] = useState(initialItems);\n  const newTabIndex = useRef(0);\n\n  const onChange = (newActiveKey: string) => {\n    setActiveKey(newActiveKey);\n  };\n\n  const add = () => {\n    const newActiveKey = `newTab${newTabIndex.current++}`;\n    const newPanes = [...items];\n    newPanes.push({\n      label: 'New Tab',\n      children: 'Content of new Tab',\n      key: newActiveKey,\n    });\n    setItems(newPanes);\n    setActiveKey(newActiveKey);\n  };\n\n  const remove = (targetKey: TargetKey) => {\n    let newActiveKey = activeKey;\n    let lastIndex = -1;\n    items.forEach((item, i) => {\n      if (item.key === targetKey) {\n        lastIndex = i - 1;\n      }\n    });\n    const newPanes = items.filter((item) => item.key !== targetKey);\n    if (newPanes.length && newActiveKey === targetKey) {\n      if (lastIndex >= 0) {\n        newActiveKey = newPanes[lastIndex].key;\n      } else {\n        newActiveKey = newPanes[0].key;\n      }\n    }\n    setItems(newPanes);\n    setActiveKey(newActiveKey);\n  };\n\n  const onEdit = (\n    targetKey: React.MouseEvent | React.KeyboardEvent | string,\n    action: 'add' | 'remove',\n  ) => {\n    if (action === 'add') {\n      add();\n    } else {\n      remove(targetKey);\n    }\n  };\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">标准页签</Divider>\n      <Tabs\n        defaultActiveKey=\"1\"\n        items={[\n          {\n            key: '1',\n            label: `标准页签1`,\n            children: `Content of Tab Pane 1`,\n          },\n          {\n            key: '2',\n            label: `标准页签2`,\n            children: `Content of Tab Pane 2`,\n          },\n          {\n            key: '3',\n            label: `标准页签3`,\n            children: `Content of Tab Pane 3`,\n            disabled: true\n          },\n        ]}\n      />\n\n      <Divider orientation=\"left\">标准页签带图标</Divider>\n      <Tabs\n        defaultActiveKey=\"2\"\n        items={[AppleOutlined, AndroidOutlined].map((Icon, i) => {\n          const id = String(i + 1);\n\n          return {\n            label: (\n              <span>\n                <Icon />\n                Tab {id}\n              </span>\n            ),\n            key: id,\n            children: `Tab ${id}`,\n          };\n        })}\n      />\n      <Divider orientation=\"left\">次级页签</Divider>\n      <Tabs\n        defaultActiveKey=\"1\"\n        type=\"card\"\n        items={[\n          {\n            key: '1',\n            label: `标准页签1`,\n            children: `Content of Tab Pane 1`,\n          },\n          {\n            key: '2',\n            label: `标准页签2`,\n            children: `Content of Tab Pane 2`,\n          },\n          {\n            key: '3',\n            label: `标准页签3`,\n            children: `Content of Tab Pane 3`,\n          },\n        ]}\n        onChange={onChange}\n      />\n      <Divider orientation=\"left\">可编辑的次级页签</Divider>\n      <Tabs\n        type=\"editable-card\"\n        onChange={onChange}\n        activeKey={activeKey}\n        onEdit={onEdit}\n        items={items}\n      />\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(y,2)),"@szc-ft/szcd":E,"@szc-ft/szcd/index.less":C,react:o||(o=t.t(x,2))},renderOpts:{compile:(i=b()(s()().mark(function e(){var n,r=arguments;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"src-components-cover-tabs-demo-1":{component:x.memo(x.lazy(b()(s()().mark(function e(){var n,r,o,a,i,l,c,u,p,h,g;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.t.bind(t,67294,19));case 5:return r=e.sent,o=r.default,a=r.useRef,i=r.useState,e.next=11,Promise.resolve().then(t.bind(t,28801));case 11:return l=e.sent,c=l.ConfigProvider,u=l.Divider,p=l.Tabs,e.t0=v(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),h=p.TabPane,g=[{label:"Tab 1",children:"Content of Tab 1",key:"1"},{label:"Tab 2",children:"Content of Tab 2",key:"2",disabled:!0},{label:"Tab 3",children:"Content of Tab 3",key:"3",closable:!1}],e.abrupt("return",{default:function(){var e=i(g[0].key),t=f()(e,2),r=t[0],l=t[1],s=i(g),v=f()(s,2),b=v[0],x=v[1],y=a(0),E=function(e){l(e)},C=function(e,n){var t,o;"add"===n?(t="newTab".concat(y.current++),(o=m()(b)).push({label:"New Tab",children:"Content of new Tab",key:t}),x(o),l(t)):function(e){var n=r,t=-1;b.forEach(function(n,r){n.key===e&&(t=r-1)});var o=b.filter(function(n){return n.key!==e});o.length&&n===e&&(n=t>=0?o[t].key:o[0].key),x(o),l(n)}(e)},k=o.createElement(p,{type:"editable-card",onChange:E,activeKey:r,onEdit:C,items:b});return o.createElement(c,{theme:d()({},n)},o.createElement(u,{orientation:"left"},"组合页签"),o.createElement(p,{defaultActiveKey:"1",items:[{key:"1",label:"标准页签1",children:k},{key:"2",label:"标准页签2",children:k},{key:"3",label:"标准页签3",children:"Content of Tab Pane 3",disabled:!0},{key:"4",label:"标准页签4",children:k}]}),o.createElement(u,{orientation:"left"},"组合页签TabPane用法"),o.createElement(p,{defaultActiveKey:"1",items:[{key:"1",label:"标准页签1",children:k},{key:"2",label:"标准页签2",children:k},{key:"3",label:"标准页签3",children:"Content of Tab Pane 3",disabled:!0},{key:"4",label:"标准页签4",children:k}]},o.createElement(h,{key:"1",label:"标准页签1"},o.createElement(p,{type:"editable-card",onChange:E,activeKey:r,onEdit:C},o.createElement(h,{key:"1",label:"Tab 1",closable:!0},"Content of Tab 1"),o.createElement(h,{key:"2",label:"Tab 2",disabled:!0},"Content of Tab 2"),o.createElement(h,{key:"3",label:"Tab 3"},"Content of Tab 3"))),o.createElement(h,{key:"2",label:"标准页签2"},o.createElement(p,{type:"editable-card",onChange:E,activeKey:r,onEdit:C},o.createElement(h,{key:"1",label:"Tab 1",closable:!0},"Content of Tab 1"),o.createElement(h,{key:"2",label:"Tab 2",disabled:!0},"Content of Tab 2"),o.createElement(h,{key:"3",label:"Tab 3"},"Content of Tab 3"))),o.createElement(h,{key:"3",label:"标准页签3",disabled:!0},o.createElement(p,{type:"editable-card",onChange:E,activeKey:r,onEdit:C},o.createElement(h,{key:"1",label:"Tab 1",closable:!0},"Content of Tab 1"),o.createElement(h,{key:"2",label:"Tab 2",disabled:!0},"Content of Tab 2"),o.createElement(h,{key:"3",label:"Tab 3"},"Content of Tab 3"))),o.createElement(h,{key:"4",label:"标准页签4"},o.createElement(p,{type:"editable-card",onChange:E,activeKey:r,onEdit:C},o.createElement(h,{key:"1",label:"Tab 1",closable:!0},"Content of Tab 1"),o.createElement(h,{key:"2",label:"Tab 2",disabled:!0},"Content of Tab 2"),o.createElement(h,{key:"3",label:"Tab 3"},"Content of Tab 3")))))}});case 23:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-tabs-demo-1",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport React, { useRef, useState } from 'react';\nimport { ConfigProvider, Divider, Tabs, AndroidOutlined, AppleOutlined } from \"@szc-ft/szcd\";\nimport '@szc-ft/szcd/index.less';\n\ntype TargetKey = React.MouseEvent | React.KeyboardEvent | string;\n\nconst { TabPane } = Tabs\n\nconst initialItems = [\n  { label: 'Tab 1', children: 'Content of Tab 1', key: '1' },\n  { label: 'Tab 2', children: 'Content of Tab 2', key: '2', disabled: true },\n  {\n    label: 'Tab 3',\n    children: 'Content of Tab 3',\n    key: '3',\n    closable: false,\n  },\n];\n\nexport default () => {\n  const [activeKey, setActiveKey] = useState(initialItems[0].key);\n  const [items, setItems] = useState(initialItems);\n  const newTabIndex = useRef(0);\n\n  const onChange = (newActiveKey: string) => {\n    setActiveKey(newActiveKey);\n  };\n\n  const add = () => {\n    const newActiveKey = `newTab${newTabIndex.current++}`;\n    const newPanes = [...items];\n    newPanes.push({\n      label: 'New Tab',\n      children: 'Content of new Tab',\n      key: newActiveKey,\n    });\n    setItems(newPanes);\n    setActiveKey(newActiveKey);\n  };\n\n  const remove = (targetKey: TargetKey) => {\n    let newActiveKey = activeKey;\n    let lastIndex = -1;\n    items.forEach((item, i) => {\n      if (item.key === targetKey) {\n        lastIndex = i - 1;\n      }\n    });\n    const newPanes = items.filter((item) => item.key !== targetKey);\n    if (newPanes.length && newActiveKey === targetKey) {\n      if (lastIndex >= 0) {\n        newActiveKey = newPanes[lastIndex].key;\n      } else {\n        newActiveKey = newPanes[0].key;\n      }\n    }\n    setItems(newPanes);\n    setActiveKey(newActiveKey);\n  };\n\n  const onEdit = (\n    targetKey: React.MouseEvent | React.KeyboardEvent | string,\n    action: 'add' | 'remove',\n  ) => {\n    if (action === 'add') {\n      add();\n    } else {\n      remove(targetKey);\n    }\n  };\n\n  const qtTabs = (\n    <Tabs\n      type=\"editable-card\"\n      onChange={onChange}\n      activeKey={activeKey}\n      onEdit={onEdit}\n      items={items}\n    />\n  )\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">组合页签</Divider>\n      <Tabs\n        defaultActiveKey=\"1\"\n        items={[\n          {\n            key: '1',\n            label: `标准页签1`,\n            children: qtTabs,\n          },\n          {\n            key: '2',\n            label: `标准页签2`,\n            children: qtTabs,\n          },\n          {\n            key: '3',\n            label: `标准页签3`,\n            children: `Content of Tab Pane 3`,\n            disabled: true\n          },\n          {\n            key: '4',\n            label: `标准页签4`,\n            children: qtTabs\n          },\n        ]}\n      />\n\n      <Divider orientation=\"left\">组合页签TabPane用法</Divider>\n      <Tabs\n        defaultActiveKey=\"1\"\n        items={[\n          {\n            key: '1',\n            label: `标准页签1`,\n            children: qtTabs,\n          },\n          {\n            key: '2',\n            label: `标准页签2`,\n            children: qtTabs,\n          },\n          {\n            key: '3',\n            label: `标准页签3`,\n            children: `Content of Tab Pane 3`,\n            disabled: true\n          },\n          {\n            key: '4',\n            label: `标准页签4`,\n            children: qtTabs\n          },\n        ]}\n      >\n        <TabPane key='1' label='标准页签1'>\n          <Tabs type=\"editable-card\" onChange={onChange} activeKey={activeKey} onEdit={onEdit}>\n            <TabPane key='1' label='Tab 1' closable>Content of Tab 1</TabPane>\n            <TabPane key='2' label='Tab 2' disabled>Content of Tab 2</TabPane>\n            <TabPane key='3' label='Tab 3'>Content of Tab 3</TabPane>\n          </Tabs>\n        </TabPane>\n        <TabPane key='2' label='标准页签2'>\n          <Tabs type=\"editable-card\" onChange={onChange} activeKey={activeKey} onEdit={onEdit}>\n            <TabPane key='1' label='Tab 1' closable>Content of Tab 1</TabPane>\n            <TabPane key='2' label='Tab 2' disabled>Content of Tab 2</TabPane>\n            <TabPane key='3' label='Tab 3'>Content of Tab 3</TabPane>\n          </Tabs>\n        </TabPane>\n        <TabPane key='3' label='标准页签3' disabled>\n          <Tabs type=\"editable-card\" onChange={onChange} activeKey={activeKey} onEdit={onEdit}>\n            <TabPane key='1' label='Tab 1' closable>Content of Tab 1</TabPane>\n            <TabPane key='2' label='Tab 2' disabled>Content of Tab 2</TabPane>\n            <TabPane key='3' label='Tab 3'>Content of Tab 3</TabPane>\n          </Tabs>\n        </TabPane>\n        <TabPane key='4' label='标准页签4'>\n          <Tabs type=\"editable-card\" onChange={onChange} activeKey={activeKey} onEdit={onEdit}>\n            <TabPane key='1' label='Tab 1' closable>Content of Tab 1</TabPane>\n            <TabPane key='2' label='Tab 2' disabled>Content of Tab 2</TabPane>\n            <TabPane key='3' label='Tab 3'>Content of Tab 3</TabPane>\n          </Tabs>\n        </TabPane>\n      </Tabs>\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(y,2)),react:o||(o=t.t(x,2)),"@szc-ft/szcd":E,"@szc-ft/szcd/index.less":C},renderOpts:{compile:(a=b()(s()().mark(function e(){var n,r=arguments;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},14786:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return C}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(19632),u=t.n(d),m=t(5574),p=t.n(m),f=t(49677),h=t.n(f),v=t(99289),g=t.n(v),b=t(67294),x=t(7927),y=t(28801),E=t(2901),C={"tag-demo-0":{component:b.memo(b.lazy(g()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,v,g,b,x,y,E,C,k;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.CloseOutlined,a=r.Badge,e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return i=e.sent,s=i.default,e.t0=h(),e.next=15,Promise.resolve().then(t.bind(t,2901));case 15:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=19,Promise.resolve().then(t.t.bind(t,67294,19));case 19:return d=e.sent,m=d.default,f=d.useState,(new s).load(document.body),e.next=25,Promise.resolve().then(t.bind(t,28801));case 25:return v=e.sent,g=v.ConfigProvider,b=v.Divider,x=v.Tag,y=v.Space,E=x.CheckableTag,C=["Movies","Books","Music","Sports"],k=function(e){},e.abrupt("return",{default:function(){var e=f(["Books","Music"]),t=p()(e,2),r=t[0],i=t[1];return m.createElement(g,{theme:c()({},n)},m.createElement(b,{orientation:"left"},"标签-常规"),m.createElement("div",null,m.createElement(x,{bordered:!1},"普通的标签"),m.createElement(x,null,"描边标签"),m.createElement(x,{closeIcon:m.createElement(o,null),onClose:k,bordered:!1},"可关闭的标签")),m.createElement(b,{orientation:"left"},"多彩标签"),m.createElement("div",null,m.createElement(x,{color:"magenta"},"magenta"),m.createElement(x,{color:"red"},"red"),m.createElement(x,{color:"volcano"},"volcano"),m.createElement(x,{color:"orange"},"orange"),m.createElement(x,{color:"gold"},"gold"),m.createElement(x,{color:"lime"},"lime"),m.createElement(x,{color:"green"},"green"),m.createElement(x,{color:"cyan"},"cyan"),m.createElement(x,{color:"blue"},"blue"),m.createElement(x,{color:"geekblue"},"geekblue"),m.createElement(x,{color:"purple"},"purple")),m.createElement(b,{orientation:"left"},"告警/状态标签"),m.createElement("div",null,m.createElement(x,{color:"#fa2a2d"},"紧急"),m.createElement(x,{color:"#ff7500"},"重要"),m.createElement(x,{color:"#ffbf00"},"次要"),m.createElement(x,{color:"#51d4ab"},"次要"),m.createElement(x,{color:"#0079f7"},"提示"),m.createElement(x,{color:"#41ba41"},"成功"),m.createElement(x,{color:"#bbbecc"},"停止")),m.createElement("br",null),m.createElement("div",null,m.createElement(x,{style:{color:"#FA2A2D",background:"#FFF1F0",borderColor:"#ffccc7"}},"紧急"),m.createElement(x,{style:{color:"#FF7500",background:"#FFF4EA",borderColor:"#FFDBBD"}},"重要"),m.createElement(x,{style:{color:"#E89A02",background:"#FFFBE6",borderColor:"#FFF1B8"}},"次要"),m.createElement(x,{style:{color:"#00BA91",background:"#EDFAF6",borderColor:"#B9EEDD"}},"次要"),m.createElement(x,{style:{color:"#0070E6",background:"#F2F8FD",borderColor:"#D9EAFB"}},"提示"),m.createElement(x,{style:{color:"#41BA41",background:"#F5FFED",borderColor:"#CDF7B9"}},"成功"),m.createElement(x,{style:{color:"#989BAB",background:"#F1F2F5",borderColor:"#E4E5EB"}},"停止")),m.createElement("br",null),m.createElement("br",null),m.createElement(b,{orientation:"left"},"点状标签"),m.createElement(y,null,m.createElement(a,{color:"#fa2a2d",text:"紧急"}),m.createElement(a,{color:"#ff7500",text:"重要"}),m.createElement(a,{color:"#ffbf00",text:"次要"}),m.createElement(a,{color:"#51d4ab",text:"次要"}),m.createElement(a,{color:"#0079F7",text:"提示"}),m.createElement(a,{color:"#41ba41",text:"成功"}),m.createElement(a,{color:"#bbbecc",text:"停止"})),m.createElement("br",null),m.createElement("br",null),m.createElement(b,{orientation:"left"},"可选择标签"),m.createElement("span",{style:{marginRight:8}},"Categories:"),m.createElement(y,{size:[0,8],wrap:!0},C.map(function(e){return m.createElement(E,{key:e,checked:r.includes(e),disabled:["Music","Sports"].includes(e),onChange:function(n){return function(e,n){var t=n?[].concat(u()(r),[e]):r.filter(function(n){return n!==e});i(t)}(e,n)}},e)})))}});case 34:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"tag-demo-0",refAtomIds:["tag"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport { CloseOutlined, Badge } from \'@szc-ft/szcd\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport React, { useState } from \'react\';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Tag, Space } from \'@szc-ft/szcd\';\nconst { CheckableTag } = Tag;\nconst tagsData = [\'Movies\', \'Books\', \'Music\', \'Sports\'];\n\n\nconst log = (e: React.MouseEvent<HTMLElement>) => {\n  console.log(e);\n};\n\n\nexport default () => {\n    const [selectedTags, setSelectedTags] = useState([\'Books\', \'Music\'])\n    const selectedTagChangeHandler = (tag: string, checked: boolean) => {\n        const nextSelectedTags = checked\n      ? [...selectedTags, tag]\n      : selectedTags.filter((t) => t !== tag);\n        setSelectedTags(nextSelectedTags);\n    }\n    return (\n        <ConfigProvider\n            theme={{\n            ...TokenConfig,\n            }}\n        >\n            <Divider orientation="left">标签-常规</Divider>\n            <div>\n            <Tag bordered={false}>普通的标签</Tag>\n            <Tag>描边标签</Tag>\n            <Tag closeIcon={<CloseOutlined />} onClose={log} bordered={false}>\n                可关闭的标签\n            </Tag>\n            </div>\n            <Divider orientation="left">多彩标签</Divider>\n            <div>\n            <Tag color="magenta">magenta</Tag>\n            <Tag color="red">red</Tag>\n            <Tag color="volcano">volcano</Tag>\n            <Tag color="orange">orange</Tag>\n            <Tag color="gold">gold</Tag>\n            <Tag color="lime">lime</Tag>\n            <Tag color="green">green</Tag>\n            <Tag color="cyan">cyan</Tag>\n            <Tag color="blue">blue</Tag>\n            <Tag color="geekblue">geekblue</Tag>\n            <Tag color="purple">purple</Tag>\n            </div>\n            <Divider orientation="left">告警/状态标签</Divider>\n            <div>\n            <Tag color="#fa2a2d">紧急</Tag>\n            <Tag color="#ff7500">重要</Tag>\n            <Tag color="#ffbf00">次要</Tag>\n            <Tag color="#51d4ab">次要</Tag>\n            <Tag color="#0079f7">提示</Tag>\n            <Tag color="#41ba41">成功</Tag>\n            <Tag color="#bbbecc">停止</Tag>\n            </div>\n            \n            <br />\n            <div>\n            <Tag style={{ color: "#FA2A2D", background: "#FFF1F0", borderColor: "#ffccc7" }}>紧急</Tag>\n            <Tag style={{ color: "#FF7500", background: "#FFF4EA", borderColor: "#FFDBBD" }}>重要</Tag>\n            <Tag style={{ color: "#E89A02", background: "#FFFBE6", borderColor: "#FFF1B8" }}>次要</Tag>\n            <Tag style={{ color: "#00BA91", background: "#EDFAF6", borderColor: "#B9EEDD" }}>次要</Tag>\n            <Tag style={{ color: "#0070E6", background: "#F2F8FD", borderColor: "#D9EAFB" }}>提示</Tag>\n            <Tag style={{ color: "#41BA41", background: "#F5FFED", borderColor: "#CDF7B9" }}>成功</Tag>\n            <Tag style={{ color: "#989BAB", background: "#F1F2F5", borderColor: "#E4E5EB" }}>停止</Tag>\n            </div>\n            <br />\n            <br />\n            <Divider orientation="left">点状标签</Divider>\n            <Space>\n                <Badge color="#fa2a2d" text="紧急"/>\n                <Badge color="#ff7500" text="重要" />\n                <Badge color="#ffbf00" text="次要" />\n                <Badge color="#51d4ab" text="次要" />\n                <Badge color="#0079F7" text="提示" />\n                <Badge color="#41ba41" text="成功" />\n                <Badge color="#bbbecc" text="停止" />\n            </Space>\n\n            <br />\n            <br />\n            <Divider orientation="left">可选择标签</Divider>\n            <span style={{ marginRight: 8 }}>Categories:</span>\n            <Space size={[0, 8]} wrap>\n                {tagsData.map((tag) => (\n                <CheckableTag\n                    key={tag}\n                    checked={selectedTags.includes(tag)}\n                    disabled={[\'Music\', \'Sports\'].includes(tag)}\n                    onChange={(checked) => selectedTagChangeHandler(tag, checked)}\n                >\n                    {tag}\n                </CheckableTag>\n                ))}\n            </Space>\n        </ConfigProvider>\n    )\n};'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd":y,"@szc-ft/szcd/index.less":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(a=g()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},326:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(5574),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(28801),h=t(2901),v=t(27484),g={"src-components-cover-time-picker-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.bind(t,28801));case 2:return n=e.sent,r=n.default,e.t0=d(),e.next=7,Promise.resolve().then(t.bind(t,2901));case 7:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=11,Promise.resolve().then(t.t.bind(t,27484,23));case 11:return o=e.sent,o.default,e.next=15,Promise.resolve().then(t.t.bind(t,67294,19));case 15:return a=e.sent,l=a.useState,(new r).load(document.body),e.next=20,Promise.resolve().then(t.bind(t,28801));case 20:return c=e.sent,u=c.Divider,m=c.Form,f=c.TimePicker,e.abrupt("return",{default:function(){var e=l(null),n=s()(e,2),t=n[0],r=n[1],o=l(!1),a=s()(o,2),i=a[0],c=a[1];return p.createElement("div",null,p.createElement(u,{orientation:"left"},"时间选择器-常规"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(f,{style:{width:180},placeholder:"请选择时间"}),p.createElement("p",null,"基本"),p.createElement(f,{style:{width:180},use12Hours:!0,format:"h:mm:ss A",placeholder:"请选择时间"}),p.createElement("p",null,"12 小时制"),p.createElement(f,{value:t,open:i,onOpenChange:function(e){return c(e)},onChange:function(e){return r(e)},style:{width:180},placeholder:"请选择时间"}),p.createElement("p",null,"底部操作按钮")),p.createElement(u,{orientation:"left"},"时间选择器-禁用"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(f,{style:{width:180},placeholder:"选择时间",disabled:!0}),p.createElement("p",null,"无值-禁用"),p.createElement(f,{style:{width:180},placeholder:"选择时间",disabled:!0}),p.createElement("p",null,"带默认值-禁用")),p.createElement(u,{orientation:"left"},"时间选择器-错误"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(m,null,p.createElement(m.Item,{validateStatus:"error"},p.createElement(f,{style:{width:180},placeholder:"请选择时间"})))))}});case 25:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-time-picker-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { Button } from \"@szc-ft/szcd\";\nimport dayjs from 'dayjs';\nimport { useState } from 'react';\nnew Theme().load(document.body);\n\nimport { Divider, Form, TimePicker } from \"@szc-ft/szcd\";\n\nexport default () => {\n  const [now, setNow] = useState(null);\n  const [open, setOpen] = useState(false);\n  const setNowHandler = () => {\n    setNow(dayjs(new Date(), 'HH:mm:ss'));\n    setOpen(false);\n  };\n  return (\n    <div>\n      <Divider orientation=\"left\">时间选择器-常规</Divider>\n      <div\n        style={{\n          display: 'flex',\n          gap: '10px',\n          flexDirection: 'column',\n        }}\n      >\n        <TimePicker style={{ width: 180 }} placeholder=\"请选择时间\" />\n        <p>基本</p>\n\n        <TimePicker\n          style={{ width: 180 }}\n          use12Hours\n          format=\"h:mm:ss A\"\n          placeholder=\"请选择时间\"\n        />\n        <p>12 小时制</p>\n\n        <TimePicker\n          value={now}\n          open={open}\n          onOpenChange={(open) => setOpen(open)}\n          onChange={(value) => setNow(value)}\n          style={{ width: 180 }}\n          placeholder=\"请选择时间\"\n        />\n        <p>底部操作按钮</p>\n      </div>\n      <Divider orientation=\"left\">时间选择器-禁用</Divider>\n      <div\n        style={{\n          display: 'flex',\n          gap: '10px',\n          flexDirection: 'column',\n        }}\n      >\n        <TimePicker style={{ width: 180 }} placeholder=\"选择时间\" disabled />\n        <p>无值-禁用</p>\n\n        <TimePicker style={{ width: 180 }} placeholder=\"选择时间\" disabled />\n        <p>带默认值-禁用</p>\n      </div>\n      <Divider orientation=\"left\">时间选择器-错误</Divider>\n      <div\n        style={{\n          display: 'flex',\n          gap: '10px',\n          flexDirection: 'column',\n        }}\n      >\n        <Form>\n          <Form.Item validateStatus=\"error\">\n            <TimePicker style={{ width: 180 }} placeholder=\"请选择时间\" />\n          </Form.Item>\n        </Form>\n      </div>\n    </div>\n  );\n};"},"@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":f,"@szc-ft/szcd/index.less":h,dayjs:v,react:r||(r=t.t(p,2))},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},31166:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"src-components-cover-timeline-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,g,b;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ClockCircleOutlined,a=r.LoadingOutlined,e.next=10,Promise.resolve().then(t.bind(t,28801));case 10:return i=e.sent,s=i.default,e.t0=p(),e.next=15,Promise.resolve().then(t.bind(t,2901));case 15:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=19,Promise.resolve().then(t.t.bind(t,67294,19));case 19:return d=e.sent,m=d.useState,(new s).load(document.body),e.next=24,Promise.resolve().then(t.bind(t,28801));case 24:return f=e.sent,h=f.ConfigProvider,g=f.Divider,b=f.Timeline,e.abrupt("return",{default:function(){var e=m(!1),t=u()(e,2),r=t[0];t[1];return v.createElement(h,{theme:c()({},n)},v.createElement(g,{orientation:"left"},"基本展示"),v.createElement(b,{items:[{children:"Create a services site 2015-09-01"},{children:"Solve initial network problems 2015-09-01"},{children:"Technical testing 2015-09-01"},{children:"Network problems being solved 2015-09-01"}]}),v.createElement("br",null),v.createElement(g,{orientation:"left"},"添加其他元素展示"),v.createElement(b,{pending:"Recording...",reverse:r,items:[{children:"Create a services site 2015-09-01"},{children:"Solve initial network problems 2015-09-01"},{children:"Solve initial network problems 2015-09-01",color:"green"},{children:"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.",dot:v.createElement(o,{style:{fontSize:"16px"}})},{children:"Network problems being solved 2015-09-01",color:"red"},{children:"Create a services site 2015-09-01"},{children:"Technical testing 2015-09-01",dot:v.createElement(o,{style:{fontSize:"16px"}}),color:"red"},{children:"Technical testing 2015-09-01"}]}),v.createElement(g,{orientation:"left"},"标题描述组合"),v.createElement(b,{items:[{children:v.createElement(v.Fragment,null,v.createElement("div",null,"事件1"),v.createElement("div",{style:{color:"#A7ACB3"}},"2022-05-21"))},{children:v.createElement(v.Fragment,null,v.createElement("div",null,"事件2"),v.createElement("div",{style:{color:"#A7ACB3"}},"2022-05-22"))},{children:v.createElement(v.Fragment,null,v.createElement("div",null,"事件3"),v.createElement("div",{style:{color:"#A7ACB3"}},"2022-05-23"))},{children:v.createElement(v.Fragment,null,v.createElement("div",null,"事件4"),v.createElement("div",{style:{color:"#A7ACB3"}},"2022-05-24")),dot:v.createElement(a,null)}]}),v.createElement("br",null))}});case 29:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-timeline-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport { ClockCircleOutlined, LoadingOutlined } from '@szc-ft/szcd';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { useState } from 'react';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Timeline } from \"@szc-ft/szcd\";\n\nexport default () => {\n  const [reverse, setReverse] = useState(false);\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">基本展示</Divider>\n      <Timeline\n        items={[\n          {\n            children: 'Create a services site 2015-09-01',\n          },\n          {\n            children: 'Solve initial network problems 2015-09-01',\n          },\n          {\n            children: 'Technical testing 2015-09-01',\n          },\n          {\n            children: 'Network problems being solved 2015-09-01',\n          },\n        ]}\n      />\n      <br />\n      <Divider orientation=\"left\">添加其他元素展示</Divider>\n      <Timeline\n        pending=\"Recording...\"\n        reverse={reverse}\n        items={[\n          {\n            children: 'Create a services site 2015-09-01',\n          },\n          {\n            children: 'Solve initial network problems 2015-09-01',\n          },\n          {\n            children: 'Solve initial network problems 2015-09-01',\n            color: 'green',\n          },\n          {\n            children:\n              'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.',\n            dot: <ClockCircleOutlined style={{ fontSize: '16px' }} />,\n          },\n          {\n            children: 'Network problems being solved 2015-09-01',\n            color: 'red',\n          },\n          {\n            children: 'Create a services site 2015-09-01',\n          },\n          {\n            children: 'Technical testing 2015-09-01',\n            dot: <ClockCircleOutlined style={{ fontSize: '16px' }} />,\n            color: 'red',\n          },\n          {\n            children: 'Technical testing 2015-09-01',\n          },\n        ]}\n      />\n      <Divider orientation=\"left\">标题描述组合</Divider>\n      <Timeline\n        items={[\n          {\n            children: (\n              <>\n                <div>事件1</div>\n                <div style={{color: '#A7ACB3'}}>2022-05-21</div>\n              </>\n            ),\n          },\n          {\n            children: (\n              <>\n                <div>事件2</div>\n                <div style={{color: '#A7ACB3'}}>2022-05-22</div>\n              </>\n            ),\n          },\n          {\n            children: (\n              <>\n                <div>事件3</div>\n                <div style={{color: '#A7ACB3'}}>2022-05-23</div>\n              </>\n            ),\n          },\n          {\n            children: (\n              <>\n                <div>事件4</div>\n                <div style={{color: '#A7ACB3'}}>2022-05-24</div>\n              </>\n            ),\n            dot: <LoadingOutlined />,\n          },\n        ]}\n      />\n      <br />\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},23593:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"tooltip-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:return a=e.sent,l=a.ConfigProvider,c=a.Divider,u=a.Tooltip,e.abrupt("return",{default:function(){return p.createElement(l,{theme:s()({},n)},p.createElement(u,{title:"prompt text"},p.createElement("span",null,"Tooltip will show on mouse enter.")),p.createElement(c,{orientation:"left"},"基本展示"),p.createElement("br",null),p.createElement(u,{title:"prompt text",trigger:"click"},p.createElement("span",null,"Tooltip will show on mouse enter.")),p.createElement(c,{orientation:"left"},"点击出现气泡"))}});case 20:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"tooltip-demo-0",refAtomIds:["tooltip"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Tooltip } from "@szc-ft/szcd";\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Tooltip title="prompt text">\n      <span>Tooltip will show on mouse enter.</span>\n    </Tooltip>\n    <Divider orientation="left">基本展示</Divider>\n    <br />\n\n    <Tooltip title="prompt text" trigger="click">\n      <span>Tooltip will show on mouse enter.</span>\n    </Tooltip>\n    <Divider orientation="left">点击出现气泡</Divider>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},49585:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return T}});var a,i,l,s=t(13769),c=t.n(s),d=t(15009),u=t.n(d),m=t(97857),p=t.n(m),f=t(19632),h=t.n(f),v=t(5574),g=t.n(v),b=t(49677),x=t.n(b),y=t(99289),E=t.n(y),C=t(67294),k=t(7927),w=t(28801),z=t(2901),I=["children"],P=["dataSource","targetKeys"],T={"src-components-cover-transfer-demo-0":{component:C.memo(C.lazy(E()(u()().mark(function e(){var n,r,o,a,i,l,s,c,d,m,f;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,(new(0,r.default)).load(document.body),e.t0=x(),e.next=11,Promise.resolve().then(t.bind(t,2901));case 11:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=15,Promise.resolve().then(t.t.bind(t,67294,19));case 15:return o=e.sent,a=o.default,i=o.useState,e.next=20,Promise.resolve().then(t.bind(t,28801));case 20:return l=e.sent,s=l.ConfigProvider,c=l.Transfer,d=Array.from({length:20}).map(function(e,n){return{key:n.toString(),title:"content".concat(n+1),description:"description of content".concat(n+1)}}),m=d.filter(function(e){return Number(e.key)>10}).map(function(e){return e.key}),f=function(){var e=i(m),t=g()(e,2),r=t[0],o=t[1],l=i([]),u=g()(l,2),f=u[0],v=u[1];return a.createElement(s,{theme:p()({},n)},a.createElement(c,{dataSource:d,targetKeys:r,selectedKeys:f,onChange:function(e,n,t){o(e)},onSelectChange:function(e,n){v([].concat(h()(e),h()(n)))},onScroll:function(e,n){},render:function(e){return e.title},listStyle:{width:"400px",height:"300px"}}))},e.abrupt("return",{default:f});case 27:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-transfer-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nnew Theme().load(document.body);\n\n\nimport '@szc-ft/szcd/index.less';\nimport React, { Component, useState } from 'react';\nimport type { TransferDirection } from 'antd/es/transfer';\nimport { ConfigProvider, Divider, Transfer, Tree } from '@szc-ft/szcd';\n\ninterface RecordType {\n key: string;\n title: string;\n description: string;\n}\n\nconst mockData: RecordType[] = Array.from({ length: 20 }).map((_, i) => ({\n key: i.toString(),\n title: `content${i + 1}`,\n description: `description of content${i + 1}`,\n}));\n\nconst initialTargetKeys = mockData.filter((item) => Number(item.key) > 10).map((item) => item.key);\n\nconst App: React.FC = () => {\n const [targetKeys, setTargetKeys] = useState(initialTargetKeys);\n const [selectedKeys, setSelectedKeys] = useState<string[]>([]);\n\n const onChange = (nextTargetKeys: string[], direction: TransferDirection, moveKeys: string[]) => {\n   console.log('targetKeys:', nextTargetKeys);\n   console.log('direction:', direction);\n   console.log('moveKeys:', moveKeys);\n   setTargetKeys(nextTargetKeys);\n };\n\n const onSelectChange = (sourceSelectedKeys: string[], targetSelectedKeys: string[]) => {\n   console.log('sourceSelectedKeys:', sourceSelectedKeys);\n   console.log('targetSelectedKeys:', targetSelectedKeys);\n   setSelectedKeys([...sourceSelectedKeys, ...targetSelectedKeys]);\n };\n\n const onScroll = (direction: TransferDirection, e: React.SyntheticEvent<HTMLUListElement>) => {\n   console.log('direction:', direction);\n   console.log('target:', e.target);\n };\n\n return (\n   <ConfigProvider theme={{ ...TokenConfig }}>\n     <Transfer\n       dataSource={mockData}\n       targetKeys={targetKeys}\n       selectedKeys={selectedKeys}\n       onChange={onChange}\n       onSelectChange={onSelectChange}\n       onScroll={onScroll}\n       render={(item) => item.title}\n       listStyle={{width: '400px', height: '300px'}}\n     />\n   </ConfigProvider>\n );\n};\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(k,2)),"@szc-ft/szcd":w,"@szc-ft/szcd/index.less":z,react:o||(o=t.t(C,2))},renderOpts:{compile:(l=E()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return l.apply(this,arguments)})}},"src-components-cover-transfer-demo-1":{component:C.memo(C.lazy(E()(u()().mark(function e(){var n,r,o,a,i,l,s,c,d,m;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,(new(0,r.default)).load(document.body),e.t0=x(),e.next=11,Promise.resolve().then(t.bind(t,2901));case 11:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=15,Promise.resolve().then(t.t.bind(t,67294,19));case 15:return o=e.sent,a=o.default,i=o.useState,l=o.useEffect,e.next=21,Promise.resolve().then(t.bind(t,28801));case 21:return s=e.sent,c=s.ConfigProvider,d=s.Transfer,m=function(){var e=i([]),t=g()(e,2),r=t[0],o=t[1],s=i([]),u=g()(s,2),m=u[0],f=u[1];l(function(){!function(){for(var e=[],n=[],t=0;t<8;t++){var r={key:t.toString(),title:"content".concat(t+1),description:"description of content".concat(t+1),chosen:t%2==0};r.chosen&&e.push(r.key),n.push(r)}o(n),f(e)}()},[]);return a.createElement(c,{theme:p()({},n)},a.createElement(d,{dataSource:r,showSearch:!0,filterOption:function(e,n){return n.description.indexOf(e)>-1},targetKeys:m,onChange:function(e){f(e)},onSearch:function(e,n){},render:function(e){return e.title},listStyle:{width:"400px",height:"300px"}}))},e.abrupt("return",{default:m});case 26:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-transfer-demo-1",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nnew Theme().load(document.body);\n\n\nimport '@szc-ft/szcd/index.less';\nimport React, { useState, useEffect } from 'react';\nimport type { TransferDirection } from 'antd/es/transfer';\nimport { ConfigProvider, Divider, Transfer, Tree } from '@szc-ft/szcd';\n\ninterface RecordType {\n key: string;\n title: string;\n description: string;\n chosen: boolean;\n}\n\nconst App: React.FC = () => {\n const [mockData, setMockData] = useState<RecordType[]>([]);\n const [targetKeys, setTargetKeys] = useState<string[]>([]);\n\n const getMock = () => {\n   const tempTargetKeys = [];\n   const tempMockData = [];\n   for (let i = 0; i < 8; i++) {\n     const data = {\n       key: i.toString(),\n       title: `content${i + 1}`,\n       description: `description of content${i + 1}`,\n       chosen: i % 2 === 0,\n     };\n     if (data.chosen) {\n       tempTargetKeys.push(data.key);\n     }\n     tempMockData.push(data);\n   }\n   setMockData(tempMockData);\n   setTargetKeys(tempTargetKeys);\n };\n\n useEffect(() => {\n   getMock();\n }, []);\n\n const filterOption = (inputValue: string, option: RecordType) =>\n   option.description.indexOf(inputValue) > -1;\n\n const handleChange = (newTargetKeys: string[]) => {\n   setTargetKeys(newTargetKeys);\n };\n\n const handleSearch = (dir: TransferDirection, value: string) => {\n   console.log('search:', dir, value);\n };\n\n return (\n   <ConfigProvider theme={{ ...TokenConfig }}>\n     <Transfer\n       dataSource={mockData}\n       showSearch\n       filterOption={filterOption}\n       targetKeys={targetKeys}\n       onChange={handleChange}\n       onSearch={handleSearch}\n       render={(item) => item.title}\n       listStyle={{width: '400px', height: '300px'}}\n     />\n   </ConfigProvider>\n );\n};\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(k,2)),"@szc-ft/szcd":w,"@szc-ft/szcd/index.less":z,react:o||(o=t.t(C,2))},renderOpts:{compile:(i=E()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"src-components-cover-transfer-demo-2":{component:C.memo(C.lazy(E()(u()().mark(function e(){var n,r,o,a,i,l,s,d,m,f,v,b,x,y;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,(new(0,r.default)).load(document.body),e.next=10,Promise.resolve().then(t.t.bind(t,67294,19));case 10:return o=e.sent,a=o.default,i=o.useState,e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:return l=e.sent,s=l.Transfer,d=l.Tree,m=l.ConfigProvider,f=function(e,n){return e.includes(n)},v=function e(){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(function(t){var r=t.children,o=c()(t,I);return p()(p()({},o),{},{disabled:n.includes(o.key),children:e(r,n)})})},b=function(e){var n=e.dataSource,t=e.targetKeys,r=c()(e,P),o=[];return function e(){(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).forEach(function(n){o.push(n),e(n.children)})}(n),a.createElement(s,p()(p()({},r),{},{targetKeys:t,dataSource:o,render:function(e){return e.title},showSelectAll:!1,showSearch:!0,listStyle:{width:"400px"}}),function(e){var r=e.direction,o=e.onItemSelect,i=e.selectedKeys;if("left"===r){var l=[].concat(h()(i),h()(t));return a.createElement("div",null,a.createElement(d,{blockNode:!0,checkable:!0,checkStrictly:!0,defaultExpandAll:!0,checkedKeys:l,treeData:v(n,t),onCheck:function(e,n){var t=n.node.key;o(t,!f(l,t))},onSelect:function(e,n){var t=n.node.key;o(t,!f(l,t))}}))}})},x=[{key:"0-0",title:"0-0"},{key:"0-1",title:"0-1",children:[{key:"0-1-0",title:"0-1-0"},{key:"0-1-1",title:"0-1-1"}]},{key:"0-2",title:"0-2",children:[{key:"0-2-0",title:"0-2-0"},{key:"0-2-1",title:"0-2-1"}]},{key:"0-3",title:"0-3"},{key:"0-4",title:"0-4"}],y=function(){var e=i([]),t=g()(e,2),r=t[0],o=t[1];return a.createElement(m,{theme:p()({},n)},a.createElement(b,{dataSource:x,targetKeys:r,onChange:function(e){o(e)}}))},e.abrupt("return",{default:y});case 25:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-cover-transfer-demo-2",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nnew Theme().load(document.body);\n\nimport React, { useState } from 'react';\nimport { Transfer, Tree, ConfigProvider } from '@szc-ft/szcd';\nimport type { TransferDirection, TransferItem } from 'antd/es/transfer';\nimport type { DataNode } from 'antd/es/tree';\n\ninterface TreeTransferProps {\n dataSource: DataNode[];\n targetKeys: string[];\n onChange: (targetKeys: string[], direction: TransferDirection, moveKeys: string[]) => void;\n}\n\n// Customize Table Transfer\nconst isChecked = (selectedKeys: (string | number)[], eventKey: string | number) =>\n selectedKeys.includes(eventKey);\n\nconst generateTree = (treeNodes: DataNode[] = [], checkedKeys: string[] = []): DataNode[] =>\n treeNodes.map(({ children, ...props }) => ({\n   ...props,\n   disabled: checkedKeys.includes(props.key as string),\n   children: generateTree(children, checkedKeys),\n }));\n\nconst TreeTransfer = ({ dataSource, targetKeys, ...restProps }: TreeTransferProps) => {\n\n const transferDataSource: TransferItem[] = [];\n function flatten(list: DataNode[] = []) {\n   list.forEach((item) => {\n     transferDataSource.push(item as TransferItem);\n     flatten(item.children);\n   });\n }\n flatten(dataSource);\n\n return (\n   <Transfer\n     {...restProps}\n     targetKeys={targetKeys}\n     dataSource={transferDataSource}\n     render={(item) => item.title!}\n     showSelectAll={false}\n     showSearch\n     listStyle={{width: '400px'}}\n   >\n     {({ direction, onItemSelect, selectedKeys }) => {\n       if (direction === 'left') {\n         const checkedKeys = [...selectedKeys, ...targetKeys];\n         return (\n           <div>\n             <Tree\n               blockNode\n               checkable\n               checkStrictly\n               defaultExpandAll\n               checkedKeys={checkedKeys}\n               treeData={generateTree(dataSource, targetKeys)}\n               onCheck={(_, { node: { key } }) => {\n                 onItemSelect(key as string, !isChecked(checkedKeys, key));\n               }}\n               onSelect={(_, { node: { key } }) => {\n                 onItemSelect(key as string, !isChecked(checkedKeys, key));\n               }}\n             />\n           </div>\n         );\n       }\n     }}\n   </Transfer>\n );\n};\n\nconst treeData: DataNode[] = [\n { key: '0-0', title: '0-0' },\n {\n   key: '0-1',\n   title: '0-1',\n   children: [\n     { key: '0-1-0', title: '0-1-0' },\n     { key: '0-1-1', title: '0-1-1' },\n   ],\n },\n {\n   key: '0-2',\n   title: '0-2',\n   children: [\n     { key: '0-2-0', title: '0-2-0' },\n     { key: '0-2-1', title: '0-2-1' },\n   ],\n },\n { key: '0-3', title: '0-3' },\n { key: '0-4', title: '0-4' },\n];\n\nconst App: React.FC = () => {\n const [targetKeys, setTargetKeys] = useState<string[]>([]);\n const onChange = (keys: string[]) => {\n   setTargetKeys(keys);\n };\n return (\n   <ConfigProvider theme={{ ...TokenConfig }}>\n       <TreeTransfer \n           dataSource={treeData} \n           targetKeys={targetKeys} \n           onChange={onChange} \n       />\n   </ConfigProvider>\n )\n};\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(k,2)),"@szc-ft/szcd":w,react:o||(o=t.t(C,2))},renderOpts:{compile:(a=E()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},85585:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return y}});var a,i=t(15009),l=t.n(i),s=t(97857),c=t.n(s),d=t(5574),u=t.n(d),m=t(49677),p=t.n(m),f=t(99289),h=t.n(f),v=t(67294),g=t(7927),b=t(28801),x=t(2901),y={"tree-demo-0":{component:v.memo(v.lazy(h()(l()().mark(function e(){var n,r,o,a,i,s,d,m,f,h,v,g,b,x,y,E,C;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=p(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.t.bind(t,67294,19));case 14:return a=e.sent,i=a.default,s=a.useMemo,d=a.useState,(new o).load(document.body),e.next=21,Promise.resolve().then(t.bind(t,28801));case 21:return m=e.sent,f=m.ConfigProvider,h=m.Divider,v=m.Tree,g=m.SzcSearch,b=[{title:"深圳市",key:"0-0",children:[{title:"福田区",key:"0-0-0",disabled:!0,children:[{title:"沙井街道",key:"0-0-0-0",disableCheckbox:!0},{title:"福保街道",key:"0-0-0-1"}]},{title:"parent 1-1",key:"0-0-1",children:[{title:i.createElement("span",{style:{color:"#1677ff"}},"自定义的title"),key:"0-0-1-0"}]},{title:"leaf 0-0-2",key:"0-0-2"}]}],x=[],function e(n,t,r){for(var o=t||"0",a=r||x,i=[],l=0;l<3;l++){var s="".concat(o,"-").concat(l);a.push({title:s,key:s}),l<2&&i.push(s)}if(n<0)return a;var c=n-1;i.forEach(function(n,t){return a[t].children=[],e(c,n,a[t].children)})}(1),y=[],E=function e(n){for(var t=0;t<n.length;t++){var r=n[t],o=r.key;y.push({key:o,title:o}),r.children&&e(r.children)}},E(x),C=function e(n,t){for(var r,o=0;o<t.length;o++){var a=t[o];a.children&&(a.children.some(function(e){return e.key===n})?r=a.key:e(n,a.children)&&(r=e(n,a.children)))}return r},e.abrupt("return",{default:function(){var e=function(e,n){},t=function(e,n){},r=d([]),o=u()(r,2),a=o[0],l=o[1],m=d(""),p=u()(m,2),E=p[0],k=p[1],w=d(!0),z=u()(w,2),I=z[0],P=z[1],T=s(function(){return function e(n){return n.map(function(n){var t=n.title,r=t.indexOf(E),o=t.substring(0,r),a=t.slice(r+E.length),l=r>-1?i.createElement("span",null,o,i.createElement("span",{style:{color:"var(--border-error-color)"}},E),a):i.createElement("span",null,t);return n.children?{title:l,key:n.key,children:e(n.children)}:{title:l,key:n.key}})}(x)},[E]);return i.createElement(f,{theme:c()({},n)},i.createElement(h,{orientation:"left"},"基本展示"),i.createElement(v,{defaultExpandedKeys:["0-0-0","0-0-1"],defaultSelectedKeys:["0-0-0","0-0-1"],defaultCheckedKeys:["0-0-0","0-0-1"],onSelect:e,treeData:b}),i.createElement(h,{orientation:"left"},"可勾选树形组件"),i.createElement(v,{checkable:!0,defaultExpandedKeys:["0-0-0","0-0-1"],defaultSelectedKeys:["0-0-0","0-0-1"],defaultCheckedKeys:["0-0-0","0-0-1"],onSelect:e,onCheck:t,treeData:b,blockNode:!0}),i.createElement("br",null),i.createElement(v,{checkable:!0,defaultExpandedKeys:["0-0-0","0-0-1"],defaultSelectedKeys:["0-0-0","0-0-1"],defaultCheckedKeys:["0-0-0","0-0-1"],onSelect:e,onCheck:t,treeData:b,disabled:!0}),i.createElement(h,{orientation:"left"},"可搜索树形组件"),i.createElement("div",null,i.createElement(g,{style:{marginBottom:4},placeholder:"Search",onChange:function(e){var n=e.target.value,t=y.map(function(e){return e.title.indexOf(n)>-1?C(e.key,x):null}).filter(function(e,n,t){return e&&t.indexOf(e)===n});l(t),k(n),P(!0)}}),i.createElement(v,{onExpand:function(e){l(e),P(!1)},expandedKeys:a,autoExpandParent:I,treeData:T})))}});case 38:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"tree-demo-0",refAtomIds:["tree"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport React, { useMemo, useState } from 'react';\nnew Theme().load(document.body);\n\nimport { ConfigProvider, Divider, Input, Tree, SzcSearch } from \"@szc-ft/szcd\";\n// const { Search } = Input;\n\nconst data: DataNode[] = [\n  {\n    title: '深圳市',\n    key: '0-0',\n    children: [\n      {\n        title: '福田区',\n        key: '0-0-0',\n        disabled: true,\n        children: [\n          {\n            title: '沙井街道',\n            key: '0-0-0-0',\n            disableCheckbox: true,\n          },\n          {\n            title: '福保街道',\n            key: '0-0-0-1',\n          },\n        ],\n      },\n      {\n        title: 'parent 1-1',\n        key: '0-0-1',\n        children: [\n          {\n            title: <span style={{ color: '#1677ff' }}>自定义的title</span>,\n            key: '0-0-1-0',\n          },\n        ],\n      },\n      {\n        title: 'leaf 0-0-2',\n        key: '0-0-2',\n      },\n    ],\n  },\n];\n\nconst x = 3;\nconst y = 2;\nconst z = 1;\nconst defaultData: DataNode[] = [];\n\nconst generateData = (\n  _level: number,\n  _preKey?: React.Key,\n  _tns?: DataNode[],\n) => {\n  const preKey = _preKey || '0';\n  const tns = _tns || defaultData;\n\n  const children: React.Key[] = [];\n  for (let i = 0; i < x; i++) {\n    const key = `${preKey}-${i}`;\n    tns.push({ title: key, key });\n    if (i < y) {\n      children.push(key);\n    }\n  }\n  if (_level < 0) {\n    return tns;\n  }\n  const level = _level - 1;\n  children.forEach((key, index) => {\n    tns[index].children = [];\n    return generateData(level, key, tns[index].children);\n  });\n};\ngenerateData(z);\n\nconst dataList: { key: React.Key; title: string }[] = [];\nconst generateList = (data: DataNode[]) => {\n  for (let i = 0; i < data.length; i++) {\n    const node = data[i];\n    const { key } = node;\n    dataList.push({ key, title: key as string });\n    if (node.children) {\n      generateList(node.children);\n    }\n  }\n};\ngenerateList(defaultData);\n\nconst getParentKey = (key: React.Key, tree: DataNode[]): React.Key => {\n  let parentKey: React.Key;\n  for (let i = 0; i < tree.length; i++) {\n    const node = tree[i];\n    if (node.children) {\n      if (node.children.some((item) => item.key === key)) {\n        parentKey = node.key;\n      } else if (getParentKey(key, node.children)) {\n        parentKey = getParentKey(key, node.children);\n      }\n    }\n  }\n  return parentKey!;\n};\n\nexport default () => {\n  const onSelect: TreeProps['onSelect'] = (selectedKeys, info) => {\n    console.log('selected', selectedKeys, info);\n  };\n\n  const onCheck: TreeProps['onCheck'] = (checkedKeys, info) => {\n    console.log('onCheck', checkedKeys, info);\n  };\n\n  const [expandedKeys, setExpandedKeys] = useState<React.Key[]>([]);\n  const [searchValue, setSearchValue] = useState('');\n  const [autoExpandParent, setAutoExpandParent] = useState(true);\n\n  const onExpand = (newExpandedKeys: React.Key[]) => {\n    setExpandedKeys(newExpandedKeys);\n    setAutoExpandParent(false);\n  };\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const { value } = e.target;\n    const newExpandedKeys = dataList\n      .map((item) => {\n        if (item.title.indexOf(value) > -1) {\n          return getParentKey(item.key, defaultData);\n        }\n        return null;\n      })\n      .filter((item, i, self) => item && self.indexOf(item) === i);\n    setExpandedKeys(newExpandedKeys as React.Key[]);\n    setSearchValue(value);\n    setAutoExpandParent(true);\n  };\n\n  const treeData = useMemo(() => {\n    const loop = (data: DataNode[]): DataNode[] =>\n      data.map((item) => {\n        const strTitle = item.title as string;\n        const index = strTitle.indexOf(searchValue);\n        const beforeStr = strTitle.substring(0, index);\n        const afterStr = strTitle.slice(index + searchValue.length);\n        const title =\n          index > -1 ? (\n            <span>\n              {beforeStr}\n              <span style={{ color: 'var(--border-error-color)' }}>\n                {searchValue}\n              </span>\n              {afterStr}\n            </span>\n          ) : (\n            <span>{strTitle}</span>\n          );\n        if (item.children) {\n          return { title, key: item.key, children: loop(item.children) };\n        }\n\n        return {\n          title,\n          key: item.key,\n        };\n      });\n\n    return loop(defaultData);\n  }, [searchValue]);\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">基本展示</Divider>\n\n      <Tree\n        defaultExpandedKeys={['0-0-0', '0-0-1']}\n        defaultSelectedKeys={['0-0-0', '0-0-1']}\n        defaultCheckedKeys={['0-0-0', '0-0-1']}\n        onSelect={onSelect}\n        treeData={data}\n      />\n\n      <Divider orientation=\"left\">可勾选树形组件</Divider>\n\n      <Tree\n        checkable\n        defaultExpandedKeys={['0-0-0', '0-0-1']}\n        defaultSelectedKeys={['0-0-0', '0-0-1']}\n        defaultCheckedKeys={['0-0-0', '0-0-1']}\n        onSelect={onSelect}\n        onCheck={onCheck}\n        treeData={data}\n        blockNode\n      />\n      <br />\n      <Tree\n        checkable\n        defaultExpandedKeys={['0-0-0', '0-0-1']}\n        defaultSelectedKeys={['0-0-0', '0-0-1']}\n        defaultCheckedKeys={['0-0-0', '0-0-1']}\n        onSelect={onSelect}\n        onCheck={onCheck}\n        treeData={data}\n        disabled\n      />\n\n      <Divider orientation=\"left\">可搜索树形组件</Divider>\n\n      <div>\n        <SzcSearch\n          style={{ marginBottom: 4 }}\n          placeholder=\"Search\"\n          onChange={onChange}\n        />\n        <Tree\n          onExpand={onExpand}\n          expandedKeys={expandedKeys}\n          autoExpandParent={autoExpandParent}\n          treeData={treeData}\n        />\n      </div>\n    </ConfigProvider>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(g,2)),"@szc-ft/szcd":b,"@szc-ft/szcd/index.less":x,react:o||(o=t.t(v,2))},renderOpts:{compile:(a=h()(l()().mark(function e(){var n,r=arguments;return l()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},58266:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return f}});var o,a=t(15009),i=t.n(a),l=t(49677),s=t.n(l),c=t(99289),d=t.n(c),u=t(67294),m=t(28801),p=t(2901),f={"src-components-public-demo-0":{component:u.memo(u.lazy(d()(i()().mark(function e(){var n,r,o,a,l,c,d,u,m,p,f,h;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.bind(t,28801));case 2:return n=e.sent,r=n.default,e.t0=s(),e.next=7,Promise.resolve().then(t.bind(t,2901));case 7:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=11,Promise.resolve().then(t.t.bind(t,67294,19));case 11:return o=e.sent,a=o.default,(new r).load(document.body),e.next=16,Promise.resolve().then(t.bind(t,28801));case 16:return l=e.sent,c=l.Button,d=l.Divider,u=l.Input,m=l.Radio,p=l.Select,e.next=24,Promise.resolve().then(t.bind(t,28801));case 24:return f=e.sent,h=f.LockOutlined,e.abrupt("return",{default:function(){return a.createElement("div",null,a.createElement(d,{orientation:"left"},"卡片样式 .szc-card 或 .szc-layout-card(推荐使用)"),a.createElement("div",null,"主要用于布局卡片内容区的展示，包含内边距、阴影、圆角等元素"),a.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column",backgroundColor:"#fff",height:"50px",padding:"20px"}},a.createElement("div",{class:"szc-card"},"这是页面布局的卡片")),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement(d,{orientation:"left"},"按钮组 .szc-components-btns"),a.createElement("p",null,"主要用于多个按钮组合在一起的展示，包含边距及垂直居中等元素"),a.createElement("div",{className:"szc-components-btns"},a.createElement(c,{type:"primary"},"一般按钮"),a.createElement(c,{type:"dashed"},"一般按钮"),a.createElement(c,null,"一般按钮")),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement(d,{orientation:"left"},"单选组 .szc-components-radios"),a.createElement("p",null,"主要用于多个单选框组合在一起的展示，包含边距及垂直居中等元素"),a.createElement("div",{className:"szc-components-radios"},a.createElement(m.Group,{defaultValue:4},a.createElement(m,{value:1},"未选中默认"),a.createElement(m,{value:2},"未选中悬浮"),a.createElement(m,{value:3},"未选中禁用"),a.createElement(m,{value:4},"选中按下")),a.createElement(m.Group,{defaultValue:2,disabled:!0},a.createElement(m,{value:2},"选中禁用"))),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement(d,{orientation:"left"},"输入组合模式 .szc-combination-input-group"),a.createElement("p",null,"主要用于输入组合模式的展示，包含分割线、间距、默认样式等元素"),a.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},a.createElement("p",null,"1.非紧凑模式：使用样式类名为 ",a.createElement("b",null,".szc-combination-input-group")," ","自由组装，内部间距已经内置"),a.createElement("div",{className:"szc-combination-input-group"},a.createElement(p,{defaultValue:"筛选器"},a.createElement(p.Option,{value:"Sign Up"},"Sign Up"),a.createElement(p.Option,{value:"Sign In"},"Sign In")),a.createElement(u,{style:{width:200},placeholder:"非紧凑模式"})),a.createElement("p",null,"2.紧凑模式：使用",a.createElement("b",null,"Input.Group + compact + .szc-combination-input-group")),a.createElement(u.Group,{compact:!0,className:"szc-combination-input-group"},a.createElement(u,{style:{width:200},placeholder:"紧凑模式"}),a.createElement(p,{defaultValue:"Sign Up"},a.createElement(p.Option,{value:"Sign Up"},"Sign Up"),a.createElement(p.Option,{value:"Sign In"},"Sign In")))),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement("br",null),a.createElement(d,{orientation:"left"},"图表类链接 .icon-link 和 .link"),a.createElement("p",null,"主要用于图标链接、a标签链接及其他标签链接样式，包含默认样式、hover样式和disabled样式"),a.createElement("div",{style:{display:"flex",gap:"10px"}},a.createElement(h,{className:"icon-link"}),a.createElement(h,{className:"icon-link disable"})),a.createElement("br",null),a.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},a.createElement("a",null,"a标签链接"),a.createElement("a",{href:"javascript:;"},"a标签带href链接"),a.createElement("span",{className:"link"},"span.link链接"),a.createElement("span",{className:"link disable"},"span.link.disable链接")),a.createElement("br",null),a.createElement("br",null))}});case 27:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"src-components-public-demo-0",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:'import Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport React from \'react\';\nnew Theme().load(document.body);\n\nimport { Button, Divider, Input, Radio, Select } from "@szc-ft/szcd";\nimport {\n  LockOutlined\n} from \'@szc-ft/szcd\';\n\nexport default () => (\n  <div>\n    <Divider orientation="left">\n      卡片样式 .szc-card 或 .szc-layout-card(推荐使用)\n    </Divider>\n    <div>主要用于布局卡片内容区的展示，包含内边距、阴影、圆角等元素</div>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'10px\',\n        flexDirection: \'column\',\n        backgroundColor: \'#fff\',\n        height: \'50px\',\n        padding: \'20px\',\n      }}\n    >\n      <div class="szc-card">这是页面布局的卡片</div>\n    </div>\n    <br />\n    <br />\n    <br />\n    <br />\n\n    <Divider orientation="left">按钮组 .szc-components-btns</Divider>\n    <p>主要用于多个按钮组合在一起的展示，包含边距及垂直居中等元素</p>\n    <div className="szc-components-btns">\n      <Button type="primary">一般按钮</Button>\n      <Button type="dashed">一般按钮</Button>\n      <Button>一般按钮</Button>\n    </div>\n    <br />\n    <br />\n    <br />\n    <br />\n\n    <Divider orientation="left">单选组 .szc-components-radios</Divider>\n    <p>主要用于多个单选框组合在一起的展示，包含边距及垂直居中等元素</p>\n    <div className="szc-components-radios">\n      <Radio.Group defaultValue={4}>\n        <Radio value={1}>未选中默认</Radio>\n        <Radio value={2}>未选中悬浮</Radio>\n        <Radio value={3}>未选中禁用</Radio>\n        <Radio value={4}>选中按下</Radio>\n      </Radio.Group>\n      <Radio.Group defaultValue={2} disabled>\n        <Radio value={2}>选中禁用</Radio>\n      </Radio.Group>\n    </div>\n    <br />\n    <br />\n    <br />\n    <br />\n\n    <Divider orientation="left">\n      输入组合模式 .szc-combination-input-group\n    </Divider>\n    <p>主要用于输入组合模式的展示，包含分割线、间距、默认样式等元素</p>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'10px\',\n        flexDirection: \'column\',\n      }}\n    >\n      <p>\n        1.非紧凑模式：使用样式类名为 <b>.szc-combination-input-group</b>{\' \'}\n        自由组装，内部间距已经内置\n      </p>\n      <div className={\'szc-combination-input-group\'}>\n        <Select defaultValue="筛选器">\n          <Select.Option value="Sign Up">Sign Up</Select.Option>\n          <Select.Option value="Sign In">Sign In</Select.Option>\n        </Select>\n        <Input style={{ width: 200 }} placeholder="非紧凑模式" />\n      </div>\n      <p>\n        2.紧凑模式：使用\n        <b>Input.Group + compact + .szc-combination-input-group</b>\n      </p>\n      <Input.Group compact className={\'szc-combination-input-group\'}>\n        <Input style={{ width: 200 }} placeholder="紧凑模式" />\n        <Select defaultValue="Sign Up">\n          <Select.Option value="Sign Up">Sign Up</Select.Option>\n          <Select.Option value="Sign In">Sign In</Select.Option>\n        </Select>\n      </Input.Group>\n    </div>\n    <br />\n    <br />\n    <br />\n    <br />\n\n    <Divider orientation="left">图表类链接 .icon-link 和 .link</Divider>\n    <p>\n      主要用于图标链接、a标签链接及其他标签链接样式，包含默认样式、hover样式和disabled样式\n    </p>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'10px\',\n      }}\n    >\n      {/* <Icon type="lock" className="icon-link" />\n      <Icon type="lock" className="icon-link disable" /> */}\n      <LockOutlined className="icon-link" />\n      <LockOutlined className="icon-link disable" />\n    </div>\n    <br />\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'10px\',\n        flexDirection: \'column\',\n      }}\n    >\n      <a>a标签链接</a>\n      <a href="javascript:;">a标签带href链接</a>\n      <span className="link">span.link链接</span>\n      <span className="link disable">span.link.disable链接</span>\n    </div>\n    <br />\n    <br />\n  </div>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@szc-ft/szcd":m,"@szc-ft/szcd/index.less":p,react:r||(r=t.t(u,2))},renderOpts:{compile:(o=d()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},19871:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"alert-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,l=a.Alert,c=a.Button,u=a.ConfigProvider,m=a.Divider,f=a.Space,(new o).load(document.body),e.abrupt("return",{default:function(){return p.createElement(u,{theme:s()({},n)},p.createElement(m,{orientation:"left"},"基础状态"),p.createElement(f,{direction:"vertical",style:{width:"100%"}},p.createElement(l,{message:"Success Tips",type:"success"}),p.createElement(l,{message:"Informational Notes",type:"info"}),p.createElement(l,{message:"Warning",type:"warning"}),p.createElement(l,{message:"Error",type:"error"})),p.createElement(m,{orientation:"left"},"图标"),p.createElement(f,{direction:"vertical",style:{width:"100%"}},p.createElement(l,{message:"Success Tips",type:"success",showIcon:!0}),p.createElement(l,{message:"Informational Notes",type:"info",showIcon:!0}),p.createElement(l,{message:"Warning",type:"warning",showIcon:!0,closable:!0}),p.createElement(l,{message:"Error",type:"error",showIcon:!0})),p.createElement(m,{orientation:"left"},"带相关操作"),p.createElement(f,{direction:"vertical",style:{width:"100%"}},p.createElement(l,{message:"表示操作顺利达成",type:"success",showIcon:!0,action:p.createElement(c,{size:"small",type:"text"},"不再提醒"),closable:!0}),p.createElement(l,{message:"表示普通操作信息提示",type:"info",showIcon:!0,action:p.createElement(c,{size:"small",type:"text"},"知道了")}),p.createElement(l,{message:"表示操作引起一定后果 ",type:"warning",showIcon:!0,closable:!0,action:p.createElement(c,{size:"small",type:"text"},"查看详情")}),p.createElement(l,{message:"表示操作引起严重后果",type:"error",showIcon:!0,action:p.createElement(c,{size:"small",type:"text"},"查看详情")})),p.createElement(m,{orientation:"left"},"带相关操作"),p.createElement(f,{direction:"vertical",style:{width:"100%"}},p.createElement(l,{message:"帮助信息",description:"描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。",type:"info",showIcon:!0,closable:!0})))}});case 22:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"alert-demo-0",refAtomIds:["alert"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport { Alert, Button, ConfigProvider, Divider, Space } from "@szc-ft/szcd";\n// import Alert from \'./index\';\n\nnew Theme().load(document.body);\n\nexport default () => {\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation="left">基础状态</Divider>\n      <Space direction="vertical" style={{ width: \'100%\' }}>\n        <Alert message="Success Tips" type="success" />\n        <Alert message="Informational Notes" type="info" />\n        <Alert message="Warning" type="warning" />\n        <Alert message="Error" type="error" />\n      </Space>\n      <Divider orientation="left">图标</Divider>\n      <Space direction="vertical" style={{ width: \'100%\' }}>\n        <Alert message="Success Tips" type="success" showIcon />\n        <Alert message="Informational Notes" type="info" showIcon />\n        <Alert message="Warning" type="warning" showIcon closable />\n        <Alert message="Error" type="error" showIcon />\n      </Space>\n      <Divider orientation="left">带相关操作</Divider>\n      <Space direction="vertical" style={{ width: \'100%\' }}>\n        <Alert\n          message="表示操作顺利达成"\n          type="success"\n          showIcon\n          action={\n            <Button size="small" type="text">\n              不再提醒\n            </Button>\n          }\n          closable\n        />\n        <Alert\n          message="表示普通操作信息提示"\n          type="info"\n          showIcon\n          action={\n            <Button size="small" type="text">\n              知道了\n            </Button>\n          }\n        />\n        <Alert\n          message="表示操作引起一定后果\n"\n          type="warning"\n          showIcon\n          closable\n          action={\n            <Button size="small" type="text">\n              查看详情\n            </Button>\n          }\n        />\n        <Alert\n          message="表示操作引起严重后果"\n          type="error"\n          showIcon\n          action={\n            <Button size="small" type="text">\n              查看详情\n            </Button>\n          }\n        />\n      </Space>\n      <Divider orientation="left">带相关操作</Divider>\n      <Space direction="vertical" style={{ width: \'100%\' }}>\n        <Alert\n          message="帮助信息"\n          description="描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。描述文字未恢复事件一直在持续未恢复，需要重点关注未恢复事件一直续已关闭当策略删除的情况下，事件直接接入到关闭状态。"\n          type="info"\n          showIcon\n          closable\n        />\n      </Space>\n    </ConfigProvider>\n  );\n};'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},80572:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return z}});var o,a,i,l,s,c,d,u=t(15009),m=t.n(u),p=t(97857),f=t.n(p),h=t(5574),v=t.n(h),g=t(49677),b=t.n(g),x=t(99289),y=t.n(x),E=t(67294),C=t(7927),k=t(28801),w=t(2901),z={"form-demo-0":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Button,l=r.Form,s=r.Input,c=r.Select,d=r.Space,e.t0=b(),e.next=16,Promise.resolve().then(t.bind(t,2901));case 16:return e.t1=e.sent,(0,e.t0)(e.t1),u=c.Option,p={wrapperCol:{offset:8,span:16}},h=function(){var e=l.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(l,{form:t,name:"control-hooks",colon:!1,labelAlign:"left",labelWrap:!0,wrapperCol:{flex:1},labelCol:{flex:"136px"},onFinish:function(e){}},E.createElement(l.Item,{name:"name",label:"name",tooltip:"有需要帮助的吗"},E.createElement(s,null)),E.createElement(l.Item,{className:"szc-label-wrap",name:"labelWrap",label:"长度超过八个字就自动换行展示最多两行省略"},E.createElement(s,null)),E.createElement(l.Item,{name:"title",label:"title",extra:"title 提示信息"},E.createElement(s,null)),E.createElement(l.Item,{name:"note",label:"Note",rules:[{required:!0}]},E.createElement(s,null)),E.createElement(l.Item,{name:"error",label:"error",rules:[{required:!0}],validateStatus:"error"},E.createElement(s,null)),E.createElement(l.Item,{name:"gender",label:"Gender",rules:[{required:!0}]},E.createElement(c,{placeholder:"Select a option and change input text above",onChange:function(e){switch(e){case"male":t.setFieldsValue({note:"Hi, man!"});break;case"female":t.setFieldsValue({note:"Hi, lady!"});break;case"other":t.setFieldsValue({note:"Hi there!"})}},allowClear:!0},E.createElement(u,{value:"male"},"male"),E.createElement(u,{value:"female"},"female"),E.createElement(u,{value:"other"},"other"))),E.createElement(l.Item,{noStyle:!0,shouldUpdate:function(e,n){return e.gender!==n.gender}},function(e){return"other"===(0,e.getFieldValue)("gender")?E.createElement(l.Item,{name:"customizeGender",label:"Customize Gender",rules:[{required:!0}]},E.createElement(s,null)):null}),E.createElement(l.Item,p,E.createElement(d,null,E.createElement(i,{type:"primary",htmlType:"submit"},"Submit"),E.createElement(i,{htmlType:"button",onClick:function(){t.resetFields()}},"Reset"),E.createElement(i,{type:"link",htmlType:"button",onClick:function(){t.setFieldsValue({note:"Hello world!",gender:"male"})}},"Fill form")))),E.createElement(a,{orientation:"left"},"单列表单"),E.createElement("div",null,"如果label文本换行，在相对应的Item添加类 className='szc-label-wrap'"))},e.abrupt("return",{default:h});case 23:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-0",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Button, Form, Input, Select, Space } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { Option } = Select;\n\nconst layout = {\n  labelCol: { span: 8 },\n  wrapperCol: { span: 16 },\n};\n\nconst tailLayout = {\n  wrapperCol: { offset: 8, span: 16 },\n};\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n  console.log(\'form-----\', form)\n\n  const onGenderChange = (value: string) => {\n    switch (value) {\n      case \'male\':\n        form.setFieldsValue({ note: \'Hi, man!\' });\n        break;\n      case \'female\':\n        form.setFieldsValue({ note: \'Hi, lady!\' });\n        break;\n      case \'other\':\n        form.setFieldsValue({ note: \'Hi there!\' });\n        break;\n      default:\n    }\n  };\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n  const onReset = () => {\n    form.resetFields();\n  };\n\n  const onFill = () => {\n    form.setFieldsValue({ note: \'Hello world!\', gender: \'male\' });\n  };\n\n    return (\n        <ConfigProvider\n            theme={{\n                ...TokenConfig,\n            }}\n        >\n            <Form\n                form={form}\n                name="control-hooks"\n                colon={false}\n                labelAlign=\'left\'\n                labelWrap\n                wrapperCol={{ flex: 1 }}\n                labelCol={{ flex: \'136px\' }}\n                onFinish={onFinish}\n            >\n                <Form.Item name="name" label="name" tooltip="有需要帮助的吗">\n                    <Input />\n                </Form.Item>\n                <Form.Item\n                    className=\'szc-label-wrap\'\n                    name="labelWrap"\n                    label="长度超过八个字就自动换行展示最多两行省略"\n                >\n                    <Input />\n                </Form.Item>\n                <Form.Item name="title" label="title" extra="title 提示信息">\n                    <Input />\n                </Form.Item>\n                <Form.Item name="note" label="Note" rules={[{ required: true }]}>\n                    <Input />\n                </Form.Item>\n                <Form.Item name="error" label="error" rules={[{ required: true }]} validateStatus="error">\n                    <Input />\n                </Form.Item>\n                <Form.Item name="gender" label="Gender" rules={[{ required: true }]}>\n                    <Select\n                    placeholder="Select a option and change input text above"\n                    onChange={onGenderChange}\n                    allowClear\n                    >\n                    <Option value="male">male</Option>\n                    <Option value="female">female</Option>\n                    <Option value="other">other</Option>\n                    </Select>\n                </Form.Item>\n                <Form.Item\n                    noStyle\n                    shouldUpdate={(prevValues, currentValues) => prevValues.gender !== currentValues.gender}\n                >\n                    {({ getFieldValue }) =>\n                    getFieldValue(\'gender\') === \'other\' ? (\n                        <Form.Item name="customizeGender" label="Customize Gender" rules={[{ required: true }]}>\n                        <Input />\n                        </Form.Item>\n                    ) : null\n                    }\n                </Form.Item>\n                <Form.Item {...tailLayout}>\n                    <Space>\n                        <Button type="primary" htmlType="submit">\n                            Submit\n                        </Button>\n                        <Button htmlType="button" onClick={onReset}>\n                            Reset\n                        </Button>\n                        <Button type="link" htmlType="button" onClick={onFill}>\n                            Fill form\n                        </Button>\n                    </Space>\n                </Form.Item>\n            </Form>\n            <Divider orientation="left">单列表单</Divider>\n            <div>如果label文本换行，在相对应的Item添加类 className=\'szc-label-wrap\'</div>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(d=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return d.apply(this,arguments)})}},"form-demo-1":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h,g,x;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Button,l=r.Form,s=r.Input,c=r.Select,d=r.Space,u=r.Collapse,e.t0=b(),e.next=17,Promise.resolve().then(t.bind(t,2901));case 17:return e.t1=e.sent,(0,e.t0)(e.t1),p=c.Option,h=u.Panel,g={wrapperCol:{offset:8,span:16}},x=function(){var e=l.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(l,{form:t,name:"control-hooks",onFinish:function(e){},colon:!1,labelAlign:"left",wrapperCol:{flex:1},labelCol:{flex:"105px"}},E.createElement(u,{defaultActiveKey:["1"]},E.createElement(h,{header:"分组标题1",key:"1"},E.createElement(l.Item,{name:"name",label:"name",tooltip:"有需要帮助的吗"},E.createElement(s,null)),E.createElement(l.Item,{className:"szc-label-wrap",name:"labelWrap",label:"长度超过八"},E.createElement(s,null)),E.createElement(l.Item,{name:"title",label:"title",extra:"title 提示信息"},E.createElement(s,null)),E.createElement(l.Item,{name:"note",label:"Note",rules:[{required:!0}]},E.createElement(s,null)),E.createElement(l.Item,{name:"error",label:"error",rules:[{required:!0}],validateStatus:"error"},E.createElement(s,null))),E.createElement(h,{header:"分组标题1",key:"2"},E.createElement(l.Item,{name:"gender",label:"Gender",rules:[{required:!0}]},E.createElement(c,{placeholder:"Select a option and change input text above",onChange:function(e){switch(e){case"male":t.setFieldsValue({note:"Hi, man!"});break;case"female":t.setFieldsValue({note:"Hi, lady!"});break;case"other":t.setFieldsValue({note:"Hi there!"})}},allowClear:!0},E.createElement(p,{value:"male"},"male"),E.createElement(p,{value:"female"},"female"),E.createElement(p,{value:"other"},"other"))),E.createElement(l.Item,{noStyle:!0,shouldUpdate:function(e,n){return e.gender!==n.gender}},function(e){return"other"===(0,e.getFieldValue)("gender")?E.createElement(l.Item,{name:"customizeGender",label:"Customize Gender",rules:[{required:!0}]},E.createElement(s,null)):null}),E.createElement(l.Item,g,E.createElement(d,null,E.createElement(i,{type:"primary",htmlType:"submit"},"Submit"),E.createElement(i,{htmlType:"button",onClick:function(){t.resetFields()}},"Reset"),E.createElement(i,{type:"link",htmlType:"button",onClick:function(){t.setFieldsValue({note:"Hello world!",gender:"male"})}},"Fill form")))))),E.createElement(a,{orientation:"left"},"折叠表单"))},e.abrupt("return",{default:x});case 25:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-1",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Button, Form, Input, Select, Space, Collapse,  } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { Option } = Select;\nconst { Panel } = Collapse;\n\nconst layout = {\n  labelCol: { span: 8 },\n  wrapperCol: { span: 16 },\n};\n\nconst tailLayout = {\n  wrapperCol: { offset: 8, span: 16 },\n};\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onGenderChange = (value: string) => {\n    switch (value) {\n      case \'male\':\n        form.setFieldsValue({ note: \'Hi, man!\' });\n        break;\n      case \'female\':\n        form.setFieldsValue({ note: \'Hi, lady!\' });\n        break;\n      case \'other\':\n        form.setFieldsValue({ note: \'Hi there!\' });\n        break;\n      default:\n    }\n  };\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n  const onReset = () => {\n    form.resetFields();\n  };\n\n  const onFill = () => {\n    form.setFieldsValue({ note: \'Hello world!\', gender: \'male\' });\n  };\n\n    return (\n        <ConfigProvider\n            theme={{\n                ...TokenConfig,\n            }}\n        >\n            <Form\n                form={form}\n                name="control-hooks"\n                onFinish={onFinish}\n                colon={false}\n                labelAlign=\'left\'\n                wrapperCol={{flex: 1}}\n                labelCol={{flex: \'105px\'}}\n            >\n                <Collapse defaultActiveKey={[\'1\']} >\n                    <Panel header="分组标题1" key="1">\n                        <Form.Item name="name" label="name" tooltip="有需要帮助的吗">\n                            <Input />\n                        </Form.Item>\n                        <Form.Item\n                            className=\'szc-label-wrap\'\n                            name="labelWrap"\n                            label="长度超过八"\n                        >\n                            <Input />\n                        </Form.Item>\n                        <Form.Item name="title" label="title" extra="title 提示信息">\n                            <Input />\n                        </Form.Item>\n                        <Form.Item name="note" label="Note" rules={[{ required: true }]}>\n                            <Input />\n                        </Form.Item>\n                        <Form.Item name="error" label="error" rules={[{ required: true }]} validateStatus="error">\n                            <Input />\n                        </Form.Item>\n                    </Panel>\n                    <Panel header="分组标题1" key="2">\n                        <Form.Item name="gender" label="Gender" rules={[{ required: true }]}>\n                            <Select\n                            placeholder="Select a option and change input text above"\n                            onChange={onGenderChange}\n                            allowClear\n                            >\n                            <Option value="male">male</Option>\n                            <Option value="female">female</Option>\n                            <Option value="other">other</Option>\n                            </Select>\n                        </Form.Item>\n                        <Form.Item\n                            noStyle\n                            shouldUpdate={(prevValues, currentValues) => prevValues.gender !== currentValues.gender}\n                        >\n                            {({ getFieldValue }) =>\n                            getFieldValue(\'gender\') === \'other\' ? (\n                                <Form.Item name="customizeGender" label="Customize Gender" rules={[{ required: true }]}>\n                                <Input />\n                                </Form.Item>\n                            ) : null\n                            }\n                        </Form.Item>\n                        <Form.Item {...tailLayout}>\n                            <Space>\n                                <Button type="primary" htmlType="submit">\n                                    Submit\n                                </Button>\n                                <Button htmlType="button" onClick={onReset}>\n                                    Reset\n                                </Button>\n                                <Button type="link" htmlType="button" onClick={onFill}>\n                                    Fill form\n                                </Button>\n                            </Space>\n                        </Form.Item>\n                    </Panel>\n                </Collapse>\n            </Form>\n            <Divider orientation="left">折叠表单</Divider>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(c=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return c.apply(this,arguments)})}},"form-demo-2":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Form,l=r.Input,e.t0=b(),e.next=13,Promise.resolve().then(t.bind(t,2901));case 13:return e.t1=e.sent,(0,e.t0)(e.t1),s=function(){var e=i.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(i,{form:t,onFinish:function(e){},layout:"vertical"},E.createElement(i.Item,{label:"用户名"},E.createElement(l,{placeholder:"input placeholder"})),E.createElement(i.Item,{label:"密码"},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(a,{orientation:"left"},"顶部对齐"))},e.abrupt("return",{default:s});case 17:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-2",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Form, Input } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n    return (\n        <ConfigProvider theme={{ ...TokenConfig }}>\n            <Form\n                form={form}\n                onFinish={onFinish}\n                layout="vertical"\n            >\n                <Form.Item label="用户名" >\n                    <Input placeholder="input placeholder" />\n                </Form.Item>\n                <Form.Item label="密码">\n                    <Input placeholder="input placeholder" />\n                </Form.Item>\n            </Form>\n            <Divider orientation="left">顶部对齐</Divider>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(s=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return s.apply(this,arguments)})}},"form-demo-3":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h,g,x;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Form,l=r.Input,s=r.Row,c=r.Col,d=r.Select,u=r.InputNumber,p=r.DatePicker,e.t0=b(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),h=p.RangePicker,g=d.Option,x=function(){var e=i.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(i,{form:t,name:"control-hooks",className:"space-form",colon:!1,labelAlign:"left",wrapperCol:{flex:1},labelCol:{flex:"80px"},onFinish:function(e){}},E.createElement(s,null,E.createElement(c,{span:8},E.createElement(i.Item,{label:"用户名",labelCol:{flex:"91px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:8},E.createElement(i.Item,{label:"密码",labelCol:{flex:"66px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:8},E.createElement(i.Item,{label:"选择框",labelCol:{flex:"91px"}},E.createElement(d,{placeholder:"Select a option and change input text above",allowClear:!0},E.createElement(g,{value:"male"},"male"),E.createElement(g,{value:"female"},"female"),E.createElement(g,{value:"other"},"other")))),E.createElement(c,{span:8},E.createElement(i.Item,{label:"数字输入",labelCol:{flex:"91px"}},E.createElement(u,null))),E.createElement(c,{span:8},E.createElement(i.Item,{label:"输入框",labelCol:{flex:"66px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:8},E.createElement(i.Item,{label:"日期时间",labelCol:{flex:"91px"}},E.createElement(h,{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"}))))),E.createElement(a,{orientation:"left"},"三列表单"),E.createElement("div",null,"设计稿限定列间隔，form添加 ",E.createElement("code",null,".space-form")," 类，配合使用Row、Col组件，在每项Item中设置label文本宽度"))},e.abrupt("return",{default:x});case 24:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-3",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Form, Input, Row, Col, Select, InputNumber, DatePicker } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { RangePicker } = DatePicker;\nconst { Option } = Select\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n    return (\n        <ConfigProvider\n            theme={{\n                ...TokenConfig,\n            }}\n        >\n            <Form\n                form={form}\n                name="control-hooks"\n                className=\'space-form\'\n                colon={false}\n                labelAlign=\'left\'\n                wrapperCol={{flex: 1}}\n                labelCol={{flex: \'80px\'}}\n                onFinish={onFinish}\n            >\n                <Row>\n                    <Col span={8}>\n                        <Form.Item label="用户名" labelCol={{flex: \'91px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item label="密码" labelCol={{flex: \'66px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item label="选择框" labelCol={{flex: \'91px\'}}>\n                            <Select\n                                placeholder="Select a option and change input text above"\n                                allowClear\n                            >\n                                <Option value="male">male</Option>\n                                <Option value="female">female</Option>\n                                <Option value="other">other</Option>\n                            </Select>\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item label="数字输入" labelCol={{flex: \'91px\'}}>\n                            <InputNumber />\n                        </Form.Item>\n                    </Col>\n                    <Col span={8}>\n                        <Form.Item label="输入框" labelCol={{flex: \'66px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n\n                    <Col span={8}>\n                        <Form.Item label="日期时间" labelCol={{flex: \'91px\'}}>\n                            <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />\n                        </Form.Item>\n                    </Col>\n                </Row>\n            </Form>\n            <Divider orientation="left">三列表单</Divider>\n            <div>设计稿限定列间隔，form添加 <code>.space-form</code> 类，配合使用Row、Col组件，在每项Item中设置label文本宽度</div>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(l=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return l.apply(this,arguments)})}},"form-demo-4":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h,g,x;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Form,l=r.Input,s=r.Row,c=r.Col,d=r.Select,u=r.InputNumber,p=r.DatePicker,e.t0=b(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),h=p.RangePicker,g=d.Option,x=function(){var e=i.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(i,{form:t,name:"control-hooks",className:"space-form",colon:!1,labelAlign:"left",wrapperCol:{flex:1},labelCol:{flex:"80px"},onFinish:function(e){}},E.createElement(s,null,E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"用户名",labelCol:{flex:"66px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"密码",labelCol:{flex:"80px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"性别",labelCol:{flex:"66px"}},E.createElement(d,{placeholder:"Select a option and change input text above",allowClear:!0},E.createElement(g,{value:"male"},"male"),E.createElement(g,{value:"female"},"female"),E.createElement(g,{value:"other"},"other")))),E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"年龄年龄",labelCol:{flex:"80px"}},E.createElement(u,null))),E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"年龄年",labelCol:{flex:"66px"}},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{span:"12"},E.createElement(i.Item,{label:"日期时间",labelCol:{flex:"80px"}},E.createElement(h,{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"}))))),E.createElement(a,{orientation:"left"},"两列表单"),E.createElement("div",null,E.createElement("p",null,"设计稿限定列间隔，form添加 ",E.createElement("code",null,".space-form")," 类，配合使用Row、Col组件，在每项Item中设置label文本宽度")))},e.abrupt("return",{default:x});case 24:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-4",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Form, Input, Row, Col, Select, InputNumber, DatePicker } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { RangePicker } = DatePicker;\nconst { Option } = Select\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n    return (\n        <ConfigProvider\n            theme={{\n                ...TokenConfig,\n            }}\n        >\n            <Form\n                form={form}\n                name="control-hooks"\n                className=\'space-form\'\n                colon={false}\n                labelAlign=\'left\'\n                wrapperCol={{flex: 1}}\n                labelCol={{flex: \'80px\'}}\n                onFinish={onFinish}\n            >\n                <Row>\n                    <Col span="12">\n                        <Form.Item label="用户名" labelCol={{flex: \'66px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col span="12">\n                        <Form.Item label="密码" labelCol={{flex: \'80px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col span="12">\n                        <Form.Item label="性别" labelCol={{flex: \'66px\'}}>\n                            <Select\n                                placeholder="Select a option and change input text above"\n                                allowClear\n                            >\n                                <Option value="male">male</Option>\n                                <Option value="female">female</Option>\n                                <Option value="other">other</Option>\n                            </Select>\n                        </Form.Item>\n                    </Col>\n                    <Col span="12">\n                        <Form.Item label="年龄年龄" labelCol={{flex: \'80px\'}}>\n                            <InputNumber />\n                        </Form.Item>\n                    </Col>\n                    <Col span="12">\n                        <Form.Item label="年龄年" labelCol={{flex: \'66px\'}}>\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n\n                    <Col span="12">\n                        <Form.Item label="日期时间" labelCol={{flex: \'80px\'}}>\n                            <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />\n                        </Form.Item>\n                    </Col>\n                </Row>\n            </Form>\n            <Divider orientation="left">两列表单</Divider>\n            <div>\n                <p>设计稿限定列间隔，form添加 <code>.space-form</code> 类，配合使用Row、Col组件，在每项Item中设置label文本宽度</p>\n            </div>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(i=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"form-demo-5":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h,g,x;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Form,l=r.Input,s=r.Row,c=r.Col,d=r.Select,u=r.InputNumber,p=r.DatePicker,e.t0=b(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),h=p.RangePicker,g=d.Option,x=function(){var e=i.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(i,{form:t,name:"control-hooks",colon:!1,labelAlign:"left",wrapperCol:{flex:1},labelCol:{flex:"80px"},onFinish:function(e){}},E.createElement(s,{gutter:40},E.createElement(c,{xxl:{span:7},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"用户名"},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{xxl:{span:7,offset:1},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"密码"},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{xxl:{span:7,offset:1},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"性别"},E.createElement(d,{placeholder:"Select a option and change input text above",allowClear:!0},E.createElement(g,{value:"male"},"male"),E.createElement(g,{value:"female"},"female"),E.createElement(g,{value:"other"},"other")))),E.createElement(c,{xxl:{span:7},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"年龄年龄"},E.createElement(u,null))),E.createElement(c,{xxl:{span:7,offset:1},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"年龄年"},E.createElement(l,{placeholder:"input placeholder"}))),E.createElement(c,{xxl:{span:7,offset:1},xl:{span:18},md:{span:24}},E.createElement(i.Item,{label:"日期时间"},E.createElement(h,{showTime:!0,format:"YYYY-MM-DD HH:mm:ss"}))))),E.createElement(a,{orientation:"left"},"自适应表单"),E.createElement("div",null,E.createElement("p",null,"配合使用Row、Col组件，统一设置label文本宽度")))},e.abrupt("return",{default:x});case 24:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-5",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Form, Input, Row, Col, Select, InputNumber, DatePicker } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { RangePicker } = DatePicker;\nconst { Option } = Select\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n    return (\n        <ConfigProvider theme={{ ...TokenConfig }}>\n            <Form\n                form={form}\n                name="control-hooks"\n                colon={false}\n                labelAlign=\'left\'\n                wrapperCol={{flex: 1}}\n                labelCol={{flex: \'80px\'}}\n                onFinish={onFinish}\n            >\n                <Row gutter={40}>\n                    <Col xxl={{ span: 7 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="用户名">\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col xxl={{ span: 7, offset: 1 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="密码">\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n                    <Col xxl={{ span: 7, offset: 1 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="性别">\n                            <Select\n                                placeholder="Select a option and change input text above"\n                                allowClear\n                            >\n                                <Option value="male">male</Option>\n                                <Option value="female">female</Option>\n                                <Option value="other">other</Option>\n                            </Select>\n                        </Form.Item>\n                    </Col>\n                    <Col xxl={{ span: 7 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="年龄年龄">\n                            <InputNumber />\n                        </Form.Item>\n                    </Col>\n                    <Col xxl={{ span: 7, offset: 1 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="年龄年">\n                            <Input placeholder="input placeholder" />\n                        </Form.Item>\n                    </Col>\n\n                    <Col xxl={{ span: 7, offset: 1 }} xl={{ span: 18 }} md={{ span: 24 }}>\n                        <Form.Item label="日期时间">\n                            <RangePicker showTime format="YYYY-MM-DD HH:mm:ss" />\n                        </Form.Item>\n                    </Col>\n                </Row>\n            </Form>\n            <Divider orientation="left">自适应表单</Divider>\n            <div>\n                <p>配合使用Row、Col组件，统一设置label文本宽度</p>\n            </div>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(a=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}},"form-demo-6":{component:E.memo(E.lazy(y()(m()().mark(function e(){var n,r,o,a,i,l,s,c,d,u,p,h,g;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,a=r.Divider,i=r.Form,l=r.Row,s=r.Col,c=r.Select,d=r.Button,u=r.Space,p=r.SzcSearch,e.t0=b(),e.next=18,Promise.resolve().then(t.bind(t,2901));case 18:return e.t1=e.sent,(0,e.t0)(e.t1),h=c.Option,g=function(){var e=i.useForm(),t=v()(e,1)[0];return E.createElement(o,{theme:f()({},n)},E.createElement(i,{form:t,name:"control-hooks",className:"inline-flex-form",layout:"inline",labelCol:{flex:"none"},colon:!1,autoComplete:"off"},E.createElement(l,null,E.createElement(s,null,E.createElement(i.Item,{label:"搜索"},E.createElement(p,{allowClear:!0,placeholder:"提示文本很长提示文本很长"}))),E.createElement(s,null,E.createElement(i.Item,{label:"多选"},E.createElement(c,{placeholder:"Select a option ",allowClear:!0},E.createElement(h,{value:"male"},"male"),E.createElement(h,{value:"female"},"female"),E.createElement(h,{value:"other"},"other")))),E.createElement(s,null,E.createElement(i.Item,null,E.createElement(u,null,E.createElement(d,{type:"primary",htmlType:"submit",onClick:function(e){}},"查询"),E.createElement(d,{htmlType:"submit"},"重置")))),E.createElement(s,{className:"rightGroup"},E.createElement(i.Item,null,E.createElement(d,{type:"primary"},"新建应用"))))),E.createElement(a,{orientation:"left"},"常用的行内表单"),E.createElement("div",null,E.createElement("p",null,'间隔5列，请给form表单请设置 className="inline-flex-form"'),E.createElement("p",null,'间隔3列，4列，正常设置Col表单的span属性，无需设置className="inline-flex-form"')))},e.abrupt("return",{default:g});case 23:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"form-demo-6",refAtomIds:["form"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport { ConfigProvider, Divider, Form, Row, Col, Select, Button, Space, SzcSearch } from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\n\nconst { Option } = Select\n\nconst App: React.FC = () => {\n  const [form] = Form.useForm();\n\n  const onFinish = (values: any) => {\n    console.log(values);\n  };\n\n    return (\n        <ConfigProvider theme={{ ...TokenConfig }}>\n            <Form\n                form={form}\n                name="control-hooks"\n                className="inline-flex-form"\n                layout="inline"\n                labelCol={{ flex: \'none\' }}\n                colon={false}\n                autoComplete="off"\n            >\n                <Row>\n                    <Col>\n                        <Form.Item label="搜索">\n                            <SzcSearch allowClear placeholder="提示文本很长提示文本很长" />\n                        </Form.Item>\n                    </Col>\n                    <Col>\n                        <Form.Item label="多选">\n                            <Select placeholder="Select a option " allowClear>\n                                <Option value="male">male</Option>\n                                <Option value="female">female</Option>\n                                <Option value="other">other</Option>\n                            </Select>\n                        </Form.Item>\n                    </Col>\n                    <Col>\n                        <Form.Item>\n                            <Space>\n                                <Button type="primary" htmlType="submit" onClick={onFinish}>查询</Button>\n                                <Button htmlType="submit">重置</Button>\n                            </Space>\n                        </Form.Item>\n                    </Col>\n                    <Col className="rightGroup">\n                        <Form.Item>\n                            <Button type="primary">新建应用</Button>\n                        </Form.Item>\n                    </Col>\n                </Row>\n            </Form>\n            <Divider orientation="left">常用的行内表单</Divider>\n            <div>\n                <p>间隔5列，请给form表单请设置 className="inline-flex-form"</p>\n                <p>间隔3列，4列，正常设置Col表单的span属性，无需设置className="inline-flex-form"</p>\n            </div>\n        </ConfigProvider>\n  );\n};\n\nexport default App;'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(C,2)),"@szc-ft/szcd":k,"@szc-ft/szcd/index.less":w},renderOpts:{compile:(o=y()(m()().mark(function e(){var n,r=arguments;return m()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},55:function(e,n,t){"use strict";t.r(n),t.d(n,{demos:function(){return p}});var r,o=t(15009),a=t.n(o),i=t(49677),l=t.n(i),s=t(99289),c=t.n(s),d=t(67294),u=t(28801),m=t(2901),p={"icon-demo-0":{component:d.memo(d.lazy(c()(a()().mark(function e(){var n,r,o,i,s,c,u,m,p;return a()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.bind(t,28801));case 2:return n=e.sent,r=n.default,o=n.InfoIcon,i=n.SuccessIcon,s=n.ErrorIcon,c=n.MinusCircleIcon,u=n.WarnIcon,e.t0=l(),e.next=12,Promise.resolve().then(t.bind(t,2901));case 12:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=16,Promise.resolve().then(t.bind(t,28801));case 16:return m=e.sent,p=m.Divider,(new r).load(document.body),e.abrupt("return",{default:function(){return d.createElement("div",null,d.createElement(p,{orientation:"left"},"基础"),d.createElement(o,{className:"info-icon",style:{fontSize:"28px"}}),d.createElement(u,{className:"warn-icon",style:{fontSize:"28px"}}),d.createElement(i,{className:"success-icon",style:{fontSize:"28px"}}),d.createElement(s,{className:"error-icon",style:{fontSize:"28px"}}),d.createElement(c,{style:{fontSize:"28px"}}))}});case 22:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"icon-demo-0",refAtomIds:["icon"],dependencies:{"index.tsx":{type:"FILE",value:"import {\n  CheckOutlined,\n  CloseOutlined,\n  InfoCircleOutlined,\n} from '@szc-ft/szcd';\nimport Theme, { Alert, InfoIcon, SuccessIcon, ErrorIcon, MinusCircleIcon, WarnIcon } from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { Divider, Space } from \"@szc-ft/szcd\";\nconsole.log(SuccessIcon);\n\nnew Theme().load(document.body);\nconst onClose = (e) => {\n  console.log(e, 'I was closed.');\n};\n\nexport default () => {\n  return (\n    <div>\n      <Divider orientation=\"left\">基础</Divider>\n      {/* <Space style={{ fontSize: '28px' }}>\n        <CloseOutlined />\n        <InfoCircleOutlined />\n        <CheckOutlined />\n      </Space> */}\n      <InfoIcon className=\"info-icon\" style={{ fontSize: '28px' }}></InfoIcon>\n      <WarnIcon className=\"warn-icon\" style={{ fontSize: '28px' }}></WarnIcon>\n      <SuccessIcon\n        className=\"success-icon\"\n        style={{ fontSize: '28px' }}\n      ></SuccessIcon>\n      <ErrorIcon\n        className=\"error-icon\"\n        style={{ fontSize: '28px' }}\n      ></ErrorIcon>\n      <MinusCircleIcon style={{ fontSize: '28px' }}></MinusCircleIcon>\n    </div>\n  );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@szc-ft/szcd":u,"@szc-ft/szcd/index.less":m},renderOpts:{compile:(r=c()(a()().mark(function e(){var n,r=arguments;return a()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return r.apply(this,arguments)})}}}},15348:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"search-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c,u,m,f;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,l=a.ConfigProvider,c=a.Divider,u=a.Select,m=a.Space,f=a.SzcSearch,(new o).load(document.body),e.abrupt("return",{default:function(){return p.createElement(l,{theme:s()({},n)},p.createElement(c,{orientation:"left"},"基础状态"),p.createElement(f,{style:{width:239},placeholder:"请输入搜索内容请输入搜索内容请输入搜索内容",onSearch:function(e){}}),p.createElement("br",null),p.createElement(c,{orientation:"left"},"组合搜索"),p.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},p.createElement(m,null,p.createElement(u,{defaultValue:"筛选器",style:{width:120}},p.createElement(u.Option,{value:"Sign Up"},"Sign Up"),p.createElement(u.Option,{value:"Sign In"},"Sign In")),p.createElement(f,{style:{width:239},placeholder:"请输入搜索内容"}))))}});case 22:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"search-demo-0",refAtomIds:["search"],dependencies:{"index.tsx":{type:"FILE",value:'import * as TokenConfig from \'@/theme/tokenConfig.json\';\nimport Theme from \'@szc-ft/szcd\';\nimport \'@szc-ft/szcd/index.less\';\nimport { ConfigProvider, Divider, Select, Space, SzcSearch } from "@szc-ft/szcd";\n\nnew Theme().load(document.body);\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Divider orientation="left">基础状态</Divider>\n    <SzcSearch style={{ width: 239 }} placeholder="请输入搜索内容请输入搜索内容请输入搜索内容" onSearch={(value) => {console.log(value)}} />\n\n    <br />\n    <Divider orientation="left">组合搜索</Divider>\n    <div\n      style={{\n        display: \'flex\',\n        gap: \'10px\',\n        flexDirection: \'column\',\n      }}\n    >\n      {/* <p>\n        非紧凑模式：使用样式类名为 <b>.szc-combination-input-group</b>{\' \'}\n        自由组装，内部间距已经内置\n      </p> */}\n      <Space>\n        <Select defaultValue="筛选器" style={{ width: 120 }}>\n          <Select.Option value="Sign Up">Sign Up</Select.Option>\n          <Select.Option value="Sign In">Sign In</Select.Option>\n        </Select>\n        <SzcSearch style={{ width: 239 }} placeholder="请输入搜索内容" />\n      </Space>\n    </div>\n  </ConfigProvider>\n);'},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},72832:function(e,n,t){"use strict";var r;t.r(n),t.d(n,{demos:function(){return g}});var o,a=t(15009),i=t.n(a),l=t(97857),s=t.n(l),c=t(49677),d=t.n(c),u=t(99289),m=t.n(u),p=t(67294),f=t(7927),h=t(28801),v=t(2901),g={"simplepagination-demo-0":{component:p.memo(p.lazy(m()(i()().mark(function e(){var n,r,o,a,l,c;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.t0=d(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,l=a.ConfigProvider,c=a.Pagination,(new o).load(document.body),e.abrupt("return",{default:function(){return p.createElement(l,{theme:s()({},n)},p.createElement(c,{simple:!0,defaultCurrent:2,total:50,showTotal:function(e,n){return"总计：".concat(e)}}),p.createElement(c,{defaultCurrent:2,total:500,disabled:!0,showTotal:function(e,n){return"总计：".concat(e)},simple:!0}))}});case 19:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"simplepagination-demo-0",refAtomIds:["simplePagination"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { ConfigProvider, Pagination } from \"@szc-ft/szcd\";\n// import SimplePagination from './index';\n\nnew Theme().load(document.body);\n\nexport default () => (\n  <ConfigProvider\n    theme={{\n      ...TokenConfig,\n    }}\n  >\n    <Pagination\n      simple\n      defaultCurrent={2}\n      total={50}\n      showTotal={(total, range) => `总计：${total}`}\n    />\n    <Pagination\n      defaultCurrent={2}\n      total={500}\n      disabled\n      showTotal={(total, range) => `总计：${total}`}\n      simple\n    />\n  </ConfigProvider>\n);"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(f,2)),"@szc-ft/szcd":h,"@szc-ft/szcd/index.less":v},renderOpts:{compile:(o=m()(i()().mark(function e(){var n,r=arguments;return i()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return o.apply(this,arguments)})}}}},52e3:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return E}});var a,i,l=t(15009),s=t.n(l),c=t(97857),d=t.n(c),u=t(5574),m=t.n(u),p=t(49677),f=t.n(p),h=t(99289),v=t.n(h),g=t(67294),b=t(7927),x=t(2901),y=t(28801),E={"table-demo-0":{component:g.memo(g.lazy(v()(s()().mark(function e(){var n,r,o,a,i,l;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=f(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.t.bind(t,67294,19));case 10:return r=e.sent,o=r.useState,e.next=14,Promise.resolve().then(t.bind(t,28801));case 14:return a=e.sent,i=a.ConfigProvider,l=a.Table,e.abrupt("return",{default:function(){var e=o(""),t=m()(e,2),r=(t[0],t[1],Array(3).fill({}).map(function(e){return{userName:Math.random(),updatedDate:Math.random()+"New York No. ${i} Lake ParkNew York No New York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York No",status:"runnig",nickname:Math.random()+"武林风全球争霸赛",age:Math.floor(20*Math.random())}}));return g.createElement(i,{theme:d()({},n)},g.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},g.createElement(l,{columns:[{title:"用户名",dataIndex:"userName",sortDirections:["descend","ascend"],sorter:function(e,n){return e.userName-n.userName},width:"300px"},{title:"添加时间",dataIndex:"updatedDate",width:"100px"},{title:"状态",dataIndex:"status",width:"100px"},{title:"别名",dataIndex:"nickname",width:"100px"},{title:"年龄",dataIndex:"age",width:"100px"}],dataSource:r}),g.createElement(l,{columns:[{title:"用户名",dataIndex:"userName",sortDirections:["descend","ascend"],sorter:function(e,n){return e.userName-n.userName},width:"300px",ellipsis:!0,fixed:"left",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}]},{title:"添加时间",dataIndex:"updatedDate",width:"300px",ellipsis:!0,filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}]},{title:"状态",dataIndex:"status",width:"100px",ellipsis:!0},{title:"别名",dataIndex:"nickname",width:"300px",ellipsis:!0},{title:"年龄",dataIndex:"age",width:"100px",ellipsis:!0,fixed:"right"}],dataSource:r,scroll:{x:800}}),g.createElement(l,{columns:[{title:"Name",dataIndex:"name",key:"name",ellipsis:!0},{title:"Age",dataIndex:"age",key:"age",width:"12%"},{title:"Address",dataIndex:"address",width:"30%",key:"address"}],dataSource:[{key:1,name:"John Brown sr.",age:60,address:"New York No. 1 Lake Park",children:[{key:11,name:"John Brown",age:42,address:"New York No. 2 Lake Park"},{key:12,name:"John Brown jr.",age:30,address:"New York No. 3 Lake Park",children:[{key:121,name:"Jimmy Brown",age:16,address:"New York No. 3 Lake Park"}]},{key:13,name:"Jim Green sr.",age:72,address:"London No. 1 Lake Park",children:[{key:131,name:"Jim Green",age:42,address:"London No. 2 Lake Park",children:[{key:1311,name:"Jim Green jr.",age:25,address:"London No. 3 Lake Park"},{key:1312,name:"Jimmy Green sr.",age:18,address:"London No. 4 Lake Park"}]}]}]},{key:2,name:"Joe Black",age:32,address:"Sydney No. 1 Lake Park"}]})))}});case 18:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"table-demo-0",refAtomIds:["table"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nimport { useState } from 'react';\n// import Table from './index';\nimport { ConfigProvider, Table } from \"@szc-ft/szcd\";\n\nexport default () => {\n    const [val, setVal] = useState('');\n\n    const columns = [\n        {\n            title: '用户名',\n            dataIndex: 'userName',\n            sortDirections: ['descend', 'ascend'],\n            sorter: (a, b) => a.userName - b.userName,\n            width: '300px',\n        },\n        {\n            title: '添加时间',\n            dataIndex: 'updatedDate',\n            width: '100px',\n        },\n        {\n            title: '状态',\n            dataIndex: 'status',\n            width: '100px',\n        },\n        {\n            title: '别名',\n            dataIndex: 'nickname',\n            width: '100px',\n        },\n        {\n            title: '年龄',\n            dataIndex: 'age',\n            width: '100px',\n        },\n    ];\n    const columns1 = [\n        {\n            title: '用户名',\n            dataIndex: 'userName',\n            sortDirections: ['descend', 'ascend'],\n            sorter: (a, b) => a.userName - b.userName,\n            width: '300px',\n            ellipsis: true,\n            fixed: 'left',\n            filters: [\n                {\n                    text: 'London',\n                    value: 'London',\n                },\n                {\n                    text: 'New York',\n                    value: 'New York',\n                },\n            ],\n        },\n        {\n            title: '添加时间',\n            dataIndex: 'updatedDate',\n            width: '300px',\n            ellipsis: true,\n            filters: [\n                {\n                    text: 'London',\n                    value: 'London',\n                },\n                {\n                    text: 'New York',\n                    value: 'New York',\n                },\n            ],\n        },\n        {\n            title: '状态',\n            dataIndex: 'status',\n            width: '100px',\n            ellipsis: true,\n        },\n        {\n            title: '别名',\n            dataIndex: 'nickname',\n            width: '300px',\n            ellipsis: true,\n        },\n        {\n            title: '年龄',\n            dataIndex: 'age',\n            width: '100px',\n            ellipsis: true,\n            fixed: 'right'\n        },\n    ];\n    const dataSource = Array(3)\n        .fill({})\n        .map((it) => ({\n        userName: Math.random(),\n        updatedDate:\n            Math.random() +\n            'New York No. ${i} Lake ParkNew York No New York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York NoNew York No. ${i} Lake ParkNew York No',\n            status: 'runnig',\n            nickname:  Math.random() + '武林风全球争霸赛',\n            age: Math.floor(Math.random() * 20)\n        }));\n    const childColumns = [\n        {\n            title: 'Name',\n            dataIndex: 'name',\n            key: 'name',\n            ellipsis: true,\n        },\n        {\n            title: 'Age',\n            dataIndex: 'age',\n            key: 'age',\n            width: '12%',\n        },\n        {\n            title: 'Address',\n            dataIndex: 'address',\n            width: '30%',\n            key: 'address',\n        },\n    ];\n\n    const childData = [\n        {\n            key: 1,\n            name: 'John Brown sr.',\n            age: 60,\n            address: 'New York No. 1 Lake Park',\n            children: [\n            {\n                key: 11,\n                name: 'John Brown',\n                age: 42,\n                address: 'New York No. 2 Lake Park',\n            },\n            {\n                key: 12,\n                name: 'John Brown jr.',\n                age: 30,\n                address: 'New York No. 3 Lake Park',\n                children: [\n                {\n                    key: 121,\n                    name: 'Jimmy Brown',\n                    age: 16,\n                    address: 'New York No. 3 Lake Park',\n                },\n                ],\n            },\n            {\n                key: 13,\n                name: 'Jim Green sr.',\n                age: 72,\n                address: 'London No. 1 Lake Park',\n                children: [\n                {\n                    key: 131,\n                    name: 'Jim Green',\n                    age: 42,\n                    address: 'London No. 2 Lake Park',\n                    children: [\n                    {\n                        key: 1311,\n                        name: 'Jim Green jr.',\n                        age: 25,\n                        address: 'London No. 3 Lake Park',\n                    },\n                    {\n                        key: 1312,\n                        name: 'Jimmy Green sr.',\n                        age: 18,\n                        address: 'London No. 4 Lake Park',\n                    },\n                    ],\n                },\n                ],\n            },\n            ],\n        },\n        {\n            key: 2,\n            name: 'Joe Black',\n            age: 32,\n            address: 'Sydney No. 1 Lake Park',\n        },\n    ];\n\n    return (\n        <ConfigProvider\n            theme={{\n                ...TokenConfig,\n            }}\n        >\n            <div style={{ display: 'flex', gap: '10px', flexDirection: 'column' }}>\n                <Table columns={columns} dataSource={dataSource}></Table>\n                <Table\n                columns={columns1}\n                dataSource={dataSource}\n                scroll={{ x: 800 }}\n\n                ></Table>\n                <Table\n                    columns={childColumns}\n                    dataSource={childData}\n                />\n            </div>\n        </ConfigProvider>\n    );\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(b,2)),"@szc-ft/szcd/index.less":x,react:o||(o=t.t(g,2)),"@szc-ft/szcd":y},renderOpts:{compile:(i=v()(s()().mark(function e(){var n,r=arguments;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"table-demo-1":{component:g.memo(g.lazy(v()(s()().mark(function e(){var n,r,o,a,i,l,c,u,p,h,v,g,b,x,y,E,C,k;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.t0=f(),e.next=6,Promise.resolve().then(t.bind(t,2901));case 6:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=10,Promise.resolve().then(t.t.bind(t,67294,19));case 10:return r=e.sent,o=r.default,a=r.useState,e.next=15,Promise.resolve().then(t.bind(t,28801));case 15:for(i=e.sent,l=i.Form,c=i.Radio,u=i.Switch,p=i.ConfigProvider,h=i.Table,v=[{title:"Name",dataIndex:"name"},{title:"Age",dataIndex:"age",sorter:function(e,n){return e.age-n.age}},{title:"Address",dataIndex:"address",filters:[{text:"London",value:"London"},{text:"New York",value:"New York"}],onFilter:function(e,n){return 0===n.address.indexOf(e)}},{title:"Action",key:"action",sorter:!0,render:function(){return o.createElement("div",{className:"actions-list"},o.createElement("a",null,"add"),o.createElement("span",{className:"link"},"delete"))}}],g=[],b=1;b<=10;b++)x={},1===b&&(x.children=[{key:100+b,name:"Jim Green",age:100+b,address:"London No. 2 Lake Park",children:[{key:200+b,name:"Jim Green jr.",age:200+b,address:"London No. 3 Lake Park"},{key:201+b,name:"Jimmy Green sr.",age:201+b,address:"London No. 4 Lake Park"}]}]),g.push(d()({key:b,name:"John Brown",age:Number("".concat(b,"2")),address:"New York No. ".concat(b," Lake Park"),description:"My name is John Brown, I am ".concat(b,"2 years old, living in New York No. ").concat(b," Lake Park.")},x));return y={expandedRowRender:function(e){return o.createElement("p",null,e.description)}},E=function(){return"Here is title"},C=function(){return"Here is footer"},k=function(){var e=a(!1),t=m()(e,2),r=t[0],i=t[1],s=a(!1),f=m()(s,2),b=f[0],x=f[1],k=a(!1),w=m()(k,2),z=w[0],I=w[1],P=a("large"),T=m()(P,2),S=T[0],D=T[1],B=a(y),F=m()(B,2),O=F[0],N=F[1],A=a(!1),R=m()(A,2),L=R[0],M=R[1],K=a(!0),j=m()(K,2),H=j[0],U=j[1],Y=a(!0),V=m()(Y,2),G=V[0],Q=V[1],q=a({}),J=m()(q,2),W=J[0],Z=J[1],X=a(!0),$=m()(X,2),_=$[0],ee=$[1],ne=a(),te=m()(ne,2),re=te[0],oe=te[1],ae=a("none"),ie=m()(ae,2),le=ie[0],se=ie[1],ce=a("bottomRight"),de=m()(ce,2),ue=de[0],me=de[1],pe=a(!1),fe=m()(pe,2),he=fe[0],ve=fe[1],ge=a(!1),be=m()(ge,2),xe=be[0],ye=be[1],Ee=a(),Ce=m()(Ee,2),ke=Ce[0],we=Ce[1],ze={};xe&&(ze.y=240),ke&&(ze.x="100vw");var Ie=v.map(function(e){return d()(d()({},e),{},{ellipsis:he})});"fixed"===ke&&(Ie[0].fixed=!0,Ie[Ie.length-1].fixed="right");var Pe={bordered:r,loading:z,size:S,expandable:O,title:L?E:void 0,showHeader:H,footer:G?C:void 0,rowSelection:W,scroll:ze,tableLayout:re,theadBorderNone:b};return o.createElement(p,{theme:n},o.createElement(l,{layout:"inline",className:"components-table-demo-control-bar",style:{marginBottom:16}},o.createElement(l.Item,{label:"Bordered"},o.createElement(u,{checked:r,onChange:function(e){i(e)}})),o.createElement(l.Item,{label:"Thead Bordered"},o.createElement(u,{checked:b,onChange:function(e){return x(e)}})),o.createElement(l.Item,{label:"loading"},o.createElement(u,{checked:z,onChange:function(e){I(e)}})),o.createElement(l.Item,{label:"Title"},o.createElement(u,{checked:L,onChange:function(e){M(e)}})),o.createElement(l.Item,{label:"Column Header"},o.createElement(u,{checked:H,onChange:function(e){U(e)}})),o.createElement(l.Item,{label:"Footer"},o.createElement(u,{checked:G,onChange:function(e){Q(e)}})),o.createElement(l.Item,{label:"Expandable"},o.createElement(u,{checked:!!O,onChange:function(e){N(e?y:void 0)}})),o.createElement(l.Item,{label:"Checkbox"},o.createElement(u,{checked:!!W,onChange:function(e){Z(e?{}:void 0)}})),o.createElement(l.Item,{label:"Fixed Header"},o.createElement(u,{checked:!!xe,onChange:function(e){ye(e)}})),o.createElement(l.Item,{label:"Has Data"},o.createElement(u,{checked:!!_,onChange:function(e){ee(e)}})),o.createElement(l.Item,{label:"Ellipsis"},o.createElement(u,{checked:!!he,onChange:function(e){ve(e)}})),o.createElement(l.Item,{label:"Size"},o.createElement(c.Group,{value:S,onChange:function(e){D(e.target.value)}},o.createElement(c.Button,{value:"large"},"Large"),o.createElement(c.Button,{value:"middle"},"Middle"),o.createElement(c.Button,{value:"small"},"Small"))),o.createElement(l.Item,{label:"Table Scroll"},o.createElement(c.Group,{value:ke,onChange:function(e){we(e.target.value)}},o.createElement(c.Button,{value:void 0},"Unset"),o.createElement(c.Button,{value:"scroll"},"Scroll"),o.createElement(c.Button,{value:"fixed"},"Fixed Columns"))),o.createElement(l.Item,{label:"Table Layout"},o.createElement(c.Group,{value:re,onChange:function(e){oe(e.target.value)}},o.createElement(c.Button,{value:void 0},"Unset"),o.createElement(c.Button,{value:"fixed"},"Fixed"))),o.createElement(l.Item,{label:"Pagination Top"},o.createElement(c.Group,{value:le,onChange:function(e){se(e.target.value)}},o.createElement(c.Button,{value:"topLeft"},"TopLeft"),o.createElement(c.Button,{value:"topCenter"},"TopCenter"),o.createElement(c.Button,{value:"topRight"},"TopRight"),o.createElement(c.Button,{value:"none"},"None"))),o.createElement(l.Item,{label:"Pagination Bottom"},o.createElement(c.Group,{value:ue,onChange:function(e){me(e.target.value)}},o.createElement(c.Button,{value:"bottomLeft"},"BottomLeft"),o.createElement(c.Button,{value:"bottomCenter"},"BottomCenter"),o.createElement(c.Button,{value:"bottomRight"},"BottomRight"),o.createElement(c.Button,{value:"none"},"None")))),o.createElement(h,d()(d()({},Pe),{},{pagination:{position:[le,ue]},columns:Ie,dataSource:_?g:[],scroll:ze})))},e.abrupt("return",{default:k});case 29:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"table-demo-1",refAtomIds:["table"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport '@szc-ft/szcd/index.less';\n// import { ConfigProvider, Table } from \"@szc-ft/szcd\";\n// import { DownOutlined } from '@ant-design/icons';\n// import Table from './index';\n\nimport React, { useState } from 'react';\nimport { Form, Radio, Space, Switch, DownOutlined, ConfigProvider, Table } from '@szc-ft/szcd';\nconst columns = [\n  {\n    title: 'Name',\n    dataIndex: 'name',\n  },\n  {\n    title: 'Age',\n    dataIndex: 'age',\n    sorter: (a, b) => a.age - b.age,\n  },\n  {\n    title: 'Address',\n    dataIndex: 'address',\n    filters: [\n      {\n        text: 'London',\n        value: 'London',\n      },\n      {\n        text: 'New York',\n        value: 'New York',\n      },\n    ],\n    onFilter: (value, record) => record.address.indexOf(value) === 0,\n  },\n  {\n    title: 'Action',\n    key: 'action',\n    sorter: true,\n    render: () => (\n      <div className='actions-list'>\n        {/* <span className='link'>Delete</span> */}\n        <a>add</a>\n        <span className=\"link\">delete</span>\n      </div>\n    ),\n  },\n];\nconst data = [];\nfor (let i = 1; i <= 10; i++) {\n  const obj={}\n  if(i===1){\n    obj.children=[\n      {\n          key: 100+i,\n          name: 'Jim Green',\n          age: 100+i,\n          address: 'London No. 2 Lake Park',\n          children: [\n          {\n              key: 200+i,\n              name: 'Jim Green jr.',\n              age: 200+i,\n              address: 'London No. 3 Lake Park',\n          },\n          {\n              key: 201+i,\n              name: 'Jimmy Green sr.',\n              age: 201+i,\n              address: 'London No. 4 Lake Park',\n          },\n          ],\n      },\n    ]\n  }\n  data.push({\n    key: i,\n    name: 'John Brown',\n    age: Number(`${i}2`),\n    address: `New York No. ${i} Lake Park`,\n    description: `My name is John Brown, I am ${i}2 years old, living in New York No. ${i} Lake Park.`,\n    ...obj\n  });\n}\nconst defaultExpandable = {\n  expandedRowRender: (record) => <p>{record.description}</p>,\n};\nconst defaultTitle = () => 'Here is title';\nconst defaultFooter = () => 'Here is footer';\nconst App = () => {\n  const [bordered, setBordered] = useState(false);\n  const [theadBorderNone, setTheadBorderNone] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [size, setSize] = useState('large');\n  const [expandable, setExpandable] = useState(defaultExpandable);\n  const [showTitle, setShowTitle] = useState(false);\n  const [showHeader, setShowHeader] = useState(true);\n  const [showfooter, setShowFooter] = useState(true);\n  const [rowSelection, setRowSelection] = useState({});\n  const [hasData, setHasData] = useState(true);\n  const [tableLayout, setTableLayout] = useState();\n  const [top, setTop] = useState('none');\n  const [bottom, setBottom] = useState('bottomRight');\n  const [ellipsis, setEllipsis] = useState(false);\n  const [yScroll, setYScroll] = useState(false);\n  const [xScroll, setXScroll] = useState();\n  const handleBorderChange = (enable) => {\n    setBordered(enable);\n  };\n  const handleLoadingChange = (enable) => {\n    setLoading(enable);\n  };\n  const handleSizeChange = (e) => {\n    setSize(e.target.value);\n  };\n  const handleTableLayoutChange = (e) => {\n    setTableLayout(e.target.value);\n  };\n  const handleExpandChange = (enable) => {\n    setExpandable(enable ? defaultExpandable : undefined);\n  };\n  const handleEllipsisChange = (enable) => {\n    setEllipsis(enable);\n  };\n  const handleTitleChange = (enable) => {\n    setShowTitle(enable);\n  };\n  const handleHeaderChange = (enable) => {\n    setShowHeader(enable);\n  };\n  const handleFooterChange = (enable) => {\n    setShowFooter(enable);\n  };\n  const handleRowSelectionChange = (enable) => {\n    setRowSelection(enable ? {} : undefined);\n  };\n  const handleYScrollChange = (enable) => {\n    setYScroll(enable);\n  };\n  const handleXScrollChange = (e) => {\n    setXScroll(e.target.value);\n  };\n  const handleDataChange = (newHasData) => {\n    setHasData(newHasData);\n  };\n  const scroll = {};\n  if (yScroll) {\n    scroll.y = 240;\n  }\n  if (xScroll) {\n    scroll.x = '100vw';\n  }\n  const tableColumns = columns.map((item) => ({\n    ...item,\n    ellipsis,\n  }));\n  if (xScroll === 'fixed') {\n    tableColumns[0].fixed = true;\n    tableColumns[tableColumns.length - 1].fixed = 'right';\n  }\n  const tableProps = {\n    bordered,\n    loading,\n    size,\n    expandable,\n    title: showTitle ? defaultTitle : undefined,\n    showHeader,\n    footer: showfooter ? defaultFooter : undefined,\n    rowSelection,\n    scroll,\n    tableLayout,\n    theadBorderNone\n  };\n  return (\n    <ConfigProvider theme={...TokenConfig}>\n      <Form\n        layout=\"inline\"\n        className=\"components-table-demo-control-bar\"\n        style={{\n          marginBottom: 16,\n        }}\n      >\n        <Form.Item label=\"Bordered\">\n          <Switch checked={bordered} onChange={handleBorderChange} />\n        </Form.Item>\n        <Form.Item label=\"Thead Bordered\">\n          <Switch checked={theadBorderNone} onChange={(enable)=>setTheadBorderNone(enable)} />\n        </Form.Item>\n        <Form.Item label=\"loading\">\n          <Switch checked={loading} onChange={handleLoadingChange} />\n        </Form.Item>\n        <Form.Item label=\"Title\">\n          <Switch checked={showTitle} onChange={handleTitleChange} />\n        </Form.Item>\n        <Form.Item label=\"Column Header\">\n          <Switch checked={showHeader} onChange={handleHeaderChange} />\n        </Form.Item>\n        <Form.Item label=\"Footer\">\n          <Switch checked={showfooter} onChange={handleFooterChange} />\n        </Form.Item>\n        <Form.Item label=\"Expandable\">\n          <Switch checked={!!expandable} onChange={handleExpandChange} />\n        </Form.Item>\n        <Form.Item label=\"Checkbox\">\n          <Switch checked={!!rowSelection} onChange={handleRowSelectionChange} />\n        </Form.Item>\n        <Form.Item label=\"Fixed Header\">\n          <Switch checked={!!yScroll} onChange={handleYScrollChange} />\n        </Form.Item>\n        <Form.Item label=\"Has Data\">\n          <Switch checked={!!hasData} onChange={handleDataChange} />\n        </Form.Item>\n        <Form.Item label=\"Ellipsis\">\n          <Switch checked={!!ellipsis} onChange={handleEllipsisChange} />\n        </Form.Item>\n        <Form.Item label=\"Size\">\n          <Radio.Group value={size} onChange={handleSizeChange}>\n            <Radio.Button value=\"large\">Large</Radio.Button>\n            <Radio.Button value=\"middle\">Middle</Radio.Button>\n            <Radio.Button value=\"small\">Small</Radio.Button>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label=\"Table Scroll\">\n          <Radio.Group value={xScroll} onChange={handleXScrollChange}>\n            <Radio.Button value={undefined}>Unset</Radio.Button>\n            <Radio.Button value=\"scroll\">Scroll</Radio.Button>\n            <Radio.Button value=\"fixed\">Fixed Columns</Radio.Button>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label=\"Table Layout\">\n          <Radio.Group value={tableLayout} onChange={handleTableLayoutChange}>\n            <Radio.Button value={undefined}>Unset</Radio.Button>\n            <Radio.Button value=\"fixed\">Fixed</Radio.Button>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label=\"Pagination Top\">\n          <Radio.Group\n            value={top}\n            onChange={(e) => {\n              setTop(e.target.value);\n            }}\n          >\n            <Radio.Button value=\"topLeft\">TopLeft</Radio.Button>\n            <Radio.Button value=\"topCenter\">TopCenter</Radio.Button>\n            <Radio.Button value=\"topRight\">TopRight</Radio.Button>\n            <Radio.Button value=\"none\">None</Radio.Button>\n          </Radio.Group>\n        </Form.Item>\n        <Form.Item label=\"Pagination Bottom\">\n          <Radio.Group\n            value={bottom}\n            onChange={(e) => {\n              setBottom(e.target.value);\n            }}\n          >\n            <Radio.Button value=\"bottomLeft\">BottomLeft</Radio.Button>\n            <Radio.Button value=\"bottomCenter\">BottomCenter</Radio.Button>\n            <Radio.Button value=\"bottomRight\">BottomRight</Radio.Button>\n            <Radio.Button value=\"none\">None</Radio.Button>\n          </Radio.Group>\n        </Form.Item>\n      </Form>\n      <Table\n        {...tableProps}\n        pagination={{\n          position: [top, bottom],\n        }}\n        columns={tableColumns}\n        dataSource={hasData ? data : []}\n        scroll={scroll}\n      />\n    </ConfigProvider>\n  );\n};\nexport default App;"}},entry:"index.tsx"},context:{},renderOpts:{compile:(a=v()(s()().mark(function e(){var n,r=arguments;return s()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},50866:function(e,n,t){"use strict";var r,o;t.r(n),t.d(n,{demos:function(){return C}});var a,i,l,s=t(97857),c=t.n(s),d=t(15009),u=t.n(d),m=t(5574),p=t.n(m),f=t(49677),h=t.n(f),v=t(99289),g=t.n(v),b=t(67294),x=t(7927),y=t(28801),E=t(2901),C={"upload-demo-0":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,d,m,f,v,b,x,y,E,C,k,w,z,I,P,T,S;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.LoadingOutlined,a=r.PlusOutlined,i=r.UploadOutlined,e.next=11,Promise.resolve().then(t.t.bind(t,67294,19));case 11:return l=e.sent,s=l.default,d=l.useState,e.t0=h(),e.next=17,Promise.resolve().then(t.bind(t,2901));case 17:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=21,Promise.resolve().then(t.bind(t,28801));case 21:return m=e.sent,f=m.default,e.next=25,Promise.resolve().then(t.bind(t,28801));case 25:return v=e.sent,b=v.Divider,x=v.Modal,y=v.Button,E=v.Upload,C=v.message,k=v.ConfigProvider,w=E.Dragger,(new f).load(document.body),I=function(e,n){var t=new FileReader;t.addEventListener("load",function(){return n(t.result)}),t.readAsDataURL(e)},P=function(e){var n="image/jpeg"===e.type||"image/png"===e.type;n||C.error("You can only upload JPG/PNG file!");var t=e.size/1024/1024<2;return t||C.error("Image must smaller than 2MB!"),n&&t},T={name:"file",action:"https://www.mocky.io/v2/5cc8019d300000980a055e76",headers:{authorization:"authorization-text"},onChange:function(e){e.file.status,"done"===e.file.status?C.success("".concat(e.file.name," file uploaded successfully")):"error"===e.file.status&&C.error("".concat(e.file.name," file upload failed."))}},S={action:"https://www.mocky.io/v2/5cc8019d300000980a055e76",onChange:function(e){var n=e.file;e.fileList;n.status},defaultFileList:[{uid:"1",name:"xxx.png",status:"uploading",url:z="data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAEAAQAMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/APf6KKKAOZ8UeMNM8Mxl3Edzfkqgt0kAkCnnLdSF/DrivOdT+K+u3TkWKQWMfbCCRvxLcfpUfjexbWvifJp1vLGkkvlRl1X7rbQfmHfjHPp9K2bb4SW/2dfteqzm4/i8lQEx7A/z/Sk3YpRuUdI+LmqWgKarZx3yn7skZETj6jGD+len+HvEVj4m0wX1izbQxSSNxh42HY/mD+NedXvwmRUJsNWIOAES5TO4+7D/AANRfDAXOl+MtQ0m5Z438k74gwKllI/ox5oTuDjY9goozjrRTJGq6vnawbBwcHOD6U6uL0qyh8CzR20k815/adwEBSHasQHG5sZGfmGTkcDOOK7Sm/IEeVxaVLL8Sb/VYUZoVmDR3DIdvzAREDOM4O/nn7o7GrXhLVUudR1tLeUtNa3KRyJ9m8oMSxU87jnocfd9xXVXWh3NvBN/Z87TRs7P9hm2hCGJLKrbcjk5GSQMY6dKOmmwkdrPyruzvTmQw3AKuMY+ZTyrYyOVJFZSvc1ja25heItWeHxdods0CedPN5aMbNZfL+YA4c4IODnjoOeelJ4Js3vfiHrmsAHyIw0IbGAzkgHH/fDfmK37260qaX7IiNfXsZ2+XDH5jlh2ZsYX6kgCr+haVc2l9c3lxaWVmZUVPKtJC4cgklmJReefT155px3Cdrbkniaxvb/To47F2D+au5A5UEZ4YkYI2nDcHse+K1oUMUCRmRpCihS7dWIHU+9OkVmjZUfYxBAbGcH1xXM+Gkvv7UvzM0myN2S5ZxxPMDgOvp8gXIHHIH8NJvlktHr+Bnujp2UMpVgCD1Bpa5vwxqt/qEs8dyQyxliQ0TK8RLZCNnHQHHQHgHvXSVUJqauhyi4uzOB+IHxDk8J3EOn2NrHNeSxeaXlJ2RgkgcDqeD3FeWaXqc/jHxPFH4g1G4D3DgRyREL5bLnaq8YAOT+OKf8AE6++2+P9QwcpAUgH/AVGf1JrkI5ZLaVJY3KsjBkYdVYHIP51RJ3sXiC7+G3i+60/TpJLjSw6NLbTHJOUUkgjGG6jP0zmveLG9g1GxgvbWQSQToJI2HcEZFfL3iXVE1fxBc6igwsyRHHo3lqCPwIxXsXwc1gXvhifTHfMthMdqnr5b/MP/Ht/6UAej0UUmRkjPIoAAihmYKAzdSByaWiigD5p8TRtovxB1Y6hEZVaeZsY+8soJU/kw/KuXXGD6GvfviP8P5/FbW19prwpfQjy3WU4EiZyOQDyDn864u1+C+vyMv2m90+BD12u7sPw2gfrQB5zbPFC5MkQkQrIm09mKsFP4Eg/hXsXwS0yWO01TVHGIpmSCPjrtyWP0+YD8DWfq/wTvEwdH1KGVdo3LdZQ7u5BUHj27e9eq+HtHi0Dw/ZaXFgi3jAY/wB5jyx/EkmgDTqJLaGK4lnSNVllx5jActgYGfwpsFt5Es8nnTSGZ922R8hOMYUdhU9A/Q//2Q==",percent:33},{uid:"2",name:"yyy.png",status:"done",url:z},{uid:"3",name:"zzz.png",status:"error",response:"Server Error 500",url:z}]},e.abrupt("return",{default:function(){var e=d(!1),t=p()(e,2),r=t[0],l=t[1],m=d(),f=p()(m,2),h=f[0],v=f[1],C=function(){var e=g()(u()().mark(function e(n){return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n.url||n.preview){e.next=4;break}return e.next=3,I(n.originFileObj);case 3:n.preview=e.sent;case 4:M(n.url||n.preview),N(!0),U(n.name||n.url.substring(n.url.lastIndexOf("/")+1));case 7:case"end":return e.stop()}},e)}));return function(n){return e.apply(this,arguments)}}(),D=s.createElement("div",null,r?s.createElement(o,null):s.createElement(a,null),s.createElement("div",{style:{marginTop:8}},"Upload")),B=d(!1),F=p()(B,2),O=F[0],N=F[1],A=d(""),R=p()(A,2),L=R[0],M=R[1],K=d(""),j=p()(K,2),H=j[0],U=j[1],Y=d([{uid:"-1",name:"image.png",status:"done",url:z},{uid:"-2",name:"image.png",status:"done",url:z},{uid:"-3",name:"image.png",status:"done",url:z},{uid:"-4",name:"image.png",status:"done",url:z},{uid:"-xxx",percent:50,name:"image.png",status:"uploading",url:z},{uid:"-5",name:"image.png",status:"error"}]),V=p()(Y,2),G=V[0],Q=V[1];return s.createElement(k,{theme:c()({},n)},s.createElement(b,{orientation:"left"},"头像上传"),s.createElement(E,{name:"avatar",listType:"picture-card",className:"avatar-uploader",showUploadList:!1,action:"https://www.mocky.io/v2/5cc8019d300000980a055e76",beforeUpload:P,onChange:function(e){I(e.file.originFileObj,function(e){l(!1),v(e)})}},h?s.createElement("img",{src:h,alt:"avatar",style:{width:"100%"}}):D),s.createElement(b,{orientation:"left"},"照片墙"),s.createElement(E,{action:"https://www.mocky.io/v2/5cc8019d300000980a055e76",listType:"picture-card",fileList:G,onPreview:C,onChange:function(e){var n=e.fileList;return Q(n)}},G.length>=8?null:D),s.createElement(x,{open:O,title:H,footer:null,onCancel:function(){return N(!1)}},s.createElement("img",{alt:"example",style:{width:"100%"},src:L})),s.createElement(b,{orientation:"left"},"按钮上传"),s.createElement(E,T,s.createElement(y,{icon:s.createElement(i,null)},"上传文件")),s.createElement("br",null),s.createElement(E,S,s.createElement(y,{icon:s.createElement(i,null)},"上传文件")),s.createElement(b,{orientation:"left"},"拖拽上传"),s.createElement("div",{style:{width:"384px",height:"160px"}},s.createElement(w,T,s.createElement("p",{className:"ant-upload-drag-icon"},s.createElement(a,null)),s.createElement("p",{className:"ant-upload-text"},"将文件拖至此处或单击上传"),s.createElement("p",{className:"ant-upload-hint"},"不超过过500kb，支持rar、zip"))))}});case 41:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"upload-demo-0",refAtomIds:["upload"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport { LoadingOutlined, PlusOutlined, UploadOutlined  } from '@szc-ft/szcd';\nimport React, { useState } from 'react';\nimport '@szc-ft/szcd/index.less';\nimport Theme from '@szc-ft/szcd';\nimport {\n  Divider,\n  Icon,\n  Modal,\n  Button,\n  Upload,\n  message,\n  ConfigProvider\n} from '@szc-ft/szcd';\n\nconst { Dragger } = Upload;\n\nnew Theme().load(document.body);\n\nconst base64 = 'data:image/jpeg;base64,/9j/2wCEAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDIBCQkJDAsMGA0NGDIhHCEyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMv/AABEIAEAAQAMBIgACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/APf6KKKAOZ8UeMNM8Mxl3Edzfkqgt0kAkCnnLdSF/DrivOdT+K+u3TkWKQWMfbCCRvxLcfpUfjexbWvifJp1vLGkkvlRl1X7rbQfmHfjHPp9K2bb4SW/2dfteqzm4/i8lQEx7A/z/Sk3YpRuUdI+LmqWgKarZx3yn7skZETj6jGD+len+HvEVj4m0wX1izbQxSSNxh42HY/mD+NedXvwmRUJsNWIOAES5TO4+7D/AANRfDAXOl+MtQ0m5Z438k74gwKllI/ox5oTuDjY9goozjrRTJGq6vnawbBwcHOD6U6uL0qyh8CzR20k815/adwEBSHasQHG5sZGfmGTkcDOOK7Sm/IEeVxaVLL8Sb/VYUZoVmDR3DIdvzAREDOM4O/nn7o7GrXhLVUudR1tLeUtNa3KRyJ9m8oMSxU87jnocfd9xXVXWh3NvBN/Z87TRs7P9hm2hCGJLKrbcjk5GSQMY6dKOmmwkdrPyruzvTmQw3AKuMY+ZTyrYyOVJFZSvc1ja25heItWeHxdods0CedPN5aMbNZfL+YA4c4IODnjoOeelJ4Js3vfiHrmsAHyIw0IbGAzkgHH/fDfmK37260qaX7IiNfXsZ2+XDH5jlh2ZsYX6kgCr+haVc2l9c3lxaWVmZUVPKtJC4cgklmJReefT155px3Cdrbkniaxvb/To47F2D+au5A5UEZ4YkYI2nDcHse+K1oUMUCRmRpCihS7dWIHU+9OkVmjZUfYxBAbGcH1xXM+Gkvv7UvzM0myN2S5ZxxPMDgOvp8gXIHHIH8NJvlktHr+Bnujp2UMpVgCD1Bpa5vwxqt/qEs8dyQyxliQ0TK8RLZCNnHQHHQHgHvXSVUJqauhyi4uzOB+IHxDk8J3EOn2NrHNeSxeaXlJ2RgkgcDqeD3FeWaXqc/jHxPFH4g1G4D3DgRyREL5bLnaq8YAOT+OKf8AE6++2+P9QwcpAUgH/AVGf1JrkI5ZLaVJY3KsjBkYdVYHIP51RJ3sXiC7+G3i+60/TpJLjSw6NLbTHJOUUkgjGG6jP0zmveLG9g1GxgvbWQSQToJI2HcEZFfL3iXVE1fxBc6igwsyRHHo3lqCPwIxXsXwc1gXvhifTHfMthMdqnr5b/MP/Ht/6UAej0UUmRkjPIoAAihmYKAzdSByaWiigD5p8TRtovxB1Y6hEZVaeZsY+8soJU/kw/KuXXGD6GvfviP8P5/FbW19prwpfQjy3WU4EiZyOQDyDn864u1+C+vyMv2m90+BD12u7sPw2gfrQB5zbPFC5MkQkQrIm09mKsFP4Eg/hXsXwS0yWO01TVHGIpmSCPjrtyWP0+YD8DWfq/wTvEwdH1KGVdo3LdZQ7u5BUHj27e9eq+HtHi0Dw/ZaXFgi3jAY/wB5jyx/EkmgDTqJLaGK4lnSNVllx5jActgYGfwpsFt5Es8nnTSGZ922R8hOMYUdhU9A/Q//2Q=='\n\nconst getBase64 = (img: RcFile, callback: (url: string) => void) => {\n  const reader = new FileReader();\n  reader.addEventListener('load', () => callback(reader.result as string));\n  reader.readAsDataURL(img);\n};\n\nconst beforeUpload = (file: RcFile) => {\n  const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';\n  if (!isJpgOrPng) {\n    message.error('You can only upload JPG/PNG file!');\n  }\n  const isLt2M = file.size / 1024 / 1024 < 2;\n  if (!isLt2M) {\n    message.error('Image must smaller than 2MB!');\n  }\n  return isJpgOrPng && isLt2M;\n};\n\nconst props: UploadProps = {\n  name: 'file',\n  action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',\n  headers: {\n    authorization: 'authorization-text',\n  },\n  onChange(info) {\n    if (info.file.status !== 'uploading') {\n      console.log(info.file, info.fileList);\n    }\n    if (info.file.status === 'done') {\n      message.success(`${info.file.name} file uploaded successfully`);\n    } else if (info.file.status === 'error') {\n      message.error(`${info.file.name} file upload failed.`);\n    }\n  },\n};\n\nconst props2: UploadProps = {\n  action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',\n  onChange({ file, fileList }) {\n    if (file.status !== 'uploading') {\n      console.log(file, fileList);\n    }\n  },\n  defaultFileList: [\n    {\n      uid: '1',\n      name: 'xxx.png',\n      status: 'uploading',\n      url: base64,\n      percent: 33,\n    },\n    {\n      uid: '2',\n      name: 'yyy.png',\n      status: 'done',\n      url: base64,\n    },\n    {\n      uid: '3',\n      name: 'zzz.png',\n      status: 'error',\n      response: 'Server Error 500', // custom error message to show\n      url: base64,\n    },\n  ],\n};\n\nconst props3: UploadProps = {\n  name: 'file',\n  multiple: true,\n  action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',\n  onChange(info) {\n    const { status } = info.file;\n    if (status !== 'uploading') {\n      console.log(info.file, info.fileList);\n    }\n    if (status === 'done') {\n      message.success(`${info.file.name} file uploaded successfully.`);\n    } else if (status === 'error') {\n      message.error(`${info.file.name} file upload failed.`);\n    }\n  },\n  onDrop(e) {\n    console.log('Dropped files', e.dataTransfer.files);\n  },\n}\n\nexport default () => {\n  const [loading, setLoading] = useState(false);\n  const [imageUrl, setImageUrl] = useState<string>();\n\n  const handleChange: UploadProps['onChange'] = (info: UploadChangeParam<UploadFile>) => {\n    console.log('handleChange---', info)\n    if (info.file.status === 'uploading') {\n      setLoading(true);\n      return;\n    }\n    if (info.file.status === 'done') {\n      // Get this url from response in real world.\n      getBase64(info.file.originFileObj as RcFile, (url) => {\n        setLoading(false);\n        setImageUrl(url);\n      });\n    }\n  };\n\n\n  const handleChange1: UploadProps['onChange'] = (info: UploadChangeParam<UploadFile>) => {\n    getBase64(info.file.originFileObj as RcFile, (url) => {\n      setLoading(false);\n      setImageUrl(url);\n    });\n  };\n\n  const handleChange2: UploadProps['onChange'] = ({ fileList: newFileList }) =>\n    setFileList(newFileList);\n\n  const handleCancel = () => setPreviewOpen(false);\n\n  const handlePreview = async (file: UploadFile) => {\n    if (!file.url && !file.preview) {\n      file.preview = await getBase64(file.originFileObj as RcFile);\n    }\n\n    setPreviewImage(file.url || (file.preview as string));\n    setPreviewOpen(true);\n    setPreviewTitle(file.name || file.url!.substring(file.url!.lastIndexOf('/') + 1));\n  };\n\n  const uploadButton = (\n    <div>\n      {loading ? <LoadingOutlined /> : <PlusOutlined />}\n      <div style={{ marginTop: 8 }}>Upload</div>\n    </div>\n  );\n\n  const [previewOpen, setPreviewOpen] = useState(false);\n  const [previewImage, setPreviewImage] = useState('');\n  const [previewTitle, setPreviewTitle] = useState('');\n  const [fileList, setFileList] = useState<UploadFile[]>([\n    {\n      uid: '-1',\n      name: 'image.png',\n      status: 'done',\n      url: base64,\n\n    },\n    {\n      uid: '-2',\n      name: 'image.png',\n      status: 'done',\n      url: base64,\n\n    },\n    {\n      uid: '-3',\n      name: 'image.png',\n      status: 'done',\n      url: base64,\n\n    },\n    {\n      uid: '-4',\n      name: 'image.png',\n      status: 'done',\n      url: base64,\n\n    },\n    {\n      uid: '-xxx',\n      percent: 50,\n      name: 'image.png',\n      status: 'uploading',\n      url: base64,\n\n    },\n    {\n      uid: '-5',\n      name: 'image.png',\n      status: 'error',\n    },\n  ]);\n\n  return (\n    <ConfigProvider\n      theme={{\n        ...TokenConfig,\n      }}\n    >\n      <Divider orientation=\"left\">头像上传</Divider>\n      <Upload\n        name=\"avatar\"\n        listType=\"picture-card\"\n        className=\"avatar-uploader\"\n        showUploadList={false}\n        action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\n        beforeUpload={beforeUpload}\n        onChange={handleChange1}\n      >\n        {imageUrl ? <img src={imageUrl} alt=\"avatar\" style={{ width: '100%' }} /> : uploadButton}\n      </Upload>\n      <Divider orientation=\"left\">照片墙</Divider>\n      <Upload\n        action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\n        listType=\"picture-card\"\n        fileList={fileList}\n        onPreview={handlePreview}\n        onChange={handleChange2}\n      >\n        {fileList.length >= 8 ? null : uploadButton}\n      </Upload>\n      <Modal open={previewOpen} title={previewTitle} footer={null} onCancel={handleCancel}>\n        <img alt=\"example\" style={{ width: '100%' }} src={previewImage} />\n      </Modal>\n      <Divider orientation=\"left\">按钮上传</Divider>\n      <Upload {...props}>\n        <Button icon={<UploadOutlined />}>上传文件</Button>\n      </Upload>\n      <br />\n      <Upload {...props2}>\n        <Button icon={<UploadOutlined />}>上传文件</Button>\n      </Upload>\n      <Divider orientation=\"left\">拖拽上传</Divider>\n        <div style={{width:\"384px\",height:\"160px\"}}>\n        <Dragger {...props}>\n          <p className=\"ant-upload-drag-icon\">\n            <PlusOutlined />\n          </p>\n          <p className=\"ant-upload-text\">将文件拖至此处或单击上传</p>\n          <p className=\"ant-upload-hint\">\n            不超过过500kb，支持rar、zip\n          </p>\n        </Dragger>\n        </div>\n    </ConfigProvider>\n  )\n};"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd":y,react:o||(o=t.t(b,2)),"@szc-ft/szcd/index.less":E},renderOpts:{compile:(l=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return l.apply(this,arguments)})}},"upload-demo-1":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,d,m,f,v,g,b,x,y;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.ConfigProvider,e.t0=h(),e.next=10,Promise.resolve().then(t.bind(t,2901));case 10:return e.t1=e.sent,(0,e.t0)(e.t1),e.next=14,Promise.resolve().then(t.t.bind(t,67294,19));case 14:return a=e.sent,i=a.default,l=a.useState,e.next=19,Promise.resolve().then(t.bind(t,28801));case 19:return s=e.sent,d=s.LoadingOutlined,m=s.PlusOutlined,e.next=24,Promise.resolve().then(t.bind(t,28801));case 24:return f=e.sent,v=f.message,g=f.Upload,b=function(e,n){var t=new FileReader;t.addEventListener("load",function(){return n(t.result)}),t.readAsDataURL(e)},x=function(e){var n="image/jpeg"===e.type||"image/png"===e.type;n||v.error("You can only upload JPG/PNG file!");var t=e.size/1024/1024<2;return t||v.error("Image must smaller than 2MB!"),n&&t},y=function(){var e=l(!1),t=p()(e,2),r=t[0],a=t[1],s=l(),u=p()(s,2),f=u[0],h=u[1],v=function(e){"uploading"!==e.file.status?"done"===e.file.status&&b(e.file.originFileObj,function(e){setTimeout(function(){a(!1),h(e)},2e3)}):a(!0)},y=i.createElement("div",{style:{lineHeight:"20px"}},r?i.createElement(d,null):i.createElement(m,null),i.createElement("div",{style:{marginTop:8}},"Upload"));return i.createElement(o,{theme:c()({},n)},i.createElement(g,{name:"avatar",listType:"picture-card",className:"avatar-uploader",showUploadList:!1,beforeUpload:x,onChange:v,onPreview:function(){}},f?i.createElement("img",{src:f,alt:"avatar",style:{width:"100%"}}):y),i.createElement(g,{name:"avatar",listType:"picture-circle",className:"avatar-uploader",showUploadList:!1,beforeUpload:x,onChange:v},f?i.createElement("img",{src:f,alt:"avatar",style:{width:"100%"}}):y))},e.abrupt("return",{default:y});case 31:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"upload-demo-1",refAtomIds:["upload"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport { ConfigProvider } from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\n\nimport React, { useState } from 'react';\nimport { LoadingOutlined, PlusOutlined } from '@szc-ft/szcd';\nimport { message, Upload } from '@szc-ft/szcd';\nimport type { UploadChangeParam } from 'antd/es/upload';\nimport type { RcFile, UploadFile, UploadProps } from 'antd/es/upload/interface';\n\nconst getBase64 = (img: RcFile, callback: (url: string) => void) => {\n  const reader = new FileReader();\n  reader.addEventListener('load', () => callback(reader.result as string));\n  reader.readAsDataURL(img);\n};\n\nconst beforeUpload = (file: RcFile) => {\n  const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png';\n  if (!isJpgOrPng) {\n    message.error('You can only upload JPG/PNG file!');\n  }\n  const isLt2M = file.size / 1024 / 1024 < 2;\n  if (!isLt2M) {\n    message.error('Image must smaller than 2MB!');\n  }\n  return isJpgOrPng && isLt2M;\n};\n\nconst App: React.FC = () => {\n  const [loading, setLoading] = useState(false);\n  const [imageUrl, setImageUrl] = useState<string>();\n\n  const handleChange: UploadProps['onChange'] = (info: UploadChangeParam<UploadFile>) => {\n    if (info.file.status === 'uploading') {\n      setLoading(true);\n      return;\n    }\n    if (info.file.status === 'done') {\n      // Get this url from response in real world.\n      getBase64(info.file.originFileObj as RcFile, (url) => {\n        setTimeout(()=>{\n          setLoading(false);\n          setImageUrl(url);\n        },2000)\n      });\n    }\n  };\n\n  const uploadButton = (\n    <div style={{lineHeight: '20px'}}>\n      {loading ? <LoadingOutlined /> : <PlusOutlined />}\n      <div style={{ marginTop: 8 }}>Upload</div>\n    </div>\n  );\n\n  return (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n      <Upload\n        name=\"avatar\"\n        listType=\"picture-card\"\n        className=\"avatar-uploader\"\n        showUploadList={false}\n        // action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\n        beforeUpload={beforeUpload}\n        onChange={handleChange}\n        onPreview={()=>{}}\n      >\n        {imageUrl ? <img src={imageUrl} alt=\"avatar\" style={{ width: '100%' }} /> : uploadButton}\n      </Upload>\n      <Upload\n        name=\"avatar\"\n        listType=\"picture-circle\"\n        className=\"avatar-uploader\"\n        showUploadList={false}\n        // action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\n        beforeUpload={beforeUpload}\n        onChange={handleChange}\n      >\n        {imageUrl ? <img src={imageUrl} alt=\"avatar\" style={{ width: '100%' }} /> : uploadButton}\n      </Upload>\n    </ConfigProvider>\n  );\n};\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd":y,"@szc-ft/szcd/index.less":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(i=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return i.apply(this,arguments)})}},"upload-demo-2":{component:b.memo(b.lazy(g()(u()().mark(function e(){var n,r,o,a,i,l,s,d,m,p,f,v,g,b,x;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.resolve().then(t.t.bind(t,7927,19));case 2:return n=e.sent,e.next=5,Promise.resolve().then(t.bind(t,28801));case 5:return r=e.sent,o=r.default,e.next=9,Promise.resolve().then(t.bind(t,28801));case 9:return a=e.sent,i=a.ConfigProvider,e.t0=h(),e.next=14,Promise.resolve().then(t.bind(t,2901));case 14:return e.t1=e.sent,(0,e.t0)(e.t1),(new o).load(document.body),e.next=19,Promise.resolve().then(t.t.bind(t,67294,19));case 19:return l=e.sent,s=l.default,e.next=23,Promise.resolve().then(t.bind(t,28801));case 23:return d=e.sent,m=d.UploadOutlined,e.next=27,Promise.resolve().then(t.bind(t,28801));case 27:return p=e.sent,f=p.Button,v=p.Upload,g=p.Divider,b={action:"https://www.mocky.io/v2/5cc8019d300000980a055e76",onChange:function(e){var n=e.file;e.fileList;n.status},defaultFileList:[{uid:"1",name:"xxx.png",status:"uploading",url:"http://www.baidu.com/xxx.png",percent:33},{uid:"2",name:"yyy.png",status:"done",url:"http://www.baidu.com/yyy.png"},{uid:"3",name:"zzz.png",status:"error",response:"Server Error 500",url:"http://www.baidu.com/zzz.png"}]},x=function(){return s.createElement(i,{theme:c()({},n)},s.createElement(v,b,s.createElement(f,{icon:s.createElement(m,null)},"Upload111")),s.createElement(g,{orientation:"left"},"已上传的文件列表"),s.createElement("div",null,"使用 defaultFileList 设置已上传的内容。"))},e.abrupt("return",{default:x});case 34:case"end":return e.stop()}},e)})))),asset:{type:"BLOCK",id:"upload-demo-2",refAtomIds:["upload"],dependencies:{"index.tsx":{type:"FILE",value:"import * as TokenConfig from '@/theme/tokenConfig.json';\nimport Theme from '@szc-ft/szcd';\nimport { ConfigProvider } from '@szc-ft/szcd';\nimport '@szc-ft/szcd/index.less';\nnew Theme().load(document.body);\n\nimport React from 'react';\nimport { UploadOutlined } from '@szc-ft/szcd';\nimport type { UploadProps } from '@szc-ft/szcd';\nimport { Button, Upload, Divider } from '@szc-ft/szcd';\n\nconst props: UploadProps = {\n    action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76',\n    onChange({ file, fileList }) {\n        if (file.status !== 'uploading') {\n            console.log(file, fileList);\n        }\n    },\n    defaultFileList: [\n        {\n            uid: '1',\n            name: 'xxx.png',\n            status: 'uploading',\n            url: 'http://www.baidu.com/xxx.png',\n            percent: 33,\n        },\n        {\n            uid: '2',\n            name: 'yyy.png',\n            status: 'done',\n            url: 'http://www.baidu.com/yyy.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: 'http://www.baidu.com/zzz.png',\n        },\n    ],\n};\n\nconst App: React.FC = () => (\n    <ConfigProvider theme={{ ...TokenConfig }}>\n        <Upload {...props}>\n            <Button icon={<UploadOutlined />}>Upload111</Button>\n        </Upload>\n\n        <Divider orientation=\"left\">已上传的文件列表</Divider>\n        <div>使用 defaultFileList 设置已上传的内容。</div>\n    </ConfigProvider>\n);\n\nexport default App;"},"@szc-ft/szcd":{type:"NPM",value:"1.1.7"},react:{type:"NPM",value:"18.3.1"}},entry:"index.tsx"},context:{"@/theme/tokenConfig.json":r||(r=t.t(x,2)),"@szc-ft/szcd":y,"@szc-ft/szcd/index.less":E,react:o||(o=t.t(b,2))},renderOpts:{compile:(a=g()(u()().mark(function e(){var n,r=arguments;return u()().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.e(250).then(t.bind(t,90250));case 2:return e.abrupt("return",(n=e.sent).default.apply(n,r));case 3:case"end":return e.stop()}},e)})),function(){return a.apply(this,arguments)})}}}},80037:function(e,n,t){"use strict";var r=t(64836).default;Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(5584));n.default=o.default},5584:function(e,n,t){"use strict";var r=t(64836).default;Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(85369)),a=r(t(15704));const i={lang:Object.assign({placeholder:"请选择日期",yearPlaceholder:"请选择年份",quarterPlaceholder:"请选择季度",monthPlaceholder:"请选择月份",weekPlaceholder:"请选择周",rangePlaceholder:["开始日期","结束日期"],rangeYearPlaceholder:["开始年份","结束年份"],rangeMonthPlaceholder:["开始月份","结束月份"],rangeQuarterPlaceholder:["开始季度","结束季度"],rangeWeekPlaceholder:["开始周","结束周"]},o.default),timePickerLocale:Object.assign({},a.default)};i.lang.ok="确定";n.default=i},82925:function(e,n,t){"use strict";var r=t(64836).default;Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(74219)),a=r(t(80037)),i=r(t(5584)),l=r(t(15704));const s="${label}不是一个有效的${type}",c={locale:"zh-cn",Pagination:o.default,DatePicker:i.default,TimePicker:l.default,Calendar:a.default,global:{placeholder:"请选择",close:"关闭"},Table:{filterTitle:"筛选",filterConfirm:"确定",filterReset:"重置",filterEmptyText:"无筛选项",filterCheckAll:"全选",filterSearchPlaceholder:"在筛选项中搜索",emptyText:"暂无数据",selectAll:"全选当页",selectInvert:"反选当页",selectNone:"清空所有",selectionAll:"全选所有",sortTitle:"排序",expand:"展开行",collapse:"关闭行",triggerDesc:"点击降序",triggerAsc:"点击升序",cancelSort:"取消排序"},Modal:{okText:"确定",cancelText:"取消",justOkText:"知道了"},Tour:{Next:"下一步",Previous:"上一步",Finish:"结束导览"},Popconfirm:{cancelText:"取消",okText:"确定"},Transfer:{titles:["",""],searchPlaceholder:"请输入搜索内容",itemUnit:"项",itemsUnit:"项",remove:"删除",selectCurrent:"全选当页",removeCurrent:"删除当页",selectAll:"全选所有",deselectAll:"取消全选",removeAll:"删除全部",selectInvert:"反选当页"},Upload:{uploading:"文件上传中",removeFile:"删除文件",uploadError:"上传错误",previewFile:"预览文件",downloadFile:"下载文件"},Empty:{description:"暂无数据"},Icon:{icon:"图标"},Text:{edit:"编辑",copy:"复制",copied:"复制成功",expand:"展开",collapse:"收起"},Form:{optional:"（可选）",defaultValidateMessages:{default:"字段验证错误${label}",required:"请输入${label}",enum:"${label}必须是其中一个[${enum}]",whitespace:"${label}不能为空字符",date:{format:"${label}日期格式无效",parse:"${label}不能转换为日期",invalid:"${label}是一个无效日期"},types:{string:s,method:s,array:s,object:s,number:s,date:s,boolean:s,integer:s,float:s,regexp:s,email:s,url:s,hex:s},string:{len:"${label}须为${len}个字符",min:"${label}最少${min}个字符",max:"${label}最多${max}个字符",range:"${label}须在${min}-${max}字符之间"},number:{len:"${label}必须等于${len}",min:"${label}最小值为${min}",max:"${label}最大值为${max}",range:"${label}须在${min}-${max}之间"},array:{len:"须为${len}个${label}",min:"最少${min}个${label}",max:"最多${max}个${label}",range:"${label}数量须在${min}-${max}之间"},pattern:{mismatch:"${label}与模式不匹配${pattern}"}}},Image:{preview:"预览"},QRCode:{expired:"二维码过期",refresh:"点击刷新",scanned:"已扫描"},ColorPicker:{presetEmpty:"暂无",transparent:"无色",singleColor:"单色",gradientColor:"渐变色"}};n.default=c},15704:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default={placeholder:"请选择时间",rangePlaceholder:["开始时间","结束时间"]}},67247:function(e,n,t){e.exports=t(82925)},50566:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"可以在输入时自动关联输入内容，匹配推荐的搜索建议并显示下拉菜单列表中。关联的搜索建议显示匹配度较高的 5-9 项。",paraId:0,tocIndex:0}]},95807:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"新事件标记中：数字标记适用于重要事件的提醒，且关注其数量的多少；圆点标记仅表示有无新事件提醒。",paraId:0,tocIndex:0}]},59570:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"显示当前页面在系统层级结构中的位置，并能点击向上一层级返回。",paraId:0,tocIndex:0}]},44180:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"根据操作的重要程度、可利用的空间大小、区域的布局排版的规则，来决定应该使用哪种类型的按钮。",paraId:0,tocIndex:0},{value:"按重要程度区分：重要按钮 > 标准按钮 > 图标按钮 = 文本按钮",paraId:1,tocIndex:0},{value:"样式：重要按钮 === 危险按钮 即：primary === danger",paraId:2,tocIndex:0}]},57051:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[]},93262:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"级选项强制用户必须选择到最后一级，才能完成选项的选择，多级选项建议不超过三个层级。",paraId:0,tocIndex:0}]},17881:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"多选框/复选框 热区包括了图标区域+文字区域。",paraId:0,tocIndex:0}]},25260:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"时间选择器根据选择的结果，可分为日期选择、日期选择、日期时间选择和四种类型",paraId:0,tocIndex:0},{value:"选择具体的时间是非连续性的操作，故需要“确定”按钮表示确认选择（选择年月日无需加“确认”按钮）。",paraId:1,tocIndex:0}]},64570:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"成组展示多个只读字段",paraId:0,tocIndex:0},{value:"常见于详情页的信息展示。",paraId:1,tocIndex:0}]},4868:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"一般为从右边弹出。",paraId:0,tocIndex:0}]},2684:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"文本输入框除了基础输入框外，还衍生了文本域、搜索框、前置/后置标签、密码框、按钮组合",paraId:0,tocIndex:0},{value:"搜索框不建议用 antd 默认的 search，UI 要求比较高，放大镜图标与 antd 有差异，所以搜索框见 ",paraId:1,tocIndex:0},{value:"搜索框",paraId:2,tocIndex:0},{value:"组合按钮业务定制性质较强，所以不建议采用覆盖操作",paraId:3,tocIndex:0}]},88629:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"级选项强制用户必须选择到最后一级，才能完成选项的选择，多级选项建议不超过三个层级。",paraId:0,tocIndex:0}]},81980:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"全局展示操作反馈信息。",paraId:0,tocIndex:0},{value:"可提供成功、警告和错误等反馈信息。",paraId:1,tocIndex:0},{value:"顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。",paraId:2,tocIndex:0}]},96684:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"使用建议：由于此组件系覆盖类，图标做了定位偏移，所以使用时候 ",paraId:0,tocIndex:0},{value:"尽量带 title",paraId:0,tocIndex:0},{value:" 。\n图标和内容文字第一行居中对齐",paraId:0,tocIndex:0}]},57649:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[]},74938:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"显示当前页面在系统层级结构中的位置，并能点击向上一层级返回。",paraId:0,tocIndex:0}]},90101:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"点击/鼠标移入元素，弹出气泡式的卡片浮层。",paraId:0,tocIndex:0},{value:"和 Tooltip 的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。",paraId:1,tocIndex:0}]},4946:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"进度条从呈现样式上区分为线性进度条和环形进度条两种类型。",paraId:0,tocIndex:0}]},89657:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"当选项数量在 ",paraId:0,tocIndex:0},{value:"2〜7 个时，建议使用单选框",paraId:0,tocIndex:0},{value:" ；超过 7 个时，不建议使用单选框，可使用下拉选择框，以提高界面的屏效使用率。",paraId:0,tocIndex:0}]},94804:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"与单选框相比，若需要强调选中项时，应使用更大热区范围的单选块。",paraId:0,tocIndex:0},{value:"单选块用于从 2-7 个选项选择一项；超过 7 项，优先考虑下拉框；在表单页面，单选框和单选块可以同时使用。",paraId:1,tocIndex:0}]},67197:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"下拉单选和下拉多选是常见的表单输入控件，一般用于表单中选项数量较多的场景（大于 7 个），允许用户从中选择一个或多个项。",paraId:0,tocIndex:0},{value:"展开后，下拉框可做为输入框使用，搜索目标选项，建议带上以下属性代码",paraId:1,tocIndex:0},{value:'showSearch={true}\noptionFilterProp="children"\n',paraId:2,tocIndex:0}]},72622:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"如需与 input 结合，请按照设计稿自由组装",paraId:0,tocIndex:0}]},76955:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"页面局部处于等待异步数据或正在渲染过程时，合适的加载动效会有效缓解用户的焦虑。",paraId:0,tocIndex:0}]},50475:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"显示当前页面在系统层级结构中的位置，并能点击向上一层级返回。",paraId:0,tocIndex:0}]},83438:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"和 checkbox 的区别是，切换 switch 会直接触发状态改变，而 checkbox 一般用于状态标记，需要和提交操作配合。",paraId:0,tocIndex:0}]},42853:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[]},60789:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"信息标签：用于描述关键属性、类别等，一般应用于表格、卡片、搜索、以及对象详情页面等",paraId:0,tocIndex:1},{value:"状态标签：用于标记某种状态， 相较信息标签其视觉表达上更为突出，一般结合系统定义的状态色（比如告警色）应用。",paraId:0,tocIndex:1},{value:"可添加/删除标签：用于编辑标签数量编辑，呈现筛选结果，显示多个选中项",paraId:0,tocIndex:1},{value:"标签主要做样式覆盖，如需使用特殊状态的标签，请参考下面源码使用对应的 className",paraId:1,tocIndex:1}]},68027:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"当用户需要输入一个时间，可以点击标准输入框，弹出时间面板进行选择。",paraId:0,tocIndex:0}]},32580:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"视觉串联时间流信息。",paraId:0,tocIndex:0},{value:"下面展示采用竖向方式展示，如需横向展示时间轴可直接用步骤条更为灵活。",paraId:1,tocIndex:0}]},72043:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"简单的文字提示气泡框。",paraId:0,tocIndex:0},{value:"鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。",paraId:1,tocIndex:0},{value:"可用来代替系统默认的 title 提示，提供一个按钮/文字/操作的文案解释。",paraId:2,tocIndex:0}]},81201:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"基础的",paraId:0,tocIndex:0},{value:"带搜索框的",paraId:1},{value:"使用 Tree 组件作为自定义渲染列表。",paraId:2}]},55755:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"一般在数据量较大、且层级结构较为复杂时，使用层级树组件。",paraId:0,tocIndex:0}]},41373:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"由于各类布局不一致，因此大部分样式不做强制覆盖，某些公用样式类采用建议方式，留给开发者更多的组件自由组装空间。",paraId:0,tocIndex:0},{value:"全局类名介绍，方便开发直接使用，避免重复造轮子",paraId:1,tocIndex:0}]},15456:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"警告提示\n警告提示，展现需要关注的信息。",paraId:0,tocIndex:0}]},69109:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"在antd的Form的基础上配置了一些默认选项 { colon: false, labelAlign: \"left\", labelWrap: true, wrapperCol: { flex: 1 }, labelCol:{ flex: '80px' } }，labelCol设置的80px默认是4个字符的宽度",paraId:0,tocIndex:1},{value:"label文本的宽度计算: 11px(*号的宽度) + 24px(文本右间隔) + n*14(n个字符，一个字符14px)",paraId:0,tocIndex:1}]},41097:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"矢量图形",paraId:0,tocIndex:0}]},44786:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"搜索框\n一般用于较多数据的表格、层级树、导航等组件或全局搜索页面中。",paraId:0,tocIndex:0},{value:"默认情况下请使用标准尺寸的实时搜索框。在某些页面横向空间不足的情况下，搜索框的宽度可以根据实际情况变窄。",paraId:1,tocIndex:0}]},34949:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"分页器\n一般用于较多数据的表格页面中。",paraId:0,tocIndex:0}]},52225:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"操作列的样式可用",paraId:0,tocIndex:1},{value:"<div className='actions-list'>       <a>More actions</a>       <a>More actions</a>       <a>More actions</a>     </div>",paraId:1,tocIndex:1},{value:"<div className='actions-list'>       <span className='link'>Delete</span>       <span className='link'>Delete</span>       <span className='link'>Delete</span>     </div>",paraId:2,tocIndex:1}]},492:function(e,n,t){"use strict";t.r(n),t.d(n,{texts:function(){return r}});const r=[{value:"文件上传\n文件选择上传和拖拽上传控件。。",paraId:0,tocIndex:0},{value:"上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。",paraId:1,tocIndex:0}]},54926:function(e,n){"use strict";n.Z="import * as TokenConfig from \"@/theme/tokenConfig.json\";\nimport \"@szc-ft/szcd/index.less\";\nimport { ConfigProvider, Descriptions } from \"@szc-ft/szcd\";\nimport React from \"react\";\n\nconst App: React.FC = () => {\n    return (\n        <ConfigProvider theme={{ ...TokenConfig }}>\n            <Descriptions title='User Info' bordered colon={false} column={2} className='aabbcc'>\n                <Descriptions.Item label='UserName'>Zhou Maomao</Descriptions.Item>\n                <Descriptions.Item label='Telephone'>1810000000</Descriptions.Item>\n                <Descriptions.Item label='Live'>Hangzhou, Zhejiang</Descriptions.Item>\n                <Descriptions.Item label='Remark'>empty</Descriptions.Item>\n                <Descriptions.Item label='Address' span={1}>\n                    No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China\n                </Descriptions.Item>\n            </Descriptions>\n        </ConfigProvider>\n    );\n};\n\nexport default App;\n"},86957:function(e,n){"use strict";n.Z="// export * from './host';\n// export * from './localStore';\nexport * from './tree';\n// export * from './wujie';\n// export * from './commonDataProcessing';\nexport * from './rules'\n"},74219:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default={items_per_page:"条/页",jump_to:"跳至",jump_to_confirm:"确定",page:"页",prev_page:"上一页",next_page:"下一页",prev_5:"向前 5 页",next_5:"向后 5 页",prev_3:"向前 3 页",next_3:"向后 3 页",page_size:"页码"}},85369:function(e,n,t){"use strict";var r=t(64836).default;Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(42122)),a=t(26114),i=(0,o.default)((0,o.default)({},a.commonLocale),{},{locale:"zh_CN",today:"今天",now:"此刻",backToToday:"返回今天",ok:"确定",timeSelect:"选择时间",dateSelect:"选择日期",weekSelect:"选择周",clear:"清除",week:"周",month:"月",year:"年",previousMonth:"上个月 (翻页上键)",nextMonth:"下个月 (翻页下键)",monthSelect:"选择月份",yearSelect:"选择年份",decadeSelect:"选择年代",previousYear:"上一年 (Control键加左方向键)",nextYear:"下一年 (Control键加右方向键)",previousDecade:"上一年代",nextDecade:"下一年代",previousCentury:"上一世纪",nextCentury:"下一世纪",yearFormat:"YYYY年",cellDateFormat:"D",monthBeforeYear:!1});n.default=i}}]);