@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/components/uploads/index.scss

@@ -0,0 +1,107 @@
+@use '../scss/common.scss' as *;
+
+$uploads: 'uploads';
+@include b($uploads) {
+	display: flex;
+	align-items: center;
+	&-upload-trigger {
+		width: 60px;
+		height: 60px;
+		border: 1px dashed #ccc;
+		font-size: 24px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		&.#{is('disabled')} {
+			box-shadow: 0 0 0 1px var(#{v(e() + 'disabled-border-color')}) inset;
+			background-color: var(#{v(e() + 'disabled-bg-color')});
+			color: var(#{v(e() + 'disabled-text-color')});
+			cursor: not-allowed;
+		}
+	}
+	&-list {
+		display: flex;
+		flex-wrap: wrap;
+		&-li {
+			position: relative;
+			margin-right: 10px;
+			width: 60px;
+			height: 60px;
+			border: 1px solid #ccc;
+			&:hover {
+				.#{$uploads}-list-li-operation {
+					display: flex;
+				}
+			}
+			&-operation {
+				position: absolute;
+				background-color: rgba(0, 0, 0, 0.5);
+				inset: 0;
+				z-index: 100;
+				display: none;
+				align-items: center;
+				justify-content: center;
+				color: #fff;
+				> span {
+					font-size: 16px;
+					padding: 3px;
+					line-height: 1;
+					cursor: pointer;
+				}
+				&-delete {
+					color: var(#{v(e() + 'color-danger')});
+				}
+			}
+			&-value {
+				height: 100%;
+				&-img {
+					height: 100%;
+					width: 100%;
+					&-error {
+						font-size: 14px;
+						background-color: var(#{v(e() + 'fill-color-light')});
+						color: var(#{v(e() + 'text-color-placeholder')});
+						max-height: 100%;
+						/* 换行设置 */
+						white-space: normal;
+						word-wrap: break-word;
+						overflow-wrap: break-word;
+						/* 多行省略 */
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 4;
+						overflow: hidden;
+
+						line-height: 1.1;
+					}
+				}
+				&-document {
+					height: 100%;
+					width: 100%;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					&-bg {
+						position: absolute;
+						inset: 0;
+						opacity: 0.1;
+					}
+					&-text {
+						max-height: 100%;
+						/* 换行设置 */
+						white-space: normal;
+						word-wrap: break-word;
+						overflow-wrap: break-word;
+						/* 多行省略 */
+						display: -webkit-box;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 4;
+						overflow: hidden;
+
+						line-height: 1.1;
+					}
+				}
+			}
+		}
+	}
+}

package/dist/components/uploads/src/data.cjs

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const list = require("../../common/list.cjs");
+const dataProps = {
+  ...list.props,
+  /**
+   * @props { Number } limit= ( )
+   * 最多个数
+   */
+  limit: {
+    type: Number
+  },
+  /**
+   * @props { Boolean } disabled= ( )
+   * 禁用操作 上传和删除
+   */
+  disabled: {
+    type: Boolean
+  },
+  /**
+   * @props { String } accept= ( )
+   * 文件类型
+   */
+  accept: {
+    type: String
+  },
+  /**
+   * @props { Number } fileSize= ( )
+   * 文件上传大小
+   */
+  fileSize: {
+    type: Number
+  },
+  /**
+   * @props { String } type= ( )
+   * i 图片，
+   * a 音频，
+   * v 视频
+   * e Excel文档
+   * 文件类型
+   */
+  type: {
+    type: String
+  },
+  /**
+   * @props { Function } formatter ( )
+   * 数据过滤，返回值 {
+  		url: string;// 地址
+  		name: string; // 名称
+  		disabled?: boolean; // 是否禁用删除操作
+  		type?: string; // 类型 同 type
+  	}
+   */
+  formatter: {
+    type: Function
+  },
+  /**
+   * @props { Function } errorPrompt ( )
+   * 错误提示，默认用 ElMessage.error 提示
+   */
+  errorPrompt: {
+    type: Function
+  },
+  isDownload: {
+    type: Boolean
+  },
+  isViews: {
+    type: [Boolean, String],
+    default: "i"
+  },
+  onDownload: {
+    type: Function
+  },
+  onDelete: {
+    type: Function
+  }
+};
+const dataHandle = list.comHandle;
+const dataEmits = [...list.emits, "views"];
+const dataSlot = {
+  default: "default",
+  views: "views"
+};
+const dataExpose = {};
+const types = {
+  // 图片
+  i: [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg", ".bmp"],
+  // 音频
+  a: [".mp3", ".wav", ".ogg", ".aac", ".m4a", ".flac", ".wma", ".aiff"],
+  // 视频
+  v: [
+    ".mp4",
+    ".avi",
+    ".mov",
+    ".wmv",
+    ".flv",
+    ".webm",
+    ".mkv",
+    ".mpeg",
+    ".mpg",
+    ".3gp"
+  ],
+  // Excel文档
+  e: [".xlsx", ".xls", ".csv"]
+};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataHandle = dataHandle;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.types = types;

package/dist/components/uploads/src/data.d.ts

@@ -0,0 +1,142 @@
+import { ExtractPublicPropTypes } from 'vue';
+import { comHandle } from '../../common/list';
+export declare const dataProps: {
+    /**
+     * @props { Number } limit= ( )
+     * 最多个数
+     */
+    limit: {
+        type: NumberConstructor;
+    };
+    /**
+     * @props { Boolean } disabled= ( )
+     * 禁用操作 上传和删除
+     */
+    disabled: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { String } accept= ( )
+     * 文件类型
+     */
+    accept: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { Number } fileSize= ( )
+     * 文件上传大小
+     */
+    fileSize: {
+        type: NumberConstructor;
+    };
+    /**
+     * @props { String } type= ( )
+     * i 图片，
+     * a 音频，
+     * v 视频
+     * e Excel文档
+     * 文件类型
+     */
+    type: {
+        type: StringConstructor;
+    };
+    /**
+     * @props { Function } formatter ( )
+     * 数据过滤，返回值 {
+            url: string;// 地址
+            name: string; // 名称
+            disabled?: boolean; // 是否禁用删除操作
+            type?: string; // 类型 同 type
+        }
+     */
+    formatter: {
+        type: FunctionConstructor;
+    };
+    /**
+     * @props { Function } errorPrompt ( )
+     * 错误提示，默认用 ElMessage.error 提示
+     */
+    errorPrompt: {
+        type: FunctionConstructor;
+    };
+    isDownload: {
+        type: BooleanConstructor;
+    };
+    isViews: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    onDownload: {
+        type: FunctionConstructor;
+    };
+    onDelete: {
+        type: FunctionConstructor;
+    };
+    options: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+    clearAbsent: {
+        type: BooleanConstructor;
+    };
+    label: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    prop: {
+        type: (StringConstructor | FunctionConstructor)[];
+        default: string;
+    };
+    modelValue: {
+        type: null;
+    };
+    multiple: {
+        type: (BooleanConstructor | StringConstructor)[];
+    };
+    load: {
+        type: BooleanConstructor[];
+    };
+    optobj: {
+        type: BooleanConstructor[];
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataHandle: typeof comHandle;
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    views: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};
+/**
+ * 文件格式
+ */
+export declare const types: {
+    i: string[];
+    a: string[];
+    v: string[];
+    e: string[];
+};

package/dist/components/uploads/src/data.js

@@ -0,0 +1,111 @@
+import { props, comHandle, emits } from "../../common/list.js";
+const dataProps = {
+  ...props,
+  /**
+   * @props { Number } limit= ( )
+   * 最多个数
+   */
+  limit: {
+    type: Number
+  },
+  /**
+   * @props { Boolean } disabled= ( )
+   * 禁用操作 上传和删除
+   */
+  disabled: {
+    type: Boolean
+  },
+  /**
+   * @props { String } accept= ( )
+   * 文件类型
+   */
+  accept: {
+    type: String
+  },
+  /**
+   * @props { Number } fileSize= ( )
+   * 文件上传大小
+   */
+  fileSize: {
+    type: Number
+  },
+  /**
+   * @props { String } type= ( )
+   * i 图片，
+   * a 音频，
+   * v 视频
+   * e Excel文档
+   * 文件类型
+   */
+  type: {
+    type: String
+  },
+  /**
+   * @props { Function } formatter ( )
+   * 数据过滤，返回值 {
+  		url: string;// 地址
+  		name: string; // 名称
+  		disabled?: boolean; // 是否禁用删除操作
+  		type?: string; // 类型 同 type
+  	}
+   */
+  formatter: {
+    type: Function
+  },
+  /**
+   * @props { Function } errorPrompt ( )
+   * 错误提示，默认用 ElMessage.error 提示
+   */
+  errorPrompt: {
+    type: Function
+  },
+  isDownload: {
+    type: Boolean
+  },
+  isViews: {
+    type: [Boolean, String],
+    default: "i"
+  },
+  onDownload: {
+    type: Function
+  },
+  onDelete: {
+    type: Function
+  }
+};
+const dataHandle = comHandle;
+const dataEmits = [...emits, "views"];
+const dataSlot = {
+  default: "default",
+  views: "views"
+};
+const dataExpose = {};
+const types = {
+  // 图片
+  i: [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg", ".bmp"],
+  // 音频
+  a: [".mp3", ".wav", ".ogg", ".aac", ".m4a", ".flac", ".wma", ".aiff"],
+  // 视频
+  v: [
+    ".mp4",
+    ".avi",
+    ".mov",
+    ".wmv",
+    ".flv",
+    ".webm",
+    ".mkv",
+    ".mpeg",
+    ".mpg",
+    ".3gp"
+  ],
+  // Excel文档
+  e: [".xlsx", ".xls", ".csv"]
+};
+export {
+  dataEmits,
+  dataExpose,
+  dataHandle,
+  dataProps,
+  dataSlot,
+  types
+};

package/dist/components/uploads/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/uploads/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};