@vunk/form 1.1.11 → 1.1.13

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

@@ -0,0 +1,31 @@
+import { RestFetch } from '@vunk/core/shared/utils-fetch';
+import { Chunk } from './types';
+export declare const restFetch: RestFetch;
+/**
+ * https://app.apifox.com/link/project/2335162/apis/api-92811427
+ * @param data
+ * @returns
+ */
+export declare const verify: (params: {
+    identifier: string;
+}) => Promise<string[]>;
+/**
+ * https://app.apifox.com/link/project/2335162/apis/api-92025462
+ * @param data
+ * @param init
+ * @returns
+ */
+export declare const upload: (data: Chunk, init?: {
+    onprogress?: XMLHttpRequestEventTarget['onprogress'];
+    xhrs?: XMLHttpRequest[];
+}) => Promise<unknown>;
+/**
+ * https://app.apifox.com/link/project/2335162/apis/api-92729706
+ * @param data
+ * @returns
+ */
+export declare const merge: (data: {
+    identifier: string;
+    filename: string;
+    dictId?: string;
+}) => Promise<any>;

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

@@ -0,0 +1,65 @@
+import { RestFetch } from '@vunk/core/shared/utils-fetch';
+
+const restFetch = new RestFetch({
+  baseURL: "http://192.168.110.209:36800"
+});
+const verify = async (params) => {
+  return restFetch.request({
+    method: "GET",
+    url: "/dict/hdfs/getChunkList",
+    params
+  }).then((res) => {
+    return res.data.map((item) => item.identifier);
+  });
+};
+const upload = async (data, init) => {
+  return new Promise((resolve, reject) => {
+    var _a;
+    const xhr = new XMLHttpRequest();
+    xhr.upload.onprogress = (init == null ? void 0 : init.onprogress) || null;
+    xhr.open("post", restFetch.baseURL + "/dict/hdfs/chunk/upload");
+    const form = new FormData();
+    form.append("file", data.chunk);
+    form.append("identifier", data.fileHash);
+    form.append("filename", data.fileName);
+    form.append("chunkNumber", data.index + 1 + "");
+    form.append("chunkIdentifier", data.hash + "");
+    form.append("totalChunk", data.chunksLength + "");
+    form.append("chunkSize", data.sliceSize + "");
+    form.append("currentChunkSize", data.chunk.size + "");
+    form.append("totalSize", data.fileSize + "");
+    xhr.send(form);
+    xhr.onreadystatechange = (e) => {
+      const target = e.target;
+      if (xhr.readyState === 4) {
+        if (xhr.status === 200) {
+          if (init == null ? void 0 : init.xhrs) {
+            const i = init.xhrs.findIndex((req) => req === xhr);
+            init.xhrs.splice(i, 1);
+          }
+          resolve({
+            data: target.response
+          });
+        } else if (xhr.status === 500) {
+          reject(target.response);
+        }
+      }
+    };
+    xhr.timeout = 5 * 1e3;
+    xhr.ontimeout = (e) => {
+      reject(e);
+    };
+    (_a = init == null ? void 0 : init.xhrs) == null ? void 0 : _a.push(xhr);
+  });
+};
+const merge = async (data) => {
+  return restFetch.request({
+    method: "POST",
+    url: "/dict/hdfs/chunk/merge",
+    data
+  }).then((res) => {
+    return res.datas;
+  });
+};
+
+export { merge, restFetch, upload, verify };

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

@@ -0,0 +1,7 @@
+export declare enum Status {
+    wait = "wait",
+    pause = "pause",
+    uploading = "uploading",
+    error = "error",
+    done = "done"
+}

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

@@ -0,0 +1,10 @@
+var Status = /* @__PURE__ */ ((Status2) => {
+  Status2["wait"] = "wait";
+  Status2["pause"] = "pause";
+  Status2["uploading"] = "uploading";
+  Status2["error"] = "error";
+  Status2["done"] = "done";
+  return Status2;
+})(Status || {});
+
+export { Status };

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

@@ -0,0 +1,59 @@
+export declare const props: {
+    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;
+    };
+};
+export declare const emits: {};

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

@@ -0,0 +1,34 @@
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues({}, _VkfFormItemCtx.props), {
+  size: {
+    type: Number,
+    default: 1024 / (16 * 16) * 1024 * 1024
+  },
+  dictId: {
+    type: String,
+    default: ""
+  }
+});
+const emits = {};
+
+export { emits, props };

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.11",
+  "version": "1.1.13",
   "description": "",
   "main": "index.esm.js",
   "scripts": {

package/shared/types/form/checkbox.d.ts

@@ -1,5 +1,5 @@
 export interface CheckboxProps {
-    value?: string | number;
+    value?: string | number | boolean;
     label?: string;
     'trueLabel'?: string | number;
     'falseLabel'?: string | number;

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>;