@antdv-next/mobile 0.0.0-stage → 0.1.1

package/dist/upload/interface.d.ts

@@ -0,0 +1,160 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+export type UploadFileStatus = 'error' | 'done' | 'uploading' | 'removed';
+export type UploadListType = 'picture-card' | 'text';
+/** The native `File` picked by the user, tagged with the `uid` of its list entry (PC: `VcFile`). */
+export interface UploadRawFile extends File {
+    uid: string;
+}
+export interface UploadFile<T = any> {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    lastModified?: number;
+    /** Address of the uploaded file, used for the thumbnail and the preview */
+    url?: string;
+    thumbUrl?: string;
+    /** Absent for files that were intercepted by `beforeUpload` */
+    status?: UploadFileStatus;
+    percent?: number;
+    originFileObj?: UploadRawFile;
+    response?: T;
+    error?: any;
+    xhr?: any;
+}
+export interface UploadChangeParam<T = UploadFile> {
+    file: T;
+    fileList: T[];
+    event?: {
+        percent: number;
+    };
+}
+export interface UploadProgressEvent {
+    percent: number;
+}
+export interface UploadRequestError extends Error {
+    status?: number;
+    method?: string;
+    url?: string;
+}
+export interface UploadRequestOption {
+    action: string;
+    filename: string;
+    data: Record<string, unknown>;
+    file: UploadRawFile | Blob;
+    headers: Record<string, string>;
+    withCredentials: boolean;
+    method: string;
+    onProgress: (event: UploadProgressEvent) => void;
+    onError: (error: Error, body?: any) => void;
+    onSuccess: (body: any, xhr?: XMLHttpRequest) => void;
+}
+export interface UploadRequestHandler {
+    abort: () => void;
+}
+export type UploadRequestResult = void | UploadRequestHandler;
+export type UploadCustomRequest = (options: UploadRequestOption, info: {
+    defaultRequest: (options: UploadRequestOption) => UploadRequestHandler;
+}) => UploadRequestResult;
+export type UploadBeforeUploadResult = void | boolean | string | Blob | File;
+export interface UploadShowUploadList {
+    /** Tap a finished image to preview it */
+    showPreviewIcon?: boolean;
+    /** Show the delete badge */
+    showRemoveIcon?: boolean;
+}
+export interface UploadItemActions {
+    preview: () => void;
+    remove: () => void;
+    /** upload again (failed files) */
+    retry: () => void;
+}
+export type UploadExceedReason = 'maxCount' | 'maxSize';
+export interface UploadSemanticClassNames {
+    root?: string;
+    list?: string;
+    item?: string;
+    trigger?: string;
+}
+export interface UploadSemanticStyles {
+    root?: CSSProperties;
+    list?: CSSProperties;
+    item?: CSSProperties;
+    trigger?: CSSProperties;
+}
+export interface UploadProps {
+    /** Controlled file list. Supports `v-model:fileList`. */
+    fileList?: UploadFile[];
+    defaultFileList?: UploadFile[];
+    accept?: string;
+    multiple?: boolean;
+    /** Max number of files. The trigger is hidden once reached; `1` replaces the current file. */
+    maxCount?: number;
+    /** Max size of one file in bytes, larger files are skipped and reported by `exceed` */
+    maxSize?: number;
+    disabled?: boolean;
+    /** Upload URL. Without `action` and `customRequest` picked files are only collected (status `done`). */
+    action?: string | ((file: UploadRawFile) => string | PromiseLike<string>);
+    method?: string;
+    headers?: Record<string, string>;
+    data?: Record<string, unknown> | ((file: UploadFile) => Record<string, unknown> | Promise<Record<string, unknown>>);
+    /** Name of the file field */
+    name?: string;
+    withCredentials?: boolean;
+    customRequest?: UploadCustomRequest;
+    /**
+     * Hook before uploading. Return `false` (or reject) to keep the file in the list without uploading,
+     * `Upload.LIST_IGNORE` to drop it, or a `File` / `Blob` to upload that instead.
+     */
+    beforeUpload?: (file: UploadRawFile, fileList: UploadRawFile[]) => UploadBeforeUploadResult | Promise<UploadBeforeUploadResult>;
+    /** Guard before removing. Return `false` (or resolve `false` / reject) to keep the file. */
+    beforeRemove?: (file: UploadFile) => void | boolean | Promise<void | boolean>;
+    listType?: UploadListType;
+    showUploadList?: boolean | UploadShowUploadList;
+    /** `capture` of the native input: `'user'`, `'environment'` or `true` */
+    capture?: boolean | 'user' | 'environment';
+    /** Custom thumbnail generation, resolves the thumbnail URL */
+    previewFile?: (file: File | Blob) => PromiseLike<string>;
+    /** Whether the file is displayed as an image */
+    isImageUrl?: (file: UploadFile) => boolean;
+    /** Icon of non-image files. The same-named slot wins. */
+    iconRender?: (file: UploadFile, listType?: UploadListType) => VNodeChild;
+    /** Number of columns of the `picture-card` grid */
+    columns?: number;
+    /** Open the built-in image preview when a finished image is tapped */
+    preview?: boolean;
+    rootClass?: string;
+    classes?: UploadSemanticClassNames;
+    styles?: UploadSemanticStyles;
+}
+export interface UploadEmits {
+    'update:fileList': [fileList: UploadFile[]];
+    /** Every state change: added, progress, done, error, removed */
+    'change': [info: UploadChangeParam];
+    'preview': [file: UploadFile];
+    'remove': [file: UploadFile];
+    /** Picked files that were skipped because of `maxCount` / `maxSize` */
+    'exceed': [files: File[], reason: UploadExceedReason];
+}
+export interface UploadSlots {
+    /** content of the upload trigger */
+    default?: () => any;
+    itemRender?: (props: {
+        file: UploadFile;
+        index: number;
+        fileList: UploadFile[];
+        actions: UploadItemActions;
+    }) => any;
+    iconRender?: (props: {
+        file: UploadFile;
+        listType: UploadListType;
+    }) => any;
+}
+export interface UploadRef {
+    /** open the native file picker */
+    chooseFile: () => void;
+    /** upload (again) a file of the list */
+    upload: (file: UploadFile) => void;
+    /** abort the request of one file, or of every uploading file */
+    abort: (file?: UploadFile) => void;
+}

