@1337exp/taoui 1.11.5 → 1.12.0

package/dist/index.d.ts

@@ -744,7 +744,17 @@ options?: TaoSelectOption[];
 placeholder?: string;
 disabled?: boolean;
 error?: boolean;
+/** Label of the clear row in the list. Slot `#clear` replaces it (icon, markup). / Подпись пункта сброса; слот `#clear` заменяет её (иконка, разметка). */
 clearText?: string;
+/**
+* Whether the value can be cleared: shows the clear row and enables Delete / Backspace.
+* Turn off when null is not a valid value (grid step, sort order).
+* Можно ли очистить значение: показывает пункт сброса и включает Delete / Backspace.
+* Выключайте, когда null не допустим (шаг сетки, порядок сортировки).
+*/
+clearable?: boolean;
+/** Control size, same scale as TaoButton. / Размер контрола, шкала как у TaoButton. */
+size?: "small" | "medium" | "large";
 }>, {
 modelValue: null;
 options: () => never[];
@@ -752,6 +762,8 @@ placeholder: string;
 disabled: boolean;
 error: boolean;
 clearText: string;
+clearable: boolean;
+size: string;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | number | null) => void;
 change: (value: string | number | null) => void;
@@ -761,7 +773,17 @@ options?: TaoSelectOption[];
 placeholder?: string;
 disabled?: boolean;
 error?: boolean;
+/** Label of the clear row in the list. Slot `#clear` replaces it (icon, markup). / Подпись пункта сброса; слот `#clear` заменяет её (иконка, разметка). */
 clearText?: string;
+/**
+* Whether the value can be cleared: shows the clear row and enables Delete / Backspace.
+* Turn off when null is not a valid value (grid step, sort order).
+* Можно ли очистить значение: показывает пункт сброса и включает Delete / Backspace.
+* Выключайте, когда null не допустим (шаг сетки, порядок сортировки).
+*/
+clearable?: boolean;
+/** Control size, same scale as TaoButton. / Размер контрола, шкала как у TaoButton. */
+size?: "small" | "medium" | "large";
 }>, {
 modelValue: null;
 options: () => never[];
@@ -769,16 +791,20 @@ placeholder: string;
 disabled: boolean;
 error: boolean;
 clearText: string;
+clearable: boolean;
+size: string;
 }>>> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
 onChange?: ((value: string | number | null) => any) | undefined;
 }>, {
 error: boolean;
+size: "small" | "medium" | "large";
 disabled: boolean;
 placeholder: string;
 modelValue: string | number | null;
 options: TaoSelectOption[];
 clearText: string;
+clearable: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare const __VLS_component_36: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_36<__VLS_TypePropsToRuntimeProps_38<{
@@ -788,7 +814,12 @@ placeholder?: string;
 disabled?: boolean;
 error?: boolean;
 emptyText?: string;
+/** Label of the clear row in the list. Slot `#clear` replaces it (icon, markup). / Подпись пункта сброса; слот `#clear` заменяет её (иконка, разметка). */
 clearText?: string;
+/** Whether the value can be cleared: shows the clear row. Turn off when null is not valid. / Можно ли очистить значение: показывает пункт сброса. Выключайте, когда null не допустим. */
+clearable?: boolean;
+/** Control size, same scale as TaoButton and TaoSelect. / Размер контрола, шкала как у TaoButton и TaoSelect. */
+size?: "small" | "medium" | "large";
 /** Можно оставить то, чего нет в списке. */
 allowCreate?: boolean;
 }>, {
@@ -799,6 +830,8 @@ disabled: boolean;
 error: boolean;
 emptyText: string;
 clearText: string;
+clearable: boolean;
+size: string;
 allowCreate: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: string | number | null) => void;
@@ -811,7 +844,12 @@ placeholder?: string;
 disabled?: boolean;
 error?: boolean;
 emptyText?: string;
+/** Label of the clear row in the list. Slot `#clear` replaces it (icon, markup). / Подпись пункта сброса; слот `#clear` заменяет её (иконка, разметка). */
 clearText?: string;
+/** Whether the value can be cleared: shows the clear row. Turn off when null is not valid. / Можно ли очистить значение: показывает пункт сброса. Выключайте, когда null не допустим. */
+clearable?: boolean;
+/** Control size, same scale as TaoButton and TaoSelect. / Размер контрола, шкала как у TaoButton и TaoSelect. */
+size?: "small" | "medium" | "large";
 /** Можно оставить то, чего нет в списке. */
 allowCreate?: boolean;
 }>, {
@@ -822,6 +860,8 @@ disabled: boolean;
 error: boolean;
 emptyText: string;
 clearText: string;
+clearable: boolean;
+size: string;
 allowCreate: boolean;
 }>>> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
