@varlet/ui 2.17.0 → 2.18.0-alpha.1697472019506

package/es/style.mjs

@@ -45,6 +45,8 @@ import './loading/style/index.mjs'
 import './loading-bar/style/index.mjs'
 import './locale/style/index.mjs'
 import './menu/style/index.mjs'
+import './menu-option/style/index.mjs'
+import './menu-select/style/index.mjs'
 import './option/style/index.mjs'
 import './overlay/style/index.mjs'
 import './pagination/style/index.mjs'

package/es/swipe/Swipe.mjs

@@ -24,7 +24,7 @@ import Hover from "../hover/index.mjs";
 import { defineComponent, ref, computed, watch, onActivated } from "vue";
 import { useSwipeItems } from "./provide.mjs";
 import { props } from "./props.mjs";
-import { clamp, isNumber, toNumber, doubleRaf } from "@varlet/shared";
+import { clamp, isNumber, toNumber, doubleRaf, preventDefault } from "@varlet/shared";
 import { call, createNamespace } from "../utils/components.mjs";
 import { onSmartUnmounted, onWindowResize, useTouch } from "@varlet/use";
 import { usePopup } from "../popup/provide.mjs";
@@ -372,7 +372,7 @@ const __sfc__ = defineComponent({
       if (!isExpectDirection.value) {
         return;
       }
-      event.preventDefault();
+      preventDefault(event);
       setTrackTranslate(trackTranslate.value + (vertical2 ? moveY.value : moveX.value));
     }
     function handleTouchend() {
@@ -397,6 +397,17 @@ const __sfc__ = defineComponent({
         call(onChange, index.value);
       }
     }
+    function handleHovering(value) {
+      if (props2.navigation === "hover") {
+        hovering.value = value;
+      }
+    }
+    function getNavigationAnimation(type) {
+      if (props2.navigation !== "hover") {
+        return "";
+      }
+      return n(`--navigation${props2.vertical ? "-vertical" : ""}-${type}-animation`);
+    }
     function resize() {
       if (!swipeEl.value) {
         return;
@@ -471,17 +482,6 @@ const __sfc__ = defineComponent({
         task({ event: index2 === count - 1 ? options == null ? void 0 : options.event : false });
       });
     }
-    const handleHovering = (value) => {
-      if (props2.navigation === "hover") {
-        hovering.value = value;
-      }
-    };
-    function getNavigationAnimation(type) {
-      if (props2.navigation !== "hover") {
-        return "";
-      }
-      return props2.vertical ? n(`--navigation-vertical-${type}-animation`) : n(`--navigation-${type}-animation`);
-    }
     return {
       length,
       index,

package/es/themes/dark/index.mjs

@@ -53,7 +53,8 @@ import progress from "./progress.mjs";
 import option from "./option.mjs";
 import countdown from "./countdown.mjs";
 import watermark from "./watermark.mjs";
-var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+import menuOption from "./menuOption.mjs";
+var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   // common
   "--color-body": "#1e1e1e",
   "--color-text": "#fff",
@@ -64,7 +65,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--color-danger": "#ef5350",
   "--color-disabled": "#404040",
   "--color-text-disabled": "#757575"
-}, button), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), steps), pagination), table), fieldDecorator), select), radio), checkbox), divider), picker), appBar), bottomNavigation), bottomNavigationItem), menu), result), breadcrumb), paper), avatar), link), progress), option), countdown), watermark);
+}, button), cell), card), timePicker), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), steps), pagination), table), fieldDecorator), select), radio), checkbox), divider), picker), appBar), bottomNavigation), bottomNavigationItem), menu), result), breadcrumb), paper), avatar), link), progress), option), countdown), watermark), menuOption);
 export {
   stdin_default as default
 };

package/es/themes/dark/menuOption.mjs

@@ -0,0 +1,6 @@
+var stdin_default = {
+  "--menu-option-text-color": "#fff"
+};
+export {
+  stdin_default as default
+};

package/es/themes/dark/option.mjs

@@ -1,5 +1,5 @@
 var stdin_default = {
-  "--options-text-color": "#fff"
+  "--option-text-color": "#fff"
 };
 export {
   stdin_default as default

package/es/time-picker/TimePicker.mjs

@@ -2,7 +2,7 @@ import dayjs from "dayjs/esm";
 import Clock from "./clock.mjs";
 import { computed, defineComponent, reactive, ref, watch } from "vue";
 import { props, hoursAmpm, hours24 } from "./props.mjs";
-import { toNumber, getRect } from "@varlet/shared";
+import { toNumber, getRect, preventDefault } from "@varlet/shared";
 import { createNamespace, call, formatElevation } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from "./utils.mjs";
@@ -358,7 +358,7 @@ const __sfc__ = defineComponent({
       }
     }
     function moveHand(event) {
-      event.preventDefault();
+      preventDefault(event);
       if (props2.readonly)
         return;
       setCenterAndRange();

package/es/uploader/Uploader.mjs

@@ -27,7 +27,7 @@ import Ripple from "../ripple/index.mjs";
 import Hover from "../hover/index.mjs";
 import { defineComponent, nextTick, reactive, computed, watch, ref } from "vue";
 import { props } from "./props.mjs";
-import { isNumber, toNumber, isString, normalizeToArray, toDataURL } from "@varlet/shared";
+import { isNumber, toNumber, normalizeToArray, toDataURL } from "@varlet/shared";
 import { isHTMLSupportImage, isHTMLSupportVideo } from "../utils/shared.mjs";
 import { call, useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
 import { useForm } from "../form/provide.mjs";
@@ -276,16 +276,20 @@ const __sfc__ = defineComponent({
       { deep: true }
     );
     function preview(varFile) {
-      const { disabled, previewed } = props2;
+      const { disabled, previewed, preventDefaultPreview, onPreview } = props2;
       if ((form == null ? void 0 : form.disabled.value) || disabled || !previewed) {
         return;
       }
+      call(onPreview, reactive(varFile));
+      if (preventDefaultPreview) {
+        return;
+      }
       const { url } = varFile;
-      if (isString(url) && isHTMLSupportImage(url)) {
+      if (isHTMLSupportImage(url)) {
         ImagePreview(url);
         return;
       }
-      if (isString(url) && isHTMLSupportVideo(url)) {
+      if (isHTMLSupportVideo(url)) {
         currentPreview.value = varFile;
         showPreview.value = true;
       }

package/es/uploader/props.mjs

@@ -43,12 +43,14 @@ const props = {
   },
   rules: Array,
   hideList: Boolean,
+  preventDefaultPreview: Boolean,
   onBeforeFilter: defineListenerProp(),
   onBeforeRead: defineListenerProp(),
   onAfterRead: defineListenerProp(),
   onBeforeRemove: defineListenerProp(),
   onRemove: defineListenerProp(),
   onOversize: defineListenerProp(),
+  onPreview: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
 export {

package/es/utils/shared.mjs

@@ -1,12 +1,12 @@
-import { removeItem } from "@varlet/shared";
+import { isString, removeItem } from "@varlet/shared";
 const isHTMLSupportImage = (val) => {
-  if (val == null) {
+  if (!isString(val)) {
     return false;
   }
-  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
+  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp|ico)$/i.test(val);
 };
 const isHTMLSupportVideo = (val) => {
-  if (val == null) {
+  if (!isString(val)) {
     return false;
   }
   return val.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(val);