@itrocks/core-transformers 0.0.10 → 0.0.11
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/cjs/collection-type.d.ts +0 -1
- package/cjs/collection-type.js +9 -39
- package/cjs/core-transformers.d.ts +1 -1
- package/cjs/core-transformers.js +1 -2
- package/cjs/primitive.js +37 -4
- package/cjs/store.js +14 -16
- package/esm/collection-type.d.ts +0 -1
- package/esm/collection-type.js +10 -39
- package/esm/core-transformers.d.ts +1 -1
- package/esm/core-transformers.js +1 -1
- package/esm/primitive.js +37 -4
- package/esm/store.js +14 -16
- package/package.json +1 -1
package/cjs/collection-type.d.ts
CHANGED
|
@@ -10,5 +10,4 @@ export type Dependencies = {
|
|
|
10
10
|
tr: (text: string) => string;
|
|
11
11
|
};
|
|
12
12
|
export declare function initCollectionHtmlTransformers(dependencies?: Partial<Dependencies>): void;
|
|
13
|
-
export declare function initCollectionSqlTransformers(): void;
|
|
14
13
|
export declare function initCollectionTransformers(dependencies?: Partial<Dependencies>): void;
|
package/cjs/collection-type.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.initCollectionHtmlTransformers = initCollectionHtmlTransformers;
|
|
4
|
-
exports.initCollectionSqlTransformers = initCollectionSqlTransformers;
|
|
5
4
|
exports.initCollectionTransformers = initCollectionTransformers;
|
|
6
5
|
const composition_1 = require("@itrocks/composition");
|
|
7
6
|
const storage_1 = require("@itrocks/storage");
|
|
@@ -23,7 +22,7 @@ const depends = {
|
|
|
23
22
|
routeOf: type => '/' + (0, class_type_1.baseType)(type).name,
|
|
24
23
|
tr: text => text
|
|
25
24
|
};
|
|
26
|
-
const
|
|
25
|
+
const areMayEntity = (entries) => (typeof entries[0])[0] === 'o';
|
|
27
26
|
function collectionEdit(values, object, property) {
|
|
28
27
|
const fieldId = depends.fieldIdOf(property);
|
|
29
28
|
const fieldName = depends.fieldNameOf(property);
|
|
@@ -48,17 +47,15 @@ function collectionEdit(values, object, property) {
|
|
|
48
47
|
+ '</ul>';
|
|
49
48
|
}
|
|
50
49
|
function collectionInput(values, object, property, data) {
|
|
51
|
-
const entries = Object.
|
|
52
|
-
if (
|
|
53
|
-
Object.
|
|
54
|
-
}
|
|
55
|
-
else {
|
|
56
|
-
delete object[property];
|
|
57
|
-
const data_property_id = data[(0, rename_1.toField)(property) + '_id'];
|
|
58
|
-
Object.assign(object, {
|
|
59
|
-
[property + 'Ids']: Object.keys(values).map(key => +data_property_id[key]).filter(value => value)
|
|
60
|
-
});
|
|
50
|
+
const entries = Object.values(values);
|
|
51
|
+
if (areMayEntity(entries)) {
|
|
52
|
+
return Object.values(values);
|
|
61
53
|
}
|
|
54
|
+
delete object[property];
|
|
55
|
+
const data_property_id = data[(0, rename_1.toField)(property) + '_id'];
|
|
56
|
+
Object.assign(object, {
|
|
57
|
+
[property + 'Ids']: Object.keys(values).map(key => +data_property_id[key]).filter(value => value)
|
|
58
|
+
});
|
|
62
59
|
return depends.ignoreTransformedValue;
|
|
63
60
|
}
|
|
64
61
|
function collectionOutput(values, object, property, askFor) {
|
|
@@ -83,40 +80,13 @@ function collectionOutput(values, object, property, askFor) {
|
|
|
83
80
|
}
|
|
84
81
|
return values.map(object => depends.representativeValueOf(object)).join(', ');
|
|
85
82
|
}
|
|
86
|
-
async function collectionSave(values, object, property) {
|
|
87
|
-
const dao = (0, storage_1.dataSource)();
|
|
88
|
-
const newIdsPromise = object[property + 'Ids']
|
|
89
|
-
?? values?.map(async (value) => (dao.isObjectConnected(value) ? value : await dao.save(value)).id).sort()
|
|
90
|
-
?? [];
|
|
91
|
-
const previousIdsPromise = dao.isObjectConnected(object)
|
|
92
|
-
? await dao.readCollectionIds(object, property)
|
|
93
|
-
: [];
|
|
94
|
-
return async (object) => {
|
|
95
|
-
const previousIds = await Promise.all(previousIdsPromise);
|
|
96
|
-
const newIds = await Promise.all(newIdsPromise);
|
|
97
|
-
for (const id of previousIds) {
|
|
98
|
-
if (newIds.includes(id))
|
|
99
|
-
continue;
|
|
100
|
-
dao.deleteRelatedId(object, property, id);
|
|
101
|
-
}
|
|
102
|
-
for (const id of newIds) {
|
|
103
|
-
if (previousIds.includes(id))
|
|
104
|
-
continue;
|
|
105
|
-
dao.insertRelatedId(object, property, id);
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
}
|
|
109
83
|
function initCollectionHtmlTransformers(dependencies = {}) {
|
|
110
84
|
Object.assign(depends, dependencies);
|
|
111
85
|
(0, transformer_3.setPropertyTypeTransformer)(property_type_1.CollectionType, transformer_1.HTML, transformer_1.EDIT, collectionEdit);
|
|
112
86
|
(0, transformer_3.setPropertyTypeTransformer)(property_type_1.CollectionType, transformer_1.HTML, transformer_2.INPUT, collectionInput);
|
|
113
87
|
(0, transformer_3.setPropertyTypeTransformer)(property_type_1.CollectionType, transformer_1.HTML, transformer_2.OUTPUT, collectionOutput);
|
|
114
88
|
}
|
|
115
|
-
function initCollectionSqlTransformers() {
|
|
116
|
-
(0, transformer_3.setPropertyTypeTransformer)(property_type_1.CollectionType, transformer_2.SQL, transformer_2.SAVE, collectionSave);
|
|
117
|
-
}
|
|
118
89
|
function initCollectionTransformers(dependencies = {}) {
|
|
119
90
|
initCollectionHtmlTransformers(dependencies);
|
|
120
|
-
initCollectionSqlTransformers();
|
|
121
91
|
}
|
|
122
92
|
//# sourceMappingURL=collection-type.js.map
|
|
@@ -2,7 +2,7 @@ import { Dependencies as CollectionTypeDependencies } from './collection-type';
|
|
|
2
2
|
import { Dependencies as PrimitiveDependencies } from './primitive';
|
|
3
3
|
import { Dependencies as StoreDependencies } from './store';
|
|
4
4
|
type Dependencies = CollectionTypeDependencies & PrimitiveDependencies & StoreDependencies;
|
|
5
|
-
export { initCollectionHtmlTransformers,
|
|
5
|
+
export { initCollectionHtmlTransformers, initCollectionTransformers } from './collection-type';
|
|
6
6
|
export { HtmlContainer, initContainerTransformers } from './container';
|
|
7
7
|
export { initBigintHtmlTransformers, initBooleanHtmlTransformers, initBooleanSqlTransformers, initDateHtmlTransformers, initDefaultHtmlEditTransformers, initNumberHtmlTransformers, initPrimitiveTransformers, setCorePrimitiveDependencies, setPrimitiveDependencies } from './primitive';
|
|
8
8
|
export { initStoreHtmlTransformers, initStoreSqlTransformers, initStoreTransformers, setStoreDependencies, setStoreSqlDependencies, setStoreHtmlDependencies } from './store';
|
package/cjs/core-transformers.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.setStoreHtmlDependencies = exports.setStoreSqlDependencies = exports.setStoreDependencies = exports.initStoreTransformers = exports.initStoreSqlTransformers = exports.initStoreHtmlTransformers = exports.setPrimitiveDependencies = exports.setCorePrimitiveDependencies = exports.initPrimitiveTransformers = exports.initNumberHtmlTransformers = exports.initDefaultHtmlEditTransformers = exports.initDateHtmlTransformers = exports.initBooleanSqlTransformers = exports.initBooleanHtmlTransformers = exports.initBigintHtmlTransformers = exports.initContainerTransformers = exports.HtmlContainer = exports.initCollectionTransformers = exports.
|
|
3
|
+
exports.setStoreHtmlDependencies = exports.setStoreSqlDependencies = exports.setStoreDependencies = exports.initStoreTransformers = exports.initStoreSqlTransformers = exports.initStoreHtmlTransformers = exports.setPrimitiveDependencies = exports.setCorePrimitiveDependencies = exports.initPrimitiveTransformers = exports.initNumberHtmlTransformers = exports.initDefaultHtmlEditTransformers = exports.initDateHtmlTransformers = exports.initBooleanSqlTransformers = exports.initBooleanHtmlTransformers = exports.initBigintHtmlTransformers = exports.initContainerTransformers = exports.HtmlContainer = exports.initCollectionTransformers = exports.initCollectionHtmlTransformers = void 0;
|
|
4
4
|
exports.initCoreTransformers = initCoreTransformers;
|
|
5
5
|
const collection_type_1 = require("./collection-type");
|
|
6
6
|
const container_1 = require("./container");
|
|
@@ -8,7 +8,6 @@ const primitive_1 = require("./primitive");
|
|
|
8
8
|
const store_1 = require("./store");
|
|
9
9
|
var collection_type_2 = require("./collection-type");
|
|
10
10
|
Object.defineProperty(exports, "initCollectionHtmlTransformers", { enumerable: true, get: function () { return collection_type_2.initCollectionHtmlTransformers; } });
|
|
11
|
-
Object.defineProperty(exports, "initCollectionSqlTransformers", { enumerable: true, get: function () { return collection_type_2.initCollectionSqlTransformers; } });
|
|
12
11
|
Object.defineProperty(exports, "initCollectionTransformers", { enumerable: true, get: function () { return collection_type_2.initCollectionTransformers; } });
|
|
13
12
|
var container_2 = require("./container");
|
|
14
13
|
Object.defineProperty(exports, "HtmlContainer", { enumerable: true, get: function () { return container_2.HtmlContainer; } });
|
package/cjs/primitive.js
CHANGED
|
@@ -9,6 +9,7 @@ exports.initDefaultHtmlEditTransformers = initDefaultHtmlEditTransformers;
|
|
|
9
9
|
exports.initPrimitiveTransformers = initPrimitiveTransformers;
|
|
10
10
|
exports.setCorePrimitiveDependencies = setCorePrimitiveDependencies;
|
|
11
11
|
exports.setPrimitiveDependencies = setPrimitiveDependencies;
|
|
12
|
+
const precision_1 = require("@itrocks/precision");
|
|
12
13
|
const transformer_1 = require("@itrocks/transformer");
|
|
13
14
|
const transformer_2 = require("@itrocks/transformer");
|
|
14
15
|
const transformer_3 = require("@itrocks/transformer");
|
|
@@ -73,20 +74,52 @@ function initDateHtmlTransformers() {
|
|
|
73
74
|
}
|
|
74
75
|
// Number
|
|
75
76
|
function numberEdit(value, type, property) {
|
|
77
|
+
const output = numberOutput(value, type, property);
|
|
76
78
|
const fieldId = depends.fieldIdOf(property);
|
|
77
79
|
const fieldName = depends.fieldNameOf(property);
|
|
78
80
|
const label = `<label for="${fieldId}">${depends.tr(depends.displayOf(type, property))}</label>`;
|
|
79
81
|
const name = `id="${fieldId}" name="${fieldName}"`;
|
|
80
|
-
const inputValue = (
|
|
82
|
+
const inputValue = (output !== undefined) ? ` value="${output}"` : '';
|
|
81
83
|
const input = `<input data-type="number" ${name}${inputValue}>`;
|
|
82
84
|
return label + lfTab + input;
|
|
83
85
|
}
|
|
86
|
+
function numberInput(value) {
|
|
87
|
+
const number = (value === '') ? undefined : +(value.replace(/\s/g, '').replace(',', '.'));
|
|
88
|
+
if (!Number.isNaN(number))
|
|
89
|
+
return number;
|
|
90
|
+
const endChar = value[value.length - 1].toUpperCase();
|
|
91
|
+
if (endChar === 'K')
|
|
92
|
+
return (+value.slice(0, -1)) * 1e3;
|
|
93
|
+
if (endChar === 'M')
|
|
94
|
+
return (+value.slice(0, -1)) * 1e6;
|
|
95
|
+
if (endChar === 'G')
|
|
96
|
+
return (+value.slice(0, -2)) * 1e9;
|
|
97
|
+
if (endChar === 'T')
|
|
98
|
+
return (+value.slice(0, -2)) * 1e12;
|
|
99
|
+
if (endChar === 'P')
|
|
100
|
+
return (+value.slice(0, -2)) * 1e15;
|
|
101
|
+
if ((endChar === 'D') && (value[value.length - 2] === 'M'))
|
|
102
|
+
return (+value.slice(0, -2)) * 10 ** 9;
|
|
103
|
+
return number;
|
|
104
|
+
}
|
|
105
|
+
function numberOutput(value, object, property) {
|
|
106
|
+
if (value === undefined)
|
|
107
|
+
return '';
|
|
108
|
+
const precision = (0, precision_1.precisionOf)(object, property);
|
|
109
|
+
return value.toLocaleString('fr-FR', {
|
|
110
|
+
minimumFractionDigits: precision.minimum,
|
|
111
|
+
maximumFractionDigits: precision.maximum
|
|
112
|
+
});
|
|
113
|
+
}
|
|
114
|
+
function numberRead(value) {
|
|
115
|
+
return (typeof value === 'string') ? +value : (value ?? undefined);
|
|
116
|
+
}
|
|
84
117
|
function initNumberHtmlTransformers() {
|
|
85
118
|
(0, transformer_1.setPropertyTypeTransformers)(Number, [
|
|
86
119
|
{ format: transformer_2.HTML, direction: transformer_2.EDIT, transformer: numberEdit },
|
|
87
|
-
{ format: transformer_2.HTML, direction: transformer_2.INPUT, transformer:
|
|
88
|
-
{ format: transformer_2.HTML, direction: transformer_2.OUTPUT, transformer:
|
|
89
|
-
{ format: transformer_3.SQL, direction: transformer_3.READ, transformer:
|
|
120
|
+
{ format: transformer_2.HTML, direction: transformer_2.INPUT, transformer: numberInput },
|
|
121
|
+
{ format: transformer_2.HTML, direction: transformer_2.OUTPUT, transformer: numberOutput },
|
|
122
|
+
{ format: transformer_3.SQL, direction: transformer_3.READ, transformer: numberRead }
|
|
90
123
|
]);
|
|
91
124
|
}
|
|
92
125
|
// default
|
package/cjs/store.js
CHANGED
|
@@ -54,22 +54,20 @@ function storeEdit(value, object, property) {
|
|
|
54
54
|
function storeInput(value, object, property, data) {
|
|
55
55
|
const propertyId = property + 'Id';
|
|
56
56
|
const fieldId = depends.fieldNameOf(propertyId);
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
Object.assign(object, { [property]: new reflectProperty.type.type(value) });
|
|
72
|
-
}
|
|
57
|
+
const id = +data[fieldId];
|
|
58
|
+
if (id === ((propertyId in object) ? object[propertyId] : value?.id)) {
|
|
59
|
+
return depends.ignoreTransformedValue;
|
|
60
|
+
}
|
|
61
|
+
delete object[property];
|
|
62
|
+
if (id) {
|
|
63
|
+
Object.assign(object, { [propertyId]: id });
|
|
64
|
+
}
|
|
65
|
+
else if ((typeof value === 'object')) {
|
|
66
|
+
Object.assign(object, { [property]: value });
|
|
67
|
+
}
|
|
68
|
+
else if ((typeof value === 'string') && (value !== '')) {
|
|
69
|
+
const reflectProperty = new reflect_1.ReflectProperty(object, property);
|
|
70
|
+
Object.assign(object, { [property]: new reflectProperty.type.type(value) });
|
|
73
71
|
}
|
|
74
72
|
return depends.ignoreTransformedValue;
|
|
75
73
|
}
|
package/esm/collection-type.d.ts
CHANGED
|
@@ -10,5 +10,4 @@ export type Dependencies = {
|
|
|
10
10
|
tr: (text: string) => string;
|
|
11
11
|
};
|
|
12
12
|
export declare function initCollectionHtmlTransformers(dependencies?: Partial<Dependencies>): void;
|
|
13
|
-
export declare function initCollectionSqlTransformers(): void;
|
|
14
13
|
export declare function initCollectionTransformers(dependencies?: Partial<Dependencies>): void;
|
package/esm/collection-type.js
CHANGED
|
@@ -7,7 +7,7 @@ import { toField } from '@itrocks/rename';
|
|
|
7
7
|
import { ReflectClass } from '@itrocks/reflect';
|
|
8
8
|
import { ReflectProperty } from '@itrocks/reflect';
|
|
9
9
|
import { EDIT, HTML } from '@itrocks/transformer';
|
|
10
|
-
import { INPUT, OUTPUT
|
|
10
|
+
import { INPUT, OUTPUT } from '@itrocks/transformer';
|
|
11
11
|
import { setPropertyTypeTransformer } from '@itrocks/transformer';
|
|
12
12
|
const depends = {
|
|
13
13
|
displayOf: (_object, property) => property,
|
|
@@ -18,7 +18,7 @@ const depends = {
|
|
|
18
18
|
routeOf: type => '/' + baseType(type).name,
|
|
19
19
|
tr: text => text
|
|
20
20
|
};
|
|
21
|
-
const
|
|
21
|
+
const areMayEntity = (entries) => (typeof entries[0])[0] === 'o';
|
|
22
22
|
function collectionEdit(values, object, property) {
|
|
23
23
|
const fieldId = depends.fieldIdOf(property);
|
|
24
24
|
const fieldName = depends.fieldNameOf(property);
|
|
@@ -43,17 +43,15 @@ function collectionEdit(values, object, property) {
|
|
|
43
43
|
+ '</ul>';
|
|
44
44
|
}
|
|
45
45
|
function collectionInput(values, object, property, data) {
|
|
46
|
-
const entries = Object.
|
|
47
|
-
if (
|
|
48
|
-
Object.
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
delete object[property];
|
|
52
|
-
const data_property_id = data[toField(property) + '_id'];
|
|
53
|
-
Object.assign(object, {
|
|
54
|
-
[property + 'Ids']: Object.keys(values).map(key => +data_property_id[key]).filter(value => value)
|
|
55
|
-
});
|
|
46
|
+
const entries = Object.values(values);
|
|
47
|
+
if (areMayEntity(entries)) {
|
|
48
|
+
return Object.values(values);
|
|
56
49
|
}
|
|
50
|
+
delete object[property];
|
|
51
|
+
const data_property_id = data[toField(property) + '_id'];
|
|
52
|
+
Object.assign(object, {
|
|
53
|
+
[property + 'Ids']: Object.keys(values).map(key => +data_property_id[key]).filter(value => value)
|
|
54
|
+
});
|
|
57
55
|
return depends.ignoreTransformedValue;
|
|
58
56
|
}
|
|
59
57
|
function collectionOutput(values, object, property, askFor) {
|
|
@@ -78,40 +76,13 @@ function collectionOutput(values, object, property, askFor) {
|
|
|
78
76
|
}
|
|
79
77
|
return values.map(object => depends.representativeValueOf(object)).join(', ');
|
|
80
78
|
}
|
|
81
|
-
async function collectionSave(values, object, property) {
|
|
82
|
-
const dao = dataSource();
|
|
83
|
-
const newIdsPromise = object[property + 'Ids']
|
|
84
|
-
?? values?.map(async (value) => (dao.isObjectConnected(value) ? value : await dao.save(value)).id).sort()
|
|
85
|
-
?? [];
|
|
86
|
-
const previousIdsPromise = dao.isObjectConnected(object)
|
|
87
|
-
? await dao.readCollectionIds(object, property)
|
|
88
|
-
: [];
|
|
89
|
-
return async (object) => {
|
|
90
|
-
const previousIds = await Promise.all(previousIdsPromise);
|
|
91
|
-
const newIds = await Promise.all(newIdsPromise);
|
|
92
|
-
for (const id of previousIds) {
|
|
93
|
-
if (newIds.includes(id))
|
|
94
|
-
continue;
|
|
95
|
-
dao.deleteRelatedId(object, property, id);
|
|
96
|
-
}
|
|
97
|
-
for (const id of newIds) {
|
|
98
|
-
if (previousIds.includes(id))
|
|
99
|
-
continue;
|
|
100
|
-
dao.insertRelatedId(object, property, id);
|
|
101
|
-
}
|
|
102
|
-
};
|
|
103
|
-
}
|
|
104
79
|
export function initCollectionHtmlTransformers(dependencies = {}) {
|
|
105
80
|
Object.assign(depends, dependencies);
|
|
106
81
|
setPropertyTypeTransformer(CollectionType, HTML, EDIT, collectionEdit);
|
|
107
82
|
setPropertyTypeTransformer(CollectionType, HTML, INPUT, collectionInput);
|
|
108
83
|
setPropertyTypeTransformer(CollectionType, HTML, OUTPUT, collectionOutput);
|
|
109
84
|
}
|
|
110
|
-
export function initCollectionSqlTransformers() {
|
|
111
|
-
setPropertyTypeTransformer(CollectionType, SQL, SAVE, collectionSave);
|
|
112
|
-
}
|
|
113
85
|
export function initCollectionTransformers(dependencies = {}) {
|
|
114
86
|
initCollectionHtmlTransformers(dependencies);
|
|
115
|
-
initCollectionSqlTransformers();
|
|
116
87
|
}
|
|
117
88
|
//# sourceMappingURL=collection-type.js.map
|
|
@@ -2,7 +2,7 @@ import { Dependencies as CollectionTypeDependencies } from './collection-type';
|
|
|
2
2
|
import { Dependencies as PrimitiveDependencies } from './primitive';
|
|
3
3
|
import { Dependencies as StoreDependencies } from './store';
|
|
4
4
|
type Dependencies = CollectionTypeDependencies & PrimitiveDependencies & StoreDependencies;
|
|
5
|
-
export { initCollectionHtmlTransformers,
|
|
5
|
+
export { initCollectionHtmlTransformers, initCollectionTransformers } from './collection-type';
|
|
6
6
|
export { HtmlContainer, initContainerTransformers } from './container';
|
|
7
7
|
export { initBigintHtmlTransformers, initBooleanHtmlTransformers, initBooleanSqlTransformers, initDateHtmlTransformers, initDefaultHtmlEditTransformers, initNumberHtmlTransformers, initPrimitiveTransformers, setCorePrimitiveDependencies, setPrimitiveDependencies } from './primitive';
|
|
8
8
|
export { initStoreHtmlTransformers, initStoreSqlTransformers, initStoreTransformers, setStoreDependencies, setStoreSqlDependencies, setStoreHtmlDependencies } from './store';
|
package/esm/core-transformers.js
CHANGED
|
@@ -2,7 +2,7 @@ import { initCollectionTransformers } from './collection-type.js';
|
|
|
2
2
|
import { initContainerTransformers } from './container.js';
|
|
3
3
|
import { initPrimitiveTransformers } from './primitive.js';
|
|
4
4
|
import { setStoreDependencies } from './store.js';
|
|
5
|
-
export { initCollectionHtmlTransformers,
|
|
5
|
+
export { initCollectionHtmlTransformers, initCollectionTransformers } from './collection-type.js';
|
|
6
6
|
export { HtmlContainer, initContainerTransformers } from './container.js';
|
|
7
7
|
export { initBigintHtmlTransformers, initBooleanHtmlTransformers, initBooleanSqlTransformers, initDateHtmlTransformers, initDefaultHtmlEditTransformers, initNumberHtmlTransformers, initPrimitiveTransformers, setCorePrimitiveDependencies, setPrimitiveDependencies } from './primitive.js';
|
|
8
8
|
export { initStoreHtmlTransformers, initStoreSqlTransformers, initStoreTransformers, setStoreDependencies, setStoreSqlDependencies, setStoreHtmlDependencies } from './store.js';
|
package/esm/primitive.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { precisionOf } from '@itrocks/precision';
|
|
1
2
|
import { setPropertyTypeTransformers } from '@itrocks/transformer';
|
|
2
3
|
import { EDIT, HTML, INPUT, OUTPUT } from '@itrocks/transformer';
|
|
3
4
|
import { READ, SAVE, SQL } from '@itrocks/transformer';
|
|
@@ -62,20 +63,52 @@ export function initDateHtmlTransformers() {
|
|
|
62
63
|
}
|
|
63
64
|
// Number
|
|
64
65
|
function numberEdit(value, type, property) {
|
|
66
|
+
const output = numberOutput(value, type, property);
|
|
65
67
|
const fieldId = depends.fieldIdOf(property);
|
|
66
68
|
const fieldName = depends.fieldNameOf(property);
|
|
67
69
|
const label = `<label for="${fieldId}">${depends.tr(depends.displayOf(type, property))}</label>`;
|
|
68
70
|
const name = `id="${fieldId}" name="${fieldName}"`;
|
|
69
|
-
const inputValue = (
|
|
71
|
+
const inputValue = (output !== undefined) ? ` value="${output}"` : '';
|
|
70
72
|
const input = `<input data-type="number" ${name}${inputValue}>`;
|
|
71
73
|
return label + lfTab + input;
|
|
72
74
|
}
|
|
75
|
+
function numberInput(value) {
|
|
76
|
+
const number = (value === '') ? undefined : +(value.replace(/\s/g, '').replace(',', '.'));
|
|
77
|
+
if (!Number.isNaN(number))
|
|
78
|
+
return number;
|
|
79
|
+
const endChar = value[value.length - 1].toUpperCase();
|
|
80
|
+
if (endChar === 'K')
|
|
81
|
+
return (+value.slice(0, -1)) * 1e3;
|
|
82
|
+
if (endChar === 'M')
|
|
83
|
+
return (+value.slice(0, -1)) * 1e6;
|
|
84
|
+
if (endChar === 'G')
|
|
85
|
+
return (+value.slice(0, -2)) * 1e9;
|
|
86
|
+
if (endChar === 'T')
|
|
87
|
+
return (+value.slice(0, -2)) * 1e12;
|
|
88
|
+
if (endChar === 'P')
|
|
89
|
+
return (+value.slice(0, -2)) * 1e15;
|
|
90
|
+
if ((endChar === 'D') && (value[value.length - 2] === 'M'))
|
|
91
|
+
return (+value.slice(0, -2)) * 10 ** 9;
|
|
92
|
+
return number;
|
|
93
|
+
}
|
|
94
|
+
function numberOutput(value, object, property) {
|
|
95
|
+
if (value === undefined)
|
|
96
|
+
return '';
|
|
97
|
+
const precision = precisionOf(object, property);
|
|
98
|
+
return value.toLocaleString('fr-FR', {
|
|
99
|
+
minimumFractionDigits: precision.minimum,
|
|
100
|
+
maximumFractionDigits: precision.maximum
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
function numberRead(value) {
|
|
104
|
+
return (typeof value === 'string') ? +value : (value ?? undefined);
|
|
105
|
+
}
|
|
73
106
|
export function initNumberHtmlTransformers() {
|
|
74
107
|
setPropertyTypeTransformers(Number, [
|
|
75
108
|
{ format: HTML, direction: EDIT, transformer: numberEdit },
|
|
76
|
-
{ format: HTML, direction: INPUT, transformer:
|
|
77
|
-
{ format: HTML, direction: OUTPUT, transformer:
|
|
78
|
-
{ format: SQL, direction: READ, transformer:
|
|
109
|
+
{ format: HTML, direction: INPUT, transformer: numberInput },
|
|
110
|
+
{ format: HTML, direction: OUTPUT, transformer: numberOutput },
|
|
111
|
+
{ format: SQL, direction: READ, transformer: numberRead }
|
|
79
112
|
]);
|
|
80
113
|
}
|
|
81
114
|
// default
|
package/esm/store.js
CHANGED
|
@@ -47,22 +47,20 @@ function storeEdit(value, object, property) {
|
|
|
47
47
|
function storeInput(value, object, property, data) {
|
|
48
48
|
const propertyId = property + 'Id';
|
|
49
49
|
const fieldId = depends.fieldNameOf(propertyId);
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
Object.assign(object, { [property]: new reflectProperty.type.type(value) });
|
|
65
|
-
}
|
|
50
|
+
const id = +data[fieldId];
|
|
51
|
+
if (id === ((propertyId in object) ? object[propertyId] : value?.id)) {
|
|
52
|
+
return depends.ignoreTransformedValue;
|
|
53
|
+
}
|
|
54
|
+
delete object[property];
|
|
55
|
+
if (id) {
|
|
56
|
+
Object.assign(object, { [propertyId]: id });
|
|
57
|
+
}
|
|
58
|
+
else if ((typeof value === 'object')) {
|
|
59
|
+
Object.assign(object, { [property]: value });
|
|
60
|
+
}
|
|
61
|
+
else if ((typeof value === 'string') && (value !== '')) {
|
|
62
|
+
const reflectProperty = new ReflectProperty(object, property);
|
|
63
|
+
Object.assign(object, { [property]: new reflectProperty.type.type(value) });
|
|
66
64
|
}
|
|
67
65
|
return depends.ignoreTransformedValue;
|
|
68
66
|
}
|
package/package.json
CHANGED