@vunk/form 1.1.12 → 1.1.13

package/components/upload-plus/src/index.vue.d.ts

@@ -0,0 +1,163 @@
+import { Status } from './const';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dictId: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, {
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        formItemSize: "default" | "small" | "large";
+        formItemSlots: import("../../form-item/src/types").FormItemSlots | undefined;
+        elRef: any;
+        inline: boolean;
+        readonly: boolean | undefined;
+    }>;
+    handleFileChange: (e: Event) => void;
+    uuid: string;
+    container: {
+        file?: File | undefined;
+        hash?: string | undefined;
+    };
+    handleUpload: () => Promise<void>;
+    fileStatus: import("vue").Ref<Status>;
+    chunks: import("vue").Ref<{
+        fileName: string;
+        fileHash: string;
+        fileSize: number;
+        chunk: Blob;
+        hash: string;
+        chunksLength: number;
+        index: number;
+        progress: number;
+        sliceSize: number;
+        status: Status;
+    }[]>;
+    Status: typeof Status;
+    filePrefixIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    handlePause: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    dictId: {
+        type: StringConstructor;
+        default: string;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    label: StringConstructor;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    formItemSize: {
+        type: import("vue").PropType<"default" | "small" | "large">;
+        default: string;
+    };
+    formItemSlots: {
+        type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    size: number;
+    formItemSize: "default" | "small" | "large";
+    formItemSlots: import("../../form-item/src/types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
+    dictId: string;
+}>;
+export default _default;

package/components/upload-plus/src/types.d.ts

@@ -0,0 +1,24 @@
+import { Status } from './const';
+export interface FileContainer {
+    file?: File;
+    hash?: string;
+}
+export interface Chunk {
+    fileName: string;
+    fileHash: string;
+    fileSize: number;
+    /**
+     * 当前块的文件
+     */
+    chunk: Blob;
+    hash: string;
+    chunksLength: number;
+    index: number;
+    progress: number;
+    /**
+     * 分割大小
+     */
+    sliceSize: number;
+    status: Status;
+}
+export {};

package/components/upload-plus/src/types.js

@@ -0,0 +1 @@
+

package/index.css

@@ -216,6 +216,92 @@
 }
 
 
+@keyframes hide {
+  0% {
+    opacity: 1; /* 初始状态为完全显示 */
+  }
+  100% {
+    opacity: 0; /* 最终状态为完全隐藏 */
+    display: none; /* 同时隐藏元素 */
+  }
+}
+
+.vkf-upload-plus{
+  --vkf-upload-plus-height: 34px;
+}
+.vkf-upload-plus-label{
+ position: relative;
+}
+.vkf-upload-plus-cube-x,
+.vkf-upload-plus-msg-x
+{
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+.vkf-upload-plus-msg-x{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--el-color-success);
+  background: var(--el-bg-color);
+  animation-name: hide; /* 指定使用hide关键帧动画 */
+  animation-duration: 1s; /* 动画持续时间为2秒 */
+  animation-delay: 1s; /* 延迟2秒后开始动画 */
+  animation-fill-mode: forwards; /* 动画结束后保持最后一帧的状态 */
+}
+.vkf-upload-plus-msg{
+  margin-left: 2px;
+}
+.vkf-upload-plus-cube {
+  float: left;
+  height: 100%;
+}
+.vkf-upload-plus-cube.error {
+  background: var(--el-color-danger);
+}
+.vkf-upload-plus-cube .success{
+  background: var(--el-color-success);
+}
+.vkf-upload-plus-cube .uploading{
+  background: var(--el-color-primary);
+}
+.vkf-upload-plus-cube .error{
+  background: var(--el-color-danger);
+}
+
+.vkf-upload-plus-btng >.el-button:first-child{
+  border-radius: 0;
+}
+.vkf-upload-plus-btng >.el-button{
+  height: var(--vkf-upload-plus-height);
+}
+.vkf-upload-plus-main{
+  display: flex;
+  align-items: center;
+  border: var(--el-border);
+  border-radius: var(--el-border-radius-base);
+}
+.vkf-upload-plus-label{
+  cursor: pointer;
+}
+.vkf-upload-plus-label .el-input{
+  pointer-events: none;
+  --el-input-border-color: transparent;
+}
+.vkf-upload-plus-label .el-input.is-success .el-icon{
+   color: var(--el-color-success);
+}
+.vkf-upload-plus-label .el-input.is-error .el-icon{
+  color: var(--el-color-danger);
+}
+.vkf-upload-plus-input{
+  display: none;
+}
+
+
 .vkf-van-cascader .el-select{
   --el-readonly-cursor: pointer;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "",
   "main": "index.esm.js",
   "scripts": {

package/shared/types/source/index.d.ts

@@ -9,5 +9,11 @@ export interface BasicSource {
     class?: any;
     prop?: any;
 }
+/**
+ * @deprecated use __VkfTemplatesDefault.Source<P>
+ * ```ts
+ * import { __VkfTemplatesDefault } from '@vunk/form/components/templates-default'
+ * ```
+ */
 export declare type FormItemRendererSource<P extends string = string> = __VkfTemplatesDefault.Source<P>;
 export declare type AllTemplatesSource<P extends string = string> = __VkfTemplatesDefault.Source<P> | __VkfTemplatesMapbox.Source<P> | __VkfTemplatesLayout.ElRowSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.ElColSource<AllTemplatesSource<P>> | __VkfTemplatesLayout.VkfFlexSource<AllTemplatesSource<P>> | __VkfTemplatesElementPlus.Source;

package/shared/upload/index.d.ts

@@ -0,0 +1,7 @@
+export declare function createFileChunk(file: File, size: number): Blob[];
+/**
+ * 文件抽样算hash
+ * @param file
+ * @returns
+ */
+export declare function calculateFileHashSample(file: File): Promise<string>;