@retailcrm/embed-ui-v1-components 0.9.18 → 0.9.19

package/dist/remote.cjs

@@ -2413,7 +2413,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       default: false
     }
   },
-  setup(__props) {
+  emits: ["change", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const state = vue.reactive({
       expanded: props.expanded,
@@ -2442,6 +2444,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const equals = (a, b) => props.equalsFn(a, b);
     const contains = (array, value) => array.some((v) => equals(v, value));
     const navigableOptions = vue.computed(() => optionsRegistry.value.filter((option) => option.isMatched() && !option.disabled));
+    const setValue = (value) => {
+      state.value = value;
+      emit("change", value);
+      emit("update:value", value);
+    };
     vue.provide(RegisterKey, (option) => {
       if (optionsRegistry.value.some((item) => item.id === option.id)) {
         throw new Error(`[UiSelect] Component with id ${option.id} already registered. Unregister it before using again.`);
@@ -2474,12 +2481,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         } else {
           model.push(value);
         }
-        state.value = model;
+        setValue(model);
         if (!props.multiple) {
           close();
         }
       } else {
-        state.value = value;
+        setValue(value);
         close();
       }
     });
@@ -2533,9 +2540,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         } else {
           model.push(option.value);
         }
-        state.value = model;
+        setValue(model);
       } else {
-        state.value = option.value;
+        setValue(option.value);
         close();
       }
     };
@@ -2664,7 +2671,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           }, _ctx.$attrs, {
             onInput,
             onKeydown: onKeyDown,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => setValue($event)),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
           }), null, 16, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "width", "active-descendant"]),
           vue.createVNode(vue.unref(UiSelectPopper), {

package/dist/remote.d.ts

@@ -643,7 +643,10 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: unknown) => any;
+    "update:value": (value: unknown) => any;
+}, string, PublicProps, Readonly<ExtractPropTypes<{
     /** Атрибут id корневого элемента выпадающего списка. Должен быть уникальным на странице */
     id: {
         type: StringConstructor;
@@ -759,7 +762,10 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    onChange?: ((value: unknown) => any) | undefined;
+    "onUpdate:value"?: ((value: unknown) => any) | undefined;
+}>, {
     id: string;
     placeholder: string;
     disabled: boolean;
@@ -842,7 +848,7 @@ declare const __VLS_component_5: DefineComponent<ExtractPropTypes<{
             R,
             R,
             OnCleanup
-        ]) => any : (... /** @type { [typeof __VLS_components.UiPopperConnector, typeof __VLS_components.UiPopperConnector, ] } */args: [
+        ]) => any : (...args: [
             any,
             any,
             OnCleanup
@@ -1186,7 +1192,7 @@ declare function __VLS_template_5(): {
                 R,
                 R,
                 OnCleanup
-            ]) => any : (... /** @type { [typeof __VLS_components.UiPopperConnector, typeof __VLS_components.UiPopperConnector, ] } */args: [
+            ]) => any : (...args: [
                 any,
                 any,
                 OnCleanup

package/dist/remote.js

@@ -2411,7 +2411,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  setup(__props) {
+  emits: ["change", "update:value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const props = __props;
     const state = reactive({
       expanded: props.expanded,
@@ -2440,6 +2442,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const equals = (a, b) => props.equalsFn(a, b);
     const contains = (array, value) => array.some((v) => equals(v, value));
     const navigableOptions = computed(() => optionsRegistry.value.filter((option) => option.isMatched() && !option.disabled));
+    const setValue = (value) => {
+      state.value = value;
+      emit("change", value);
+      emit("update:value", value);
+    };
     provide(RegisterKey, (option) => {
       if (optionsRegistry.value.some((item) => item.id === option.id)) {
         throw new Error(`[UiSelect] Component with id ${option.id} already registered. Unregister it before using again.`);
@@ -2472,12 +2479,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         } else {
           model.push(value);
         }
-        state.value = model;
+        setValue(model);
         if (!props.multiple) {
           close();
         }
       } else {
-        state.value = value;
+        setValue(value);
         close();
       }
     });
@@ -2531,9 +2538,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         } else {
           model.push(option.value);
         }
-        state.value = model;
+        setValue(model);
       } else {
-        state.value = option.value;
+        setValue(option.value);
         close();
       }
     };
@@ -2662,7 +2669,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           }, _ctx.$attrs, {
             onInput,
             onKeydown: onKeyDown,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.value = $event),
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => setValue($event)),
             "onUpdate:expanded": _cache[1] || (_cache[1] = ($event) => state.expanded = $event)
           }), null, 16, ["id", "value", "multiple", "selection", "filter", "filterable", "clearable", "expanded", "invalid", "disabled", "readonly", "placeholder-only", "placeholder", "textbox-size", "width", "active-descendant"]),
           createVNode(unref(UiSelectPopper), {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@retailcrm/embed-ui-v1-components",
   "bin": "./bin/embed-ui-v1-components.mjs",
   "type": "module",
-  "version": "0.9.18",
+  "version": "0.9.19",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",