@next-bricks/presentational-bricks 1.336.10 → 1.337.0

package/dist/lazy-bricks/brick-placeholder.dd92.4ee6a7c8.js.map

@@ -1 +0,0 @@
-{"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,6CCOtCC,EAAuB,wBAmFnC,SAnFM,cAAsC,EAAgB,4CAAzB,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.4ee6a7c8.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/**\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 {\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":""}