@@ -829,12 +869,14 @@ onChange?: ((value: string | number | null) => any) | undefined;
 onCreate?: ((value: string) => any) | undefined;
 }>, {
 error: boolean;
+size: "small" | "medium" | "large";
 disabled: boolean;
 placeholder: string;
 modelValue: string | number | null;
 options: TaoSelectOption[];
 emptyText: string;
 clearText: string;
+clearable: boolean;
 allowCreate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -1478,6 +1520,7 @@ decrementLabel: string;
 "update:modelValue": (value: number | null) => void;
 blur: (event: FocusEvent) => void;
 focus: (event: FocusEvent) => void;
+commit: (value: number | null) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<{
 modelValue?: number | null;
 min?: number;
@@ -1501,6 +1544,7 @@ decrementLabel: string;
 "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
 onBlur?: ((event: FocusEvent) => any) | undefined;
 onFocus?: ((event: FocusEvent) => any) | undefined;
+onCommit?: ((value: number | null) => any) | undefined;
 }>, {
 disabled: boolean;
 step: number;

package/dist/index.mjs

@@ -260,7 +260,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     incrementLabel: { default: "Увеличить" },
     decrementLabel: { default: "Уменьшить" }
   },
-  emits: ["update:modelValue", "blur", "focus"],
+  emits: ["update:modelValue", "commit", "blur", "focus"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -328,9 +328,8 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     function commit(value) {
       const next = value === null ? null : clamp(value);
       emit("update:modelValue", next);
-      if (!focused.value) {
-        draft.value = toDraft(next);
-      }
+      draft.value = toDraft(next);
+      emit("commit", next);
     }
     function bump(direction) {
       if (props.disabled) {
@@ -361,6 +360,11 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
       emit("blur", event);
     }
     function onKeydown(event) {
+      if (event.key === "Enter") {
+        const parsed = parseDraft(draft.value);
+        commit(parsed === "incomplete" ? null : parsed);
+        return;
+      }
       if (event.key === "ArrowUp") {
         event.preventDefault();
         bump(1);
@@ -431,7 +435,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-f2141b0c"]]);
+const TaoInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-a4d3eca0"]]);
 const _hoisted_1$L = ["aria-label", "disabled"];
 const _hoisted_2$E = { "aria-hidden": "true" };
 const _hoisted_3$x = ["id", "value", "disabled", "aria-invalid", "aria-describedby", "aria-valuenow", "aria-valuemin", "aria-valuemax"];
@@ -2427,7 +2431,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-f9c46f8c"]]);
+const TaoCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-98f6bc87"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "tao-tag__prefix"
@@ -3938,7 +3942,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     placeholder: { default: "Выберите" },
     disabled: { type: Boolean, default: false },
     error: { type: Boolean, default: false },
-    clearText: { default: "Очистить" }
+    clearText: { default: "Очистить" },
+    clearable: { type: Boolean, default: true },
+    size: { default: "medium" }
   },
   emits: ["update:modelValue", "change"],
   setup(__props, { emit: __emit }) {
@@ -4042,7 +4048,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       if (props.disabled) {
         return;
       }
-      if ((event.key === "Backspace" || event.key === "Delete") && selected.value) {
+      if ((event.key === "Backspace" || event.key === "Delete") && selected.value && props.clearable) {
         event.preventDefault();
         clear();
         return;
@@ -4083,7 +4089,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         return;
       }
       if (event.key === "Backspace" || event.key === "Delete") {
-        if (selected.value) {
+        if (selected.value && props.clearable) {
           event.preventDefault();
           clear();
         }
@@ -4129,7 +4135,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-select", { "tao-select--open": open.value, "tao-select--invalid": invalid.value }])
+        class: normalizeClass(["tao-select", [`tao-select--${__props.size}`, { "tao-select--open": open.value, "tao-select--invalid": invalid.value }]])
       }, [
         createElementVNode("button", {
           id: controlId.value,
@@ -4160,7 +4166,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             key: 0,
             ref_key: "panelRef",
             ref: panelRef,
-            class: "tao-select__panel",
+            class: normalizeClass(["tao-select__panel", `tao-select__panel--${__props.size}`]),
             style: normalizeStyle(listStyle.value)
           }, [
             createElementVNode("ul", {
@@ -4193,7 +4199,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 }, toDisplayString(option.label), 43, _hoisted_4$h);
               }), 128))
             ], 40, _hoisted_3$i),
-            selected.value ? (openBlock(), createElementBlock("button", {
+            __props.clearable && selected.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
               class: "tao-select__clear",
@@ -4205,13 +4211,13 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.clearText), 1)
               ], true)
             ], 32)) : createCommentVNode("", true)
