@mrts/soltw 0.3.13 → 0.3.21
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/items/Item.js +7 -3
- package/dist/items/Item.jsx +7 -3
- package/dist/items/ItemGroup.js +2 -1
- package/dist/items/ItemGroup.jsx +2 -1
- package/package.json +2 -2
package/dist/items/Item.js
CHANGED
|
@@ -24,7 +24,8 @@ const Item = (props) => {
|
|
|
24
24
|
else if (typeof props.class == "string") return { item: props.class };
|
|
25
25
|
else return props.class;
|
|
26
26
|
});
|
|
27
|
-
const itemClasses =
|
|
27
|
+
const itemClasses = () => {
|
|
28
|
+
console.log("itemClasses", props.idLabel);
|
|
28
29
|
const stags = currentSTags();
|
|
29
30
|
const styler = currentStyler();
|
|
30
31
|
const rawClasses = [];
|
|
@@ -33,11 +34,14 @@ const Item = (props) => {
|
|
|
33
34
|
if (props.callback) rawClasses.push("select-none cursor-pointer");
|
|
34
35
|
const customClasses = classProp();
|
|
35
36
|
if (customClasses.item) rawClasses.push(customClasses.item);
|
|
36
|
-
if (props.selected && customClasses.selected)
|
|
37
|
+
if (props.selected && customClasses.selected) {
|
|
38
|
+
console.log("SELECTED", props.idLabel);
|
|
39
|
+
rawClasses.push(customClasses.selected);
|
|
40
|
+
}
|
|
37
41
|
if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
|
|
38
42
|
rawClasses.push("relative");
|
|
39
43
|
return twMerge(rawClasses);
|
|
40
|
-
}
|
|
44
|
+
};
|
|
41
45
|
const disablerClasses = createMemo(() => {
|
|
42
46
|
const rawClasses = [];
|
|
43
47
|
if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
|
package/dist/items/Item.jsx
CHANGED
|
@@ -22,7 +22,8 @@ const Item = (props) => {
|
|
|
22
22
|
else if (typeof props.class == "string") return { item: props.class };
|
|
23
23
|
else return props.class;
|
|
24
24
|
});
|
|
25
|
-
const itemClasses =
|
|
25
|
+
const itemClasses = () => {
|
|
26
|
+
console.log("itemClasses", props.idLabel);
|
|
26
27
|
const stags = currentSTags();
|
|
27
28
|
const styler = currentStyler();
|
|
28
29
|
const rawClasses = [];
|
|
@@ -31,11 +32,14 @@ const Item = (props) => {
|
|
|
31
32
|
if (props.callback) rawClasses.push("select-none cursor-pointer");
|
|
32
33
|
const customClasses = classProp();
|
|
33
34
|
if (customClasses.item) rawClasses.push(customClasses.item);
|
|
34
|
-
if (props.selected && customClasses.selected)
|
|
35
|
+
if (props.selected && customClasses.selected) {
|
|
36
|
+
console.log("SELECTED", props.idLabel);
|
|
37
|
+
rawClasses.push(customClasses.selected);
|
|
38
|
+
}
|
|
35
39
|
if (props.disabled && customClasses.disabled) rawClasses.push(customClasses.disabled);
|
|
36
40
|
rawClasses.push("relative");
|
|
37
41
|
return twMerge(rawClasses);
|
|
38
|
-
}
|
|
42
|
+
};
|
|
39
43
|
const disablerClasses = createMemo(() => {
|
|
40
44
|
const rawClasses = [];
|
|
41
45
|
if (currentStyler()) rawClasses.push(...currentStyler().classes("item/disabler", props.vtags));
|
package/dist/items/ItemGroup.js
CHANGED
|
@@ -63,10 +63,11 @@ const ItemGroup = (props) => {
|
|
|
63
63
|
return items();
|
|
64
64
|
},
|
|
65
65
|
children: (item) => {
|
|
66
|
+
const selected = () => itemSelected(item.id);
|
|
66
67
|
return createComponent(Item, {
|
|
67
68
|
idLabel: item,
|
|
68
69
|
get selected() {
|
|
69
|
-
return
|
|
70
|
+
return selected();
|
|
70
71
|
},
|
|
71
72
|
callback: () => callCallback(item),
|
|
72
73
|
get ["class"]() {
|
package/dist/items/ItemGroup.jsx
CHANGED
|
@@ -53,7 +53,8 @@ const ItemGroup = (props) => {
|
|
|
53
53
|
return <Block class={blockClasses()} vtags={currentVTags().group}>
|
|
54
54
|
<For each={items()}>
|
|
55
55
|
{(item) => {
|
|
56
|
-
|
|
56
|
+
const selected = () => itemSelected(item.id);
|
|
57
|
+
return <Item idLabel={item} selected={selected()} callback={() => callCallback(item)} class={itemClasses()} vtags={currentVTags().item}></Item>;
|
|
57
58
|
}}
|
|
58
59
|
</For>
|
|
59
60
|
</Block>;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mrts/soltw",
|
|
3
3
|
"description": "S O L T W : SolidJS + tailwindcss ui components",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.21",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"module": "./dist/index.js",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "c5a3d173dc241074f81df5b1e2f419888c883849"
|
|
44
44
|
}
|