How to use newDefaultValue method in storybook-root

Best JavaScript code snippet using storybook-root

index.js

Source:index.js Github

copy

Full Screen

1import React, { PureComponent } from 'react';2import { Form, Input, Select, DatePicker, InputNumber, Cascader, Checkbox, Radio, Switch } from 'antd';3import moment from 'moment';4const FormItem = Form.Item;5const { Option } = Select;6const { TextArea } = Input;7const { RangePicker } = DatePicker;8const CheckboxGroup = Checkbox.Group;9const RadioGroup = Radio.Group;10export class ItemInput extends PureComponent {11 state = {};12 render() {13 const { id, name, layout, form, defaultValue, disabled, rule } = this.props;14 return (15 <FormItem16 label={name}17 {...layout}18 >19 {/* 更多规则可以看:https://ant-design.gitee.io/components/form-cn/#%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 */}20 {form.getFieldDecorator(id, {21 initialValue: defaultValue && defaultValue[id],22 rules: [23 { required: rule && !!rule.required, message: '必填项未填' },24 { whitespace: rule && !!rule.required, message: '必选时,不允许含有空格' },25 { max: rule && rule.max, message: `不允许超过${rule && rule.max}位` },26 { min: rule && rule.min, message: `不允许小于${rule && rule.min}位` },27 ],28 })(29 <Input disabled={disabled}/>,30 )}31 </FormItem>32 );33 }34}35export class ItemTextArea extends PureComponent {36 state = {};37 render() {38 const { id, name, layout, form, defaultValue, disabled, rule, rows } = this.props;39 return (40 <FormItem41 label={name}42 {...layout}43 >44 {form.getFieldDecorator(id, {45 initialValue: defaultValue && defaultValue[id],46 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],47 })(48 <TextArea rows={rows} disabled={disabled}/>,49 )}50 </FormItem>51 );52 }53}54ItemTextArea.defaultProps = {55 rows: 4,56};57export class ItemSelect extends PureComponent {58 state = {};59 render() {60 const { id, name, layout, form, defaultValue, disabled, rule, options } = this.props;61 return (62 <FormItem63 label={name}64 {...layout}65 >66 {form.getFieldDecorator(id, {67 initialValue: defaultValue && defaultValue[id],68 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],69 })(70 <Select diabled={disabled}>71 {72 options && options.map((data, index) => (73 <Option key={index} value={data.id || data.key}>{data.name || data.value}</Option>74 ))75 }76 </Select>,77 )}78 </FormItem>79 );80 }81}82export class ItemDate extends PureComponent {83 state = {};84 render() {85 const { id, name, layout, form, defaultValue, disabled, rule } = this.props;86 return (87 <FormItem88 label={name}89 {...layout}90 >91 {form.getFieldDecorator(id, {92 initialValue: defaultValue && defaultValue[id] && moment(defaultValue[id]),93 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],94 })(95 <DatePicker style={{ width: '100%' }} placeholder='请选择时间' disabled={disabled}/>,96 )}97 </FormItem>98 );99 }100}101export class ItemNumber extends PureComponent {102 state = {};103 render() {104 const { id, name, layout, form, defaultValue, disabled, rule } = this.props;105 return (106 <FormItem107 label={name}108 {...layout}109 >110 {form.getFieldDecorator(id, {111 initialValue: defaultValue && defaultValue[id],112 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],113 })(114 <InputNumber style={{ width: '100%' }} placeholder='请输入数字' disabled={disabled}/>,115 )}116 </FormItem>117 );118 }119}120export class ItemRangeDate extends PureComponent {121 state = {};122 render() {123 const { id, name, layout, form, defaultValue, disabled, rule } = this.props;124 let newDefaultValue = defaultValue[id];125 if (newDefaultValue) {126 newDefaultValue = newDefaultValue.split(',');127 newDefaultValue = [moment(parseInt(newDefaultValue[0], 10)), moment(parseInt(newDefaultValue[1], 10))];128 }129 ;130 return (131 <FormItem132 label={name}133 {...layout}134 >135 {form.getFieldDecorator(id, {136 initialValue: defaultValue && defaultValue[id] && newDefaultValue,137 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],138 })(139 <RangePicker style={{ width: '100%' }} placeholder={['开始时间', '结束时间']} disabled={disabled}/>,140 )}141 </FormItem>142 );143 }144}145export class ItemCascader extends PureComponent {146 state = {};147 render() {148 const { id, name, layout, form, defaultValue, disabled, rule, options } = this.props;149 let newDefaultValue = defaultValue[id.trim()];150 if (newDefaultValue) {151 newDefaultValue = newDefaultValue.split(',');152 }153 ;154 return (155 <FormItem156 label={name}157 {...layout}158 >159 {form.getFieldDecorator(id.trim(), {160 initialValue: defaultValue && defaultValue[id.trim()] && newDefaultValue,161 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],162 })(163 <Cascader options={options} style={{ width: '100%' }} placeholder='' disabled={disabled}/>,164 )}165 </FormItem>166 );167 }168}169export class ItemCheckBox extends PureComponent {170 state = {};171 render() {172 const { id, name, layout, form, defaultValue, disabled, rule, options } = this.props;173 let newOptions = options;174 if (!newOptions[0].label && newOptions[0].key) {175 newOptions.forEach((item) => {176 item.label = item.key;177 });178 }179 let newDefaultValue = defaultValue[id.trim()];180 if (newDefaultValue) {181 newDefaultValue = newDefaultValue.split(',');182 }183 ;184 return (185 <FormItem186 label={name}187 {...layout}188 >189 {form.getFieldDecorator(id.trim(), {190 initialValue: defaultValue && defaultValue[id.trim()] && newDefaultValue,191 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],192 })(193 <CheckboxGroup options={newOptions} style={{ width: '100%' }} placeholder='' disabled={disabled}/>,194 )}195 </FormItem>196 );197 }198}199export class ItemRadio extends PureComponent {200 state = {};201 render() {202 const { id, name, layout, form, defaultValue, disabled, rule, options } = this.props;203 let newOptions = options;204 if (!newOptions[0].label && newOptions[0].key) {205 newOptions.forEach((item) => {206 item.label = item.key;207 });208 }209 let newDefaultValue = defaultValue[id.trim()];210 return (211 <FormItem212 label={name}213 {...layout}214 >215 {form.getFieldDecorator(id, {216 initialValue: defaultValue && defaultValue[id.trim()] && newDefaultValue,217 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],218 })(219 <RadioGroup options={newOptions} style={{ width: '100%' }} placeholder='' disabled={disabled}/>,220 )}221 </FormItem>222 );223 }224}225export class ItemSwitch extends PureComponent {226 state = {};227 render() {228 const { id, name, layout, form, defaultValue, disabled, rule, text } = this.props;229 return (230 <FormItem231 label={name}232 {...layout}233 >234 {form.getFieldDecorator(id, {235 initialValue: defaultValue && defaultValue[id.trim()],236 valuePropName: 'checked',237 rules: [{ required: rule && !!rule.required, message: '必填项未填' }],238 })(239 <Switch checkedChildren={text && text[0]} unCheckedChildren={text && text[1]} placeholder=''240 disabled={disabled}/>,241 )}242 </FormItem>243 );244 }...

Full Screen

Full Screen

handleProp.ts

Source:handleProp.ts Github

copy

Full Screen

1import { PropDef, ExtractedProp } from '../../../lib/docgen';2import { createDefaultValue, createDefaultValueFromRawDefaultProp } from '../lib/defaultValues';3export function enhanceTypeScriptProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef {4 const { propDef } = extractedProp;5 const { defaultValue } = extractedProp.docgenInfo;6 if (defaultValue != null && defaultValue.value != null) {7 const newDefaultValue = createDefaultValue(defaultValue.value);8 if (newDefaultValue != null) {9 propDef.defaultValue = newDefaultValue;10 }11 } else if (rawDefaultProp != null) {12 const newDefaultValue = createDefaultValueFromRawDefaultProp(rawDefaultProp, propDef);13 if (newDefaultValue != null) {14 propDef.defaultValue = newDefaultValue;15 }16 }17 return propDef;18}19export function enhanceTypeScriptProps(extractedProps: ExtractedProp[]): PropDef[] {20 return extractedProps.map((prop) => enhanceTypeScriptProp(prop));...

Full Screen

Full Screen

Using AI Code Generation

copy

Full Screen

1import { newDefaultValue } from 'storybook-root-components';2import { newDefaultValue } from 'storybook-root-components';3import { newDefaultValue } from 'storybook-root-components';4import { newDefaultValue } from 'storybook-root-components';5import { newDefaultValue } from 'storybook-root-components';6import { newDefaultValue } from 'storybook-root-components';7import { newDefaultValue } from 'storybook-root-components';8import { newDefaultValue } from 'storybook-root-components';9import { newDefaultValue } from 'storybook-root-components';10import { newDefaultValue } from 'storybook-root-components';11import { newDefaultValue } from 'storybook-root-components';12import { newDefaultValue } from 'storybook-root-components';13import { newDefaultValue } from 'storybook-root-components';14import { newDefaultValue } from 'storybook-root-components';15import { newDefaultValue } from 'storybook-root-components';16import { newDefaultValue } from 'storybook-root-components';17import { newDefaultValue } from 'storybook-root-components';18import { newDefaultValue } from 'storybook-root-components';19import { newDefaultValue } from 'storybook-root-components';

Full Screen

Using AI Code Generation

copy

Full Screen

1import { newDefaultValue } from 'storybook-root';2export default {3};4export const Test = () => {5 const [value, setValue] = React.useState(newDefaultValue);6 return (7 <button onClick={() => setValue(newDefaultValue)}>Reset</button>8 <p>Value: {value}</p>9 );10};11The storybook-root module is a sibling of the test module, so it can be imported using a

Full Screen

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.

LambdaTest Learning Hubs:

YouTube

You could also refer to video tutorials over LambdaTest YouTube channel to get step by step demonstration from industry experts.

Run storybook-root automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

Try LambdaTest Now !!

Get 100 minutes of automation test minutes FREE!!

Next-Gen App & Browser Testing Cloud

Was this article helpful?

Helpful

NotHelpful