@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/uploader/Uploader.mjs

@@ -15,6 +15,7 @@ import { call, useValidation, createNamespace, formatElevation } from '../utils/
 import { useForm } from '../form/provide.mjs';
 import { toSizeUnit } from '../utils/elements.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('uploader');
@@ -131,7 +132,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarUploader',
+  name,
   directives: {
     Ripple,
     Hover
@@ -181,7 +182,25 @@ var __sfc__ = defineComponent({
       }
       return modelValue;
     });
-    var preview = varFile => {
+    var callReset = false;
+    var varFileUtils = {
+      getSuccess,
+      getError,
+      getLoading
+    };
+    var uploaderProvider = {
+      validate,
+      resetValidation,
+      reset
+    };
+    call(bindForm, uploaderProvider);
+    watch(() => props.modelValue, () => {
+      !callReset && validateWithTrigger('onChange');
+      callReset = false;
+    }, {
+      deep: true
+    });
+    function preview(varFile) {
       var {
         disabled,
         readonly,
@@ -201,39 +220,45 @@ var __sfc__ = defineComponent({
         currentPreview.value = varFile;
         showPreview.value = true;
       }
-    };
-    var createVarFile = file => ({
-      id: fid++,
-      url: '',
-      cover: '',
-      name: file.name,
-      file,
-      progress: 0
-    });
-    var getFiles = event => {
+    }
+    function createVarFile(file) {
+      return {
+        id: fid++,
+        url: '',
+        cover: '',
+        name: file.name,
+        file,
+        progress: 0
+      };
+    }
+    function getFiles(event) {
       var el = event.target;
       var {
         files: fileList
       } = el;
       return Array.from(fileList);
-    };
-    var resolver = varFile => new Promise(resolve => {
-      // For performance, only file reader processing is performed on images
-      if (!varFile.file.type.startsWith('image')) {
-        resolve(varFile);
-        return;
-      }
-      var fileReader = new FileReader();
-      fileReader.onload = () => {
-        var base64 = fileReader.result;
-        varFile.cover = base64;
-        varFile.url = base64;
-        resolve(varFile);
-      };
-      fileReader.readAsDataURL(varFile.file);
-    });
-    var getResolvers = varFiles => varFiles.map(resolver);
-    var getBeforeReaders = varFiles => {
+    }
+    function resolver(varFile) {
+      return new Promise(resolve => {
+        // For performance, only file reader processing is performed on images
+        if (!varFile.file.type.startsWith('image')) {
+          resolve(varFile);
+          return;
+        }
+        var fileReader = new FileReader();
+        fileReader.onload = () => {
+          var base64 = fileReader.result;
+          varFile.cover = base64;
+          varFile.url = base64;
+          resolve(varFile);
+        };
+        fileReader.readAsDataURL(varFile.file);
+      });
+    }
+    function getResolvers(varFiles) {
+      return varFiles.map(resolver);
+    }
+    function getBeforeReaders(varFiles) {
       var {
         onBeforeRead
       } = props;
@@ -252,9 +277,12 @@ var __sfc__ = defineComponent({
           });
         });
       }));
