@volverjs/ui-vue 0.0.10-beta.37 → 0.0.10-beta.39

package/dist/components/index.es.js

@@ -1935,6 +1935,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "before"),
           createVNode(TransitionGroup, mergeProps({
             tag: "div",
+            role: "group",
             name: unref(hasTransition),
             class: "vv-alert-group__list"
           }, toHandlers(alertGroupTransitionHandlers)), {
@@ -3184,26 +3185,33 @@ const VvCheckboxGroupEvents = ["update:modelValue", "change"];
 function useOptions(props) {
   const { options, labelKey, valueKey, disabledKey } = toRefs(props);
   const getOptionLabel = (option) => {
-    if (typeof option !== "object" && option !== null)
+    if (typeof option === "string") {
       return option;
+    }
     return String(
       typeof labelKey.value === "function" ? labelKey.value(option) : get(option, labelKey.value)
     );
   };
   const getOptionValue = (option) => {
-    if (typeof option !== "object" && option !== null)
+    if (typeof option === "string") {
       return option;
+    }
     return typeof valueKey.value === "function" ? valueKey.value(option) : get(option, valueKey.value);
   };
   const isOptionDisabled = (option) => {
-    if (typeof option !== "object" && option !== null)
+    if (typeof option === "string") {
       return false;
+    }
     return typeof disabledKey.value === "function" ? disabledKey.value(option) : get(option, disabledKey.value);
   };
   const getOptionGrouped = (option) => {
-    if (typeof option !== "object" && option !== null)
+    if (typeof option == "string") {
       return [];
-    return option.options || [];
+    }
+    if (typeof option === "object" && option && "options" in option) {
+      return option.options;
+    }
+    return [];
   };
   return {
     options,
@@ -4042,7 +4050,16 @@ const VvSelectProps = {
    */
   placeholder: String
 };
-const VvSelectEmits = ["update:modelValue", "focus", "blur"];
+function useVvSelectProps() {
+  return {
+    ...VvSelectProps,
+    options: {
+      ...VvSelectProps.options,
+      type: Array,
+      default: () => []
+    }
+  };
+}
 function useComponentFocus(inputTemplateRef, emit) {
   const { focused } = useFocus(inputTemplateRef);
   watch(focused, (newValue) => {
@@ -4073,15 +4090,16 @@ const __default__$c = {
 };
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__$c,
-  props: VvSelectProps,
-  emits: VvSelectEmits,
+  props: useVvSelectProps(),
+  emits: ["update:modelValue", "focus", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const VvSelectProps2 = useVvSelectProps();
     const propsDefaults = useDefaults(
       "VvSelect",
-      VvSelectProps,
+      VvSelectProps2,
       props
     );
     const select = ref();
@@ -4182,9 +4200,11 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
     });
     function isGroup(option) {
-      if (typeof option === "string")
+      var _a;
+      if (typeof option === "string") {
         return false;
-      return option && option.options && option.options.length > 0;
+      }
+      return (_a = option.options) == null ? void 0 : _a.length;
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(
@@ -4318,16 +4338,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VvComboboxEvents = [
-  "update:modelValue",
-  "update:search",
-  /**
-   * @deprecated change:search should not be used, use update:search instead
-   */
-  "change:search",
-  "focus",
-  "blur"
-];
 const VvComboboxProps = {
   ...IdNameProps,
   ...TabindexProps,
@@ -4471,6 +4481,19 @@ const VvComboboxProps = {
     default: false
   }
 };
+function useVvComboboxProps() {
+  return {
+    ...VvComboboxProps,
+    options: {
+      ...VvComboboxProps.options,
+      type: Array
+    },
+    searchFunction: {
+      ...VvComboboxProps.searchFunction,
+      type: Function
+    }
+  };
+}
 const _hoisted_1$8 = ["id"];
 const _hoisted_2$6 = ["id", "for"];
 const _hoisted_3$4 = ["id", "aria-controls", "placeholder"];
@@ -4500,22 +4523,24 @@ const __default__$b = {
 };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...__default__$b,
-  props: VvComboboxProps,
-  emits: VvComboboxEvents,
+  props: useVvComboboxProps(),
+  emits: ["update:modelValue", "update:search", "change:search", "focus", "blur"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const VvComboboxProps2 = useVvComboboxProps();
     const propsDefaults = useDefaults(
       "VvCombobox",
-      VvComboboxProps,
+      VvComboboxProps2,
       props
     );
     function isGroup(option) {
+      var _a;
       if (typeof option === "string") {
         return false;
       }
-      return option.options && option.options.length > 0;
+      return (_a = option.options) == null ? void 0 : _a.length;
     }
     const {
       HintSlot,
@@ -5136,6 +5161,7 @@ const VvDialogEvents = [
   "leaveCancelled"
 ];
 const VvDialogProps = {
+  ...ModifiersProps,
   ...IdProps,
   /**
    * Dialog title
@@ -5154,6 +5180,7 @@ const VvDialogProps = {
   transition: { type: String, default: "fade-block" },
   /**
    * Dialog size
+   * @deprecated use modifiers instead
    */
   size: String,
   /**
@@ -5194,18 +5221,24 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       }
     });
     const modalWrapper = ref(null);
+    const { modifiers } = toRefs(props);
+    const bemCssClasses = useModifiers(
+      "vv-dialog",
+      modifiers,
+      // DEPRECATED: Must be removed in the future
+      computed(() => {
+        if (props.size) {
+          return { [props.size]: !!props.size };
+        }
+        return {};
+      })
+    );
     const dialogAttrs = computed(() => {
       const { id } = props;
       return {
         id
       };
     });
-    const dialogClass = computed(() => {
-      if (!props.size) {
-        return "vv-dialog";
-      }
-      return ["vv-dialog", `vv-dialog--${props.size}`];
-    });
     const transitioName = computed(() => `vv-dialog--${props.transition}`);
     const dialogTransitionHandlers = {
       "before-enter": () => {
@@ -5268,7 +5301,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             mergeProps(unref(dialogAttrs), {
               ref_key: "dialogEl",
               ref: dialogEl,
-              class: unref(dialogClass),
+              class: unref(bemCssClasses),
               onCancel: withModifiers(onCancel, ["stop", "prevent"])
             }),
             [
@@ -7552,7 +7585,7 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: VvInputFileProps,
-  emits: ["update:modelValue"],
+  emits: ["remove", "download", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -7682,6 +7715,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function onClickRemoveFile(index) {
+      const toRemove = !Array.isArray(localModelValue.value) ? localModelValue.value : localModelValue.value[index];
+      if (!toRemove) {
+        return;
+      }
+      emit("remove", toRemove);
       if (!Array.isArray(localModelValue.value)) {
         localModelValue.value = void 0;
         return;
@@ -7689,9 +7727,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (selectedFileIndex.value === index) {
         selectedFileIndex.value = 0;
       }
-      const toReturn = [...localModelValue.value];
-      toReturn.splice(index, 1);
-      localModelValue.value = toReturn;
+      const newModelValue = [...localModelValue.value];
+      newModelValue.splice(index, 1);
+      localModelValue.value = newModelValue;
     }
     const selectedFileIndex = ref(0);
     const PREVIEW_MIME_TYPES = ["image/jpeg", "image/png"];
@@ -7735,12 +7773,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return Math.floor(size2 / 1024);
     }
     function onClickDownloadFile(file) {
-      const link = document.createElement("a");
-      if (file instanceof File) {
-        link.href = URL.createObjectURL(file);
-      } else if (file.url) {
-        link.href = file.url;
+      emit("download", file);
+      const href = file instanceof File ? URL.createObjectURL(file) : file.url;
+      if (!href) {
+        return;
       }
+      const link = document.createElement("a");
+      link.href = href;
       link.setAttribute("download", file.name);
       document.body.appendChild(link);
       link.click();