bitboss-ui 3.0.0-beta.49 → 3.0.0-beta.50

package/dist/ai/source/BbNumberInput.md

@@ -246,6 +246,11 @@ const config = useConfig();
 export type { BbNumberInputProps, BbNumberInputEvents, BbNumberInputSlots };
 
 const active = ref(false);
+/**
+ * Read-only (the prop or a BbForm save in flight) or disabled: no input path
+ * may change the text or the value (readonly-fix, beta.49).
+ */
+const locked = computed(() => !!fieldReadonly.value || !!props.disabled);
 const showHint = computed(() => props.persistentHint || active.value);
 const hasValue = computed(() => isNotNil(props.modelValue));
 // Mirrors BbTextInput/BbTextarea: the container reserves clear-icon space and
@@ -553,6 +558,12 @@ const replacementEdit = (text: string, start: number, end: number): Edit =>
 const onBeforeinput = (event: InputEvent) => {
 	const el = input.value;
 	if (legacy.value || busy || !el) return;
+	// Read-only, disabled or form-locked: every edit is cancelled here, as the
+	// native `readonly` would (the edit paths below write through execCommand).
+	if (locked.value) {
+		if (event.cancelable) event.preventDefault();
+		return;
+	}
 	if (composing || event.isComposing || !event.cancelable) return;
 	// A keyboard that announces no text (Android, empty `data`): the browser
 	// applies it and the fallback reads it on `input` (GROK-INGEST 3).
@@ -787,6 +798,9 @@ const onFormattedInput = (event: Event) => {
 		return;
 	}
 	if (composing) return;
+	// A browser-applied edit to a locked field (Android, a script): our text
+	// comes back, nothing is read.
+	if (locked.value) return paint();
 	const type = (event as InputEvent).inputType ?? '';
 	if (REREAD_TYPES.has(type) || !(event instanceof InputEvent)) {
 		rereadAll();
@@ -802,8 +816,11 @@ const onCompositionstart = () => {
 };
 
 const onCompositionend = (event: CompositionEvent) => {
+	if (legacy.value && locked.value && input.value)
+		input.value.value = props.modelValue?.toString() || '';
 	if (legacy.value || !composing) return;
 	composing = false;
+	if (locked.value) return paint();
 	applyBrowserEdit(event);
 };
 
@@ -813,6 +830,7 @@ const posted = ref<HTMLInputElement | null>(null);
 /** The text differs from what we wrote (a restore, autofill): read it again. */
 const reconcile = () => {
 	if (legacy.value || !input.value) return;
+	if (input.value.value !== lastWritten && locked.value) return paint();
 	if (input.value.value !== lastWritten) {
 		rereadAll();
 		commitTyped();
@@ -899,6 +917,8 @@ const normalizeNumericValue = (value: number, withMin = true): number => {
  * "15" with min 10 could not be typed through its "1".
  */
 const applyMin = () => {
+	// A locked field never moves its value, not even up to `min`.
+	if (locked.value) return;
 	if (!legacy.value) {
 		// Enter re-reads an outside text first, as blur does (PANEL § 2.7).
 		reconcile();
@@ -929,7 +949,7 @@ const nextStep = (value: number) => {
  * Decrements value by `step` and emits both semantic and model events.
  */
 const decrease = () => {
-	if (props.disabled || props.readonly) return;
+	if (locked.value) return;
 	const valueToEmit = nextStep(props.step * -1);
 	emit('decrease', valueToEmit);
 	emit('update:modelValue', valueToEmit);
@@ -939,7 +959,7 @@ const decrease = () => {
  * Increments value by `step` and emits both semantic and model events.
  */
 const increase = () => {
-	if (props.disabled || props.readonly) return;
+	if (locked.value) return;
 	const valueToEmit = nextStep(props.step);
 	emit('increase', valueToEmit);
 	emit('update:modelValue', valueToEmit);
@@ -960,6 +980,10 @@ const increase = () => {
 const onInput = (event: Event) => {
 	if (!legacy.value) return onFormattedInput(event);
 	if (!input.value) return;
+	if (locked.value) {
+		input.value.value = props.modelValue?.toString() || '';
+		return;
+	}
 	if (event.target instanceof HTMLInputElement) {
 		const value = event.target.value;
 		const selectionStart = event.target.selectionStart;

package/dist/components/BbButton/BbButton.vue_vue_type_script_setup_true_lang.js

@@ -124,7 +124,7 @@ var P = {
 		}, G = g(() => {
 			let { onClick: e, class: t, ...n } = H;
 			return n;
-		}), K = E(0), q = S(l, null), J = g(() => I.loading || !!K.value && !I.disableAutoLoading || I.type === "submit" && !!q?.locked()), Y = n(J), X = t({
+		}), K = E(0), q = S(l, null), J = g(() => I.loading || !!K.value && !I.disableAutoLoading || I.type === "submit" && !!q?.saving()), Y = n(J), X = t({
 			component: "BbButton",
 			attrs: H,
 			props: I,

package/dist/components/BbForm/BbForm.vue.d.ts

@@ -72,10 +72,10 @@ declare const __VLS_export: <S extends BbFormSchema = BbFormSchema>(__VLS_props:
         /**
          * Keep the fields editable while a save runs. By default, while a
          * `@submit` that returned a promise is pending, every field joined to the
-         * form is read-only (never disabled: values stay readable and focusable)
-         * and every `type="submit"` BbButton inside the form shows its spinner;
-         * both end when the promise settles. A `@submit` that returns nothing
-         * never locks.
+         * form is read-only (never disabled: values stay readable and focusable);
+         * it ends when the promise settles. A `@submit` that returns nothing never
+         * locks. The `type="submit"` BbButtons inside the form show their spinner
+         * while the save is pending either way: this prop does not stop that.
          */
         disableSubmitLock?: boolean;
     } & {

package/dist/components/BbForm/BbForm.vue_vue_type_script_setup_true_lang.js

@@ -191,7 +191,10 @@ var _e = ["id"], ve = /*@__PURE__*/ u({
 			let i = document.activeElement;
 			i !== r && i && i !== document.body || Fe(n.errors);
 		}, I = ce(), L = h(0), Le = () => L.value > 0 && !_.disableSubmitLock;
-		p(e, { locked: Le });
+		p(e, {
+			locked: Le,
+			saving: () => L.value > 0
+		});
 		let Re = !1, ze = (e) => {
 			let t = I?.appContext.config.errorHandler;
 			t ? t(e, I?.proxy ?? null, "component event handler") : console.error(e);