@varlet/ui 1.20.1-alpha.10 → 1.22.0-alpha.12

package/es/uploader/Uploader.js

@@ -12,11 +12,9 @@ import { props } from './props';
 import { isNumber, isHTMLSupportImage, isHTMLSupportVideo, toNumber, isString } from '../utils/shared';
 import { useValidation } from '../utils/components';
 import { useForm } from '../form/provide';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createBlock as _createBlock, toDisplayString as _toDisplayString, createVNode as _createVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withScopeId as _withScopeId, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withCtx as _withCtx, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 
-var _withId = /*#__PURE__*/_withScopeId("");
-
-_pushScopeId("");
+var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 
 var _hoisted_1 = {
   class: "var-uploader var--box"
@@ -24,13 +22,15 @@ var _hoisted_1 = {
 var _hoisted_2 = {
   class: "var-uploader__file-list"
 };
-var _hoisted_3 = {
+var _hoisted_3 = ["onClick"];
+var _hoisted_4 = {
   class: "var-uploader__file-name"
 };
-
-_popScopeId();
-
-export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+var _hoisted_5 = ["onClick"];
+var _hoisted_6 = ["src", "alt"];
+var _hoisted_7 = ["multiple", "accept", "capture", "disabled"];
+var _hoisted_8 = ["src"];
+export function render(_ctx, _cache) {
   var _component_var_icon = _resolveComponent("var-icon");
 
   var _component_var_form_details = _resolveComponent("var-form-details");
@@ -39,14 +39,14 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
 
   var _directive_ripple = _resolveDirective("ripple");
 
-  return _openBlock(), _createBlock("div", _hoisted_1, [_createVNode("div", _hoisted_2, [(_openBlock(true), _createBlock(_Fragment, null, _renderList(_ctx.modelValue, f => {
-    return _withDirectives((_openBlock(), _createBlock("div", {
-      class: ["var-uploader__file var-elevation--2", [f.state === 'loading' ? 'var-uploader--loading' : null]],
+  return _openBlock(), _createElementBlock("div", _hoisted_1, [_createElementVNode("div", _hoisted_2, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.modelValue, f => {
+    return _withDirectives((_openBlock(), _createElementBlock("div", {
+      class: _normalizeClass(["var-uploader__file var-elevation--2", [f.state === 'loading' ? 'var-uploader--loading' : null]]),
       key: f,
       onClick: $event => _ctx.preview(f)
-    }, [_createVNode("div", _hoisted_3, _toDisplayString(f.name || f.url), 1
+    }, [_createElementVNode("div", _hoisted_4, _toDisplayString(f.name || f.url), 1
     /* TEXT */
-    ), _ctx.removable ? (_openBlock(), _createBlock("div", {
+    ), _ctx.removable ? (_openBlock(), _createElementBlock("div", {
       key: 0,
       class: "var-uploader__file-close",
       onClick: _withModifiers($event => _ctx.handleRemove(f), ["stop"])
@@ -56,41 +56,41 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
       name: "delete"
     })], 8
     /* PROPS */
-    , ["onClick"])) : _createCommentVNode("v-if", true), f.cover ? (_openBlock(), _createBlock("img", {
+    , _hoisted_5)) : _createCommentVNode("v-if", true), f.cover ? (_openBlock(), _createElementBlock("img", {
       key: 1,
       class: "var-uploader__file-cover",
-      style: {
+      style: _normalizeStyle({
         objectFit: f.fit
-      },
+      }),
       src: f.cover,
       alt: f.name
     }, null, 12
     /* STYLE, PROPS */
-    , ["src", "alt"])) : _createCommentVNode("v-if", true), _createVNode("div", {
-      class: ["var-uploader__file-indicator", [f.state === 'success' ? 'var-uploader--success' : null, f.state === 'error' ? 'var-uploader--error' : null]]
+    , _hoisted_6)) : _createCommentVNode("v-if", true), _createElementVNode("div", {
+      class: _normalizeClass(["var-uploader__file-indicator", [f.state === 'success' ? 'var-uploader--success' : null, f.state === 'error' ? 'var-uploader--error' : null]])
     }, null, 2
     /* CLASS */
     )], 10
     /* CLASS, PROPS */
-    , ["onClick"])), [[_directive_ripple, {
+    , _hoisted_3)), [[_directive_ripple, {
       disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly || !_ctx.ripple
     }]]);
   }), 128
   /* KEYED_FRAGMENT */
-  )), !_ctx.maxlength || _ctx.modelValue.length < _ctx.maxlength ? _withDirectives((_openBlock(), _createBlock("div", {
+  )), !_ctx.maxlength || _ctx.modelValue.length < _ctx.maxlength ? _withDirectives((_openBlock(), _createElementBlock("div", {
     key: 0,
-    class: ["var--relative", [!_ctx.$slots.default ? 'var-uploader__action var-elevation--2' : null, _ctx.disabled || _ctx.formDisabled ? 'var-uploader--disabled' : null]]
-  }, [_createVNode("input", {
+    class: _normalizeClass(["var--relative", [!_ctx.$slots.default ? 'var-uploader__action var-elevation--2' : null, _ctx.disabled || _ctx.formDisabled ? 'var-uploader--disabled' : null]])
+  }, [_createElementVNode("input", {
     class: "var-uploader__action-input",
     type: "file",
     multiple: _ctx.multiple,
     accept: _ctx.accept,
     capture: _ctx.capture,
     disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
-    onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
   }, null, 40
   /* PROPS, HYDRATE_EVENTS */
-  , ["multiple", "accept", "capture", "disabled"]), _renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_icon, {
+  , _hoisted_7), _renderSlot(_ctx.$slots, "default", {}, () => [_createVNode(_component_var_icon, {
     class: "var-uploader__action-icon",
     "var-uploader-cover": "",
     name: "plus"
@@ -108,13 +108,13 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
     "var-uploader-cover": "",
     position: "center",
     show: _ctx.showPreview,
-    "onUpdate:show": _cache[2] || (_cache[2] = $event => _ctx.showPreview = $event),
-    onClosed: _cache[3] || (_cache[3] = $event => _ctx.currentPreview = null)
+    "onUpdate:show": _cache[1] || (_cache[1] = $event => _ctx.showPreview = $event),
+    onClosed: _cache[2] || (_cache[2] = $event => _ctx.currentPreview = null)
   }, {
-    default: _withId(() => {
+    default: _withCtx(() => {
       var _ctx$currentPreview, _ctx$currentPreview2;
 
-      return [_ctx.currentPreview && _ctx.isHTMLSupportVideo((_ctx$currentPreview = _ctx.currentPreview) == null ? void 0 : _ctx$currentPreview.url) ? (_openBlock(), _createBlock("video", {
+      return [_ctx.currentPreview && _ctx.isHTMLSupportVideo((_ctx$currentPreview = _ctx.currentPreview) == null ? void 0 : _ctx$currentPreview.url) ? (_openBlock(), _createElementBlock("video", {
         key: 0,
         class: "var-uploader__preview-video",
         playsinline: "true",
@@ -126,7 +126,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
         src: (_ctx$currentPreview2 = _ctx.currentPreview) == null ? void 0 : _ctx$currentPreview2.url
       }, null, 8
       /* PROPS */
-      , ["src"])) : _createCommentVNode("v-if", true)];
+      , _hoisted_8)) : _createCommentVNode("v-if", true)];
     }),
     _: 1
     /* STABLE */
@@ -134,7 +134,7 @@ export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
   }, 8
   /* PROPS */
   , ["show"])]);
-});
+}
 export default defineComponent({
   render,
   name: 'VarUploader',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "1.20.1-alpha.10+89c77d4c",
+  "version": "1.22.0-alpha.12+aff33e6b",
   "description": "A material like components library",
   "module": "es/index.js",
   "typings": "types/index.d.ts",
@@ -43,11 +43,11 @@
     "test:watch": "varlet-cli jest -w"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.2.0"
   },
-  "gitHead": "89c77d4cb34cca2a4734796192dbd8403cca288d",
+  "gitHead": "aff33e6be8fd4a9a6bb4aaada4e46ae6aeea2ea5",
   "devDependencies": {
-    "@varlet/cli": "^1.20.1-alpha.10+89c77d4c"
+    "@varlet/cli": "^1.22.0-alpha.12+aff33e6b"
   },
   "dependencies": {
     "dayjs": "^1.10.4",