4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
# File 'lib/react/component/api.rb', line 4
def self.included(base)
base.instance_exec do
base_module = base.to_s.deconstantize
if base_module != ''
base_module.constantize.define_singleton_method(base.to_s.demodulize) do |*args, &block|
`Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
end
else
Object.define_method(base.to_s) do |*args, &block|
`Opal.React.internal_prepare_args_and_render(#{base}.react_component, args, block)`
end
end
attr_accessor :props
attr_accessor :state
def ref(ref_name, &block)
defined_refs.JS[ref_name] = block_given? ? block : `null`
end
def defined_refs
@defined_ref ||= `{}`
end
def default_state_defined
@default_state_defined
end
def state
return @default_state if @default_state
@default_state_defined = true
%x{
var native_state = {state: {}};
native_state.setState = function(new_state, callback) {
for (var key in new_state) {
this.state[key] = new_state[key];
}
if (callback) { callback.call(); }
}
}
@default_state = React::Component::State.new(`native_state`)
end
def prop(name, options = `null`)
name = `Opal.React.lower_camelize(name)`
if options
if options.key?(:default)
%x{
if (typeof self.react_component.defaultProps == "undefined") {
self.react_component.defaultProps = {};
}
self.react_component.defaultProps[name] = options.$fetch("default");
}
end
if options.key?(:class)
%x{
Opal.React.set_validate_prop(self, name);
self.react_component.propValidations[name].ruby_class = options.$fetch("class");
}
elsif options.key?(:is_a)
%x{
Opal.React.set_validate_prop(self, name);
self.react_component.propValidations[name].is_a = options.$fetch("is_a");
}
end
if options.key?(:required)
%x{
Opal.React.set_validate_prop(self, name);
self.react_component.propValidations[name].required = options.$fetch("required");
}
elsif !options.key?(:default)
%x{
Opal.React.set_validate_prop(self, name);
self.react_component.propValidations[name].required = true;
}
end
else
%x{
Opal.React.set_validate_prop(self, name);
self.react_component.propValidations[name].required = options.$fetch("required");
}
end
end
def default_props
return @default_props if @default_props
%x{
if (typeof self.react_component.defaultProps == "undefined") {
self.lucid_react_component.defaultProps = {};
}
}
@default_props = `Opal.React.Component.Props.$new({props: self.react_component.defaultProps})`
end
def render(&block)
`base.render_block = block`
end
end
end
|