package/dist/upload/request.d.ts

@@ -0,0 +1,3 @@
+import type { UploadRequestHandler, UploadRequestOption } from './interface';
+/** Default XHR upload (multipart/form-data) with progress, same contract as `customRequest`. */
+export declare function defaultRequest(option: UploadRequestOption): UploadRequestHandler;

package/dist/upload/request.js

@@ -0,0 +1,50 @@
+// src/upload/request.ts
+function getError(option, xhr) {
+	const error = /* @__PURE__ */ new Error(`cannot ${option.method} ${option.action} ${xhr.status}`);
+	error.status = xhr.status;
+	error.method = option.method;
+	error.url = option.action;
+	return error;
+}
+function getBody(xhr) {
+	const text = xhr.responseText || xhr.response;
+	if (!text) return text;
+	try {
+		return JSON.parse(text);
+	} catch {
+		return text;
+	}
+}
+/** Default XHR upload (multipart/form-data) with progress, same contract as `customRequest`. */
+function defaultRequest(option) {
+	const xhr = new XMLHttpRequest();
+	if (xhr.upload) xhr.upload.onprogress = (event) => {
+		if (event.total > 0) option.onProgress({ percent: event.loaded / event.total * 100 });
+	};
+	const formData = new FormData();
+	Object.keys(option.data ?? {}).forEach((key) => {
+		const value = option.data[key];
+		if (Array.isArray(value)) value.forEach((item) => formData.append(`${key}[]`, item));
+		else if (value !== void 0 && value !== null) formData.append(key, value);
+	});
+	const { file } = option;
+	if (typeof File !== "undefined" && file instanceof File) formData.append(option.filename, file, file.name);
+	else formData.append(option.filename, file);
+	xhr.onerror = () => option.onError(getError(option, xhr), getBody(xhr));
+	xhr.onload = () => {
+		if (xhr.status < 200 || xhr.status >= 300) option.onError(getError(option, xhr), getBody(xhr));
+		else option.onSuccess(getBody(xhr), xhr);
+	};
+	xhr.open(option.method, option.action, true);
+	if (option.withCredentials && "withCredentials" in xhr) xhr.withCredentials = true;
+	const headers = option.headers ?? {};
+	if (headers["X-Requested-With"] !== null) xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
+	Object.keys(headers).forEach((key) => {
+		if (headers[key] !== null && headers[key] !== void 0) xhr.setRequestHeader(key, headers[key]);
+	});
+	xhr.send(formData);
+	return { abort() {
+		xhr.abort();
+	} };
+}
+export { defaultRequest };

