naive-ui 2.28.3 → 2.29.0

package/lib/time-picker/src/TimePicker.d.ts

@@ -2071,12 +2071,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/time-picker/src/TimePicker.js

@@ -382,6 +382,7 @@ exports.default = (0, vue_1.defineComponent)({
             if (mergedShowRef.value) {
                 const panelEl = (_a = panelInstRef.value) === null || _a === void 0 ? void 0 : _a.$el;
                 if (!(panelEl === null || panelEl === void 0 ? void 0 : panelEl.contains(e.relatedTarget))) {
+                    deriveInputValue();
                     doBlur(e);
                     closePanel({
                         returnFocus: false
@@ -389,6 +390,7 @@ exports.default = (0, vue_1.defineComponent)({
                 }
             }
             else {
+                deriveInputValue();
                 doBlur(e);
             }
         }
@@ -508,6 +510,7 @@ exports.default = (0, vue_1.defineComponent)({
         function handleMenuFocusOut(e) {
             if (isInternalFocusSwitch(e))
                 return;
+            deriveInputValue();
             doBlur(e);
             closePanel({
                 returnFocus: false
@@ -640,7 +643,9 @@ exports.default = (0, vue_1.defineComponent)({
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
                         default: () => ((0, vue_1.h)(input_1.NInput, { ref: "inputInstRef", status: this.mergedStatus, value: this.displayTimeString, bordered: this.mergedBordered, passivelyActivated: true, attrSize: this.mergedAttrSize, theme: this.mergedTheme.peers.Input, themeOverrides: this.mergedTheme.peerOverrides.Input, stateful: this.stateful, size: this.mergedSize, placeholder: this.localizedPlaceholder, clearable: this.clearable, disabled: this.mergedDisabled, textDecoration: this.isValueInvalid ? 'line-through' : undefined, onFocus: this.handleTimeInputFocus, onBlur: this.handleTimeInputBlur, onActivate: this.handleTimeInputActivate, onDeactivate: this.handleTimeInputDeactivate, onUpdateValue: this.handleTimeInputUpdateValue, onClear: this.handleTimeInputClear, internalDeactivateOnEnter: true, internalForceFocus: this.mergedShow, readonly: this.inputReadonly || this.mergedDisabled, onClick: this.handleTriggerClick }, this.showIcon
                             ? {
-                                [this.clearable ? 'clear' : 'suffix']: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
+                                [this.clearable
+                                    ? 'clear-icon-placeholder'
+                                    : 'suffix']: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-time-picker-icon` }, {
                                     default: () => $slots.icon ? $slots.icon() : (0, vue_1.h)(icons_1.TimeIcon, null)
                                 }))
                             }

package/lib/time-picker/src/styles/index.cssr.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr"); // vars:
 // --n-icon-color
 // --n-icon-color-disabled
 // --n-bezier
@@ -51,7 +45,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('time-picker', `
  overflow: hidden;
  background-color: var(--n-panel-color);
  box-shadow: var(--n-panel-box-shadow);
- `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cB)('time-picker-actions', `
+ `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)(), (0, cssr_1.cB)('time-picker-actions', `
  padding: var(--n-panel-action-padding);
  align-items: center;
  display: flex;

package/lib/tooltip/src/Tooltip.d.ts

@@ -396,12 +396,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/transfer/src/Transfer.d.ts

@@ -2178,12 +2178,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/transfer/src/TransferFilter.d.ts

@@ -107,12 +107,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/transfer/src/TransferFilter.js

@@ -36,7 +36,7 @@ exports.default = (0, vue_1.defineComponent)({
         const { mergedTheme, mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-transfer-filter` },
             (0, vue_1.h)(input_1.NInput, { value: this.value, onUpdateValue: this.onUpdateValue, disabled: this.disabled, theme: mergedTheme.peers.Input, themeOverrides: mergedTheme.peerOverrides.Input, clearable: true, size: "small", placeholder: this.placeholder, onFocus: this.onFocus, onBlur: this.onBlur }, {
-                clear: () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-transfer-icon` }, { default: () => (0, vue_1.h)(icons_1.SearchIcon, null) }))
+                'clear-icon-placeholder': () => ((0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-transfer-icon` }, { default: () => (0, vue_1.h)(icons_1.SearchIcon, null) }))
             })));
     }
 });

package/lib/transfer/src/TransferList.d.ts

@@ -120,12 +120,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/transfer/src/TransferListItem.d.ts

@@ -107,12 +107,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/transfer/src/styles/index.cssr.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in.cssr"));
+const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr");
 
 const animation = (0, cssr_1.c)([(0, cssr_1.c)('@keyframes transfer-slide-in-from-left', `
  0% {
@@ -126,7 +120,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('transfer', `
  flex-basis: 0;
  flex-grow: 1;
  box-sizing: border-box;
- overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
@@ -158,7 +151,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('transfer', `
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
- `, [(0, fade_in_cssr_1.default)()]), (0, cssr_1.cB)('transfer-list-content', `
+ `, [(0, fade_in_cssr_1.fadeInTransition)()]), (0, cssr_1.cB)('transfer-list-content', `
  padding: 0;
  margin: 0;
  position: relative;

package/lib/tree/src/Tree.d.ts

@@ -728,12 +728,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/tree/src/TreeNodeCheckbox.d.ts

@@ -102,12 +102,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/tree/src/styles/index.cssr.js

@@ -1,20 +1,14 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr"));
+const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
 
-const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-height-expand.cssr")); // vars:
+const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr"); // vars:
 // --n-arrow-color
 // --n-bezier
 // --n-font-size
@@ -39,9 +33,9 @@ exports.default = (0, cssr_1.cB)('tree', `
  flex-grow: 0;
  flex-shrink: 0;
  height: 0;
- `), (0, cssr_1.cB)('tree-motion-wrapper', [(0, cssr_1.cM)('expand', [(0, fade_in_height_expand_cssr_1.default)({
+ `), (0, cssr_1.cB)('tree-motion-wrapper', [(0, cssr_1.cM)('expand', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   duration: '0.2s'
-})]), (0, cssr_1.cM)('collapse', [(0, fade_in_height_expand_cssr_1.default)({
+})]), (0, cssr_1.cM)('collapse', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   duration: '0.2s',
   reverse: true
 })])]), (0, cssr_1.cB)('tree-node-wrapper', `
@@ -98,14 +92,14 @@ exports.default = (0, cssr_1.cB)('tree', `
  color: var(--n-arrow-color);
  transition: color .3s var(--n-bezier);
  font-size: 14px;
- `, [(0, cssr_1.cB)('icon', [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cB)('base-loading', `
+ `, [(0, cssr_1.cB)('icon', [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-loading', `
  color: var(--n-loading-color);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
- `, [(0, icon_switch_cssr_1.default)()]), (0, cssr_1.cB)('base-icon', [(0, icon_switch_cssr_1.default)()])]), (0, cssr_1.cM)('hide', {
+ `, [(0, icon_switch_cssr_1.iconSwitchTransition)()]), (0, cssr_1.cB)('base-icon', [(0, icon_switch_cssr_1.iconSwitchTransition)()])]), (0, cssr_1.cM)('hide', {
   visibility: 'hidden'
 }), (0, cssr_1.cM)('expanded', {
   transform: 'rotate(90deg)'

package/lib/tree-select/src/TreeSelect.d.ts

@@ -1145,7 +1145,7 @@ declare const _default: import("vue").DefineComponent<{
     focused: import("vue").Ref<boolean>;
     menuPadding: import("vue").ComputedRef<string>;
     mergedPlaceholder: import("vue").ComputedRef<string>;
-    mergedExpandedKeys: import("vue").ComputedRef<Key[]>;
+    mergedExpandedKeys: import("vue").ComputedRef<Key[] | undefined>;
     treeSelectedKeys: import("vue").ComputedRef<Key[]>;
     treeCheckedKeys: import("vue").ComputedRef<Key[]>;
     mergedSize: import("vue").ComputedRef<"small" | "medium" | "large">;
@@ -1264,12 +1264,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/tree-select/src/TreeSelect.js

@@ -109,7 +109,7 @@ exports.default = (0, vue_1.defineComponent)({
         // The same logic as tree, now it's not that complex so I don't extract a
         // function to reuse it.
         const uncontrolledExpandedKeysRef = (0, vue_1.ref)(props.defaultExpandAll
-            ? [] // leave it, n-tree will handle it
+            ? undefined // leave it, n-tree will handle it
             : props.defaultExpandedKeys || props.expandedKeys);
         const controlledExpandedKeysRef = (0, vue_1.toRef)(props, 'expandedKeys');
         const mergedExpandedKeysRef = (0, vooks_1.useMergedState)(controlledExpandedKeysRef, uncontrolledExpandedKeysRef);

package/lib/tree-select/src/styles/index.cssr.js

@@ -1,16 +1,10 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr"));
+const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
 
 const cssr_1 = require("../../../_utils/cssr"); // vars:
 // --n-bezier
@@ -49,4 +43,4 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('tree-select', `
  border-color .3s var(--n-bezier);
  border-top: 1px solid var(--n-action-divider-color);
  color: var(--n-action-text-color);
- `), (0, fade_in_scale_up_cssr_1.default)()])]);
+ `), (0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)()])]);

package/lib/upload/src/Upload.d.ts

@@ -1731,12 +1731,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/upload/src/Upload.js

@@ -244,7 +244,11 @@ exports.default = (0, vue_1.defineComponent)({
         function handleFileInputChange(e) {
             const target = e.target;
             handleFileAddition(target.files
-                ? Array.from(target.files).map((file) => ({ file, entry: null }))
+                ? Array.from(target.files).map((file) => ({
+                    file,
+                    entry: null,
+                    source: 'input'
+                }))
                 : null, e);
             // May have bug! set to null?
             target.value = '';
@@ -265,7 +269,15 @@ exports.default = (0, vue_1.defineComponent)({
             fileAndEntries = mergedMultipleRef.value
                 ? fileAndEntries
                 : [fileAndEntries[0]];
-            const { max } = props;
+            const { max, accept } = props;
+            fileAndEntries = fileAndEntries.filter(({ file, source }) => {
+                if (source === 'dnd' && (accept === null || accept === void 0 ? void 0 : accept.trim())) {
+                    return (0, utils_1.matchType)(file.name, file.type, accept);
+                }
+                else {
+                    return true;
+                }
+            });
             if (max) {
                 fileAndEntries = fileAndEntries.slice(0, max - mergedFileListRef.value.length);
             }
@@ -441,6 +453,7 @@ exports.default = (0, vue_1.defineComponent)({
             maxReachedRef,
             fileListStyleRef: (0, vue_1.toRef)(props, 'fileListStyle'),
             abstractRef: (0, vue_1.toRef)(props, 'abstract'),
+            acceptRef: (0, vue_1.toRef)(props, 'accept'),
             cssVarsRef: inlineThemeDisabled ? undefined : cssVarsRef,
             themeClassRef: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
             onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,

package/lib/upload/src/UploadFile.d.ts

@@ -104,12 +104,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/upload/src/UploadProgress.d.ts

@@ -100,12 +100,14 @@ declare const _default: import("vue").DefineComponent<{
             borderRadius: string;
             borderRadiusSmall: string;
             fontSize: string;
+            fontSizeMini: string;
             fontSizeTiny: string;
             fontSizeSmall: string;
             fontSizeMedium: string;
             fontSizeLarge: string;
             fontSizeHuge: string;
             lineHeight: string;
+            heightMini: string;
             heightTiny: string;
             heightSmall: string;
             heightMedium: string;

package/lib/upload/src/interface.d.ts

@@ -71,6 +71,7 @@ export interface UploadInjection {
     cssVarsRef: undefined | Ref<CSSProperties>;
     themeClassRef: undefined | Ref<string>;
     mergedDirectoryDndRef: Ref<boolean>;
+    acceptRef: Ref<string | undefined>;
     onRender: undefined | (() => void);
     submit: (fileId?: string) => void;
     getFileThumbnailUrl: (file: SettledFileInfo) => Promise<string>;
@@ -116,4 +117,5 @@ export declare type OnError = ({ file, event }: {
 export interface FileAndEntry {
     file: File;
     entry: FileSystemFileEntry | null;
+    source: 'dnd' | 'input';
 }

package/lib/upload/src/styles/index.cssr.js

@@ -1,20 +1,14 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
 const cssr_1 = require("../../../_utils/cssr");
 
-const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-height-expand.cssr"));
+const fade_in_height_expand_cssr_1 = require("../../../_styles/transitions/fade-in-height-expand.cssr");
 
-const icon_switch_cssr_1 = __importDefault(require("../../../_styles/transitions/icon-switch.cssr"));
+const icon_switch_cssr_1 = require("../../../_styles/transitions/icon-switch.cssr");
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, cssr_1.cM)('dragger-inside', [(0, cssr_1.cE)('trigger', `
  display: block;
@@ -78,7 +72,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  padding: 0px 12px 0 6px;
  transition: background-color .3s var(--n-bezier);
  border-radius: var(--n-border-radius);
- `, [(0, fade_in_height_expand_cssr_1.default)(), (0, cssr_1.cB)('progress', [(0, fade_in_height_expand_cssr_1.default)({
+ `, [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)(), (0, cssr_1.cB)('progress', [(0, fade_in_height_expand_cssr_1.fadeInHeightExpandTransition)({
   foldPadding: true
 })]), (0, cssr_1.c)('&:hover', `
  background-color: var(--n-item-color-hover);
@@ -199,7 +193,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('upload', 'width: 100%;', [(0, c
  opacity: 0;
  `, [(0, cssr_1.cB)('button', [(0, cssr_1.c)('&:not(:last-child)', {
   marginRight: '4px'
-}), (0, cssr_1.cB)('base-icon', [(0, cssr_1.c)('svg', [(0, icon_switch_cssr_1.default)()])])]), (0, cssr_1.cM)('image-type', `
+}), (0, cssr_1.cB)('base-icon', [(0, cssr_1.c)('svg', [(0, icon_switch_cssr_1.iconSwitchTransition)()])])]), (0, cssr_1.cM)('image-type', `
  position: relative;
  max-width: 80px;
  width: auto;

package/lib/upload/src/utils.d.ts

@@ -10,3 +10,9 @@ export declare function isFileSystemDirectoryEntry(item: FileSystemEntry | FileS
 export declare function isFileSystemFileEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemFileEntry;
 export declare function getFilesFromEntries(entries: readonly FileSystemEntry[] | Array<FileSystemEntry | null>, directory: boolean): Promise<FileAndEntry[]>;
 export declare function createSettledFileInfo(fileInfo: FileInfo): SettledFileInfo;
+/**
+ * This is a rather simple version. I may fix it later to make it more accurate.
+ * I've looked at https://github.com/broofa/mime, however it doesn't has a esm
+ * version, so I can't simply use it.
+ */
+export declare function matchType(name: string, mimeType: string, accept: string): boolean;

package/lib/upload/src/utils.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSettledFileInfo = exports.getFilesFromEntries = exports.isFileSystemFileEntry = exports.isFileSystemDirectoryEntry = exports.environmentSupportFile = exports.createImageDataUrl = exports.isImageFile = exports.isImageFileType = void 0;
+exports.matchType = exports.createSettledFileInfo = exports.getFilesFromEntries = exports.isFileSystemFileEntry = exports.isFileSystemDirectoryEntry = exports.environmentSupportFile = exports.createImageDataUrl = exports.isImageFile = exports.isImageFileType = void 0;
 const isImageFileType = (type) => type.includes('image/');
 exports.isImageFileType = isImageFileType;
 const getExtname = (url = '') => {
@@ -107,7 +107,7 @@ function getFilesFromEntries(entries, directory) {
                 else if (isFileSystemFileEntry(entry)) {
                     lock();
                     entry.file((file) => {
-                        fileAndEntries.push({ file, entry });
+                        fileAndEntries.push({ file, entry, source: 'dnd' });
                         unlock();
                     }, () => {
                         unlock();
@@ -140,3 +140,41 @@ function createSettledFileInfo(fileInfo) {
     };
 }
 exports.createSettledFileInfo = createSettledFileInfo;
+/**
+ * This is a rather simple version. I may fix it later to make it more accurate.
+ * I've looked at https://github.com/broofa/mime, however it doesn't has a esm
+ * version, so I can't simply use it.
+ */
+function matchType(name, mimeType, accept) {
+    name = name.toLowerCase();
+    mimeType = mimeType.toLocaleLowerCase();
+    accept = accept.toLocaleLowerCase();
+    const acceptAtoms = accept
+        .split(',')
+        .map((acceptAtom) => acceptAtom.trim())
+        .filter(Boolean);
+    return acceptAtoms.some((acceptAtom) => {
+        if (acceptAtom.startsWith('.')) {
+            // suffix
+            if (name.endsWith(acceptAtom))
+                return true;
+        }
+        else if (acceptAtom.includes('/')) {
+            // mime type
+            const [type, subtype] = mimeType.split('/');
+            const [acceptType, acceptSubtype] = acceptAtom.split('/');
+            if (acceptType === '*' || (type && acceptType && acceptType === type)) {
+                if (acceptSubtype === '*' ||
+                    (subtype && acceptSubtype && acceptSubtype === subtype)) {
+                    return true;
+                }
+            }
+        }
+        else {
+            // invalid type
+            return true;
+        }
+        return false;
+    });
+}
+exports.matchType = matchType;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.28.3";
+declare const _default: "2.29.0";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '2.28.3';
+exports.default = '2.29.0';