-    };
-    var handleChange = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (event) {
+    }
+    function handleChange(_x) {
+      return _handleChange.apply(this, arguments);
+    }
+    function _handleChange() {
+      _handleChange = _asyncToGenerator(function* (event) {
         var {
           maxsize,
           maxlength,
@@ -280,7 +308,7 @@ var __sfc__ = defineComponent({
           return varFiles.slice(0, limit);
         };
         var getFilterVarFiles = /*#__PURE__*/function () {
-          var _ref2 = _asyncToGenerator(function* (varFiles) {
+          var _ref = _asyncToGenerator(function* (varFiles) {
             if (!onBeforeFilter) {
               return varFiles;
             }
@@ -292,8 +320,8 @@ var __sfc__ = defineComponent({
             }
             return varFiles;
           });
-          return function getFilterVarFiles(_x2) {
-            return _ref2.apply(this, arguments);
+          return function getFilterVarFiles(_x3) {
+            return _ref.apply(this, arguments);
           };
         }();
 
@@ -307,27 +335,28 @@ var __sfc__ = defineComponent({
         // pre resolve
         var resolvedVarFiles = yield Promise.all(getResolvers(varFiles));
         var validationVarFiles = yield Promise.all(getBeforeReaders(resolvedVarFiles));
-        var validVarFiles = validationVarFiles.filter(_ref3 => {
+        var validVarFiles = validationVarFiles.filter(_ref2 => {
           var {
             valid
-          } = _ref3;
+          } = _ref2;
           return valid;
-        }).map(_ref4 => {
+        }).map(_ref3 => {
           var {
             varFile
-          } = _ref4;
+          } = _ref3;
           return varFile;
         });
         call(props['onUpdate:modelValue'], [...modelValue, ...validVarFiles]);
         event.target.value = '';
         validVarFiles.forEach(varFile => call(onAfterRead, reactive(varFile)));
       });
-      return function handleChange(_x) {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    var handleRemove = /*#__PURE__*/function () {
-      var _ref5 = _asyncToGenerator(function* (removedVarFile) {
+      return _handleChange.apply(this, arguments);
+    }
+    function handleRemove(_x2) {
+      return _handleRemove.apply(this, arguments);
+    } // expose
+    function _handleRemove() {
+      _handleRemove = _asyncToGenerator(function* (removedVarFile) {
         var {
           disabled,
           readonly,
@@ -349,37 +378,34 @@ var __sfc__ = defineComponent({
         validateWithTrigger('onRemove');
         call(props['onUpdate:modelValue'], expectedFiles);
       });
-      return function handleRemove(_x3) {
-        return _ref5.apply(this, arguments);
-      };
-    }();
-
-    // expose
-    var getSuccess = () => props.modelValue.filter(varFile => varFile.state === 'success');
+      return _handleRemove.apply(this, arguments);
+    }
+    function getSuccess() {
+      return props.modelValue.filter(varFile => varFile.state === 'success');
+    }
 
     // expose
-    var getError = () => props.modelValue.filter(varFile => varFile.state === 'error');
+    function getError() {
+      return props.modelValue.filter(varFile => varFile.state === 'error');
+    }
 
     // expose
-    var getLoading = () => props.modelValue.filter(varFile => varFile.state === 'loading');
+    function getLoading() {
+      return props.modelValue.filter(varFile => varFile.state === 'loading');
+    }
 
     // expose
-    var chooseFile = () => {
+    function chooseFile() {
       input.value.click();
-    };
+    }
 
     // expose
-    var closePreview = () => {
+    function closePreview() {
       currentPreview.value = null;
       showPreview.value = false;
       ImagePreview.close();
-    };
-    var varFileUtils = {
-      getSuccess,
-      getError,
-      getLoading
-    };
-    var validateWithTrigger = trigger => {
+    }
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -388,34 +414,20 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue, varFileUtils);
       });
-    };
-    var callReset = false;
+    }
 
     // expose
-    var validate = () => v(props.rules, props.modelValue, varFileUtils);
+    function validate() {
+      return v(props.rules, props.modelValue, varFileUtils);
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       callReset = true;
       call(props['onUpdate:modelValue'], []);
       resetValidation();
-    };
-    var uploaderProvider = {
-      validate,
-      resetValidation,
-      reset
-    };
-    call(bindForm, uploaderProvider);
-    watch(() => props.modelValue, () => {
-      !callReset && validateWithTrigger('onChange');
-      callReset = false;
-    }, {
-      deep: true
-    });
+    }
     return {
-      n,
-      classes,
-      formatElevation,
       input,
       files,
       showPreview,
@@ -425,6 +437,9 @@ var __sfc__ = defineComponent({
       hovering,
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
+      n,
+      classes,
+      formatElevation,
       toNumber,
       handleHovering,
       isHTMLSupportVideo,

package/es/utils/components.mjs

@@ -3,7 +3,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { useEventListener } from '@varlet/use';
 import { createApp, h, getCurrentInstance, isVNode, ref, onActivated, onDeactivated, Comment, Fragment, computed, watch } from 'vue';
-import { isArray } from '@varlet/shared';
+import { bigCamelize, isArray } from '@varlet/shared';
 export function pickProps(props, propsKey) {
   return Array.isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];
@@ -180,6 +180,7 @@ export function createNamespace(name) {
     });
   };
   return {
+    name: bigCamelize(componentName),
     n: createBEM,
     classes
   };

package/es/utils/shared.mjs

@@ -36,7 +36,6 @@ export var createCache = max => {
 export var linear = value => value;
 export var cubic = value => Math.pow(value, 3);
 export var easeInOutCubic = value => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
-export var dt = (value, defaultText) => value == null ? defaultText : value;
 
 // eslint-disable-next-line default-param-last
 export var padStart = function (str, maxLength, fillString) {