@varlet/ui 2.17.0 → 2.17.1

package/lib/varlet.cjs.js

@@ -2156,13 +2156,13 @@ withInstall(stdin_default$3a);
 const _AppBarComponent = stdin_default$3a;
 var stdin_default$39 = stdin_default$3a;
 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);
@@ -16364,7 +16364,8 @@ function useSelect() {
 }
 const props$s = {
   label: {},
-  value: {}
+  value: {},
+  disabled: Boolean
 };
 const { name: name$s, n: n$v, classes: classes$p } = createNamespace("option");
 function __render__$x(_ctx, _cache) {
@@ -16375,7 +16376,7 @@ function __render__$x(_ctx, _cache) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "div",
     {
-      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.optionSelected, _ctx.n("--selected-color")])),
+      class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), [_ctx.optionSelected, _ctx.n("--selected-color")], [_ctx.disabled, _ctx.n("--disabled")])),
       style: vue.normalizeStyle({
         color: _ctx.optionSelected ? _ctx.focusColor : void 0
       }),
@@ -16397,36 +16398,33 @@ function __render__$x(_ctx, _cache) {
       _ctx.multiple ? (vue.openBlock(), vue.createBlock(_component_var_checkbox, {
         key: 0,
         ref: "checkbox",
-        "checked-color": _ctx.focusColor,
         modelValue: _ctx.optionSelected,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.optionSelected = $event),
+        "checked-color": _ctx.focusColor,
+        disabled: _ctx.disabled,
         onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
         }, ["stop"])),
         onChange: _ctx.handleSelect
-      }, null, 8, ["checked-color", "modelValue", "onChange"])) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode(
-        "div",
-        {
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("text"), _ctx.n("$--ellipsis")))
-        },
-        [
-          vue.renderSlot(_ctx.$slots, "default", {}, () => [
-            vue.createTextVNode(
-              vue.toDisplayString(_ctx.label),
-              1
-              /* TEXT */
-            )
-          ])
-        ],
-        2
-        /* CLASS */
-      ),
-      vue.createVNode(_component_var_hover_overlay, { hovering: _ctx.hovering }, null, 8, ["hovering"])
+      }, null, 8, ["modelValue", "checked-color", "disabled", "onChange"])) : vue.createCommentVNode("v-if", true),
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(_ctx.classes(_ctx.n("text"), _ctx.n("$--ellipsis")))
+          },
+          vue.toDisplayString(_ctx.label),
+          3
+          /* TEXT, CLASS */
+        )
+      ]),
+      vue.createVNode(_component_var_hover_overlay, {
+        hovering: _ctx.hovering && !_ctx.disabled
+      }, null, 8, ["hovering"])
     ],
     6
     /* CLASS, STYLE */
   )), [
-    [_directive_ripple],
+    [_directive_ripple, { disabled: _ctx.disabled }],
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
@@ -16455,24 +16453,27 @@ const __sfc__$y = vue.defineComponent({
     vue.watch([() => props2.label, () => props2.value], computeLabel);
     bindSelect(optionProvider);
     function handleClick() {
+      if (props2.disabled) {
+        return;
+      }
+      handleSelect();
+    }
+    function handleSelect() {
       if (multiple.value) {
         optionSelected.value = !optionSelected.value;
       }
       onSelect(optionProvider);
     }
-    function handleSelect() {
-      return onSelect(optionProvider);
-    }
     function sync(checked) {
       optionSelected.value = checked;
     }
     return {
-      n: n$v,
-      classes: classes$p,
       optionSelected,
       multiple,
       focusColor,
       hovering,
+      n: n$v,
+      classes: classes$p,
       handleHovering,
       handleClick,
       handleSelect
@@ -22257,7 +22258,7 @@ var stdin_default$c = {
   "--progress-label-color": "#fff"
 };
 var stdin_default$b = {
-  "--options-text-color": "#fff"
+  "--option-text-color": "#fff"
 };
 var stdin_default$a = {
   "--countdown-text-color": "#fff"
@@ -23161,12 +23162,14 @@ const props$1 = {
   },
   rules: Array,
   hideList: Boolean,
+  preventDefaultPreview: Boolean,
   onBeforeFilter: defineListenerProp(),
   onBeforeRead: defineListenerProp(),
   onAfterRead: defineListenerProp(),
   onBeforeRemove: defineListenerProp(),
   onRemove: defineListenerProp(),
   onOversize: defineListenerProp(),
+  onPreview: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
 var __async$1 = (__this, __arguments, generator) => {
@@ -23431,16 +23434,20 @@ const __sfc__$1 = vue.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, vue.reactive(varFile));
+      if (preventDefaultPreview) {
+        return;
+      }
       const { url } = varFile;
-      if (isString(url) && isHTMLSupportImage(url)) {
+      if (isHTMLSupportImage(url)) {
         stdin_default$1X(url);
         return;
       }
-      if (isString(url) && isHTMLSupportVideo(url)) {
+      if (isHTMLSupportVideo(url)) {
         currentPreview.value = varFile;
         showPreview.value = true;
       }
@@ -24060,7 +24067,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.17.0";
+const version = "2.17.1";
 function install(app) {
   stdin_default$3b.install && app.use(stdin_default$3b);
   stdin_default$39.install && app.use(stdin_default$39);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.17.0",
+  "version": "2.17.1",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.17.0",
-    "@varlet/shared": "2.17.0",
-    "@varlet/use": "2.17.0"
+    "@varlet/icons": "2.17.1",
+    "@varlet/shared": "2.17.1",
+    "@varlet/use": "2.17.1"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.17.0",
-    "@varlet/touch-emulator": "2.17.0",
-    "@varlet/ui": "2.17.0"
+    "@varlet/cli": "2.17.1",
+    "@varlet/ui": "2.17.1",
+    "@varlet/touch-emulator": "2.17.1"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/option.d.ts

@@ -6,6 +6,7 @@ export declare const optionProps: Record<string, any>
 export interface OptionProps extends BasicAttributes {
   label?: any
   value?: any
+  disabled?: boolean
 }
 
 export class Option extends VarComponent {

package/types/uploader.d.ts

@@ -43,6 +43,7 @@ export interface UploaderProps extends BasicAttributes {
   previewed?: boolean
   hideList?: boolean
   ripple?: boolean
+  preventDefaultPreview?: boolean
   resolveType?: UploaderResolveType
   validateTrigger?: Array<UploaderValidateTrigger>
   rules?: Array<(v: VarFile[], u: UploaderVarFileUtils) => any>
@@ -52,6 +53,7 @@ export interface UploaderProps extends BasicAttributes {
   onOversize?: ListenerProp<(file: VarFile) => any>
   onBeforeRemove?: ListenerProp<(file: VarFile) => any>
   onRemove?: ListenerProp<(file: VarFile) => any>
+  onPreview?: ListenerProp<(file: VarFile) => void>
   'onUpdate:modelValue'?: ListenerProp<(files: VarFile[]) => any>
 }