WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

release: WRNexusJS 0.6.0

Browse Source
This commit is contained in:
Clintchiz
2026-08-01 01:09:58 +05:30
parent 3e565e8d03
commit 687d345882
502 changed files with 33038 additions and 11358 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/InputNumber.wrn
+75 -72
View File
@@ -1,62 +1,65 @@
component InputNumber {
outputs {
input(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
change(payload: { value?: string | number | boolean | null; values?: Array<string | number | boolean | null | object>; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)
increment(payload: { value: number; previousValue?: number; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
decrement(payload: { value: number; previousValue?: number; sourceEvent?: Event; [key: string]: string | number | boolean | null | object })
}
props {
size = "default"
color = "primary"
variant = "default"
class = ""
size: string = "default"
color: string = "primary"
variant: string = "default"
class: string = ""
id = ""
name = "quantity"
value = 0
min = ""
max = ""
step = 1
precision = "auto"
id: string = ""
name: string = "quantity"
value: number = 0
min: string = ""
max: string = ""
step: number = 1
precision: string = "auto"
label = ""
description = ""
helpText = ""
error = ""
invalid = false
label: string = ""
description: string = ""
helpText: string = ""
error: string = ""
invalid: boolean = false
prefix = ""
suffix = ""
placeholder = ""
autocomplete = "off"
inputMode = "decimal"
ariaLabel = ""
prefix: string = ""
suffix: string = ""
placeholder: string = ""
autocomplete: string = "off"
inputMode: string = "decimal"
ariaLabel: string = ""
required = false
disabled = false
inputDisabled = false
buttonsDisabled = false
readonly = false
allowInput = true
keyboard = true
wheel = false
clamp = true
fullWidth = false
showButtons = true
showValidationMessage = true
required: boolean = false
disabled: boolean = false
inputDisabled: boolean = false
buttonsDisabled: boolean = false
readonly: boolean = false
allowInput: boolean = true
keyboard: boolean = true
wheel: boolean = false
clamp: boolean = true
fullWidth: boolean = false
showButtons: boolean = true
showValidationMessage: boolean = true
decrementLabel = "Decrease value"
incrementLabel = "Increase value"
controlsLabel = "Quantity controls"
requiredMessage = "A value is required."
minMessage = "Value is below the minimum."
maxMessage = "Value is above the maximum."
decrementLabel: string = "Decrease value"
incrementLabel: string = "Increase value"
controlsLabel: string = "Quantity controls"
requiredMessage: string = "A value is required."
minMessage: string = "Value is below the minimum."
maxMessage: string = "Value is above the maximum."
@event input = function
@event change = function
@event increment = function
@event decrement = function
}
state currentValue = value
state committedValue = value
functions {
function inputId() {
shared function inputId() {
if (id !== "") {
return id
}
@@ -68,15 +71,15 @@ component InputNumber {
return "input-number"
}
function descriptionId() {
shared function descriptionId() {
return inputId() + "-description"
}
function messageId() {
shared function messageId() {
return inputId() + "-message"
}
function componentColor() {
shared function componentColor() {
if (color === "secondary") {
return "var(--wire-color-secondary)"
}
@@ -100,23 +103,23 @@ component InputNumber {
return "var(--wire-color-primary)"
}
function hasMin() {
shared function hasMin() {
return min !== "" && min !== null && min !== undefined
}
function hasMax() {
shared function hasMax() {
return max !== "" && max !== null && max !== undefined
}
function isBlank() {
shared function isBlank() {
return currentValue === "" || currentValue === null || currentValue === undefined
}
function normalizedStep() {
shared function normalizedStep() {
return Number(step) > 0 ? Number(step) : 1
}
function inferredPrecision() {
shared function inferredPrecision() {
if (precision !== "auto" && precision !== "") {
return Math.max(0, Number(precision) || 0)
}
@@ -128,15 +131,15 @@ component InputNumber {
return 0
}
function precisionFactor() {
shared function precisionFactor() {
return Math.pow(10, inferredPrecision())
}
function roundValue(nextValue) {
shared function roundValue(nextValue) {
return Math.round(Number(nextValue) * precisionFactor()) / precisionFactor()
}
function clampValue(nextValue) {
shared function clampValue(nextValue) {
nextValue = Number(nextValue)
if (hasMin() && nextValue < Number(min)) {
@@ -150,15 +153,15 @@ component InputNumber {
return roundValue(nextValue)
}
function isBelowMin() {
shared function isBelowMin() {
return !isBlank() && hasMin() && Number(currentValue) < Number(min)
}
function isAboveMax() {
shared function isAboveMax() {
return !isBlank() && hasMax() && Number(currentValue) > Number(max)
}
function isInvalid() {
shared function isInvalid() {
return (
invalid ||
error !== "" ||
@@ -168,7 +171,7 @@ component InputNumber {
)
}
function validationMessage() {
shared function validationMessage() {
if (error !== "") {
return error
}
@@ -188,14 +191,14 @@ component InputNumber {
return ""
}
function hasMessage() {
shared function hasMessage() {
return (
helpText !== "" ||
(showValidationMessage && isInvalid() && validationMessage() !== "")
)
}
function describedBy() {
shared function describedBy() {
if (description !== "" && hasMessage()) {
return descriptionId() + " " + messageId()
}
@@ -211,7 +214,7 @@ component InputNumber {
return ""
}
function decrementDisabled() {
shared function decrementDisabled() {
return (
disabled ||
readonly ||
@@ -220,7 +223,7 @@ component InputNumber {
)
}
function incrementDisabled() {
shared function incrementDisabled() {
return (
disabled ||
readonly ||
@@ -229,7 +232,7 @@ component InputNumber {
)
}
function dispatchInputNumberEvent(
client function dispatchInputNumberEvent(
sourceEvent,
eventName,
action,
@@ -262,7 +265,7 @@ component InputNumber {
root.dispatchEvent(customEvent)
}
function applyControlValue(nextValue, action, sourceEvent, previousValue) {
client function applyControlValue(nextValue, action, sourceEvent, previousValue) {
previousValue = currentValue
currentValue = clampValue(nextValue)
committedValue = currentValue
@@ -287,7 +290,7 @@ component InputNumber {
)
}
function incrementValue(sourceEvent, nextValue) {
client function incrementValue(sourceEvent, nextValue) {
if (incrementDisabled()) {
return
}
@@ -303,7 +306,7 @@ component InputNumber {
applyControlValue(nextValue, "increment", sourceEvent)
}
function decrementValue(sourceEvent, nextValue) {
client function decrementValue(sourceEvent, nextValue) {
if (decrementDisabled()) {
return
}
@@ -319,7 +322,7 @@ component InputNumber {
applyControlValue(nextValue, "decrement", sourceEvent)
}
function handleInput(sourceEvent, previousValue, nextValue) {
client function handleInput(sourceEvent, previousValue, nextValue) {
sourceEvent.stopPropagation()
previousValue = currentValue
nextValue = sourceEvent.target.value
@@ -338,7 +341,7 @@ component InputNumber {
)
}
function handleChange(sourceEvent, previousValue) {
client function handleChange(sourceEvent, previousValue) {
sourceEvent.stopPropagation()
previousValue = committedValue
@@ -358,7 +361,7 @@ component InputNumber {
)
}
function handleKeydown(sourceEvent) {
client function handleKeydown(sourceEvent) {
if (
!keyboard ||
disabled ||
@@ -384,7 +387,7 @@ component InputNumber {
}
}
function handleWheel(sourceEvent) {
client function handleWheel(sourceEvent) {
if (
!wheel ||
disabled ||