1
2
3
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
|
<?php
namespace OOUI;
/**
* DOM element abstraction.
*
* @abstract
*/
class Element extends Tag {
/* Static properties */
/**
* HTML tag name.
*
* This may be ignored if getTagName() is overridden.
*
* @var string
*/
public static $tagName = 'div';
/**
* Default text direction, used for some layout calculations. Use setDefaultDir() to change.
*
* Currently only per-document directionality is supported.
*
* @var string
*/
public static $defaultDir = 'ltr';
/* Members */
/**
* Element data.
*
* @var mixed
*/
protected $data = null;
/**
* Mixins.
*
* @var array List mixed in objects.
*/
protected $mixins = array();
/* Methods */
/**
* @param array $config Configuration options
* @param string[] $config['classes'] CSS class names to add
* @param string $config['id'] HTML id attribute
* @param string $config['text'] Text to insert
* @param array $config['content'] Content to append (after text), strings
* or Element objects. Strings will be HTML-escaped for output, use an
* HtmlSnippet instance to prevent that.
* @param mixed $config['data'] Element data
*/
public function __construct( array $config = array() ) {
// Parent constructor
parent::__construct( $this->getTagName() );
// Initialization
if ( isset( $config['infusable'] ) && is_bool( $config['infusable'] ) ) {
$this->setInfusable( $config['infusable'] );
}
if ( isset( $config['data'] ) ) {
$this->setData( $config['data'] );
}
if ( isset( $config['classes'] ) && is_array( $config['classes'] ) ) {
$this->addClasses( $config['classes'] );
}
if ( isset( $config['id'] ) ) {
$this->setAttributes( array( 'id' => $config['id'] ) );
}
if ( isset( $config['text'] ) ) {
// JS compatibility
$this->appendContent( $config['text'] );
}
if ( isset( $config['content'] ) ) {
$this->appendContent( $config['content'] );
}
}
/**
* Call a mixed-in method.
*
* This makes the methods of a mixin accessible through the element being mixed into.
*
* Triggers an error if the method is not found, as normal.
*
* @param string $method Method name
* @param array $arguments Method arguments
* @return mixed Result of method call
*/
public function __call( $method, $arguments ) {
// Search mixins for methods
foreach ( $this->mixins as $mixin ) {
if ( method_exists( $mixin, $method ) ) {
return call_user_func_array( array( $mixin, $method ), $arguments );
}
}
// Fail normally
trigger_error(
'Call to undefined method ' . __CLASS__ . '::' . $method . '()',
E_USER_ERROR
);
}
/**
* Get a mixed-in target property.
*
* This makes the target of a mixin accessible through the element being mixed into.
*
* The target's property name is statically configured by the mixin class.
*
* Triggers a notice if the property is not found, as normal.
*
* @param string $name Property name
* @return Tag|null Target property or null if not found
*/
public function __get( $name ) {
// Search mixins for methods
foreach ( $this->mixins as $mixin ) {
if ( isset( $mixin::$targetPropertyName ) && $mixin::$targetPropertyName === $name ) {
return $mixin->target;
}
}
// Fail normally
trigger_error( 'Undefined property: ' . $name, E_USER_NOTICE );
return null;
}
/**
* Get the HTML tag name.
*
* Override this method to base the result on instance information.
*
* @return string HTML tag name
*/
public function getTagName() {
return $this::$tagName;
}
/**
* Get element data.
*
* @return mixed Element data
*/
public function getData() {
return $this->data;
}
/**
* Set element data.
*
* @param mixed $data Element data
* @chainable
*/
public function setData( $data ) {
$this->data = $data;
return $this;
}
/**
* Check if element supports one or more methods.
*
* @param string|string[] $methods Method or list of methods to check
* @return boolean All methods are supported
*/
public function supports( $methods ) {
$support = 0;
$methods = (array)$methods;
foreach ( $methods as $method ) {
if ( method_exists( $this, $method ) ) {
$support++;
continue;
}
// Search mixins for methods
foreach ( $this->mixins as $mixin ) {
if ( method_exists( $mixin, $method ) ) {
$support++;
break;
}
}
}
return count( $methods ) === $support;
}
/**
* Mixin a class.
*
* @param ElementMixin $mixin Mixin object
*/
public function mixin( ElementMixin $mixin ) {
$this->mixins[] = $mixin;
}
/**
* Add the necessary properties to the given `$config` array to allow
* reconstruction of this widget via its constructor.
* @param array &$config
* An array which will be mutated to add the necessary configuration
* properties. Unless you are implementing a subclass, you should
* always pass a new empty `array()`.
* @return array
* A configuration array which can be passed to this object's
* constructor to recreate it. This is a return value to allow
* the safe use of copy-by-value functions like `array_merge` in
* the implementation.
*/
public function getConfig( &$config ) {
foreach ( $this->mixins as $mixin ) {
$config = $mixin->getConfig( $config );
}
if ( $this->data !== null ) {
$config['data'] = $this->data;
}
return $config;
}
/**
* Create a modified version of the configuration array suitable for
* JSON serialization by replacing `Tag` references and
* `HtmlSnippet`s.
*
* @return array
* A serialized configuration array.
*/
private function getSerializedConfig() {
// Ensure that '_' comes first in the output.
$config = array( '_' => true );
$config = $this->getConfig( $config );
// Post-process config array to turn Tag references into ID references
// and HtmlSnippet references into a { html: 'string' } JSON form.
$replaceElements = function( &$item ) {
if ( $item instanceof Tag ) {
$item->ensureInfusableId();
$item = array( 'tag' => $item->getAttribute( 'id' ) );
} elseif ( $item instanceof HtmlSnippet ) {
$item = array( 'html' => (string) $item );
}
};
array_walk_recursive( $config, $replaceElements );
// Set '_' last to ensure that subclasses can't accidentally step on it.
$config['_'] = preg_replace( '/^OOUI\\\\/', '', get_class( $this ) );
return $config;
}
protected function getGeneratedAttributes() {
$attributesArray = parent::getGeneratedAttributes();
// Add `data-ooui` attribute from serialized config array.
if ( $this->infusable ) {
$serialized = $this->getSerializedConfig();
$attributesArray['data-ooui'] = json_encode( $serialized );
}
return $attributesArray;
}
/**
* Render element into HTML.
*
* @return string HTML serialization
*/
public function toString() {
Theme::singleton()->updateElementClasses( $this );
if ( $this->isInfusable() ) {
$this->ensureInfusableId();
}
return parent::toString();
}
/**
* Get the direction of the user interface for a given element.
*
* Currently only per-document directionality is supported.
*
* @param Tag $element Element to check
* @return string Text direction, either 'ltr' or 'rtl'
*/
public static function getDir( Tag $element ) {
return self::$defaultDir;
}
/**
* Set the default direction of the user interface.
*
* @return string Text direction, either 'ltr' or 'rtl'
*/
public static function setDefaultDir( $dir ) {
self::$defaultDir = $dir === 'rtl' ? 'rtl' : 'ltr';
}
}
|