v0.25.0
EN:
forList no longer has a generic render, but can be used in different places. (But just how children)
RU:
forList теперь не имеет общий рендер, а может использоваться в различных местах. (Но только как children)
Example / Пример:
function Component() {
const array = ref([1,2,3]);
return (
<div>
<div>Block - 1</div>
{
array.forList((e) => {
return <div>{ e + 2 }</div> // <div>3</div><div>4</div><div>5</div>
})
}
<div>Block - 2</div>
{
array.forList((e) => {
return <div>{ e * 2 }</div> // <div>2</div><div>4</div><div>6</div>
})
}
</div>
)
}
RU:
У вас есть возможность зарегистрировать глобальный компонент.
EN:
You have the option to register a global bean.
Пример / Example :
import { globalComponent } from "orve"
true (created) | false = globalComponent(name: string, function: () => OrveNode)
EN:
Register components before "createApp" is called
After you can use the component in the application
RU:
Регистрируйте компоненты до того как будет вызван "createApp"
После вы сможете использовать компонент в приложение
RU:
Добавляет возможность отслеживать типы Props.
[name props]: {
type: Тип props (Object, String, Number, Function, Boolean, Array). Если необходимо несколько [Object, String, Number]
required: true | false. default - false
default: Если указали false в required, обязательно нужно заполнить это поле. Если там true, то можно заполнять, а можно пропустить. Для типов Object и Array необходимо вернуть функцию () => {} в остальном можно указывать данные без функций.
}
EN:
Adds the ability to keep track of Props types.
[name props]: {
type: props type (Object, String, Number, Function, Boolean, Array). If multiple [Object, String, Number] are needed
required: true | false. default - false
default: If false is specified in required, this field must be filled in. If there is true, then you can fill in, or you can skip. For Object and Array types, you must return the function () => {} otherwise, you can specify data without functions.
}
Example / Пример:
const Component = ({...}) => {
return (
<div>...</div>
)
}
const DefinedComp = defineProps(Component, {
r: {
type: [Object, String, Number],
required: true,
default: () => ""
},
call: {
type: Function,
required: false,
default: () => { console.log("test") }
},
t: {
type: Array,
required: false,
default: () => []
},
m: {
type: Object,
required: false,
default: () => ({})
}
})
function App() {
return (
<DefinedComp />
)
}