LWC inside Flow Example XML

```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op
```

```flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op
```

  override func viewDidLoad() {
        super.viewDidLoad()
    
           let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
            let width = UIScreen.main.bounds.width
            layout.sectionInset = UIEdgeInsets(top: 0, left: 20, bottom: 0, right: 20)
            layout.itemSize = CGSize(width: width / 2 - 20, height: width / 2)
            layout.minimumInteritemSpacing = 0
            layout.minimumLineSpacing = 0
            popularServicesCollectionView!.collectionViewLayout = layout
  }

YouTubeDropperButton.Run(varSplitText, (If(IsBlank(Notes.HtmlText), "", Notes.HtmlText)))

<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata" fqn="lightningSharingWrapper">
    <apiVersion>46.0</apiVersion>
    <isExposed>true</isExposed>
    <masterLabel>SubmitterWrapperLWC</masterLabel>
    <description>This is a demo component.</description>

    <targets>
        <target>lightning__FlowScreen</target>  
        <target>lightning__RecordPage</target> 
    </targets>

    <targetConfigs>
        <targetConfig targets="lightning__FlowScreen" category="some random category">
            <property name="ruleName" type="String" role="inputOnly" />
            <property name="recordId" type="String" role="inputOnly" />
        </targetConfig>
        <targetConfig targets="lightning__RecordPage">     
            <objects>
                <object>Account</object> 
            </objects>
        </targetConfig>
    </targetConfigs>

</LightningComponentBundle>

@wire(callout2Apex, {id: this.recordId})
function({ error, data }) {
  if (data) {
    this.arr = JSON.parse(data).keyFromJSON;
    this.loaded = true;
  } else if (error) {
    this.loaded = false;
  };
}

showNotification(title, msg, variant) {
  const evt = new ShowToastEvent({
    title: title,
    message: msg,
    variant: variant
  })
  this.dispatchEvent(evt);
}

//to use it, call the method passing parameters like "this.showNotification('Title', 'Message', 'success')""

import { LightningElement, wire, api } from "lwc";

//1. import the methods getRecord and getFieldValue
import { getRecord, getFieldValue } from "lightning/uiRecordApi";

//2. Import reference to the object and the fields
import NAME_FIELD from "@salesforce/schema/Account.Name";
import RATING_FIELD from "@salesforce/schema/Account.Rating";
import INDUSTRY_FIELD from "@salesforce/schema/Account.Industry";

const fields = [NAME_FIELD, RATING_FIELD, INDUSTRY_FIELD];
export default class ExploreGetRecord extends LightningElement {
  @api
  recordId;

  //3. Wire the output of the out of the box method getRecord to the property account
  @wire(getRecord, {
    recordId: "$recordId",
    fields
  })
  account;

  renderedCallback() {
    console.log(this.account.data);
  }
  
  //4. Fetch the field values from the record
  get name() {
    return getFieldValue(this.account.data, NAME_FIELD);
  }

  get rating() {
    return getFieldValue(this.account.data, RATING_FIELD);
  }

  get industry() {
    return getFieldValue(this.account.data, INDUSTRY_FIELD);
  }
}