npm - @next-bricks/presentational-bricks - Versions diffs - 1.336.10 → 1.337.1 - Mend

@next-bricks/presentational-bricks 1.336.10 → 1.337.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (229) hide show

package/dist/lazy-bricks/brick-code-display.dd92.c95ef472.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.module.css?7f1e","webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.tsx","webpack:///./bricks/presentational-bricks/src/brick-code-display/index.tsx","webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.module.css"],"names":["options","locals","BrickCodeDisplay","React","Component","constructor","props","super","componentDidMount","Prism","highlightAll","render","className","styles","customCodeDisplay","classNames","this","showLineNumber","style","whiteSpace","margin","language","isString","value","JSON","stringify","BrickCodeDisplayElement","HTMLElement","connectedCallback","console","warn","display","_render","disconnectedCallback","ReactDOM","unmountComponentAtNode","isConnected","_language","_showLineNumber","_value","_field","get","updateValue","e","detail","customElements","define","___CSS_LOADER_EXPORT___","i","push","module"],"mappings":"glBAGIA,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAML,GAJF,IAAI,IAASA,GAIX,IAAQC,QAAU,I,yCCC1B,MAAMC,UAAyBC,IAAMC,UAC1CC,YAAYC,GACVC,MAAMD,GAGRE,oBACEC,IAAMC,eAGRC,SACE,OACE,yBAAKC,UAAWC,EAAOC,mBACrB,yBACEF,UAAWG,IAAW,CACpB,eAAgBC,KAAKV,MAAMW,iBAE7BC,MAAO,CAAEC,WAAY,WAAYC,OAAQ,IAEzC,0BACER,UAAS,mBAAcI,KAAKV,MAAMe,UAClCH,MAAO,CAAEC,WAAY,aAEnBG,mBAASN,KAAKV,MAAMiB,OAASP,KAAKV,MAAMiB,MAAQC,KAAKC,UAAUT,KAAKV,MAAMiB,MAAO,KAAM,~~UC7BrG~~,MAAMG,UAAgCC,~~YAAY~~,~~2FAEtB~~,GAAI,oDAI9BC,oBAEEC,QAAQC,KACN,sGAEFd,KAAKE,MAAMa,QAAU,QACrBf,KAAKgB,UAGPC,uBACEC,IAASC,uBAAuBnB,MAG1BgB,UACFhB,KAAKoB,aACPF,IAASvB,OACP,kBAAC,eAAY,KACX,kBAAC,EAAgB,CACfU,SAAUL,KAAKqB,UACfpB,eAAgBD,KAAKsB,gBACrBf,MAAOP,KAAKuB,UAGhBvB,MAKN,aAAaO,GACXP,KAAKqB,UAAYd,EACjBP,KAAKgB,UAGP,mBAAmBT,GACjBP,KAAKsB,gBAAkBf,EACvBP,KAAKgB,UAGP,UAAUT,GACRP,KAAKuB,OAAShB,EACdP,KAAKgB,UAGP,UAAUT,GACRP,KAAKwB,OAASjB,EACdP,KAAKgB,UAGP,eAAeT,GACbP,KAAKwB,SAAWxB,KAAKuB,OAASE,cAAIlB,EAAOP,KAAKwB,SAC9CxB,KAAKgB,UAGPU,YAAYC,GACV3B,KAAKuB,OAASI,EAAEC,OAChB5B,KAAKgB,WAITa,eAAeC,OACb,2CACApB,I,~~iECzEF~~,6CAEIqB,EAFJ,MAE8B,IAA4B,SAASC,GAAG,OAAOA,EAAE,MAE/ED,EAAwBE,KAAK,CAACC,EAAOF,EAAI,wRAA+R,KAExUD,EAAwB9C,OAAS,CAChC,kBAAqB,+BAEP","file":"lazy-bricks/brick-code-display.dd92.c95ef472.js","sourcesContent":["import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--15-1!../../../../node_modules/postcss-loader/dist/cjs.js??ref--15-2!./BrickCodeDisplay.module.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals \|\| {};","import React from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/themes/prism-tomorrow.css\";\nimport classNames from \"classnames\";\nimport styles from \"./BrickCodeDisplay.module.css\";\nimport {isString} from \"lodash\"\n\ninterface BrickCodeDisplayProps {\n language: string;\n showLineNumber: boolean;\n value: string;\n}\n\nexport class BrickCodeDisplay extends React.Component<BrickCodeDisplayProps> {\n constructor(props: BrickCodeDisplayProps) {\n super(props);\n }\n\n componentDidMount() {\n Prism.highlightAll();\n }\n\n render() {\n return (\n <div className={styles.customCodeDisplay}>\n <pre\n className={classNames({\n \"line-numbers\": this.props.showLineNumber\n })}\n style={{ whiteSpace: \"pre-wrap\", margin: 0 }}\n >\n <code\n className={`language-${this.props.language}`}\n style={{ whiteSpace: \"pre-wrap\" }}\n >\n { isString(this.props.value) ? this.props.value : JSON.stringify(this.props.value, null, ' ')}\n </code>\n </pre>\n </div>\n );\n }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrickWrapper } from \"@next-core/brick-kit\";\nimport { BrickCodeDisplay } from \"./BrickCodeDisplay\";\nimport { get } from \"lodash\";\n\nclass BrickCodeDisplayElement extends HTMLElement {\n private _language: string;\n private _showLineNumber = true;\n private _value: string;\n private _field: string;\n\n connectedCallback(): void {\n // eslint-disable-next-line no-console\n console.warn(\n \"`presentational-bricks.brick-code-display` are deprecated, use `code-bricks.code-display` instead.\"\n );\n this.style.display = \"block\";\n this._render();\n }\n\n disconnectedCallback(): void {\n ReactDOM.unmountComponentAtNode(this);\n }\n\n private _render(): void {\n if (this.isConnected) {\n ReactDOM.render(\n <BrickWrapper>\n <BrickCodeDisplay\n language={this._language}\n showLineNumber={this._showLineNumber}\n value={this._value}\n />\n </BrickWrapper>,\n this\n );\n }\n }\n\n set language(value: string) {\n this._language = value;\n this._render();\n }\n\n set showLineNumber(value: boolean) {\n this._showLineNumber = value;\n this._render();\n }\n\n set value(value: string) {\n this._value = value;\n this._render();\n }\n\n set field(value: string) {\n this._field = value;\n this._render();\n }\n\n set dataSource(value: any) {\n this._field && (this._value = get(value, this._field));\n this._render();\n }\n\n updateValue(e: CustomEvent): void {\n this._value = e.detail;\n this._render();\n }\n}\n\ncustomElements.define(\n \"presentational-bricks.brick-code-display\",\n BrickCodeDisplayElement\n);\n","// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".customCodeDisplay--3TUojcwC pre[class=\\\"language-\\\"],\\n .customCodeDisplay--3TUojcwC code[class=\\\"language-\\\"] {\\n font-size: 12px;\\n line-height: 16px;\\n }\\n .customCodeDisplay--3TUojcwC pre[class*=\\\"language-\\\"] {\\n padding-top: 4px;\\n padding-bottom: 4px;\\n }\\n\", \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"customCodeDisplay\": \"customCodeDisplay--3TUojcwC\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.module.css?7f1e","webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.tsx","webpack:///./bricks/presentational-bricks/src/brick-code-display/index.tsx","webpack:///./bricks/presentational-bricks/src/brick-code-display/BrickCodeDisplay.module.css"],"names":["options","locals","BrickCodeDisplay","React","Component","constructor","props","super","componentDidMount","Prism","highlightAll","render","className","styles","customCodeDisplay","classNames","this","showLineNumber","style","whiteSpace","margin","language","isString","value","JSON","stringify","BrickCodeDisplayElement","HTMLElement","connectedCallback","console","warn","display","_render","disconnectedCallback","ReactDOM","unmountComponentAtNode","isConnected","_language","_showLineNumber","_value","_field","get","updateValue","e","detail","customElements","define","___CSS_LOADER_EXPORT___","i","push","module"],"mappings":"glBAGIA,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAML,GAJF,IAAI,IAASA,GAIX,IAAQC,QAAU,I,yCCC1B,MAAMC,UAAyBC,IAAMC,UAC1CC,YAAYC,GACVC,MAAMD,GAGRE,oBACEC,IAAMC,eAGRC,SACE,OACE,yBAAKC,UAAWC,EAAOC,mBACrB,yBACEF,UAAWG,IAAW,CACpB,eAAgBC,KAAKV,MAAMW,iBAE7BC,MAAO,CAAEC,WAAY,WAAYC,OAAQ,IAEzC,0BACER,UAAS,mBAAcI,KAAKV,MAAMe,UAClCH,MAAO,CAAEC,WAAY,aAEnBG,mBAASN,KAAKV,MAAMiB,OAASP,KAAKV,MAAMiB,MAAQC,KAAKC,UAAUT,KAAKV,MAAMiB,MAAO,KAAM,UC1BrG,MAAMG,UAAgCC,YAAoD,2FAE9D,GAAI,oDAI9BC,oBAEEC,QAAQC,KACN,sGAEFd,KAAKE,MAAMa,QAAU,QACrBf,KAAKgB,UAGPC,uBACEC,IAASC,uBAAuBnB,MAG1BgB,UACFhB,KAAKoB,aACPF,IAASvB,OACP,kBAAC,eAAY,KACX,kBAAC,EAAgB,CACfU,SAAUL,KAAKqB,UACfpB,eAAgBD,KAAKsB,gBACrBf,MAAOP,KAAKuB,UAGhBvB,MAKN,aAAaO,GACXP,KAAKqB,UAAYd,EACjBP,KAAKgB,UAGP,mBAAmBT,GACjBP,KAAKsB,gBAAkBf,EACvBP,KAAKgB,UAGP,UAAUT,GACRP,KAAKuB,OAAShB,EACdP,KAAKgB,UAGP,UAAUT,GACRP,KAAKwB,OAASjB,EACdP,KAAKgB,UAGP,eAAeT,GACbP,KAAKwB,SAAWxB,KAAKuB,OAASE,cAAIlB,EAAOP,KAAKwB,SAC9CxB,KAAKgB,UAGPU,YAAYC,GACV3B,KAAKuB,OAASI,EAAEC,OAChB5B,KAAKgB,WAITa,eAAeC,OACb,2CACApB,I,iEC5EF,6CAEIqB,EAFJ,MAE8B,IAA4B,SAASC,GAAG,OAAOA,EAAE,MAE/ED,EAAwBE,KAAK,CAACC,EAAOF,EAAI,wRAA+R,KAExUD,EAAwB9C,OAAS,CAChC,kBAAqB,+BAEP","file":"lazy-bricks/brick-code-display.dd92.c95ef472.js","sourcesContent":["import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--15-1!../../../../node_modules/postcss-loader/dist/cjs.js??ref--15-2!./BrickCodeDisplay.module.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals \|\| {};","import React from \"react\";\nimport Prism from \"prismjs\";\nimport \"prismjs/themes/prism-tomorrow.css\";\nimport classNames from \"classnames\";\nimport styles from \"./BrickCodeDisplay.module.css\";\nimport {isString} from \"lodash\"\n\ninterface BrickCodeDisplayProps {\n language: string;\n showLineNumber: boolean;\n value: string;\n}\n\nexport class BrickCodeDisplay extends React.Component<BrickCodeDisplayProps> {\n constructor(props: BrickCodeDisplayProps) {\n super(props);\n }\n\n componentDidMount() {\n Prism.highlightAll();\n }\n\n render() {\n return (\n <div className={styles.customCodeDisplay}>\n <pre\n className={classNames({\n \"line-numbers\": this.props.showLineNumber\n })}\n style={{ whiteSpace: \"pre-wrap\", margin: 0 }}\n >\n <code\n className={`language-${this.props.language}`}\n style={{ whiteSpace: \"pre-wrap\" }}\n >\n { isString(this.props.value) ? this.props.value : JSON.stringify(this.props.value, null, ' ')}\n </code>\n </pre>\n </div>\n );\n }\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrickWrapper } from \"@next-core/brick-kit\";\nimport { BrickCodeDisplay } from \"./BrickCodeDisplay\";\nimport { get } from \"lodash\";\n\n\nexport interface BrickCodeDisplayElementProps {}\n\nclass BrickCodeDisplayElement extends HTMLElement implements BrickCodeDisplayElementProps {\n private _language: string;\n private _showLineNumber = true;\n private _value: string;\n private _field: string;\n\n connectedCallback(): void {\n // eslint-disable-next-line no-console\n console.warn(\n \"`presentational-bricks.brick-code-display` are deprecated, use `code-bricks.code-display` instead.\"\n );\n this.style.display = \"block\";\n this._render();\n }\n\n disconnectedCallback(): void {\n ReactDOM.unmountComponentAtNode(this);\n }\n\n private _render(): void {\n if (this.isConnected) {\n ReactDOM.render(\n <BrickWrapper>\n <BrickCodeDisplay\n language={this._language}\n showLineNumber={this._showLineNumber}\n value={this._value}\n />\n </BrickWrapper>,\n this\n );\n }\n }\n\n set language(value: string) {\n this._language = value;\n this._render();\n }\n\n set showLineNumber(value: boolean) {\n this._showLineNumber = value;\n this._render();\n }\n\n set value(value: string) {\n this._value = value;\n this._render();\n }\n\n set field(value: string) {\n this._field = value;\n this._render();\n }\n\n set dataSource(value: any) {\n this._field && (this._value = get(value, this._field));\n this._render();\n }\n\n updateValue(e: CustomEvent): void {\n this._value = e.detail;\n this._render();\n }\n}\n\ncustomElements.define(\n \"presentational-bricks.brick-code-display\",\n BrickCodeDisplayElement\n);\n","// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".customCodeDisplay--3TUojcwC pre[class=\\\"language-\\\"],\\n .customCodeDisplay--3TUojcwC code[class=\\\"language-\\\"] {\\n font-size: 12px;\\n line-height: 16px;\\n }\\n .customCodeDisplay--3TUojcwC pre[class*=\\\"language-\\\"] {\\n padding-top: 4px;\\n padding-bottom: 4px;\\n }\\n\", \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"customCodeDisplay\": \"customCodeDisplay--3TUojcwC\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n"],"sourceRoot":""}

