cerxes/csx
3
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed minor things, cleaned up some code

Browse Source
This commit is contained in:
Miel Truyen 2019-11-06 00:29:09 +01:00
parent 72f38c1137
commit 3b0dce6fbe
4 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/csx-custom-elements/src/custom-element/custom-element.js
View File

@ -54,6 +54,9 @@ export function State() {
}
}
// TODO a proper Prop-decorator
export {State as Prop};
/**
* This CustomElement class is to avoid having to do an ugly workaround in every custom-element:

1
test/todos-mvc/components/my-todo.jsx
View File

@ -26,7 +26,6 @@ export class MyTodo extends CustomElement{
{this.todos.map(item =>
<todo-item
model={ item.id }
text={item.text}
checked={ item.checked }
>
{ item.text }

6
test/todos-mvc/components/todo-input.jsx
View File

@ -1,9 +1,9 @@
import {defineElement, render, CustomElement, Host} from "../../../packages/csx-custom-elements";
import {defineElement, render, CustomElement, Host, State} from "../../../packages/csx-custom-elements";
import style from './todo-input.scss';
@defineElement('todo-input')
export class TodoInput extends CustomElement{
value = "";
@State() value = "";
render(){
return (
@ -27,7 +27,7 @@ export class TodoInput extends CustomElement{
this.dispatchEvent(new CustomEvent('submit', {
detail: this.value
}));
this.state = "";
this.value = "";
};
handleInput = ({target: {value}})=>{
this.value = value;

7
test/todos-mvc/components/todo-item.jsx
View File

@ -1,11 +1,10 @@
import {defineElement, render, CustomElement, Host, ShadowDOM, State} from "../../../packages/csx-custom-elements";
import {defineElement, render, CustomElement, Host, ShadowDOM, State, Prop} from "../../../packages/csx-custom-elements";
import style from './todo-item.scss';
@defineElement('todo-item')
export class TodoItem extends CustomElement{
@State() checked = false;// TODO annotate as prop instead of state (attribute)
@State() model; // TODO annotate as prop instead of state
@State() text;
@Prop() checked = false;
@Prop() model;
render(){
return (