package/dist/upload/style/index.css

@@ -0,0 +1,224 @@
+.am-upload {
+  --am-upload-columns: 4;
+  --am-upload-gap: var(--am-margin-xs);
+  --am-upload-item-bg: var(--am-color-fill-tertiary);
+  --am-upload-item-border-radius: var(--am-border-radius);
+  --am-upload-trigger-color: var(--am-color-text-quaternary);
+  --am-upload-trigger-icon-size: 28px;
+  --am-upload-mask-bg: var(--am-color-bg-mask);
+  --am-upload-mask-color: var(--am-color-white);
+  --am-upload-remove-size: 18px;
+  --am-upload-remove-bg: var(--am-color-bg-mask);
+  --am-upload-remove-color: var(--am-color-white);
+
+  position: relative;
+  box-sizing: border-box;
+  color: var(--am-color-text);
+  font-size: var(--am-font-size);
+  font-family: var(--am-font-family);
+  line-height: var(--am-line-height);
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-upload-input {
+  display: none;
+}
+
+/* ---------- picture-card ---------- */
+.am-upload-picture-card .am-upload-list {
+  display: grid;
+  grid-template-columns: repeat(var(--am-upload-columns), minmax(0, 1fr));
+  gap: var(--am-upload-gap);
+}
+
+.am-upload-picture-card .am-upload-item,
+.am-upload-picture-card .am-upload-trigger {
+  position: relative;
+  box-sizing: border-box;
+  aspect-ratio: 1 / 1;
+  overflow: hidden;
+  background: var(--am-upload-item-bg);
+  border-radius: var(--am-upload-item-border-radius);
+}
+
+.am-upload-item-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  -webkit-user-drag: none;
+}
+
+.am-upload-item-file {
+  display: flex;
+  flex-direction: column;
+  gap: var(--am-margin-xxs);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  padding: var(--am-padding-xxs);
+  color: var(--am-color-text-secondary);
+}
+
+.am-upload-picture-card .am-upload-item-icon {
+  font-size: 24px;
+  line-height: 1;
+}
+
+.am-upload-picture-card .am-upload-item-name {
+  max-width: 100%;
+  overflow: hidden;
+  font-size: var(--am-font-size-sm);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.am-upload-item-mask {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+  gap: var(--am-margin-xxs);
+  align-items: center;
+  justify-content: center;
+  color: var(--am-upload-mask-color);
+  font-size: var(--am-font-size-sm);
+  background: var(--am-upload-mask-bg);
+}
+
+.am-upload-item-mask-icon {
+  font-size: 20px;
+}
+
+.am-upload-item-mask-error {
+  cursor: pointer;
+}
+
+.am-upload-item-mask-error .am-upload-item-mask-icon {
+  color: var(--am-color-error);
+}
+
+.am-upload-item-remove {
+  position: absolute;
+  top: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--am-upload-remove-size);
+  height: var(--am-upload-remove-size);
+  margin: 0;
+  padding: 0;
+  color: var(--am-upload-remove-color);
+  font-size: 10px;
+  background: var(--am-upload-remove-bg);
+  border: 0;
+  border-end-start-radius: var(--am-upload-item-border-radius);
+  outline: none;
+  cursor: pointer;
+}
+
+/* enlarge the touch target of the badge */
+.am-upload-item-remove::before {
+  position: absolute;
+  inset: -8px;
+  content: '';
+}
+
+.am-upload-picture-card .am-upload-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--am-upload-trigger-color);
+  cursor: pointer;
+}
+
+.am-upload-picture-card .am-upload-trigger:active {
+  background: var(--am-color-fill-secondary);
+}
+
+.am-upload-trigger-icon {
+  font-size: var(--am-upload-trigger-icon-size);
+}
+
+/* ---------- text ---------- */
+.am-upload-text .am-upload-list {
+  display: flex;
+  flex-direction: column;
+}
+
+.am-upload-text .am-upload-trigger {
+  display: inline-flex;
+  align-self: flex-start;
+  order: -1;
+  max-width: 100%;
+  cursor: pointer;
+}
+
+.am-upload-text .am-upload-item {
+  position: relative;
+  display: flex;
+  gap: var(--am-margin-xs);
+  align-items: center;
+  box-sizing: border-box;
+  min-height: var(--am-control-height);
+  color: var(--am-color-text);
+}
+
+.am-upload-text .am-upload-item:first-child {
+  margin-top: var(--am-margin-xs);
+}
+
+.am-upload-text .am-upload-item-icon {
+  flex: none;
+  color: var(--am-color-text-description);
+}
+
+.am-upload-text .am-upload-item-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.am-upload-item-extra {
+  flex: none;
+  color: var(--am-color-text-description);
+  font-size: var(--am-font-size-sm);
+}
+
+.am-upload-text .am-upload-item-error,
+.am-upload-text .am-upload-item-error .am-upload-item-icon,
+.am-upload-text .am-upload-item-error .am-upload-item-extra {
+  color: var(--am-color-error);
+}
+
+.am-upload-text .am-upload-item-remove {
+  position: relative;
+  flex: none;
+  width: 28px;
+  height: 28px;
+  color: var(--am-color-text-description);
+  font-size: var(--am-font-size-sm);
+  background: transparent;
+  border-radius: 0;
+}
+
+.am-upload-text .am-upload-item-remove:active {
+  color: var(--am-color-text);
+}
+
+/* ---------- disabled ---------- */
+.am-upload-disabled .am-upload-trigger {
+  cursor: not-allowed;
+  opacity: var(--am-opacity-disabled);
+}
+
+.am-upload-disabled.am-upload-picture-card .am-upload-trigger:active {
+  background: var(--am-upload-item-bg);
+}