package/dist/lazy-bricks/brick-collapse-card.dd92.bb147e78.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["webpack:///./bricks/presentational-bricks/src/brick-collapse-card/BrickCollapseCard.tsx","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.tsx","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.shadow.less?e1ca","webpack:///./node_modules/@fortawesome/fontawesome-svg-core/styles.css","webpack:///./node_modules/@next-core/brick-icons/dist/styles/index.css","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.shadow.less"],"names":["getIconNode","icon","className","type","GeneralIcon","getExtraNode","props","isActive","expandActiveText","expandInactiveText","expandActiveIcon","expandInactiveIcon","getHeaderWithIconAndDescNode","titleIcon","title","descriptionList","map","item","i","key","label","text","getHeaderNode","hasHeaderSlot","id","name","classNames","compact","titleWithIconAndDesc","BrickCollapseCard","activeKey","ghost","Panel","style","containerStyle","forceRender","showArrow","header","extra","verticalCenter","contentStyle","BrickCollapseCardElement","constructor","super","this","_shadowRoot","attachShadow","mode","styleElement","document","createElement","textContent","appendChild","_mountPoint","property","attribute","lib","category","Boolean","__deprecated_and_for_compatibility_only","e","find","composedPath","_render","window","dispatchEvent","Event","display","addEventListener","togglePanel","querySelector","Object","assign","headerStyle","ReactDOM","unmountComponentAtNode","mutableProps","cardTitle","dataSource","fields","get","isConnected","render","getBrickCollapseCardNode","UpdatingElement","customElements","define","result","__esModule","default","module","exports","toString","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","___CSS_LOADER_AT_RULE_IMPORT_0___","___CSS_LOADER_AT_RULE_IMPORT_1___"],"mappings":"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","file":"lazy-bricks/brick-collapse-card.dd92.bb147e78.js","sourcesContent":["import React from \"react\";\nimport { Icon as LegacyIcon } from \"@ant-design/compatible\";\nimport { Collapse } from \"antd\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport classNames from \"classnames\";\n\ninterface BrickCollapseCardProps {\n title: string;\n expandActiveText?: string;\n expandInactiveText?: string;\n expandActiveIcon?: string;\n expandInactiveIcon?: string;\n isActive?: boolean;\n containerStyle?: any;\n headerStyle?: any;\n contentStyle?: any;\n dataSource?: Record<string, any>;\n hasHeaderSlot?: boolean;\n titleIcon?: MenuIcon \| string;\n descriptionList?: descriptionsItemProps[];\n titleWithIconAndDesc?: boolean \| \"compact\";\n verticalCenter?: boolean;\n}\n\nexport interface descriptionsItemProps {\n label: string;\n text: string;\n}\n\nconst getIconNode = (\n icon: MenuIcon \| string,\n className: string\n): React.ReactElement => {\n if (typeof icon === \"string\")\n return <LegacyIcon type={icon} className={className} />;\n if (typeof icon === \"object\")\n return (\n <span className={className}>\n <GeneralIcon icon={icon} />\n </span>\n );\n};\n\nconst getExtraNode = (props: BrickCollapseCardProps): React.ReactElement => {\n return (\n <span className=\"toggleCollapse\">\n <span className=\"expandText\">\n {props.isActive ? props.expandActiveText : props.expandInactiveText}\n </span>\n {getIconNode(\n props.isActive ? props.expandActiveIcon : props.expandInactiveIcon,\n \"expandIcon\"\n )}\n </span>\n );\n};\n\nconst getDescriptionNode = (\n descriptionList: descriptionsItemProps[]\n): React.ReactElement[] => {\n return descriptionList.map((item, i) => (\n <span className=\"descriptionItem\" key={i}>\n <span className=\"descriptionItemLabel\">\n {item.label && item.label + \":\"}\n </span>\n <span className=\"descriptionItemText\">{item.text}</span>\n </span>\n ));\n};\n\nconst getHeaderWithIconAndDescNode = (\n props: BrickCollapseCardProps\n): React.ReactElement => {\n return (\n <>\n <div className=\"headerIcon\">{getIconNode(props.titleIcon, \"\")}</div>\n <div className=\"headerContent\">\n {props.title && <div className=\"cardTitle\">{props.title}</div>}\n {props.descriptionList && (\n <div className=\"descriptionList\">\n {getDescriptionNode(props.descriptionList)}\n </div>\n )}\n </div>\n </>\n );\n};\n\nconst getHeaderNode = (props: BrickCollapseCardProps): React.ReactElement => {\n if (props.hasHeaderSlot) return <slot id=\"headerSlot\" name=\"header\" />;\n return (\n <div\n className={classNames(\"collapseTitle\", {\n compact: props.titleWithIconAndDesc === \"compact\",\n })}\n >\n {props.titleWithIconAndDesc\n ? getHeaderWithIconAndDescNode(props)\n : props.title}\n </div>\n );\n};\n\nexport function BrickCollapseCard(\n props: BrickCollapseCardProps\n): React.ReactElement {\n return (\n <Collapse activeKey={props.isActive ? \"content\" : \"\"} ghost={true}>\n <Collapse.Panel\n style={props.containerStyle}\n forceRender={true}\n key=\"content\"\n showArrow={false}\n header={getHeaderNode(props)}\n extra={getExtraNode(props)}\n >\n <div\n className={classNames(\"contentContainer\", {\n verticalCenter: props.verticalCenter,\n })}\n style={props.contentStyle}\n >\n <slot id=\"contentSlot\" name=\"content\" />\n </div>\n </Collapse.Panel>\n </Collapse>\n );\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrickWrapper, UpdatingElement, property } from \"@next-core/brick-kit\";\nimport { BrickCollapseCard } from \"./BrickCollapseCard\";\nimport { descriptionsItemProps } from \"../interfaces/brick-collapse-card\";\nimport { get, find } from \"lodash\";\nimport style from \"./index.shadow.less\";\nimport { MenuIcon } from \"@next-core/brick-types\";\n\n/*\n @id presentational-bricks.brick-collapse-card\n * @name presentational-bricks.brick-collapse-card\n * @docKind brick\n * @description 详情折叠，有需要再展开，避免一开始太喧宾夺主，如工具详情\n * @author lynette\n * @slots\n * content:卡片展开的内容\n * header:header 自定义构件，需要同时把 hasHeaderSlot 设置成 true\n * @history\n * @memo\n * @noInheritDoc\n /\nexport class BrickCollapseCardElement extends UpdatingElement {\n private _mountPoint: HTMLElement;\n private _shadowRoot: ShadowRoot;\n\n /\n @kind string\n * @required true\n * @default -\n * @description 卡片标题\n /\n @property()\n cardTitle: string;\n\n /\n @kind `descriptionsItemProps[]`\n * @required false\n * @default -\n * @description 标题描述信息，仅在`titleWithIconAndDesc`为true时有效\n /\n @property({\n attribute: false,\n })\n descriptionList: descriptionsItemProps[];\n\n /\n @kind string\n * @required false\n * @default 展开\n * @description 卡片收起的时候右上角的文案\n /\n @property({\n attribute: false,\n })\n expandInactiveText = \"展开\";\n\n /\n @kind string\n * @required false\n * @default 收起\n * @description 卡片展开的时候右上角的文案\n /\n @property({\n attribute: false,\n })\n expandActiveText = \"收起\";\n\n /\n @kind MenuIcon\n * @required false\n * @default up\n * @description 卡片展开的时候右上角的 icon，支持 ant-design 的 icon\n /\n @property({\n attribute: false,\n })\n expandActiveIcon = \"up\";\n\n /\n @kind MenuIcon\n * @required false\n * @default down\n * @description 卡片收起的时候右上角的 icon，支持 ant-design 的 icon\n /\n @property({\n attribute: false,\n })\n expandInactiveIcon = \"down\";\n\n /\n @kind MenuIcon\n * @required false\n * @default {lib: \"easyops\", category: \"default\", icon: \"collapse-card-default\"}\n * @description 卡片标题图标，仅在`titleWithIconAndDesc`为true时有效\n /\n @property({\n attribute: false,\n })\n titleIcon: MenuIcon \| string = {\n lib: \"easyops\",\n category: \"default\",\n icon: \"collapse-card-default\",\n };\n\n /\n @kind boolean \| \"compact\"\n * @required false\n * @default false\n * @description 是否可以设置标题图标和描述信息\n /\n @property({\n attribute: false,\n })\n titleWithIconAndDesc: boolean \| \"compact\";\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description 卡片默认收起／展开\n /\n @property({\n type: Boolean,\n })\n isActive: boolean;\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description header 是否为自定义的 slot\n /\n @property({\n type: Boolean,\n })\n hasHeaderSlot: boolean;\n\n /\n @kind any\n * @required false\n * @default -\n * @description 容器自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n containerStyle: any;\n\n /\n @kind any\n * @required false\n * @default -\n * @description header 自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n headerStyle: any;\n\n /\n @kind any\n * @required false\n * @default -\n * @description 内容自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n contentStyle: any;\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description 设置该属性后，卡片内容区的元素自动垂直居中\n * @group advanced\n /\n @property({\n type: Boolean,\n })\n verticalCenter: boolean;\n\n /\n @kind string\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]卡片标题，请使用cardTitle\n * @group advanced\n /\n @property({ __deprecated_and_for_compatibility_only: true })\n title: string;\n\n /\n @kind { dataSource?: string; title: string; }\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值\n /\n @property({\n attribute: false,\n })\n fields: { dataSource?: string; title: string };\n\n /\n @kind Record<string, any>\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]数据来源\n /\n @property({\n attribute: false,\n })\n dataSource: Record<string, any>;\n\n constructor() {\n super();\n this._shadowRoot = this.attachShadow({ mode: \"open\" });\n const styleElement = document.createElement(\"style\");\n styleElement.textContent = style;\n this._shadowRoot.appendChild(styleElement);\n this._mountPoint = document.createElement(\"div\");\n this._shadowRoot.appendChild(this._mountPoint);\n }\n\n togglePanel(e: Event): void {\n const foundHeader = find(e.composedPath(), {\n className: \"ant-collapse-extra\",\n }) as HTMLElement;\n if (foundHeader) {\n this.isActive = !this.isActive;\n this._render();\n this.isActive && window.dispatchEvent(new Event(\"resize\"));\n }\n }\n\n connectedCallback(): void {\n // istanbul ignore else\n if (!this.style.display) {\n this.style.display = \"block\";\n }\n this.addEventListener(\"click\", (e) => {\n this.togglePanel(e);\n });\n this._render();\n const header = this._shadowRoot.querySelector(\n \".ant-collapse-header\"\n ) as HTMLElement;\n header && Object.assign(header.style, this.headerStyle);\n }\n\n disconnectedCallback(): void {\n ReactDOM.unmountComponentAtNode(this);\n }\n\n protected getBrickCollapseCardNode() {\n const mutableProps = {\n title: this.cardTitle ?? this.title,\n dataSource: this.dataSource,\n };\n if (!this.cardTitle) {\n if (this.dataSource && this.fields) {\n if (this.fields.title) {\n mutableProps.title = get(this.dataSource, this.fields.title);\n }\n if (this.fields.dataSource) {\n mutableProps.dataSource = get(\n this.dataSource,\n this.fields.dataSource\n );\n }\n }\n }\n return (\n <BrickCollapseCard\n title={mutableProps.title}\n expandActiveText={this.expandActiveText}\n expandInactiveText={this.expandInactiveText}\n expandActiveIcon={this.expandActiveIcon}\n expandInactiveIcon={this.expandInactiveIcon}\n isActive={this.isActive}\n containerStyle={this.containerStyle}\n headerStyle={this.headerStyle}\n contentStyle={this.contentStyle}\n dataSource={mutableProps.dataSource}\n hasHeaderSlot={this.hasHeaderSlot}\n titleIcon={this.titleIcon}\n descriptionList={this.descriptionList}\n titleWithIconAndDesc={this.titleWithIconAndDesc}\n verticalCenter={this.verticalCenter}\n />\n );\n }\n\n protected _render(): void {\n if (this.isConnected) {\n ReactDOM.render(\n <BrickWrapper>{this.getBrickCollapseCardNode()}</BrickWrapper>,\n this._mountPoint\n );\n }\n }\n}\n\ncustomElements.define(\n \"presentational-bricks.brick-collapse-card\",\n BrickCollapseCardElement\n);\n","\n var result = require(\"!!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/less-loader/dist/cjs.js??ref--18-2!./index.shadow.less\");\n\n if (result && result.__esModule) {\n result = result.default;\n }\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"svg:not(:root).svg-inline--fa {\\n overflow: visible; }\\n\\n.svg-inline--fa {\\n display: inline-block;\\n font-size: inherit;\\n height: 1em;\\n overflow: visible;\\n vertical-align: -.125em; }\\n .svg-inline--fa.fa-lg {\\n vertical-align: -.225em; }\\n .svg-inline--fa.fa-w-1 {\\n width: 0.0625em; }\\n .svg-inline--fa.fa-w-2 {\\n width: 0.125em; }\\n .svg-inline--fa.fa-w-3 {\\n width: 0.1875em; }\\n .svg-inline--fa.fa-w-4 {\\n width: 0.25em; }\\n .svg-inline--fa.fa-w-5 {\\n width: 0.3125em; }\\n .svg-inline--fa.fa-w-6 {\\n width: 0.375em; }\\n .svg-inline--fa.fa-w-7 {\\n width: 0.4375em; }\\n .svg-inline--fa.fa-w-8 {\\n width: 0.5em; }\\n .svg-inline--fa.fa-w-9 {\\n width: 0.5625em; }\\n .svg-inline--fa.fa-w-10 {\\n width: 0.625em; }\\n .svg-inline--fa.fa-w-11 {\\n width: 0.6875em; }\\n .svg-inline--fa.fa-w-12 {\\n width: 0.75em; }\\n .svg-inline--fa.fa-w-13 {\\n width: 0.8125em; }\\n .svg-inline--fa.fa-w-14 {\\n width: 0.875em; }\\n .svg-inline--fa.fa-w-15 {\\n width: 0.9375em; }\\n .svg-inline--fa.fa-w-16 {\\n width: 1em; }\\n .svg-inline--fa.fa-w-17 {\\n width: 1.0625em; }\\n .svg-inline--fa.fa-w-18 {\\n width: 1.125em; }\\n .svg-inline--fa.fa-w-19 {\\n width: 1.1875em; }\\n .svg-inline--fa.fa-w-20 {\\n width: 1.25em; }\\n .svg-inline--fa.fa-pull-left {\\n margin-right: .3em;\\n width: auto; }\\n .svg-inline--fa.fa-pull-right {\\n margin-left: .3em;\\n width: auto; }\\n .svg-inline--fa.fa-border {\\n height: 1.5em; }\\n .svg-inline--fa.fa-li {\\n width: 2em; }\\n .svg-inline--fa.fa-fw {\\n width: 1.25em; }\\n\\n.fa-layers svg.svg-inline--fa {\\n bottom: 0;\\n left: 0;\\n margin: auto;\\n position: absolute;\\n right: 0;\\n top: 0; }\\n\\n.fa-layers {\\n display: inline-block;\\n height: 1em;\\n position: relative;\\n text-align: center;\\n vertical-align: -.125em;\\n width: 1em; }\\n .fa-layers svg.svg-inline--fa {\\n -webkit-transform-origin: center center;\\n transform-origin: center center; }\\n\\n.fa-layers-text, .fa-layers-counter {\\n display: inline-block;\\n position: absolute;\\n text-align: center; }\\n\\n.fa-layers-text {\\n left: 50%;\\n top: 50%;\\n -webkit-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n -webkit-transform-origin: center center;\\n transform-origin: center center; }\\n\\n.fa-layers-counter {\\n background-color: #ff253a;\\n border-radius: 1em;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n color: #fff;\\n height: 1.5em;\\n line-height: 1;\\n max-width: 5em;\\n min-width: 1.5em;\\n overflow: hidden;\\n padding: .25em;\\n right: 0;\\n text-overflow: ellipsis;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top right;\\n transform-origin: top right; }\\n\\n.fa-layers-bottom-right {\\n bottom: 0;\\n right: 0;\\n top: auto;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: bottom right;\\n transform-origin: bottom right; }\\n\\n.fa-layers-bottom-left {\\n bottom: 0;\\n left: 0;\\n right: auto;\\n top: auto;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: bottom left;\\n transform-origin: bottom left; }\\n\\n.fa-layers-top-right {\\n right: 0;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top right;\\n transform-origin: top right; }\\n\\n.fa-layers-top-left {\\n left: 0;\\n right: auto;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top left;\\n transform-origin: top left; }\\n\\n.fa-lg {\\n font-size: 1.33333em;\\n line-height: 0.75em;\\n vertical-align: -.0667em; }\\n\\n.fa-xs {\\n font-size: .75em; }\\n\\n.fa-sm {\\n font-size: .875em; }\\n\\n.fa-1x {\\n font-size: 1em; }\\n\\n.fa-2x {\\n font-size: 2em; }\\n\\n.fa-3x {\\n font-size: 3em; }\\n\\n.fa-4x {\\n font-size: 4em; }\\n\\n.fa-5x {\\n font-size: 5em; }\\n\\n.fa-6x {\\n font-size: 6em; }\\n\\n.fa-7x {\\n font-size: 7em; }\\n\\n.fa-8x {\\n font-size: 8em; }\\n\\n.fa-9x {\\n font-size: 9em; }\\n\\n.fa-10x {\\n font-size: 10em; }\\n\\n.fa-fw {\\n text-align: center;\\n width: 1.25em; }\\n\\n.fa-ul {\\n list-style-type: none;\\n margin-left: 2.5em;\\n padding-left: 0; }\\n .fa-ul > li {\\n position: relative; }\\n\\n.fa-li {\\n left: -2em;\\n position: absolute;\\n text-align: center;\\n width: 2em;\\n line-height: inherit; }\\n\\n.fa-border {\\n border: solid 0.08em #eee;\\n border-radius: .1em;\\n padding: .2em .25em .15em; }\\n\\n.fa-pull-left {\\n float: left; }\\n\\n.fa-pull-right {\\n float: right; }\\n\\n.fa.fa-pull-left,\\n.fas.fa-pull-left,\\n.far.fa-pull-left,\\n.fal.fa-pull-left,\\n.fab.fa-pull-left {\\n margin-right: .3em; }\\n\\n.fa.fa-pull-right,\\n.fas.fa-pull-right,\\n.far.fa-pull-right,\\n.fal.fa-pull-right,\\n.fab.fa-pull-right {\\n margin-left: .3em; }\\n\\n.fa-spin {\\n -webkit-animation: fa-spin 2s infinite linear;\\n animation: fa-spin 2s infinite linear; }\\n\\n.fa-pulse {\\n -webkit-animation: fa-spin 1s infinite steps(8);\\n animation: fa-spin 1s infinite steps(8); }\\n\\n@-webkit-keyframes fa-spin {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n@keyframes fa-spin {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n.fa-rotate-90 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\\\";\\n -webkit-transform: rotate(90deg);\\n transform: rotate(90deg); }\\n\\n.fa-rotate-180 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\\\";\\n -webkit-transform: rotate(180deg);\\n transform: rotate(180deg); }\\n\\n.fa-rotate-270 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\\\";\\n -webkit-transform: rotate(270deg);\\n transform: rotate(270deg); }\\n\\n.fa-flip-horizontal {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\\\";\\n -webkit-transform: scale(-1, 1);\\n transform: scale(-1, 1); }\\n\\n.fa-flip-vertical {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\\\";\\n -webkit-transform: scale(1, -1);\\n transform: scale(1, -1); }\\n\\n.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\\\";\\n -webkit-transform: scale(-1, -1);\\n transform: scale(-1, -1); }\\n\\n:root .fa-rotate-90,\\n:root .fa-rotate-180,\\n:root .fa-rotate-270,\\n:root .fa-flip-horizontal,\\n:root .fa-flip-vertical,\\n:root .fa-flip-both {\\n -webkit-filter: none;\\n filter: none; }\\n\\n.fa-stack {\\n display: inline-block;\\n height: 2em;\\n position: relative;\\n width: 2.5em; }\\n\\n.fa-stack-1x,\\n.fa-stack-2x {\\n bottom: 0;\\n left: 0;\\n margin: auto;\\n position: absolute;\\n right: 0;\\n top: 0; }\\n\\n.svg-inline--fa.fa-stack-1x {\\n height: 1em;\\n width: 1.25em; }\\n\\n.svg-inline--fa.fa-stack-2x {\\n height: 2em;\\n width: 2.5em; }\\n\\n.fa-inverse {\\n color: #fff; }\\n\\n.sr-only {\\n border: 0;\\n clip: rect(0, 0, 0, 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px; }\\n\\n.sr-only-focusable:active, .sr-only-focusable:focus {\\n clip: auto;\\n height: auto;\\n margin: 0;\\n overflow: visible;\\n position: static;\\n width: auto; }\\n\\n.svg-inline--fa .fa-primary {\\n fill: var(--fa-primary-color, currentColor);\\n opacity: 1;\\n opacity: var(--fa-primary-opacity, 1); }\\n\\n.svg-inline--fa .fa-secondary {\\n fill: var(--fa-secondary-color, currentColor);\\n opacity: 0.4;\\n opacity: var(--fa-secondary-opacity, 0.4); }\\n\\n.svg-inline--fa.fa-swap-opacity .fa-primary {\\n opacity: 0.4;\\n opacity: var(--fa-secondary-opacity, 0.4); }\\n\\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\\n opacity: 1;\\n opacity: var(--fa-primary-opacity, 1); }\\n\\n.svg-inline--fa mask .fa-primary,\\n.svg-inline--fa mask .fa-secondary {\\n fill: black; }\\n\\n.fad.fa-inverse {\\n color: #fff; }\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".easyops-icon {\\n width: 1em;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\"-!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/@fortawesome/fontawesome-svg-core/styles.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\"-!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/@next-core/brick-icons/dist/styles/index.css\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fade-enter,\\n.fade-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.fade-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.fade-enter.fade-enter-active,\\n.fade-appear.fade-appear-active {\\n animation-name: antFadeIn;\\n animation-play-state: running;\\n}\\n.fade-leave.fade-leave-active {\\n animation-name: antFadeOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.fade-enter,\\n.fade-appear {\\n opacity: 0;\\n animation-timing-function: linear;\\n}\\n.fade-leave {\\n animation-timing-function: linear;\\n}\\n@keyframes antFadeIn {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n}\\n@keyframes antFadeOut {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n }\\n}\\n.move-up-enter,\\n.move-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-up-enter.move-up-enter-active,\\n.move-up-appear.move-up-appear-active {\\n animation-name: antMoveUpIn;\\n animation-play-state: running;\\n}\\n.move-up-leave.move-up-leave-active {\\n animation-name: antMoveUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-up-enter,\\n.move-up-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-up-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-down-enter,\\n.move-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-down-enter.move-down-enter-active,\\n.move-down-appear.move-down-appear-active {\\n animation-name: antMoveDownIn;\\n animation-play-state: running;\\n}\\n.move-down-leave.move-down-leave-active {\\n animation-name: antMoveDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-down-enter,\\n.move-down-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-down-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-left-enter,\\n.move-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-left-enter.move-left-enter-active,\\n.move-left-appear.move-left-appear-active {\\n animation-name: antMoveLeftIn;\\n animation-play-state: running;\\n}\\n.move-left-leave.move-left-leave-active {\\n animation-name: antMoveLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-left-enter,\\n.move-left-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-left-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-right-enter,\\n.move-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-right-enter.move-right-enter-active,\\n.move-right-appear.move-right-appear-active {\\n animation-name: antMoveRightIn;\\n animation-play-state: running;\\n}\\n.move-right-leave.move-right-leave-active {\\n animation-name: antMoveRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-right-enter,\\n.move-right-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-right-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n@keyframes antMoveDownIn {\\n 0% {\\n transform: translateY(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveDownOut {\\n 0% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveLeftIn {\\n 0% {\\n transform: translateX(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveLeftOut {\\n 0% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateX(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveRightIn {\\n 0% {\\n transform: translateX(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveRightOut {\\n 0% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateX(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveUpIn {\\n 0% {\\n transform: translateY(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveUpOut {\\n 0% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes loadingCircle {\\n 100% {\\n transform: rotate(360deg);\\n }\\n}\\n[ant-click-animating='true'],\\n[ant-click-animating-without-extra-node='true'] {\\n position: relative;\\n}\\nhtml {\\n --antd-wave-shadow-color: #0071eb;\\n --scroll-bar: 0;\\n}\\n[ant-click-animating-without-extra-node='true']::after,\\n.ant-click-animating-node {\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n display: block;\\n border-radius: inherit;\\n box-shadow: 0 0 0 0 #0071eb;\\n box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);\\n opacity: 0.2;\\n animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\\n animation-fill-mode: forwards;\\n content: '';\\n pointer-events: none;\\n}\\n@keyframes waveEffect {\\n 100% {\\n box-shadow: 0 0 0 #0071eb;\\n box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);\\n }\\n}\\n@keyframes fadeEffect {\\n 100% {\\n opacity: 0;\\n }\\n}\\n.slide-up-enter,\\n.slide-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-up-enter.slide-up-enter-active,\\n.slide-up-appear.slide-up-appear-active {\\n animation-name: antSlideUpIn;\\n animation-play-state: running;\\n}\\n.slide-up-leave.slide-up-leave-active {\\n animation-name: antSlideUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-up-enter,\\n.slide-up-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-up-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-down-enter,\\n.slide-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-down-enter.slide-down-enter-active,\\n.slide-down-appear.slide-down-appear-active {\\n animation-name: antSlideDownIn;\\n animation-play-state: running;\\n}\\n.slide-down-leave.slide-down-leave-active {\\n animation-name: antSlideDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-down-enter,\\n.slide-down-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-down-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-left-enter,\\n.slide-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-left-enter.slide-left-enter-active,\\n.slide-left-appear.slide-left-appear-active {\\n animation-name: antSlideLeftIn;\\n animation-play-state: running;\\n}\\n.slide-left-leave.slide-left-leave-active {\\n animation-name: antSlideLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-left-enter,\\n.slide-left-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-left-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-right-enter,\\n.slide-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-right-enter.slide-right-enter-active,\\n.slide-right-appear.slide-right-appear-active {\\n animation-name: antSlideRightIn;\\n animation-play-state: running;\\n}\\n.slide-right-leave.slide-right-leave-active {\\n animation-name: antSlideRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-right-enter,\\n.slide-right-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-right-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n@keyframes antSlideUpIn {\\n 0% {\\n transform: scaleY(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleY(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideUpOut {\\n 0% {\\n transform: scaleY(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleY(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideDownIn {\\n 0% {\\n transform: scaleY(0.8);\\n transform-origin: 100% 100%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleY(1);\\n transform-origin: 100% 100%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideDownOut {\\n 0% {\\n transform: scaleY(1);\\n transform-origin: 100% 100%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleY(0.8);\\n transform-origin: 100% 100%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideLeftIn {\\n 0% {\\n transform: scaleX(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleX(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideLeftOut {\\n 0% {\\n transform: scaleX(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleX(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideRightIn {\\n 0% {\\n transform: scaleX(0.8);\\n transform-origin: 100% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleX(1);\\n transform-origin: 100% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideRightOut {\\n 0% {\\n transform: scaleX(1);\\n transform-origin: 100% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleX(0.8);\\n transform-origin: 100% 0%;\\n opacity: 0;\\n }\\n}\\n.zoom-enter,\\n.zoom-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-enter.zoom-enter-active,\\n.zoom-appear.zoom-appear-active {\\n animation-name: antZoomIn;\\n animation-play-state: running;\\n}\\n.zoom-leave.zoom-leave-active {\\n animation-name: antZoomOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-enter,\\n.zoom-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-enter-prepare,\\n.zoom-appear-prepare {\\n transform: none;\\n}\\n.zoom-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-big-enter,\\n.zoom-big-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-enter.zoom-big-enter-active,\\n.zoom-big-appear.zoom-big-appear-active {\\n animation-name: antZoomBigIn;\\n animation-play-state: running;\\n}\\n.zoom-big-leave.zoom-big-leave-active {\\n animation-name: antZoomBigOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-big-enter,\\n.zoom-big-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-big-enter-prepare,\\n.zoom-big-appear-prepare {\\n transform: none;\\n}\\n.zoom-big-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-big-fast-enter,\\n.zoom-big-fast-appear {\\n animation-duration: 0.1s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-fast-leave {\\n animation-duration: 0.1s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-fast-enter.zoom-big-fast-enter-active,\\n.zoom-big-fast-appear.zoom-big-fast-appear-active {\\n animation-name: antZoomBigIn;\\n animation-play-state: running;\\n}\\n.zoom-big-fast-leave.zoom-big-fast-leave-active {\\n animation-name: antZoomBigOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-big-fast-enter,\\n.zoom-big-fast-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-big-fast-enter-prepare,\\n.zoom-big-fast-appear-prepare {\\n transform: none;\\n}\\n.zoom-big-fast-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-up-enter,\\n.zoom-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-up-enter.zoom-up-enter-active,\\n.zoom-up-appear.zoom-up-appear-active {\\n animation-name: antZoomUpIn;\\n animation-play-state: running;\\n}\\n.zoom-up-leave.zoom-up-leave-active {\\n animation-name: antZoomUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-up-enter,\\n.zoom-up-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-up-enter-prepare,\\n.zoom-up-appear-prepare {\\n transform: none;\\n}\\n.zoom-up-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-down-enter,\\n.zoom-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-down-enter.zoom-down-enter-active,\\n.zoom-down-appear.zoom-down-appear-active {\\n animation-name: antZoomDownIn;\\n animation-play-state: running;\\n}\\n.zoom-down-leave.zoom-down-leave-active {\\n animation-name: antZoomDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-down-enter,\\n.zoom-down-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-down-enter-prepare,\\n.zoom-down-appear-prepare {\\n transform: none;\\n}\\n.zoom-down-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-left-enter,\\n.zoom-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-left-enter.zoom-left-enter-active,\\n.zoom-left-appear.zoom-left-appear-active {\\n animation-name: antZoomLeftIn;\\n animation-play-state: running;\\n}\\n.zoom-left-leave.zoom-left-leave-active {\\n animation-name: antZoomLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-left-enter,\\n.zoom-left-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-left-enter-prepare,\\n.zoom-left-appear-prepare {\\n transform: none;\\n}\\n.zoom-left-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-right-enter,\\n.zoom-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-right-enter.zoom-right-enter-active,\\n.zoom-right-appear.zoom-right-appear-active {\\n animation-name: antZoomRightIn;\\n animation-play-state: running;\\n}\\n.zoom-right-leave.zoom-right-leave-active {\\n animation-name: antZoomRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-right-enter,\\n.zoom-right-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-right-enter-prepare,\\n.zoom-right-appear-prepare {\\n transform: none;\\n}\\n.zoom-right-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n@keyframes antZoomIn {\\n 0% {\\n transform: scale(0.2);\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n opacity: 1;\\n }\\n}\\n@keyframes antZoomOut {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0.2);\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomBigIn {\\n 0% {\\n transform: scale(0.8);\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n opacity: 1;\\n }\\n}\\n@keyframes antZoomBigOut {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0.8);\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomUpIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 50% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 50% 0%;\\n }\\n}\\n@keyframes antZoomUpOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 50% 0%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 50% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomLeftIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 0% 50%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 0% 50%;\\n }\\n}\\n@keyframes antZoomLeftOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 0% 50%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 0% 50%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomRightIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 100% 50%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 100% 50%;\\n }\\n}\\n@keyframes antZoomRightOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 100% 50%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 100% 50%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomDownIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 50% 100%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 50% 100%;\\n }\\n}\\n@keyframes antZoomDownOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 50% 100%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 50% 100%;\\n opacity: 0;\\n }\\n}\\n.ant-motion-collapse-legacy {\\n overflow: hidden;\\n}\\n.ant-motion-collapse-legacy-active {\\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\\n}\\n.ant-motion-collapse {\\n overflow: hidden;\\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\\n}\\n/ stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown /\\n/ stylelint-disable no-duplicate-selectors /\\n/ stylelint-disable /\\n/ stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline /\\n.ant-collapse {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n color: var(--antd-text-color);\\n font-size: 14px;\\n font-variant: tabular-nums;\\n line-height: 1.5715;\\n list-style: none;\\n font-feature-settings: 'tnum';\\n background-color: var(--antd-background-color-light);\\n border: 1px solid var(--antd-border-color-base);\\n border-bottom: 0;\\n border-radius: 6px;\\n}\\n.ant-collapse > .ant-collapse-item {\\n border-bottom: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse > .ant-collapse-item:last-child,\\n.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {\\n border-radius: 0 0 6px 6px;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header {\\n position: relative;\\n padding: 12px 16px;\\n padding-left: 40px;\\n color: var(--antd-heading-color);\\n line-height: 1.5715;\\n cursor: pointer;\\n transition: all 0.3s, visibility 0s;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {\\n display: table;\\n content: '';\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {\\n display: table;\\n clear: both;\\n content: '';\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {\\n color: inherit;\\n font-style: normal;\\n line-height: 0;\\n text-align: center;\\n text-transform: none;\\n vertical-align: -0.125em;\\n text-rendering: optimizeLegibility;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n top: 5.0005px;\\n left: 16px;\\n display: inline-block;\\n padding: 12px 16px;\\n padding-right: 0;\\n padding-bottom: 0;\\n padding-left: 0;\\n font-size: 12px;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > {\\n line-height: 1;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n display: inline-block;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {\\n display: none;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {\\n display: block;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n transition: transform 0.24s;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {\\n float: right;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {\\n outline: none;\\n}\\n.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {\\n cursor: default;\\n}\\n.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {\\n cursor: pointer;\\n}\\n.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {\\n padding-left: 12px;\\n}\\n.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {\\n padding: 12px 16px;\\n padding-right: 40px;\\n}\\n.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {\\n right: 16px;\\n left: auto;\\n}\\n.ant-collapse-content {\\n color: var(--antd-text-color);\\n background-color: var(--antd-collapse-content-bg);\\n border-top: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse-content > .ant-collapse-content-box {\\n padding: 16px;\\n}\\n.ant-collapse-content-hidden {\\n display: none;\\n}\\n.ant-collapse-item:last-child > .ant-collapse-content {\\n border-radius: 0 0 6px 6px;\\n}\\n.ant-collapse-borderless {\\n background-color: var(--antd-background-color-light);\\n border: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item {\\n border-bottom: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse-borderless > .ant-collapse-item:last-child,\\n.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {\\n border-radius: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {\\n background-color: transparent;\\n border-top: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\\n padding-top: 4px;\\n}\\n.ant-collapse-ghost {\\n background-color: transparent;\\n border: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item {\\n border-bottom: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {\\n background-color: transparent;\\n border-top: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\\n padding-top: 12px;\\n padding-bottom: 12px;\\n}\\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,\\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {\\n color: var(--text-color-disabled);\\n cursor: not-allowed;\\n}\\n.ant-collapse-rtl {\\n direction: rtl;\\n}\\n.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {\\n padding: 12px 16px;\\n padding-right: 40px;\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n transform: rotate(180deg);\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {\\n float: left;\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {\\n padding-right: 12px;\\n padding-left: 0;\\n}\\n.ant-collapse-content {\\n overflow: hidden;\\n color: var(--antd-text-color);\\n background-color: var(--antd-collapse-content-bg);\\n border-top: 1px solid var(--color-border-divider-line);\\n}\\n.ant-collapse.ant-collapse-ghost {\\n background: var(--antd-component-background);\\n border-radius: 6px;\\n overflow: hidden;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow {\\n border: none;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header {\\n display: grid;\\n grid-template-columns: 1fr auto;\\n justify-content: space-between;\\n align-items: center;\\n padding: 20px;\\n cursor: inherit;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header,\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle {\\n gap: var(--toolbar-button-gap);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header::before,\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header::after {\\n content: none;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n flex: 1;\\n font-weight: 500;\\n color: var(--color-header-text);\\n font-size: 16px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerIcon {\\n margin-right: 16px;\\n font-size: 60px;\\n line-height: 0;\\n color: var(--color-brand);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent {\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-around;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .cardTitle {\\n font-family: PingFangSC-Medium, PingFang SC;\\n font-weight: 500;\\n color: var(--color-header-text);\\n line-height: 22px;\\n font-size: 16px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n line-height: 20px;\\n margin-top: 14px;\\n font-weight: 400;\\n font-size: 14px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList .descriptionItem .descriptionItemLabel {\\n color: var(--color-secondary-text);\\n margin-right: 10px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList .descriptionItem .descriptionItemText {\\n color: var(--color-header-text);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact {\\n justify-content: normal;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerIcon {\\n margin-right: 0;\\n font-size: 32px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent {\\n flex-direction: row;\\n justify-content: normal;\\n align-items: center;\\n gap: var(--toolbar-button-gap);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent .descriptionList {\\n gap: var(--toolbar-button-gap);\\n margin-top: 0;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent .descriptionList .descriptionItem .descriptionItemLabel {\\n margin-right: 6px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra {\\n align-self: start;\\n margin-top: 2px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse {\\n color: var(--color-brand);\\n cursor: pointer;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse .expandText {\\n margin-right: 5px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse .expandIcon {\\n vertical-align: middle;\\n line-height: 1;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content {\\n position: relative;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content::before {\\n content: \\\" \\\";\\n display: inline-block;\\n width: calc(100% - 40px);\\n height: 1px;\\n position: absolute;\\n left: 50%;\\n top: 0;\\n transform: translateX(-50%);\\n background: var(--color-text-divider-line);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box {\\n padding: 0;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box .contentContainer {\\n padding: 20px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box .contentContainer.verticalCenter {\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n}\\n:host-context(html[data-ui=\\\"v8-2\\\"]) .ant-collapse.ant-collapse-ghost {\\n background: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n"],"sourceRoot":""}
1	+ {"version":3,"sources":["webpack:///./bricks/presentational-bricks/src/brick-collapse-card/BrickCollapseCard.tsx","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.tsx","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.shadow.less?e1ca","webpack:///./node_modules/@fortawesome/fontawesome-svg-core/styles.css","webpack:///./node_modules/@next-core/brick-icons/dist/styles/index.css","webpack:///./bricks/presentational-bricks/src/brick-collapse-card/index.shadow.less"],"names":["getIconNode","icon","className","type","GeneralIcon","getExtraNode","props","isActive","expandActiveText","expandInactiveText","expandActiveIcon","expandInactiveIcon","getHeaderWithIconAndDescNode","titleIcon","title","descriptionList","map","item","i","key","label","text","getHeaderNode","hasHeaderSlot","id","name","classNames","compact","titleWithIconAndDesc","BrickCollapseCard","activeKey","ghost","Panel","style","containerStyle","forceRender","showArrow","header","extra","verticalCenter","contentStyle","BrickCollapseCardElement","constructor","super","this","_shadowRoot","attachShadow","mode","styleElement","document","createElement","textContent","appendChild","_mountPoint","property","attribute","lib","category","Boolean","__deprecated_and_for_compatibility_only","e","find","composedPath","_render","window","dispatchEvent","Event","display","addEventListener","togglePanel","querySelector","Object","assign","headerStyle","ReactDOM","unmountComponentAtNode","mutableProps","cardTitle","dataSource","fields","get","isConnected","render","getBrickCollapseCardNode","UpdatingElement","customElements","define","result","__esModule","default","module","exports","toString","___CSS_LOADER_EXPORT___","___CSS_LOADER_API_IMPORT___","push","___CSS_LOADER_AT_RULE_IMPORT_0___","___CSS_LOADER_AT_RULE_IMPORT_1___"],"mappings":"+kBA8BMA,EAAc,CAClBC,EACAC,IAEoB,iBAATD,EACF,kBAAC,OAAU,CAACE,KAAMF,EAAMC,UAAWA,IACxB,iBAATD,EAEP,0BAAMC,UAAWA,GACf,kBAACE,EAAA,EAAW,CAACH,KAAMA,UAHzB,EAQII,EAAgBC,GAElB,0BAAMJ,UAAU,kBACd,0BAAMA,UAAU,cACbI,EAAMC,SAAWD,EAAME,iBAAmBF,EAAMG,oBAElDT,EACCM,EAAMC,SAAWD,EAAMI,iBAAmBJ,EAAMK,mBAChD,eAmBFC,EACJN,GAGE,oCACE,yBAAKJ,UAAU,cAAcF,EAAYM,EAAMO,UAAW,KAC1D,yBAAKX,UAAU,iBACZI,EAAMQ,OAAS,yBAAKZ,UAAU,aAAaI,EAAMQ,OACjDR,EAAMS,iBACL,yBAAKb,UAAU,mBACOI,EAAMS,gBApBbC,IAAI,CAACC,EAAMC,IAChC,0BAAMhB,UAAU,kBAAkBiB,IAAKD,GACrC,0BAAMhB,UAAU,wBACbe,EAAKG,OAASH,EAAKG,MAAQ,KAE9B,0BAAMlB,UAAU,uBAAuBe,EAAKI,WAuB5CC,EAAiBhB,GACjBA,EAAMiB,cAAsB,0BAAMC,GAAG,aAAaC,KAAK,WAEzD,yBACEvB,UAAWwB,IAAW,gBAAiB,CACrCC,QAAwC,YAA/BrB,EAAMsB,wBAGhBtB,EAAMsB,qBACHhB,EAA6BN,GAC7BA,EAAMQ,OAKT,SAASe,EACdvB,GAEA,OACE,kBAAC,WAAQ,CAACwB,UAAWxB,EAAMC,SAAW,UAAY,GAAIwB,OAAO,GAC3D,kBAAC,WAASC,MAAK,CACbC,MAAO3B,EAAM4B,eACbC,aAAa,EACbhB,IAAI,UACJiB,WAAW,EACXC,OAAQf,EAAchB,GACtBgC,MAAOjC,EAAaC,IAEpB,yBACEJ,UAAWwB,IAAW,mBAAoB,CACxCa,eAAgBjC,EAAMiC,iBAExBN,MAAO3B,EAAMkC,cAEb,0BAAMhB,GAAG,cAAcC,KAAK,e,+FCpFzBgB,EAAwB,wBA8RpC,SA9RM,cAAuC,EAuM5CC,cACEC,QAAQ,QACRC,KAAKC,YAAcD,KAAKE,aAAa,CAAEC,KAAM,SAC7C,IAAMC,EAAeC,SAASC,cAAc,SAC5CF,EAAaG,YAAclB,IAC3BW,KAAKC,YAAYO,YAAYJ,GAC7BJ,KAAKS,YAAcJ,SAASC,cAAc,OAC1CN,KAAKC,YAAYO,YAAYR,KAAKS,eA9MD,yHAUlCC,sBAAU,wDASVA,mBAAS,CACRC,WAAW,KACX,8DASDD,mBAAS,CACRC,WAAW,KACX,mCACmB,MAAI,0BAQxBD,mBAAS,CACRC,WAAW,KACX,iCACiB,MAAI,0BAQtBD,mBAAS,CACRC,WAAW,KACX,iCACiB,MAAI,0BAQtBD,mBAAS,CACRC,WAAW,KACX,mCACmB,QAAM,0BAQ1BD,mBAAS,CACRC,WAAW,KACX,2BAC6B,CAC7BC,IAAK,UACLC,SAAU,UACVxD,KAAM,2BACP,0BAQAqD,mBAAS,CACRC,WAAW,KACX,mEASDD,mBAAS,CACRnD,KAAMuD,WACN,uDASDJ,mBAAS,CACRnD,KAAMuD,WACN,4DAUDJ,mBAAS,CACRC,WAAW,KACX,6DAUDD,mBAAS,CACRC,WAAW,KACX,0DAUDD,mBAAS,CACRC,WAAW,KACX,2DAUDD,mBAAS,CACRnD,KAAMuD,WACN,6DAWDJ,mBAAS,CAAEK,yCAAyC,KAAO,oDAU3DL,mBAAS,CACRC,WAAW,KACX,qDAUDD,mBAAS,CACRC,WAAW,KACX,sEAaF,SAAYK,GACUC,eAAKD,EAAEE,eAAgB,CACzC5D,UAAW,yBAGX0C,KAAKrC,UAAYqC,KAAKrC,SACtBqC,KAAKmB,UACLnB,KAAKrC,UAAYyD,OAAOC,cAAc,IAAIC,MAAM,cAEnD,6CAED,WAEOtB,KAAKX,MAAMkC,UACdvB,KAAKX,MAAMkC,QAAU,SAEvBvB,KAAKwB,iBAAiB,QAAUR,IAC9BhB,KAAKyB,YAAYT,KAEnBhB,KAAKmB,UACL,IAAM1B,EAASO,KAAKC,YAAYyB,cAC9B,wBAEFjC,GAAUkC,OAAOC,OAAOnC,EAAOJ,MAAOW,KAAK6B,eAC5C,gDAED,WACEC,IAASC,uBAAuB/B,QACjC,oDAED,WAAqC,MAC7BgC,EAAe,CACnB9D,MAAqB,QAAhB,EAAE8B,KAAKiC,iBAAS,QAAIjC,KAAK9B,MAC9BgE,WAAYlC,KAAKkC,YAenB,OAbKlC,KAAKiC,WACJjC,KAAKkC,YAAclC,KAAKmC,SACtBnC,KAAKmC,OAAOjE,QACd8D,EAAa9D,MAAQkE,cAAIpC,KAAKkC,WAAYlC,KAAKmC,OAAOjE,QAEpD8B,KAAKmC,OAAOD,aACdF,EAAaE,WAAaE,cACxBpC,KAAKkC,WACLlC,KAAKmC,OAAOD,cAMlB,kBAACjD,EAAiB,CAChBf,MAAO8D,EAAa9D,MACpBN,iBAAkBoC,KAAKpC,iBACvBC,mBAAoBmC,KAAKnC,mBACzBC,iBAAkBkC,KAAKlC,iBACvBC,mBAAoBiC,KAAKjC,mBACzBJ,SAAUqC,KAAKrC,SACf2B,eAAgBU,KAAKV,eACrBuC,YAAa7B,KAAK6B,YAClBjC,aAAcI,KAAKJ,aACnBsC,WAAYF,EAAaE,WACzBvD,cAAeqB,KAAKrB,cACpBV,UAAW+B,KAAK/B,UAChBE,gBAAiB6B,KAAK7B,gBACtBa,qBAAsBgB,KAAKhB,qBAC3BW,eAAgBK,KAAKL,mBAG1B,mCAED,WACMK,KAAKqC,aACPP,IAASQ,OACP,kBAAC,eAAY,KAAEtC,KAAKuC,4BACpBvC,KAAKS,mBA1RiC+B,mBAgS9CC,eAAeC,OACb,4CACA7C,I,oDCxUM,IAAI8C,EAAS,EAAQ,qCAEjBA,GAAUA,EAAOC,aACjBD,EAASA,EAAOE,SAIhBC,EAAOC,QADW,iBAAXJ,EACUA,EAEAA,EAAOK,Y,oDCTpC,IACIC,EAD8B,EAAQ,oCACZC,EAA4B,SAAS5E,GAAG,OAAOA,EAAE,MAE/E2E,EAAwBE,KAAK,CAACL,EAAOxE,EAAI,qkQAAklQ,KAE3nQwE,EAAOC,QAAUE,G,oDCLjB,IACIA,EAD8B,EAAQ,oCACZC,EAA4B,SAAS5E,GAAG,OAAOA,EAAE,MAE/E2E,EAAwBE,KAAK,CAACL,EAAOxE,EAAI,sCAAuC,KAEhFwE,EAAOC,QAAUE,G,oDCLjB,IAAIC,EAA8B,EAAQ,qCACtCE,EAAoC,EAAQ,qCAC5CC,EAAoC,EAAQ,qCAC5CJ,EAA0BC,GAA4B,SAAS5E,GAAG,OAAOA,EAAE,MAC/E2E,EAAwB3E,EAAE8E,GAC1BH,EAAwB3E,EAAE+E,GAE1BJ,EAAwBE,KAAK,CAACL,EAAOxE,EAAI,838BAA+38B,KAEx68BwE,EAAOC,QAAUE","file":"lazy-bricks/brick-collapse-card.dd92.bb147e78.js","sourcesContent":["import React from \"react\";\nimport { Icon as LegacyIcon } from \"@ant-design/compatible\";\nimport { Collapse } from \"antd\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { MenuIcon } from \"@next-core/brick-types\";\nimport classNames from \"classnames\";\n\ninterface BrickCollapseCardProps {\n title: string;\n expandActiveText?: string;\n expandInactiveText?: string;\n expandActiveIcon?: string;\n expandInactiveIcon?: string;\n isActive?: boolean;\n containerStyle?: any;\n headerStyle?: any;\n contentStyle?: any;\n dataSource?: Record<string, any>;\n hasHeaderSlot?: boolean;\n titleIcon?: MenuIcon \| string;\n descriptionList?: descriptionsItemProps[];\n titleWithIconAndDesc?: boolean \| \"compact\";\n verticalCenter?: boolean;\n}\n\nexport interface descriptionsItemProps {\n label: string;\n text: string;\n}\n\nconst getIconNode = (\n icon: MenuIcon \| string,\n className: string\n): React.ReactElement => {\n if (typeof icon === \"string\")\n return <LegacyIcon type={icon} className={className} />;\n if (typeof icon === \"object\")\n return (\n <span className={className}>\n <GeneralIcon icon={icon} />\n </span>\n );\n};\n\nconst getExtraNode = (props: BrickCollapseCardProps): React.ReactElement => {\n return (\n <span className=\"toggleCollapse\">\n <span className=\"expandText\">\n {props.isActive ? props.expandActiveText : props.expandInactiveText}\n </span>\n {getIconNode(\n props.isActive ? props.expandActiveIcon : props.expandInactiveIcon,\n \"expandIcon\"\n )}\n </span>\n );\n};\n\nconst getDescriptionNode = (\n descriptionList: descriptionsItemProps[]\n): React.ReactElement[] => {\n return descriptionList.map((item, i) => (\n <span className=\"descriptionItem\" key={i}>\n <span className=\"descriptionItemLabel\">\n {item.label && item.label + \":\"}\n </span>\n <span className=\"descriptionItemText\">{item.text}</span>\n </span>\n ));\n};\n\nconst getHeaderWithIconAndDescNode = (\n props: BrickCollapseCardProps\n): React.ReactElement => {\n return (\n <>\n <div className=\"headerIcon\">{getIconNode(props.titleIcon, \"\")}</div>\n <div className=\"headerContent\">\n {props.title && <div className=\"cardTitle\">{props.title}</div>}\n {props.descriptionList && (\n <div className=\"descriptionList\">\n {getDescriptionNode(props.descriptionList)}\n </div>\n )}\n </div>\n </>\n );\n};\n\nconst getHeaderNode = (props: BrickCollapseCardProps): React.ReactElement => {\n if (props.hasHeaderSlot) return <slot id=\"headerSlot\" name=\"header\" />;\n return (\n <div\n className={classNames(\"collapseTitle\", {\n compact: props.titleWithIconAndDesc === \"compact\",\n })}\n >\n {props.titleWithIconAndDesc\n ? getHeaderWithIconAndDescNode(props)\n : props.title}\n </div>\n );\n};\n\nexport function BrickCollapseCard(\n props: BrickCollapseCardProps\n): React.ReactElement {\n return (\n <Collapse activeKey={props.isActive ? \"content\" : \"\"} ghost={true}>\n <Collapse.Panel\n style={props.containerStyle}\n forceRender={true}\n key=\"content\"\n showArrow={false}\n header={getHeaderNode(props)}\n extra={getExtraNode(props)}\n >\n <div\n className={classNames(\"contentContainer\", {\n verticalCenter: props.verticalCenter,\n })}\n style={props.contentStyle}\n >\n <slot id=\"contentSlot\" name=\"content\" />\n </div>\n </Collapse.Panel>\n </Collapse>\n );\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrickWrapper, UpdatingElement, property } from \"@next-core/brick-kit\";\nimport { BrickCollapseCard } from \"./BrickCollapseCard\";\nimport { descriptionsItemProps } from \"../interfaces/brick-collapse-card\";\nimport { get, find } from \"lodash\";\nimport style from \"./index.shadow.less\";\nimport { MenuIcon } from \"@next-core/brick-types\";\n\n\nexport interface BrickCollapseCardElementProps {\n cardTitle?: string;\n descriptionList?: descriptionsItemProps[];\n titleIcon?: MenuIcon \| string;\n titleWithIconAndDesc?: boolean \| \"compact\";\n isActive?: boolean;\n hasHeaderSlot?: boolean;\n containerStyle?: any;\n headerStyle?: any;\n contentStyle?: any;\n verticalCenter?: boolean;\n title?: string;\n fields?: { dataSource?: string; title: string };\n dataSource?: Record<string, any>;\n}\n\n/*\n @id presentational-bricks.brick-collapse-card\n * @name presentational-bricks.brick-collapse-card\n * @docKind brick\n * @description 详情折叠，有需要再展开，避免一开始太喧宾夺主，如工具详情\n * @author lynette\n * @slots\n * content:卡片展开的内容\n * header:header 自定义构件，需要同时把 hasHeaderSlot 设置成 true\n * @history\n * @memo\n * @noInheritDoc\n /\nexport class BrickCollapseCardElement extends UpdatingElement implements BrickCollapseCardElementProps {\n private _mountPoint: HTMLElement;\n private _shadowRoot: ShadowRoot;\n\n /\n @kind string\n * @required true\n * @default -\n * @description 卡片标题\n /\n @property()\n cardTitle: string;\n\n /\n @kind `descriptionsItemProps[]`\n * @required false\n * @default -\n * @description 标题描述信息，仅在`titleWithIconAndDesc`为true时有效\n /\n @property({\n attribute: false,\n })\n descriptionList: descriptionsItemProps[];\n\n /\n @kind string\n * @required false\n * @default 展开\n * @description 卡片收起的时候右上角的文案\n /\n @property({\n attribute: false,\n })\n expandInactiveText = \"展开\";\n\n /\n @kind string\n * @required false\n * @default 收起\n * @description 卡片展开的时候右上角的文案\n /\n @property({\n attribute: false,\n })\n expandActiveText = \"收起\";\n\n /\n @kind MenuIcon\n * @required false\n * @default up\n * @description 卡片展开的时候右上角的 icon，支持 ant-design 的 icon\n /\n @property({\n attribute: false,\n })\n expandActiveIcon = \"up\";\n\n /\n @kind MenuIcon\n * @required false\n * @default down\n * @description 卡片收起的时候右上角的 icon，支持 ant-design 的 icon\n /\n @property({\n attribute: false,\n })\n expandInactiveIcon = \"down\";\n\n /\n @kind MenuIcon\n * @required false\n * @default {lib: \"easyops\", category: \"default\", icon: \"collapse-card-default\"}\n * @description 卡片标题图标，仅在`titleWithIconAndDesc`为true时有效\n /\n @property({\n attribute: false,\n })\n titleIcon: MenuIcon \| string = {\n lib: \"easyops\",\n category: \"default\",\n icon: \"collapse-card-default\",\n };\n\n /\n @kind boolean \| \"compact\"\n * @required false\n * @default false\n * @description 是否可以设置标题图标和描述信息\n /\n @property({\n attribute: false,\n })\n titleWithIconAndDesc: boolean \| \"compact\";\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description 卡片默认收起／展开\n /\n @property({\n type: Boolean,\n })\n isActive: boolean;\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description header 是否为自定义的 slot\n /\n @property({\n type: Boolean,\n })\n hasHeaderSlot: boolean;\n\n /\n @kind any\n * @required false\n * @default -\n * @description 容器自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n containerStyle: any;\n\n /\n @kind any\n * @required false\n * @default -\n * @description header 自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n headerStyle: any;\n\n /\n @kind any\n * @required false\n * @default -\n * @description 内容自定义样式\n * @group advanced\n /\n @property({\n attribute: false,\n })\n contentStyle: any;\n\n /\n @kind boolean\n * @required false\n * @default false\n * @description 设置该属性后，卡片内容区的元素自动垂直居中\n * @group advanced\n /\n @property({\n type: Boolean,\n })\n verticalCenter: boolean;\n\n /\n @kind string\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]卡片标题，请使用cardTitle\n * @group advanced\n /\n @property({ __deprecated_and_for_compatibility_only: true })\n title: string;\n\n /\n @kind { dataSource?: string; title: string; }\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]字段映射, 跟 dataSource 一起使用来获得运行时对应字段的值\n /\n @property({\n attribute: false,\n })\n fields: { dataSource?: string; title: string };\n\n /\n @kind Record<string, any>\n * @required false\n * @default -\n * @deprecated\n * @description [已废弃]数据来源\n /\n @property({\n attribute: false,\n })\n dataSource: Record<string, any>;\n\n constructor() {\n super();\n this._shadowRoot = this.attachShadow({ mode: \"open\" });\n const styleElement = document.createElement(\"style\");\n styleElement.textContent = style;\n this._shadowRoot.appendChild(styleElement);\n this._mountPoint = document.createElement(\"div\");\n this._shadowRoot.appendChild(this._mountPoint);\n }\n\n togglePanel(e: Event): void {\n const foundHeader = find(e.composedPath(), {\n className: \"ant-collapse-extra\",\n }) as HTMLElement;\n if (foundHeader) {\n this.isActive = !this.isActive;\n this._render();\n this.isActive && window.dispatchEvent(new Event(\"resize\"));\n }\n }\n\n connectedCallback(): void {\n // istanbul ignore else\n if (!this.style.display) {\n this.style.display = \"block\";\n }\n this.addEventListener(\"click\", (e) => {\n this.togglePanel(e);\n });\n this._render();\n const header = this._shadowRoot.querySelector(\n \".ant-collapse-header\"\n ) as HTMLElement;\n header && Object.assign(header.style, this.headerStyle);\n }\n\n disconnectedCallback(): void {\n ReactDOM.unmountComponentAtNode(this);\n }\n\n protected getBrickCollapseCardNode() {\n const mutableProps = {\n title: this.cardTitle ?? this.title,\n dataSource: this.dataSource,\n };\n if (!this.cardTitle) {\n if (this.dataSource && this.fields) {\n if (this.fields.title) {\n mutableProps.title = get(this.dataSource, this.fields.title);\n }\n if (this.fields.dataSource) {\n mutableProps.dataSource = get(\n this.dataSource,\n this.fields.dataSource\n );\n }\n }\n }\n return (\n <BrickCollapseCard\n title={mutableProps.title}\n expandActiveText={this.expandActiveText}\n expandInactiveText={this.expandInactiveText}\n expandActiveIcon={this.expandActiveIcon}\n expandInactiveIcon={this.expandInactiveIcon}\n isActive={this.isActive}\n containerStyle={this.containerStyle}\n headerStyle={this.headerStyle}\n contentStyle={this.contentStyle}\n dataSource={mutableProps.dataSource}\n hasHeaderSlot={this.hasHeaderSlot}\n titleIcon={this.titleIcon}\n descriptionList={this.descriptionList}\n titleWithIconAndDesc={this.titleWithIconAndDesc}\n verticalCenter={this.verticalCenter}\n />\n );\n }\n\n protected _render(): void {\n if (this.isConnected) {\n ReactDOM.render(\n <BrickWrapper>{this.getBrickCollapseCardNode()}</BrickWrapper>,\n this._mountPoint\n );\n }\n }\n}\n\ncustomElements.define(\n \"presentational-bricks.brick-collapse-card\",\n BrickCollapseCardElement\n);\n","\n var result = require(\"!!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/less-loader/dist/cjs.js??ref--18-2!./index.shadow.less\");\n\n if (result && result.__esModule) {\n result = result.default;\n }\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n ","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"svg:not(:root).svg-inline--fa {\\n overflow: visible; }\\n\\n.svg-inline--fa {\\n display: inline-block;\\n font-size: inherit;\\n height: 1em;\\n overflow: visible;\\n vertical-align: -.125em; }\\n .svg-inline--fa.fa-lg {\\n vertical-align: -.225em; }\\n .svg-inline--fa.fa-w-1 {\\n width: 0.0625em; }\\n .svg-inline--fa.fa-w-2 {\\n width: 0.125em; }\\n .svg-inline--fa.fa-w-3 {\\n width: 0.1875em; }\\n .svg-inline--fa.fa-w-4 {\\n width: 0.25em; }\\n .svg-inline--fa.fa-w-5 {\\n width: 0.3125em; }\\n .svg-inline--fa.fa-w-6 {\\n width: 0.375em; }\\n .svg-inline--fa.fa-w-7 {\\n width: 0.4375em; }\\n .svg-inline--fa.fa-w-8 {\\n width: 0.5em; }\\n .svg-inline--fa.fa-w-9 {\\n width: 0.5625em; }\\n .svg-inline--fa.fa-w-10 {\\n width: 0.625em; }\\n .svg-inline--fa.fa-w-11 {\\n width: 0.6875em; }\\n .svg-inline--fa.fa-w-12 {\\n width: 0.75em; }\\n .svg-inline--fa.fa-w-13 {\\n width: 0.8125em; }\\n .svg-inline--fa.fa-w-14 {\\n width: 0.875em; }\\n .svg-inline--fa.fa-w-15 {\\n width: 0.9375em; }\\n .svg-inline--fa.fa-w-16 {\\n width: 1em; }\\n .svg-inline--fa.fa-w-17 {\\n width: 1.0625em; }\\n .svg-inline--fa.fa-w-18 {\\n width: 1.125em; }\\n .svg-inline--fa.fa-w-19 {\\n width: 1.1875em; }\\n .svg-inline--fa.fa-w-20 {\\n width: 1.25em; }\\n .svg-inline--fa.fa-pull-left {\\n margin-right: .3em;\\n width: auto; }\\n .svg-inline--fa.fa-pull-right {\\n margin-left: .3em;\\n width: auto; }\\n .svg-inline--fa.fa-border {\\n height: 1.5em; }\\n .svg-inline--fa.fa-li {\\n width: 2em; }\\n .svg-inline--fa.fa-fw {\\n width: 1.25em; }\\n\\n.fa-layers svg.svg-inline--fa {\\n bottom: 0;\\n left: 0;\\n margin: auto;\\n position: absolute;\\n right: 0;\\n top: 0; }\\n\\n.fa-layers {\\n display: inline-block;\\n height: 1em;\\n position: relative;\\n text-align: center;\\n vertical-align: -.125em;\\n width: 1em; }\\n .fa-layers svg.svg-inline--fa {\\n -webkit-transform-origin: center center;\\n transform-origin: center center; }\\n\\n.fa-layers-text, .fa-layers-counter {\\n display: inline-block;\\n position: absolute;\\n text-align: center; }\\n\\n.fa-layers-text {\\n left: 50%;\\n top: 50%;\\n -webkit-transform: translate(-50%, -50%);\\n transform: translate(-50%, -50%);\\n -webkit-transform-origin: center center;\\n transform-origin: center center; }\\n\\n.fa-layers-counter {\\n background-color: #ff253a;\\n border-radius: 1em;\\n -webkit-box-sizing: border-box;\\n box-sizing: border-box;\\n color: #fff;\\n height: 1.5em;\\n line-height: 1;\\n max-width: 5em;\\n min-width: 1.5em;\\n overflow: hidden;\\n padding: .25em;\\n right: 0;\\n text-overflow: ellipsis;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top right;\\n transform-origin: top right; }\\n\\n.fa-layers-bottom-right {\\n bottom: 0;\\n right: 0;\\n top: auto;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: bottom right;\\n transform-origin: bottom right; }\\n\\n.fa-layers-bottom-left {\\n bottom: 0;\\n left: 0;\\n right: auto;\\n top: auto;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: bottom left;\\n transform-origin: bottom left; }\\n\\n.fa-layers-top-right {\\n right: 0;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top right;\\n transform-origin: top right; }\\n\\n.fa-layers-top-left {\\n left: 0;\\n right: auto;\\n top: 0;\\n -webkit-transform: scale(0.25);\\n transform: scale(0.25);\\n -webkit-transform-origin: top left;\\n transform-origin: top left; }\\n\\n.fa-lg {\\n font-size: 1.33333em;\\n line-height: 0.75em;\\n vertical-align: -.0667em; }\\n\\n.fa-xs {\\n font-size: .75em; }\\n\\n.fa-sm {\\n font-size: .875em; }\\n\\n.fa-1x {\\n font-size: 1em; }\\n\\n.fa-2x {\\n font-size: 2em; }\\n\\n.fa-3x {\\n font-size: 3em; }\\n\\n.fa-4x {\\n font-size: 4em; }\\n\\n.fa-5x {\\n font-size: 5em; }\\n\\n.fa-6x {\\n font-size: 6em; }\\n\\n.fa-7x {\\n font-size: 7em; }\\n\\n.fa-8x {\\n font-size: 8em; }\\n\\n.fa-9x {\\n font-size: 9em; }\\n\\n.fa-10x {\\n font-size: 10em; }\\n\\n.fa-fw {\\n text-align: center;\\n width: 1.25em; }\\n\\n.fa-ul {\\n list-style-type: none;\\n margin-left: 2.5em;\\n padding-left: 0; }\\n .fa-ul > li {\\n position: relative; }\\n\\n.fa-li {\\n left: -2em;\\n position: absolute;\\n text-align: center;\\n width: 2em;\\n line-height: inherit; }\\n\\n.fa-border {\\n border: solid 0.08em #eee;\\n border-radius: .1em;\\n padding: .2em .25em .15em; }\\n\\n.fa-pull-left {\\n float: left; }\\n\\n.fa-pull-right {\\n float: right; }\\n\\n.fa.fa-pull-left,\\n.fas.fa-pull-left,\\n.far.fa-pull-left,\\n.fal.fa-pull-left,\\n.fab.fa-pull-left {\\n margin-right: .3em; }\\n\\n.fa.fa-pull-right,\\n.fas.fa-pull-right,\\n.far.fa-pull-right,\\n.fal.fa-pull-right,\\n.fab.fa-pull-right {\\n margin-left: .3em; }\\n\\n.fa-spin {\\n -webkit-animation: fa-spin 2s infinite linear;\\n animation: fa-spin 2s infinite linear; }\\n\\n.fa-pulse {\\n -webkit-animation: fa-spin 1s infinite steps(8);\\n animation: fa-spin 1s infinite steps(8); }\\n\\n@-webkit-keyframes fa-spin {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n@keyframes fa-spin {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n.fa-rotate-90 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\\\";\\n -webkit-transform: rotate(90deg);\\n transform: rotate(90deg); }\\n\\n.fa-rotate-180 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\\\";\\n -webkit-transform: rotate(180deg);\\n transform: rotate(180deg); }\\n\\n.fa-rotate-270 {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\\\";\\n -webkit-transform: rotate(270deg);\\n transform: rotate(270deg); }\\n\\n.fa-flip-horizontal {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\\\";\\n -webkit-transform: scale(-1, 1);\\n transform: scale(-1, 1); }\\n\\n.fa-flip-vertical {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\\\";\\n -webkit-transform: scale(1, -1);\\n transform: scale(1, -1); }\\n\\n.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {\\n -ms-filter: \\\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\\\";\\n -webkit-transform: scale(-1, -1);\\n transform: scale(-1, -1); }\\n\\n:root .fa-rotate-90,\\n:root .fa-rotate-180,\\n:root .fa-rotate-270,\\n:root .fa-flip-horizontal,\\n:root .fa-flip-vertical,\\n:root .fa-flip-both {\\n -webkit-filter: none;\\n filter: none; }\\n\\n.fa-stack {\\n display: inline-block;\\n height: 2em;\\n position: relative;\\n width: 2.5em; }\\n\\n.fa-stack-1x,\\n.fa-stack-2x {\\n bottom: 0;\\n left: 0;\\n margin: auto;\\n position: absolute;\\n right: 0;\\n top: 0; }\\n\\n.svg-inline--fa.fa-stack-1x {\\n height: 1em;\\n width: 1.25em; }\\n\\n.svg-inline--fa.fa-stack-2x {\\n height: 2em;\\n width: 2.5em; }\\n\\n.fa-inverse {\\n color: #fff; }\\n\\n.sr-only {\\n border: 0;\\n clip: rect(0, 0, 0, 0);\\n height: 1px;\\n margin: -1px;\\n overflow: hidden;\\n padding: 0;\\n position: absolute;\\n width: 1px; }\\n\\n.sr-only-focusable:active, .sr-only-focusable:focus {\\n clip: auto;\\n height: auto;\\n margin: 0;\\n overflow: visible;\\n position: static;\\n width: auto; }\\n\\n.svg-inline--fa .fa-primary {\\n fill: var(--fa-primary-color, currentColor);\\n opacity: 1;\\n opacity: var(--fa-primary-opacity, 1); }\\n\\n.svg-inline--fa .fa-secondary {\\n fill: var(--fa-secondary-color, currentColor);\\n opacity: 0.4;\\n opacity: var(--fa-secondary-opacity, 0.4); }\\n\\n.svg-inline--fa.fa-swap-opacity .fa-primary {\\n opacity: 0.4;\\n opacity: var(--fa-secondary-opacity, 0.4); }\\n\\n.svg-inline--fa.fa-swap-opacity .fa-secondary {\\n opacity: 1;\\n opacity: var(--fa-primary-opacity, 1); }\\n\\n.svg-inline--fa mask .fa-primary,\\n.svg-inline--fa mask .fa-secondary {\\n fill: black; }\\n\\n.fad.fa-inverse {\\n color: #fff; }\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".easyops-icon {\\n width: 1em;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_0___ = require(\"-!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/@fortawesome/fontawesome-svg-core/styles.css\");\nvar ___CSS_LOADER_AT_RULE_IMPORT_1___ = require(\"-!../../../../node_modules/css-loader/dist/cjs.js??ref--18-1!../../../../node_modules/@next-core/brick-icons/dist/styles/index.css\");\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_0___);\n___CSS_LOADER_EXPORT___.i(___CSS_LOADER_AT_RULE_IMPORT_1___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fade-enter,\\n.fade-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.fade-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.fade-enter.fade-enter-active,\\n.fade-appear.fade-appear-active {\\n animation-name: antFadeIn;\\n animation-play-state: running;\\n}\\n.fade-leave.fade-leave-active {\\n animation-name: antFadeOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.fade-enter,\\n.fade-appear {\\n opacity: 0;\\n animation-timing-function: linear;\\n}\\n.fade-leave {\\n animation-timing-function: linear;\\n}\\n@keyframes antFadeIn {\\n 0% {\\n opacity: 0;\\n }\\n 100% {\\n opacity: 1;\\n }\\n}\\n@keyframes antFadeOut {\\n 0% {\\n opacity: 1;\\n }\\n 100% {\\n opacity: 0;\\n }\\n}\\n.move-up-enter,\\n.move-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-up-enter.move-up-enter-active,\\n.move-up-appear.move-up-appear-active {\\n animation-name: antMoveUpIn;\\n animation-play-state: running;\\n}\\n.move-up-leave.move-up-leave-active {\\n animation-name: antMoveUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-up-enter,\\n.move-up-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-up-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-down-enter,\\n.move-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-down-enter.move-down-enter-active,\\n.move-down-appear.move-down-appear-active {\\n animation-name: antMoveDownIn;\\n animation-play-state: running;\\n}\\n.move-down-leave.move-down-leave-active {\\n animation-name: antMoveDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-down-enter,\\n.move-down-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-down-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-left-enter,\\n.move-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-left-enter.move-left-enter-active,\\n.move-left-appear.move-left-appear-active {\\n animation-name: antMoveLeftIn;\\n animation-play-state: running;\\n}\\n.move-left-leave.move-left-leave-active {\\n animation-name: antMoveLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-left-enter,\\n.move-left-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-left-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n.move-right-enter,\\n.move-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.move-right-enter.move-right-enter-active,\\n.move-right-appear.move-right-appear-active {\\n animation-name: antMoveRightIn;\\n animation-play-state: running;\\n}\\n.move-right-leave.move-right-leave-active {\\n animation-name: antMoveRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.move-right-enter,\\n.move-right-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.move-right-leave {\\n animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);\\n}\\n@keyframes antMoveDownIn {\\n 0% {\\n transform: translateY(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveDownOut {\\n 0% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveLeftIn {\\n 0% {\\n transform: translateX(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveLeftOut {\\n 0% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateX(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveRightIn {\\n 0% {\\n transform: translateX(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveRightOut {\\n 0% {\\n transform: translateX(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateX(100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes antMoveUpIn {\\n 0% {\\n transform: translateY(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n 100% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n}\\n@keyframes antMoveUpOut {\\n 0% {\\n transform: translateY(0%);\\n transform-origin: 0 0;\\n opacity: 1;\\n }\\n 100% {\\n transform: translateY(-100%);\\n transform-origin: 0 0;\\n opacity: 0;\\n }\\n}\\n@keyframes loadingCircle {\\n 100% {\\n transform: rotate(360deg);\\n }\\n}\\n[ant-click-animating='true'],\\n[ant-click-animating-without-extra-node='true'] {\\n position: relative;\\n}\\nhtml {\\n --antd-wave-shadow-color: #0071eb;\\n --scroll-bar: 0;\\n}\\n[ant-click-animating-without-extra-node='true']::after,\\n.ant-click-animating-node {\\n position: absolute;\\n top: 0;\\n right: 0;\\n bottom: 0;\\n left: 0;\\n display: block;\\n border-radius: inherit;\\n box-shadow: 0 0 0 0 #0071eb;\\n box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);\\n opacity: 0.2;\\n animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\\n animation-fill-mode: forwards;\\n content: '';\\n pointer-events: none;\\n}\\n@keyframes waveEffect {\\n 100% {\\n box-shadow: 0 0 0 #0071eb;\\n box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);\\n }\\n}\\n@keyframes fadeEffect {\\n 100% {\\n opacity: 0;\\n }\\n}\\n.slide-up-enter,\\n.slide-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-up-enter.slide-up-enter-active,\\n.slide-up-appear.slide-up-appear-active {\\n animation-name: antSlideUpIn;\\n animation-play-state: running;\\n}\\n.slide-up-leave.slide-up-leave-active {\\n animation-name: antSlideUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-up-enter,\\n.slide-up-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-up-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-down-enter,\\n.slide-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-down-enter.slide-down-enter-active,\\n.slide-down-appear.slide-down-appear-active {\\n animation-name: antSlideDownIn;\\n animation-play-state: running;\\n}\\n.slide-down-leave.slide-down-leave-active {\\n animation-name: antSlideDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-down-enter,\\n.slide-down-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-down-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-left-enter,\\n.slide-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-left-enter.slide-left-enter-active,\\n.slide-left-appear.slide-left-appear-active {\\n animation-name: antSlideLeftIn;\\n animation-play-state: running;\\n}\\n.slide-left-leave.slide-left-leave-active {\\n animation-name: antSlideLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-left-enter,\\n.slide-left-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-left-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n.slide-right-enter,\\n.slide-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.slide-right-enter.slide-right-enter-active,\\n.slide-right-appear.slide-right-appear-active {\\n animation-name: antSlideRightIn;\\n animation-play-state: running;\\n}\\n.slide-right-leave.slide-right-leave-active {\\n animation-name: antSlideRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.slide-right-enter,\\n.slide-right-appear {\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\\n}\\n.slide-right-leave {\\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\\n}\\n@keyframes antSlideUpIn {\\n 0% {\\n transform: scaleY(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleY(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideUpOut {\\n 0% {\\n transform: scaleY(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleY(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideDownIn {\\n 0% {\\n transform: scaleY(0.8);\\n transform-origin: 100% 100%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleY(1);\\n transform-origin: 100% 100%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideDownOut {\\n 0% {\\n transform: scaleY(1);\\n transform-origin: 100% 100%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleY(0.8);\\n transform-origin: 100% 100%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideLeftIn {\\n 0% {\\n transform: scaleX(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleX(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideLeftOut {\\n 0% {\\n transform: scaleX(1);\\n transform-origin: 0% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleX(0.8);\\n transform-origin: 0% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antSlideRightIn {\\n 0% {\\n transform: scaleX(0.8);\\n transform-origin: 100% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scaleX(1);\\n transform-origin: 100% 0%;\\n opacity: 1;\\n }\\n}\\n@keyframes antSlideRightOut {\\n 0% {\\n transform: scaleX(1);\\n transform-origin: 100% 0%;\\n opacity: 1;\\n }\\n 100% {\\n transform: scaleX(0.8);\\n transform-origin: 100% 0%;\\n opacity: 0;\\n }\\n}\\n.zoom-enter,\\n.zoom-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-enter.zoom-enter-active,\\n.zoom-appear.zoom-appear-active {\\n animation-name: antZoomIn;\\n animation-play-state: running;\\n}\\n.zoom-leave.zoom-leave-active {\\n animation-name: antZoomOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-enter,\\n.zoom-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-enter-prepare,\\n.zoom-appear-prepare {\\n transform: none;\\n}\\n.zoom-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-big-enter,\\n.zoom-big-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-enter.zoom-big-enter-active,\\n.zoom-big-appear.zoom-big-appear-active {\\n animation-name: antZoomBigIn;\\n animation-play-state: running;\\n}\\n.zoom-big-leave.zoom-big-leave-active {\\n animation-name: antZoomBigOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-big-enter,\\n.zoom-big-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-big-enter-prepare,\\n.zoom-big-appear-prepare {\\n transform: none;\\n}\\n.zoom-big-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-big-fast-enter,\\n.zoom-big-fast-appear {\\n animation-duration: 0.1s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-fast-leave {\\n animation-duration: 0.1s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-big-fast-enter.zoom-big-fast-enter-active,\\n.zoom-big-fast-appear.zoom-big-fast-appear-active {\\n animation-name: antZoomBigIn;\\n animation-play-state: running;\\n}\\n.zoom-big-fast-leave.zoom-big-fast-leave-active {\\n animation-name: antZoomBigOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-big-fast-enter,\\n.zoom-big-fast-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-big-fast-enter-prepare,\\n.zoom-big-fast-appear-prepare {\\n transform: none;\\n}\\n.zoom-big-fast-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-up-enter,\\n.zoom-up-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-up-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-up-enter.zoom-up-enter-active,\\n.zoom-up-appear.zoom-up-appear-active {\\n animation-name: antZoomUpIn;\\n animation-play-state: running;\\n}\\n.zoom-up-leave.zoom-up-leave-active {\\n animation-name: antZoomUpOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-up-enter,\\n.zoom-up-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-up-enter-prepare,\\n.zoom-up-appear-prepare {\\n transform: none;\\n}\\n.zoom-up-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-down-enter,\\n.zoom-down-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-down-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-down-enter.zoom-down-enter-active,\\n.zoom-down-appear.zoom-down-appear-active {\\n animation-name: antZoomDownIn;\\n animation-play-state: running;\\n}\\n.zoom-down-leave.zoom-down-leave-active {\\n animation-name: antZoomDownOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-down-enter,\\n.zoom-down-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-down-enter-prepare,\\n.zoom-down-appear-prepare {\\n transform: none;\\n}\\n.zoom-down-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-left-enter,\\n.zoom-left-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-left-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-left-enter.zoom-left-enter-active,\\n.zoom-left-appear.zoom-left-appear-active {\\n animation-name: antZoomLeftIn;\\n animation-play-state: running;\\n}\\n.zoom-left-leave.zoom-left-leave-active {\\n animation-name: antZoomLeftOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-left-enter,\\n.zoom-left-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-left-enter-prepare,\\n.zoom-left-appear-prepare {\\n transform: none;\\n}\\n.zoom-left-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n.zoom-right-enter,\\n.zoom-right-appear {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-right-leave {\\n animation-duration: 0.2s;\\n animation-fill-mode: both;\\n animation-play-state: paused;\\n}\\n.zoom-right-enter.zoom-right-enter-active,\\n.zoom-right-appear.zoom-right-appear-active {\\n animation-name: antZoomRightIn;\\n animation-play-state: running;\\n}\\n.zoom-right-leave.zoom-right-leave-active {\\n animation-name: antZoomRightOut;\\n animation-play-state: running;\\n pointer-events: none;\\n}\\n.zoom-right-enter,\\n.zoom-right-appear {\\n transform: scale(0);\\n opacity: 0;\\n animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);\\n}\\n.zoom-right-enter-prepare,\\n.zoom-right-appear-prepare {\\n transform: none;\\n}\\n.zoom-right-leave {\\n animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);\\n}\\n@keyframes antZoomIn {\\n 0% {\\n transform: scale(0.2);\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n opacity: 1;\\n }\\n}\\n@keyframes antZoomOut {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0.2);\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomBigIn {\\n 0% {\\n transform: scale(0.8);\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n opacity: 1;\\n }\\n}\\n@keyframes antZoomBigOut {\\n 0% {\\n transform: scale(1);\\n }\\n 100% {\\n transform: scale(0.8);\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomUpIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 50% 0%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 50% 0%;\\n }\\n}\\n@keyframes antZoomUpOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 50% 0%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 50% 0%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomLeftIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 0% 50%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 0% 50%;\\n }\\n}\\n@keyframes antZoomLeftOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 0% 50%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 0% 50%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomRightIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 100% 50%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 100% 50%;\\n }\\n}\\n@keyframes antZoomRightOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 100% 50%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 100% 50%;\\n opacity: 0;\\n }\\n}\\n@keyframes antZoomDownIn {\\n 0% {\\n transform: scale(0.8);\\n transform-origin: 50% 100%;\\n opacity: 0;\\n }\\n 100% {\\n transform: scale(1);\\n transform-origin: 50% 100%;\\n }\\n}\\n@keyframes antZoomDownOut {\\n 0% {\\n transform: scale(1);\\n transform-origin: 50% 100%;\\n }\\n 100% {\\n transform: scale(0.8);\\n transform-origin: 50% 100%;\\n opacity: 0;\\n }\\n}\\n.ant-motion-collapse-legacy {\\n overflow: hidden;\\n}\\n.ant-motion-collapse-legacy-active {\\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\\n}\\n.ant-motion-collapse {\\n overflow: hidden;\\n transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;\\n}\\n/ stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown /\\n/ stylelint-disable no-duplicate-selectors /\\n/ stylelint-disable /\\n/ stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline /\\n.ant-collapse {\\n box-sizing: border-box;\\n margin: 0;\\n padding: 0;\\n color: var(--antd-text-color);\\n font-size: 14px;\\n font-variant: tabular-nums;\\n line-height: 1.5715;\\n list-style: none;\\n font-feature-settings: 'tnum';\\n background-color: var(--antd-background-color-light);\\n border: 1px solid var(--antd-border-color-base);\\n border-bottom: 0;\\n border-radius: 6px;\\n}\\n.ant-collapse > .ant-collapse-item {\\n border-bottom: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse > .ant-collapse-item:last-child,\\n.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {\\n border-radius: 0 0 6px 6px;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header {\\n position: relative;\\n padding: 12px 16px;\\n padding-left: 40px;\\n color: var(--antd-heading-color);\\n line-height: 1.5715;\\n cursor: pointer;\\n transition: all 0.3s, visibility 0s;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header::before {\\n display: table;\\n content: '';\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header::after {\\n display: table;\\n clear: both;\\n content: '';\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {\\n color: inherit;\\n font-style: normal;\\n line-height: 0;\\n text-align: center;\\n text-transform: none;\\n vertical-align: -0.125em;\\n text-rendering: optimizeLegibility;\\n -webkit-font-smoothing: antialiased;\\n -moz-osx-font-smoothing: grayscale;\\n position: absolute;\\n top: 5.0005px;\\n left: 16px;\\n display: inline-block;\\n padding: 12px 16px;\\n padding-right: 0;\\n padding-bottom: 0;\\n padding-left: 0;\\n font-size: 12px;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > {\\n line-height: 1;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n display: inline-block;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {\\n display: none;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {\\n display: block;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n transition: transform 0.24s;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {\\n float: right;\\n}\\n.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {\\n outline: none;\\n}\\n.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only {\\n cursor: default;\\n}\\n.ant-collapse > .ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {\\n cursor: pointer;\\n}\\n.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {\\n padding-left: 12px;\\n}\\n.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {\\n padding: 12px 16px;\\n padding-right: 40px;\\n}\\n.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {\\n right: 16px;\\n left: auto;\\n}\\n.ant-collapse-content {\\n color: var(--antd-text-color);\\n background-color: var(--antd-collapse-content-bg);\\n border-top: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse-content > .ant-collapse-content-box {\\n padding: 16px;\\n}\\n.ant-collapse-content-hidden {\\n display: none;\\n}\\n.ant-collapse-item:last-child > .ant-collapse-content {\\n border-radius: 0 0 6px 6px;\\n}\\n.ant-collapse-borderless {\\n background-color: var(--antd-background-color-light);\\n border: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item {\\n border-bottom: 1px solid var(--antd-border-color-base);\\n}\\n.ant-collapse-borderless > .ant-collapse-item:last-child,\\n.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {\\n border-radius: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {\\n background-color: transparent;\\n border-top: 0;\\n}\\n.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\\n padding-top: 4px;\\n}\\n.ant-collapse-ghost {\\n background-color: transparent;\\n border: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item {\\n border-bottom: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content {\\n background-color: transparent;\\n border-top: 0;\\n}\\n.ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\\n padding-top: 12px;\\n padding-bottom: 12px;\\n}\\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,\\n.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {\\n color: var(--text-color-disabled);\\n cursor: not-allowed;\\n}\\n.ant-collapse-rtl {\\n direction: rtl;\\n}\\n.ant-collapse-rtl .ant-collapse > .ant-collapse-item > .ant-collapse-header {\\n padding: 12px 16px;\\n padding-right: 40px;\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {\\n transform: rotate(180deg);\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {\\n float: left;\\n}\\n.ant-collapse-rtl.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {\\n padding-right: 12px;\\n padding-left: 0;\\n}\\n.ant-collapse-content {\\n overflow: hidden;\\n color: var(--antd-text-color);\\n background-color: var(--antd-collapse-content-bg);\\n border-top: 1px solid var(--color-border-divider-line);\\n}\\n.ant-collapse.ant-collapse-ghost {\\n background: var(--antd-component-background);\\n border-radius: 6px;\\n overflow: hidden;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow {\\n border: none;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header {\\n display: grid;\\n grid-template-columns: 1fr auto;\\n justify-content: space-between;\\n align-items: center;\\n padding: 20px;\\n cursor: inherit;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header,\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle {\\n gap: var(--toolbar-button-gap);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header::before,\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header::after {\\n content: none;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n flex: 1;\\n font-weight: 500;\\n color: var(--color-header-text);\\n font-size: 16px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerIcon {\\n margin-right: 16px;\\n font-size: 60px;\\n line-height: 0;\\n color: var(--color-brand);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent {\\n flex: 1;\\n display: flex;\\n flex-direction: column;\\n justify-content: space-around;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .cardTitle {\\n font-family: PingFangSC-Medium, PingFang SC;\\n font-weight: 500;\\n color: var(--color-header-text);\\n line-height: 22px;\\n font-size: 16px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 20px;\\n line-height: 20px;\\n margin-top: 14px;\\n font-weight: 400;\\n font-size: 14px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList .descriptionItem .descriptionItemLabel {\\n color: var(--color-secondary-text);\\n margin-right: 10px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle .headerContent .descriptionList .descriptionItem .descriptionItemText {\\n color: var(--color-header-text);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact {\\n justify-content: normal;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerIcon {\\n margin-right: 0;\\n font-size: 32px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent {\\n flex-direction: row;\\n justify-content: normal;\\n align-items: center;\\n gap: var(--toolbar-button-gap);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent .descriptionList {\\n gap: var(--toolbar-button-gap);\\n margin-top: 0;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .collapseTitle.compact .headerContent .descriptionList .descriptionItem .descriptionItemLabel {\\n margin-right: 6px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra {\\n align-self: start;\\n margin-top: 2px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse {\\n color: var(--color-brand);\\n cursor: pointer;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse .expandText {\\n margin-right: 5px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-header .ant-collapse-extra .toggleCollapse .expandIcon {\\n vertical-align: middle;\\n line-height: 1;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content {\\n position: relative;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content::before {\\n content: \\\" \\\";\\n display: inline-block;\\n width: calc(100% - 40px);\\n height: 1px;\\n position: absolute;\\n left: 50%;\\n top: 0;\\n transform: translateX(-50%);\\n background: var(--color-text-divider-line);\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box {\\n padding: 0;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box .contentContainer {\\n padding: 20px;\\n}\\n.ant-collapse.ant-collapse-ghost .ant-collapse-item.ant-collapse-no-arrow .ant-collapse-content .ant-collapse-content-box .contentContainer.verticalCenter {\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n}\\n:host-context(html[data-ui=\\\"v8-2\\\"]) .ant-collapse.ant-collapse-ghost {\\n background: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = ___CSS_LOADER_EXPORT___;\n"],"sourceRoot":""}

package/dist/lazy-bricks/{brick-placeholder.dd92.4ee6a7c8.js → brick-placeholder.dd92.1993ac10.js} RENAMED Viewed

@@ -1,2 +1,2 @@
 (window.webpackJsonp=window.webpackJsonp||[]).push([["lazy-bricks/brick-placeholder.dd92"],{"bricks/presentational-bricks:Imub":function(e,t,r){"use strict";var i=r("bricks/presentational-bricks:JPst"),n=r.n(i)()((function(e){return e[1]}));n.push([e.i,".placeholder--3IKg6UIl {\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  align-items: center;\n}\n",""]),n.locals={placeholder:"placeholder--3IKg6UIl"},t.a=n},"bricks/presentational-bricks:J4Y4":function(e,t,r){"use strict";r.r(t),r.d(t,"BrickPlaceholderElement",(function(){return m}));var i=r("bricks/presentational-bricks:ACCw"),n=r.n(i),s=r("bricks/presentational-bricks:q1tI"),o=r.n(s),a=r("bricks/presentational-bricks:i8i4"),l=r.n(a),c=r("bricks/presentational-bricks:AARu"),d=r("bricks/presentational-bricks:LboF"),k=r.n(d),p=r("bricks/presentational-bricks:Imub"),b={insert:"head",singleton:!1},u=(k()(p.a,b),p.a.locals||{});function h(e){return o.a.createElement("div",{className:u.placeholder},e.text)}var y=r("bricks/presentational-bricks:gdfu"),m=n()(null,(function(e,t){return{F:class extends t{constructor(){super(...arguments),e(this)}},d:[{kind:"field",decorators:[Object(c.property)({type:Boolean,attribute:!1})],key:"showCard",value:void 0},{kind:"field",decorators:[Object(c.property)({type:Boolean})],key:"bordered",value:void 0},{kind:"field",decorators:[Object(c.property)()],key:"gridRow",value:void 0},{kind:"field",decorators:[Object(c.property)()],key:"gridColumn",value:void 0},{kind:"field",decorators:[Object(c.property)()],key:"text",value:void 0},{kind:"method",key:"connectedCallback",value:function(){this.style.display||(this.style.display="block"),this.style.gridRow=this.gridRow,this.style.gridColumn=this.gridColumn,this._render()}},{kind:"method",key:"disconnectedCallback",value:function(){l.a.unmountComponentAtNode(this)}},{kind:"method",key:"_render",value:function(){if(this.isConnected){var e=o.a.createElement(h,{text:this.text});l.a.render(o.a.createElement(c.BrickWrapper,null,!1===this.showCard?e:o.a.createElement(y.Card,{style:{height:"100%"},bodyStyle:{height:"100%"},bordered:this.bordered},e)),this)}}}]}}),c.UpdatingElement);customElements.define("presentational-bricks.brick-placeholder",m)}}]);
-//# sourceMappingURL=brick-placeholder.dd92.4ee6a7c8.js.map
+//# sourceMappingURL=brick-placeholder.dd92.1993ac10.js.map

package/dist/lazy-bricks/brick-placeholder.dd92.1993ac10.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["webpack:///./bricks/presentational-bricks/src/brick-placeholder/brick-placeholder.module.css","webpack:///./bricks/presentational-bricks/src/brick-placeholder/brick-placeholder.module.css?b8a7","webpack:///./bricks/presentational-bricks/src/brick-placeholder/BrickPlaceholder.tsx","webpack:///./bricks/presentational-bricks/src/brick-placeholder/index.tsx"],"names":["___CSS_LOADER_EXPORT___","i","push","module","locals","options","BrickPlaceholder","props","className","style","placeholder","text","BrickPlaceholderElement","property","type","Boolean","attribute","this","display","gridRow","gridColumn","_render","ReactDOM","unmountComponentAtNode","isConnected","brickPlaceholder","render","showCard","height","bodyStyle","bordered","UpdatingElement","customElements","define"],"mappings":"6JAAA,6CAEIA,EAFJ,MAE8B,IAA4B,SAASC,GAAG,OAAOA,EAAE,MAE/ED,EAAwBE,KAAK,CAACC,EAAOF,EAAI,uHAAwH,KAEjKD,EAAwBI,OAAS,CAChC,YAAe,yBAED,O,8ZCNXC,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAML,GAJF,IAAI,IAASA,GAIX,IAAQD,QAAU,ICJ1B,SAASE,EACdC,GAEA,OAAO,yBAAKC,UAAWC,EAAMC,aAAcH,EAAMI,M,6CCgBtCC,EAAuB,wBAmFnC,SAnFM,cAAsC,EAAwD,4CAAjE,6BAOjCC,mBAAS,CAAEC,KAAMC,QAASC,WAAW,KAAQ,uDAS7CH,mBAAS,CAAEC,KAAMC,WAAU,uDAS3BF,sBAAU,sDASVA,sBAAU,yDASVA,sBAAU,sEAGX,WAEOI,KAAKR,MAAMS,UACdD,KAAKR,MAAMS,QAAU,SAEvBD,KAAKR,MAAMU,QAAUF,KAAKE,QAC1BF,KAAKR,MAAMW,WAAaH,KAAKG,WAC7BH,KAAKI,YACN,gDAED,WACEC,IAASC,uBAAuBN,QACjC,mCAED,WAEE,GAAIA,KAAKO,YAAa,CACpB,IAAMC,EAAmB,kBAACnB,EAAgB,CAACK,KAAMM,KAAKN,OAEtDW,IAASI,OACP,kBAAC,eAAY,MACQ,IAAlBT,KAAKU,SACJF,EAEA,kBAAC,OAAI,CACHhB,MAAO,CAAEmB,OAAQ,QACjBC,UAAW,CAAED,OAAQ,QACrBE,SAAUb,KAAKa,UAEdL,IAIPR,aA/EqCc,mBAqF7CC,eAAeC,OACb,0CACArB","file":"lazy-bricks/brick-placeholder.dd92.1993ac10.js","sourcesContent":["// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(function(i){return i[1]});\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".placeholder--3IKg6UIl {\\n display: flex;\\n height: 100%;\\n justify-content: center;\\n align-items: center;\\n}\\n\", \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"placeholder\": \"placeholder--3IKg6UIl\"\n};\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--15-1!../../../../node_modules/postcss-loader/dist/cjs.js??ref--15-2!./brick-placeholder.module.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from \"react\";\n\nimport style from \"./brick-placeholder.module.css\";\n\ninterface BrickPlaceholderProps {\n text?: string;\n}\n\nexport function BrickPlaceholder(\n props: BrickPlaceholderProps\n): React.ReactElement {\n return <div className={style.placeholder}>{props.text}</div>;\n}\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrickWrapper, UpdatingElement, property } from \"@next-core/brick-kit\";\nimport { BrickPlaceholder } from \"./BrickPlaceholder\";\n\nimport { Card } from \"antd\";\n\n\nexport interface BrickPlaceholderElementProps {\n showCard?: boolean;\n bordered?: boolean;\n gridRow?: string;\n gridColumn?: string;\n text?: string;\n}\n\n/**\n * @id presentational-bricks.brick-placeholder\n * @name presentational-bricks.brick-placeholder\n * @docKind brick\n * @description 在编排时，可在 Grid 布局中临时占位\n * @author cyril\n * @slots\n * @history\n * @memo\n * @noInheritDoc\n */\nexport class BrickPlaceholderElement extends UpdatingElement implements BrickPlaceholderElementProps {\n /**\n * @kind boolean\n * @required false\n * @default true\n * @description 是否展示卡片背景\n */\n @property({ type: Boolean, attribute: false })\n showCard: boolean;\n\n /**\n * @kind boolean\n * @required false\n * @default false\n * @description 是否展示卡片边框\n */\n @property({ type: Boolean })\n bordered: boolean;\n\n /**\n * @kind string\n * @required true\n * @default -\n * @description 在 Grid 布局容器中的所占的行列数\n */\n @property()\n gridRow: string;\n\n /**\n * @kind string\n * @required true\n * @default -\n * @description 在 Grid 布局容器中的所占的列列数\n */\n @property()\n gridColumn: string;\n\n /**\n * @kind string\n * @required false\n * @default -\n * @description 提示内容\n */\n @property()\n text?: string;\n\n connectedCallback(): void {\n // istanbul ignore else\n if (!this.style.display) {\n this.style.display = \"block\";\n }\n this.style.gridRow = this.gridRow;\n this.style.gridColumn = this.gridColumn;\n this._render();\n }\n\n disconnectedCallback(): void {\n ReactDOM.unmountComponentAtNode(this);\n }\n\n protected _render(): void {\n // istanbul ignore else\n if (this.isConnected) {\n const brickPlaceholder = <BrickPlaceholder text={this.text} />;\n\n ReactDOM.render(\n <BrickWrapper>\n {this.showCard === false ? (\n brickPlaceholder\n ) : (\n <Card\n style={{ height: \"100%\" }}\n bodyStyle={{ height: \"100%\" }}\n bordered={this.bordered}\n >\n {brickPlaceholder}\n </Card>\n )}\n </BrickWrapper>,\n this\n );\n }\n }\n}\n\ncustomElements.define(\n \"presentational-bricks.brick-placeholder\",\n BrickPlaceholderElement\n);\n"],"sourceRoot":""}