ywana-core8 0.0.879 → 0.0.881
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +29 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.modern.js +29 -6
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +29 -6
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/text.js +16 -5
- package/src/html/textfield.js +3 -3
package/dist/index.cjs
CHANGED
|
@@ -208,15 +208,18 @@ var TEXTFORMATS = {
|
|
|
208
208
|
TIME: 'time',
|
|
209
209
|
EMAIL: 'email',
|
|
210
210
|
HTML: 'HTML',
|
|
211
|
-
URL: 'URL'
|
|
211
|
+
URL: 'URL',
|
|
212
|
+
STRING: 'string'
|
|
212
213
|
};
|
|
213
214
|
|
|
214
215
|
/**
|
|
215
216
|
* Text
|
|
216
217
|
*/
|
|
217
218
|
var Text = function Text(_ref) {
|
|
218
|
-
var format = _ref.format,
|
|
219
|
-
|
|
219
|
+
var _ref$format = _ref.format,
|
|
220
|
+
format = _ref$format === void 0 ? TEXTFORMATS.HTML : _ref$format,
|
|
221
|
+
children = _ref.children,
|
|
222
|
+
className = _ref.className;
|
|
220
223
|
var site = React.useContext(SiteContext);
|
|
221
224
|
var value = children;
|
|
222
225
|
if (site) {
|
|
@@ -233,7 +236,23 @@ var Text = function Text(_ref) {
|
|
|
233
236
|
value = formatter.format(children);
|
|
234
237
|
break;
|
|
235
238
|
}
|
|
236
|
-
|
|
239
|
+
switch (format) {
|
|
240
|
+
case TEXTFORMATS.DATE:
|
|
241
|
+
value = new Date(children).toLocaleDateString();
|
|
242
|
+
break;
|
|
243
|
+
case TEXTFORMATS.TIME:
|
|
244
|
+
value = new Date(children).toLocaleTimeString();
|
|
245
|
+
break;
|
|
246
|
+
}
|
|
247
|
+
if (!children) return '';
|
|
248
|
+
switch (format) {
|
|
249
|
+
case TEXTFORMATS.STRING:
|
|
250
|
+
return value;
|
|
251
|
+
default:
|
|
252
|
+
return /*#__PURE__*/React__default["default"].createElement("span", {
|
|
253
|
+
className: className
|
|
254
|
+
}, value);
|
|
255
|
+
}
|
|
237
256
|
};
|
|
238
257
|
|
|
239
258
|
/**
|
|
@@ -1318,7 +1337,9 @@ var TextField = function TextField(props) {
|
|
|
1318
1337
|
var labelPositionStyle = labelPosition == 'left' ? "label-left" : "label-top";
|
|
1319
1338
|
var style = labelStyle + " " + labelPositionStyle + " " + borderStyle + " textfield-" + type;
|
|
1320
1339
|
var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
|
|
1321
|
-
var placeholderTxt = placeholder ? /*#__PURE__*/React__default["default"].createElement(Text,
|
|
1340
|
+
var placeholderTxt = placeholder ? /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
1341
|
+
format: TEXTFORMATS.STRING
|
|
1342
|
+
}, placeholder) : null;
|
|
1322
1343
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1323
1344
|
className: style + " " + id,
|
|
1324
1345
|
onClick: onClick
|
|
@@ -1389,7 +1410,9 @@ var TextArea = function TextArea(props) {
|
|
|
1389
1410
|
var labelStyle = label ? "" : "no-label";
|
|
1390
1411
|
var style = "textarea " + labelStyle + " textarea-" + type;
|
|
1391
1412
|
var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
|
|
1392
|
-
var placeholderTxt = /*#__PURE__*/React__default["default"].createElement(Text,
|
|
1413
|
+
var placeholderTxt = /*#__PURE__*/React__default["default"].createElement(Text, {
|
|
1414
|
+
format: TEXTFORMATS.STRING
|
|
1415
|
+
}, placeholder);
|
|
1393
1416
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1394
1417
|
className: "" + style,
|
|
1395
1418
|
onClick: onClick
|