package/dist/upload/utils.d.ts

@@ -0,0 +1,5 @@
+import type { UploadFile } from './interface';
+/** `beforeUpload` return value that drops the file from the list. */
+export declare const LIST_IGNORE: string;
+export declare function genUid(): string;
+export declare function isImageUrl(file: UploadFile): boolean;

package/dist/upload/utils.js

@@ -0,0 +1,19 @@
+// src/upload/utils.ts
+/** `beforeUpload` return value that drops the file from the list. */
+var LIST_IGNORE = `__LIST_IGNORE_${Date.now()}__`;
+var seed = 0;
+function genUid() {
+	seed += 1;
+	return `am-upload-${Date.now()}-${seed}`;
+}
+var imageExtReg = /\.(?:webp|svg|png|gif|jpg|jpeg|jfif|bmp|dpg|ico|heic|heif|avif)$/i;
+function isImageUrl(file) {
+	if (file.type && !file.thumbUrl) return file.type.startsWith("image/");
+	const url = file.thumbUrl || file.url || "";
+	if (!url) return false;
+	if (/^data:image\//.test(url) || url.startsWith("blob:")) return true;
+	if (url.startsWith("data:")) return false;
+	const ext = url.split(/[?#]/)[0].match(/\.[^./\\]*$/)?.[0] ?? "";
+	return ext ? imageExtReg.test(ext) : true;
+}
+export { LIST_IGNORE, genUid, isImageUrl };

package/dist/version/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "0.1.1";
+export default _default;

package/dist/version/index.js

@@ -0,0 +1,3 @@
+// src/version/index.ts
+var version_default = "0.1.1";
+export { version_default as default };

package/dist/virtual-list/VirtualList.js

@@ -0,0 +1,4 @@
+import VirtualList_vue_vue_type_script_setup_true_lang_default from "./VirtualList.vue_vue_type_script_setup_true_lang.js";
+// src/virtual-list/VirtualList.vue
+var VirtualList_default = VirtualList_vue_vue_type_script_setup_true_lang_default;
+export { VirtualList_default as default };

package/dist/virtual-list/VirtualList.vue.d.ts

@@ -0,0 +1,34 @@
+import type { VirtualListProps, VirtualListScrollToConfig, VirtualListSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = VirtualListSlots;
+declare function scrollTo(target: number | VirtualListScrollToConfig): void;
+declare const __VLS_base: import("vue").DefineComponent<VirtualListProps, {
+    scrollTo: typeof scrollTo;
+    getScrollTop: () => number;
+    /** the scroll container */
+    nativeElement: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (event: Event) => any;
+    visibleChange: (start: number, end: number) => any;
+    reachEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<VirtualListProps> & Readonly<{
+    onScroll?: ((event: Event) => any) | undefined;
+    onVisibleChange?: ((start: number, end: number) => any) | undefined;
+    onReachEnd?: (() => any) | undefined;
+}>, {
+    data: any[];
+    fixed: boolean;
+    component: string;
+    itemHeight: number;
+    virtual: boolean;
+    overscan: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};