@kontur.candy/generator 4.275.0 → 4.276.0-nm-hide-buttons.0
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.js +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -153412,7 +153412,7 @@ let InputNode = (_dec = (0,_Serializer_SugarSerializer__WEBPACK_IMPORTED_MODULE_
|
|
|
153412
153412
|
Что это?
|
|
153413
153413
|
Маска, позволяет задать правила отображения данных в поле input.
|
|
153414
153414
|
Например так:
|
|
153415
|
-
|
|
153415
|
+
\`<input mask="99 999" />\`
|
|
153416
153416
|
Значение поля input сможет принимать значения цифр (0-9) и после первых двух символов input сам поставит пробел.
|
|
153417
153417
|
Также, он не даст ввести более 5 символов, согласно маске.
|
|
153418
153418
|
|
|
@@ -153430,7 +153430,7 @@ let InputNode = (_dec = (0,_Serializer_SugarSerializer__WEBPACK_IMPORTED_MODULE_
|
|
|
153430
153430
|
|
|
153431
153431
|
Символ, обозначающий маску, при фокусе на элемент. По умолчанию \`_\` однако может быть заменен на что угодно, например \`+\`
|
|
153432
153432
|
|
|
153433
|
-
|
|
153433
|
+
\`<input mask="99 999" path="test" maskChar="+" />\`
|
|
153434
153434
|
|
|
153435
153435
|
Теперь при фокусе, в отображении маски будут плюсики
|
|
153436
153436
|
`), _dec27 = (0,_Serializer_SugarSerializer__WEBPACK_IMPORTED_MODULE_7__.attr)("formatChars", _Serializer_SugarSerializer__WEBPACK_IMPORTED_MODULE_7__.attrType.object, `
|
|
@@ -153439,13 +153439,13 @@ let InputNode = (_dec = (0,_Serializer_SugarSerializer__WEBPACK_IMPORTED_MODULE_
|
|
|
153439
153439
|
Хотя маску (параметр mask) можно передавать и без formatChars, однако, если требуется более тонкая настройка валидации, то можно использовать
|
|
153440
153440
|
formatChars - он позволяет задать объект точных данных для каждого символа маски.
|
|
153441
153441
|
На примере будет понятнее:
|
|
153442
|
-
|
|
153442
|
+
\`<input mask="AB 98" formatChars={{ '9': '[0-5]', '8': '[5-9]', 'A': '[A-z]', 'B' : '[А-я]' }} />\`
|
|
153443
153443
|
|
|
153444
153444
|
Как видно, в букву A указанную в маске, допустимо вводить только буквы латинского алфавита. В букву B - буквы русского.
|
|
153445
153445
|
В цифру 9 - числа от 0 до 5, а в цифру 8 - от 5 до 9.
|
|
153446
153446
|
|
|
153447
153447
|
Разумеется можно написать сколько угодно символов указанных в formatChars и валидация будет происходить согласно указаному параметру.
|
|
153448
|
-
|
|
153448
|
+
\`<input mask="A9B 9B8A" formatChars={{ '9': '[0-5]', '8': '[5-9]', 'A': '[A-z]', 'B' : '[А-я]' }} />\`
|
|
153449
153449
|
|
|
153450
153450
|
|
|
153451
153451
|
Дефолтная маска (когда не указано иное) выглядит вот так - \`{ '9': '[0-9]', 'a': '[A-Za-z]', '*': '[A-Za-z0-9]' }\`
|
|
@@ -160408,7 +160408,7 @@ function appendCustomProperties(propsBuilder, sugarNode, propertyInfos) {
|
|
|
160408
160408
|
const objectLiteralItem = { ...item
|
|
160409
160409
|
};
|
|
160410
160410
|
|
|
160411
|
-
if (objectLiteralItem != undefined && typeof objectLiteralItem === "object" && "path" in objectLiteralItem && objectLiteralItem
|
|
160411
|
+
if (objectLiteralItem != undefined && typeof objectLiteralItem === "object" && "path" in objectLiteralItem && objectLiteralItem["path"] != undefined && typeof objectLiteralItem["path"] === "string") {
|
|
160412
160412
|
// @ts-ignore После строгой типизации PropValue можно будет исправить ошибку компиляции
|
|
160413
160413
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
160414
160414
|
objectLiteralItem.path = (0,_getBindingPath__WEBPACK_IMPORTED_MODULE_0__.getBindingPathExpression)(sourceNode, objectLiteralItem.path);
|