-          ], 4)) : createCommentVNode("", true)
+          ], 6)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-854360a4"]]);
+const TaoSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-70703b6d"]]);
 const _hoisted_1$n = ["id", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby", "disabled", "placeholder", "value"];
 const _hoisted_2$l = {
   key: 0,
@@ -4229,6 +4235,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     error: { type: Boolean, default: false },
     emptyText: { default: "Ничего не найдено" },
     clearText: { default: "Очистить" },
+    clearable: { type: Boolean, default: true },
+    size: { default: "medium" },
     allowCreate: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "change", "create"],
@@ -4602,11 +4610,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["tao-combobox", {
-          "tao-combobox--open": open.value,
-          "tao-combobox--invalid": invalid.value,
-          "tao-combobox--disabled": __props.disabled
-        }])
+        class: normalizeClass(["tao-combobox", [
+          `tao-combobox--${__props.size}`,
+          {
+            "tao-combobox--open": open.value,
+            "tao-combobox--invalid": invalid.value,
+            "tao-combobox--disabled": __props.disabled
+          }
+        ]])
       }, [
         createElementVNode("div", {
           ref_key: "fieldRef",
@@ -4652,7 +4663,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             key: 0,
             ref_key: "panelRef",
             ref: panelRef,
-            class: "tao-combobox__panel",
+            class: normalizeClass(["tao-combobox__panel", `tao-combobox__panel--${__props.size}`]),
             style: normalizeStyle(listStyle.value)
           }, [
             createElementVNode("ul", {
@@ -4695,7 +4706,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 ], 42, _hoisted_3$h);
               }), 128))
             ], 512),
-            selected.value ? (openBlock(), createElementBlock("button", {
+            __props.clearable && selected.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
               class: "tao-combobox__clear",
@@ -4706,13 +4717,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.clearText), 1)
               ], true)
             ], 32)) : createCommentVNode("", true)
-          ], 4)) : createCommentVNode("", true)
+          ], 6)) : createCommentVNode("", true)
         ]))
       ], 2);
     };
   }
 });
-const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-c1f14f5a"]]);
+const TaoCombobox = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-ce122d2d"]]);
 const ISO_DATE = /^(\d{4})-(\d{2})-(\d{2})$/;
 function formatTaoDateIso(parts) {
   return `${String(parts.y).padStart(4, "0")}-${String(parts.m).padStart(2, "0")}-${String(parts.d).padStart(2, "0")}`;