#FlowModel: इवेंट Flow और कॉन्फ़िगरेशन

class MyModel extends FlowModel {
  render() {
    return <Button {...this.props} />;
  }
}

MyModel.registerFlow({
  key: 'buttonSettings',
  title: 'बटन सेटिंग्स',
  steps: {
    general: {
      title: 'सामान्य कॉन्फ़िगरेशन',
      uiSchema: {
        title: {
          type: 'string',
          title: 'बटन शीर्षक',
          'x-decorator': 'FormItem',
          'x-component': 'Input',
        },
      },
      defaultParams: {
        type: 'primary',
      },
      handler(ctx, params) {
        ctx.model.setProps('children', params.title);
        ctx.model.setProps('type', params.type);
      },
    },
  },
});

<FlowModelRenderer model={model} showFlowSettings />

flowSettings.open(options: FlowSettingsOpenOptions): Promise<boolean>;
model.openFlowSettings(options?: Omit<FlowSettingsOpenOptions, 'model'>): Promise<boolean>;

interface FlowSettingsOpenOptions {
  model: FlowModel;               // आवश्यक, संबंधित मॉडल इंस्टेंस
  preset?: boolean;               // केवल उन स्टेप्स को रेंडर करता है जिन्हें preset=true के रूप में चिह्नित किया गया है (डिफ़ॉल्ट false)
  flowKey?: string;               // एक सिंगल Flow निर्दिष्ट करें
  flowKeys?: string[];            // कई Flows निर्दिष्ट करें (यदि flowKey भी प्रदान किया गया है तो इसे अनदेखा कर दिया जाएगा)
  stepKey?: string;               // एक सिंगल स्टेप निर्दिष्ट करें (आमतौर पर flowKey के साथ उपयोग किया जाता है)
  uiMode?: 'dialog' | 'drawer';   // फ़ॉर्म प्रदर्शित करने के लिए कंटेनर, डिफ़ॉल्ट 'dialog'
  onCancel?: () => void;          // कैंसिल पर क्लिक करने पर कॉलबैक
  onSaved?: () => void;           // कॉन्फ़िगरेशन सफलतापूर्वक सेव होने के बाद कॉलबैक
}

await model.openFlowSettings({
  flowKey: 'buttonSettings',
  uiMode: 'drawer',
  onSaved: () => {
    console.log('बटन कॉन्फ़िगरेशन सेव हो गया है');
  },
});