@destyler/file-upload 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
5
5
  import { CommonProperties, LocaleProperties, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
6
6
 
7
7
  //#region src/anatomy.d.ts
8
- declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "dropzone" | "trigger" | "label" | "item" | "itemName" | "itemSizeText" | "itemPreview" | "itemDeleteTrigger" | "itemGroup" | "itemPreviewImage" | "clearTrigger">;
8
+ declare const anatomy: _destyler_anatomy0.AnatomyInstance<"root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger" | "clearTrigger">;
9
9
  //#endregion
10
10
  //#region src/types.d.ts
11
11
  interface FileRejection {
@@ -244,8 +244,8 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
244
244
  declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
245
245
  //#endregion
246
246
  //#region src/props.d.ts
247
- declare const props: ("name" | "ids" | "translations" | "accept" | "disabled" | "required" | "allowDrop" | "maxFileSize" | "minFileSize" | "maxFiles" | "preventDocumentDrop" | "validate" | "onFileChange" | "onFileAccept" | "onFileReject" | "capture" | "directory" | "invalid" | "locale" | "dir" | "id" | "getRootNode")[];
248
- declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "name" | "ids" | "translations" | "accept" | "disabled" | "required" | "allowDrop" | "maxFileSize" | "minFileSize" | "maxFiles" | "preventDocumentDrop" | "validate" | "onFileChange" | "onFileAccept" | "onFileReject" | "capture" | "directory" | "invalid" | "locale" | "dir" | "id" | "getRootNode">];
247
+ declare const props: ("id" | "name" | "ids" | "translations" | "accept" | "disabled" | "required" | "allowDrop" | "maxFileSize" | "minFileSize" | "maxFiles" | "preventDocumentDrop" | "validate" | "onFileChange" | "onFileAccept" | "onFileReject" | "capture" | "directory" | "invalid" | "locale" | "dir" | "getRootNode")[];
248
+ declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "id" | "name" | "ids" | "translations" | "accept" | "disabled" | "required" | "allowDrop" | "maxFileSize" | "minFileSize" | "maxFiles" | "preventDocumentDrop" | "validate" | "onFileChange" | "onFileAccept" | "onFileReject" | "capture" | "directory" | "invalid" | "locale" | "dir" | "getRootNode">];
249
249
  declare const itemProps: "file"[];
250
250
  declare const splitItemProps: <Props extends ItemProps>(props: Props) => [ItemProps, Omit<Props, "file">];
251
251
  //#endregion
@@ -85,10 +85,9 @@ function connect(state, send, normalize) {
85
85
  const allowDrop = state.context.allowDrop;
86
86
  const translations = state.context.translations;
87
87
  const dragging = state.matches("dragging");
88
- const focused = state.matches("focused") && !disabled;
89
88
  return {
90
89
  dragging,
91
- focused,
90
+ focused: state.matches("focused") && !disabled,
92
91
  disabled: !!disabled,
93
92
  openFilePicker() {
94
93
  if (disabled) return;
@@ -127,8 +126,7 @@ function connect(state, send, normalize) {
127
126
  },
128
127
  setClipboardFiles(dt) {
129
128
  if (disabled) return false;
130
- const items = Array.from(dt?.items ?? []);
131
- const files = items.reduce((acc, item) => {
129
+ const files = Array.from(dt?.items ?? []).reduce((acc, item) => {
132
130
  if (item.kind !== "file") return acc;
133
131
  const file = item.getAsFile();
134
132
  if (!file) return acc;
@@ -189,8 +187,7 @@ function connect(state, send, normalize) {
189
187
  try {
190
188
  event.dataTransfer.dropEffect = "copy";
191
189
  } catch {}
192
- const hasFiles = isEventWithFiles(event);
193
- if (!hasFiles) return;
190
+ if (!isEventWithFiles(event)) return;
194
191
  const count = event.dataTransfer.items.length;
195
192
  send({
196
193
  type: "DROPZONE.DRAG_OVER",
@@ -314,8 +311,7 @@ function connect(state, send, normalize) {
314
311
  },
315
312
  getItemPreviewImageProps(props$1) {
316
313
  const { file, url } = props$1;
317
- const isImage = file.type.startsWith("image/");
318
- if (!isImage) throw new Error("Preview Image is only supported for image files");
314
+ if (!file.type.startsWith("image/")) throw new Error("Preview Image is only supported for image files");
319
315
  return normalize.img({
320
316
  ...parts.itemPreviewImage.attrs,
321
317
  "alt": translations.itemPreview?.(file),
@@ -483,8 +479,7 @@ function machine(userContext) {
483
479
  });
484
480
  },
485
481
  setFilesFromEvent(ctx$1, evt) {
486
- const result = getFilesFromEvent(ctx$1, evt.files);
487
- const { acceptedFiles, rejectedFiles } = result;
482
+ const { acceptedFiles, rejectedFiles } = getFilesFromEvent(ctx$1, evt.files);
488
483
  if (ctx$1.multiple) {
489
484
  const files = ref([...ctx$1.acceptedFiles, ...acceptedFiles]);
490
485
  set.files(ctx$1, files, rejectedFiles);
package/package.json CHANGED
@@ -1,28 +1,37 @@
1
1
  {
2
2
  "name": "@destyler/file-upload",
3
3
  "type": "module",
4
- "version": "0.1.0",
4
+ "version": "0.2.0",
5
5
  "description": "a component that is used to upload multiple files.",
6
6
  "author": "Elone Hoo <elonehoo@gmail.com>",
7
7
  "license": "MIT",
8
+ "homepage": "https://github.com/destyler/destyler",
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "git+https://github.com/destyler/destyler.git",
12
+ "directory": "packages/components/file-upload"
13
+ },
8
14
  "exports": {
9
- ".": "./dist/index.js"
15
+ ".": "./dist/index.mjs"
10
16
  },
11
- "main": "dist/index.js",
12
- "module": "dist/index.js",
13
- "types": "dist/index.d.ts",
17
+ "main": "dist/index.mjs",
18
+ "module": "dist/index.mjs",
19
+ "types": "dist/index.d.mts",
14
20
  "files": [
15
21
  "*.d.ts",
16
22
  "dist"
17
23
  ],
18
24
  "dependencies": {
19
- "@destyler/anatomy": "0.1.0",
20
- "@destyler/dom": "0.1.0",
21
- "@destyler/file": "0.1.0",
22
- "@destyler/i18n": "0.1.0",
23
- "@destyler/types": "0.1.0",
24
- "@destyler/xstate": "0.1.0",
25
- "@destyler/utils": "0.1.0"
25
+ "@destyler/file": "0.2.0",
26
+ "@destyler/anatomy": "0.2.0",
27
+ "@destyler/i18n": "0.2.0",
28
+ "@destyler/types": "0.2.0",
29
+ "@destyler/utils": "0.2.0",
30
+ "@destyler/xstate": "0.2.0",
31
+ "@destyler/dom": "0.2.0"
32
+ },
33
+ "publishConfig": {
34
+ "access": "public"
26
35
  },
27
36
  "scripts": {
28
37
  "clear": "rimraf ./dist",