@opentiny/vue-renderless 3.12.0 → 3.13.0-alpha.0

package/types/tree-menu.type.d.ts

@@ -1,2 +1,211 @@
+import * as vue from 'vue';
+import { ExtractPropTypes } from 'vue';
+import * as _opentiny_vue_common from '@opentiny/vue-common';
+import { ISharedRenderlessParamUtils } from './shared.type.js';
 
-export { }
+declare const treeMenuProps: {
+    placeholder: {
+        default: string;
+        type: StringConstructor;
+    };
+    data: ArrayConstructor;
+    nodeKey: StringConstructor;
+    defaultExpandAll: BooleanConstructor;
+    suffixIcon: ObjectConstructor;
+    prefixIcon: ObjectConstructor;
+    searchIcon: {
+        type: ObjectConstructor;
+        default: () => vue.Raw<_opentiny_vue_common.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<_opentiny_vue_common.ExtractPropTypes<{}>>, {}, {}>>;
+    };
+    props: ObjectConstructor;
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+    checkStrictly: BooleanConstructor;
+    lazy: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    load: FunctionConstructor;
+    showCheckbox: BooleanConstructor;
+    filterNodeMethod: FunctionConstructor;
+    defaultCheckedKeys: ArrayConstructor;
+    defaultExpandedKeys: ArrayConstructor;
+    defaultExpandedKeysHighlight: (StringConstructor | NumberConstructor)[];
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowDrag: FunctionConstructor;
+    allowDrop: FunctionConstructor;
+    expandOnClickNode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getMenuDataSync: FunctionConstructor;
+    accordion: BooleanConstructor;
+    showTitle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFilter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    collapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showNumber: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    nodeHeight: NumberConstructor;
+    onlyCheckChildren: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuCollapsible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    tiny_mode: StringConstructor;
+    tiny_mode_root: BooleanConstructor;
+    tiny_template: (FunctionConstructor | ObjectConstructor)[];
+    tiny_renderless: FunctionConstructor;
+    tiny_theme: StringConstructor;
+    tiny_chart_theme: ObjectConstructor;
+};
+
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const initData: ({ state, props, service, api }: {
+    state: ITreeMenuState;
+    props: ITreeMenuProps;
+    service: any;
+    api: ITreeMenuApi;
+}) => () => Promise<void>;
+declare const setMenuKey: (api: ITreeMenuApi) => ({ newData, menuData }: {
+    newData: ITreeMenuNewData[];
+    menuData: ITreeMenuData[];
+}) => ITreeMenuNewData[];
+declare const filterNode: () => (value: any, data: any) => any;
+declare const watchFilterText: ({ vm }: {
+    vm: any;
+}) => (value: any) => void;
+declare const nodeDragStart: (emit: any) => (node: any, event: any) => void;
+declare const nodeDragEnter: (emit: any) => (dragNode: any, dropNode: any, event: any) => void;
+declare const nodeDragOver: (emit: any) => (dragNode: any, dropNode: any, event: any) => void;
+declare const nodeDragEnd: (emit: any) => (dragNode: any, dropNode: any, dropType: any, event: any) => void;
+declare const nodeDrop: (emit: any) => (dragNode: any, dropNode: any, dropType: any, event: any) => void;
+declare const nodeExpand: (emit: any) => (nodeData: any, node: any) => void;
+declare const nodeCollapse: (emit: any) => (nodeData: any, node: any) => void;
+declare const nodeClick: ({ emit, props, state }: {
+    emit: any;
+    props: any;
+    state: any;
+}) => (nodeData: any, node: any) => void;
+declare const checkChange: (emit: any) => (data: any, checked: any, indeterminate: any) => void;
+declare const check: (emit: any) => (data: any, checkedStatus: any) => void;
+declare const currentChange: (emit: any) => (data: any, node: any) => void;
+declare const getTitle: (props: any) => (label: any) => any;
+declare const collapseChange: ({ state, props, emit }: {
+    state: any;
+    props: any;
+    emit: any;
+}) => () => void;
+declare const collapseMenu: ({ state, props, api }: {
+    state: any;
+    props: any;
+    api: any;
+}) => () => void;
+declare const expandMenu: ({ state, props, api }: {
+    state: ITreeMenuState;
+    props: ITreeMenuProps;
+    api: ITreeMenuApi;
+}) => () => void;
+declare const setCurrentKey: ({ vm }: {
+    vm: any;
+}) => (key: string) => void;
+declare const getCurrentKey: ({ vm }: {
+    vm: any;
+}) => () => any;
+declare const setCurrentNode: ({ vm }: {
+    vm: any;
+}) => (key: string) => void;
+declare const getCurrentNode: ({ vm }: {
+    vm: any;
+}) => () => any;
+
+interface ITreeMenuState {
+    data?: unknown[];
+    filterText: string;
+    isCollapsed: boolean;
+}
+type ITreeMenuProps = ExtractPropTypes<typeof treeMenuProps>;
+interface ITreeMenuApi {
+    t: ISharedRenderlessParamUtils['t'];
+    state: ITreeMenuState;
+    check: ReturnType<typeof check>;
+    filterNode: ReturnType<typeof filterNode>;
+    nodeDrop: ReturnType<typeof nodeDrop>;
+    nodeClick: ReturnType<typeof nodeClick>;
+    nodeExpand: ReturnType<typeof nodeExpand>;
+    nodeDragEnd: ReturnType<typeof nodeDragEnd>;
+    checkChange: ReturnType<typeof checkChange>;
+    nodeCollapse: ReturnType<typeof nodeCollapse>;
+    nodeDragOver: ReturnType<typeof nodeDragOver>;
+    nodeDragStart: ReturnType<typeof nodeDragStart>;
+    nodeDragEnter: ReturnType<typeof nodeDragEnter>;
+    currentChange: ReturnType<typeof currentChange>;
+    watchFilterText: ReturnType<typeof watchFilterText>;
+    getTitle: ReturnType<typeof getTitle>;
+    setMenuKey: ReturnType<typeof setMenuKey>;
+    initData: ReturnType<typeof initData>;
+    collapseChange: ReturnType<typeof collapseChange>;
+    collapseMenu: ReturnType<typeof collapseMenu>;
+    expandMenu: ReturnType<typeof expandMenu>;
+    setCurrentKey: ReturnType<typeof setCurrentKey>;
+    getCurrentKey: ReturnType<typeof getCurrentKey>;
+    setCurrentNode: ReturnType<typeof setCurrentNode>;
+    getCurrentNode: ReturnType<typeof getCurrentNode>;
+}
+interface ITreeMenuData {
+    name: string;
+    siteNodeId: string;
+    url: string;
+    children: ITreeMenuData[];
+}
+interface ITreeMenuNewData extends ITreeMenuData {
+    label: string;
+    id: string;
+    url: string;
+    children: ITreeMenuNewData[];
+}
+
+export { ITreeMenuApi, ITreeMenuData, ITreeMenuNewData, ITreeMenuProps, ITreeMenuState };

package/types/upload-dragger.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-343e8c11.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-1078fba2.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-343e8c11.d.ts → upload-list.type-1078fba2.d.ts}

@@ -7,6 +7,11 @@ declare const $constants: {
     UPLOAD_INNER_TEMPLATE: string;
     UPLOAD_LIST_INNER: string;
     UPLOAD_LIST_INNER_TEMPLATE: string;
+    ONLY_SUPPORT: string;
+    COMMA: string;
+    FILE_NOT_LESS_THAN: string;
+    FILE_NOT_MORE_THAN: string;
+    NUMBER_LIMIT: string;
     FILE_STATUS: {
         READY: string;
         SUCESS: string;
@@ -21,6 +26,7 @@ declare const $constants: {
         THUMB: string;
         PICTURE_SINGLE: string;
         DRAG_SINGLE: string;
+        SAAS: string;
     };
     EDM: {
         CHUNKINIT: string;
@@ -68,6 +74,7 @@ declare const $constants: {
         NOT_SUPPORT_NO_SUFFIX: string;
         STATUS_SPECIAL_CHARACTERS: number;
         NOT_SUPPORT_SPECIAL_CHARACTERS: string;
+        DOC_PREVIEW: string;
     };
     IMAGE_TYPE: string;
     FILE_TYPE: {
@@ -100,6 +107,11 @@ declare const fileUploadProps: {
             UPLOAD_INNER_TEMPLATE: string;
             UPLOAD_LIST_INNER: string;
             UPLOAD_LIST_INNER_TEMPLATE: string;
+            ONLY_SUPPORT: string;
+            COMMA: string;
+            FILE_NOT_LESS_THAN: string;
+            FILE_NOT_MORE_THAN: string;
+            NUMBER_LIMIT: string;
             FILE_STATUS: {
                 READY: string;
                 SUCESS: string;
@@ -114,6 +126,7 @@ declare const fileUploadProps: {
                 THUMB: string;
                 PICTURE_SINGLE: string;
                 DRAG_SINGLE: string;
+                SAAS: string;
             };
             EDM: {
                 CHUNKINIT: string;
@@ -161,6 +174,7 @@ declare const fileUploadProps: {
                 NOT_SUPPORT_NO_SUFFIX: string;
                 STATUS_SPECIAL_CHARACTERS: number;
                 NOT_SUPPORT_SPECIAL_CHARACTERS: string;
+                DOC_PREVIEW: string;
             };
             IMAGE_TYPE: string;
             FILE_TYPE: {
@@ -337,6 +351,10 @@ declare const fileUploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     beforeAddFile: FunctionConstructor;
     encryptConfig: {
         type: ObjectConstructor;
@@ -385,7 +403,7 @@ declare const beforeUpload: ({ props, api, Modal, constants, t, state }: Pick<IF
 declare const startUpload: ({ state, constants, vm, Modal, api, t }: Pick<IFileUploadRenderlessParams, 'state' | 'constants' | 'vm' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile, isList: boolean) => void;
 declare const properFileSize: ({ props, state, api, constants, Modal, t }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 'constants' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile) => boolean;
 declare const addFileToList: ({ api, constants, emit, props, state, mode }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'emit' | 'props' | 'state' | 'mode'>) => (rawFile: IFileUploadFile, updateId: string, reUpload: boolean) => void;
-declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "state" | "t" | "constants" | "emit"> & IFileUploadModalVm & {
+declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "state" | "emit" | "t" | "constants"> & IFileUploadModalVm & {
     CryptoJS: object;
 }) => ({ file, chunkSize, showTips }: {
     file: IFileUploadFile;
@@ -470,7 +488,7 @@ declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRend
 declare const getFormData$1: ({ constants, props, state }: Pick<IFileUploadRenderlessParams, 'constants' | 'props' | 'state'>) => ({ formData, file, type }: IFileUploadGetFormData) => IUploadFormData;
 declare const largeDocumentUpload: ({ api, Modal, state, t, emit, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 't' | 'emit' | 'constants'> & IFileUploadModalVm) => (file: IFileUploadFile) => void;
 declare const segmentUploadInit: ({ api, props, service, state, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'service' | 'state' | 'constants'>) => (file: IFileUploadFile) => Promise<unknown>;
-declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "state" | "api" | "props" | "constants" | "service" | "emit"> & {
+declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "state" | "props" | "emit" | "api" | "constants" | "service"> & {
     CryptoJS: object;
 }) => (batchIndex: number, file: IFileUploadFile, progress: {
     file: IFileUploadFile;
@@ -506,7 +524,7 @@ declare const previewImageBatch: ({ service, api }: Pick<IFileUploadRenderlessPa
     url: string;
     file: IFileUploadFile;
 }) => any;
-declare const getDialogConfigObj: ({ props, state }: Pick<IFileUploadRenderlessParams, 'props' | 'state'>) => () => object;
+declare const getDialogConfigObj: ({ props, state, t, constants }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 't' | 'constants'>) => () => object;
 declare const computeDocChunkSize: ({ props, state, constants }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 'constants'>) => () => void;
 declare const computedSourcetype: ({ props, constants }: Pick<IFileUploadRenderlessParams, 'props' | 'constants'>) => () => string[];
 declare const getFileSourceType: ({ state, props, constants }: Pick<IFileUploadRenderlessParams, 'state' | 'props' | 'constants'>) => ({ file }: {
@@ -650,6 +668,11 @@ declare const uploadProps: {
         default: () => void;
     };
     mode: StringConstructor;
+    showTitle: BooleanConstructor;
+    isHwh5: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -682,7 +705,7 @@ declare const uploadFiles: ({ state, constants, Modal, props, t }: Pick<IUploadR
 declare const upload: ({ api, props, refs }: Pick<IUploadRenderlessParams, 'api' | 'props' | 'refs'>) => (rawFile: File) => void;
 declare const abort: ({ state, props, constants }: Pick<IUploadRenderlessParams, 'state' | 'props' | 'constants'>) => (file: IFileUploadFile) => void;
 declare const post: ({ api, constants, props, state, service }: Pick<IUploadRenderlessParams, 'api' | 'constants' | 'props' | 'state' | 'service'>) => (rawFile: IFileUploadFile) => void;
-declare const handleClick: ({ props, refs }: Pick<IUploadRenderlessParams, 'props' | 'refs'>) => ($event: Event, type: string) => void;
+declare const handleClick: ({ props, refs, state }: Pick<IUploadRenderlessParams, 'props' | 'refs' | 'state'>) => ($event: Event, type: string) => void;
 declare const handleKeydown: (api: IUploadRenderlessParams['api']) => (event: KeyboardEvent) => void;
 declare const handleUpdate: ({ props, state }: Pick<IUploadRenderlessParams, 'props' | 'state'>) => (file: IFileUploadFile) => void;
 declare const mounted: ({ state, props, api }: Pick<IUploadRenderlessParams, 'state' | 'props' | 'api'>) => () => void;
@@ -1079,8 +1102,6 @@ declare const uploadListProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    reUploadable: BooleanConstructor;
-    reUploadTip: FunctionConstructor;
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/upload-list.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-343e8c11.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-1078fba2.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-343e8c11.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-1078fba2.js';
 import './shared.type.js';

package/types/wizard.type.d.ts

@@ -62,6 +62,7 @@ interface IWizardState {
     doing: string;
     ready: string;
     wait: string;
+    iconYes: 'tiny-icon-yes' | 'tiny-icon-successful';
 }
 type IWizardConstants = typeof $constants;
 type IWizardRenderlessParams = ISharedRenderlessFunctionParams<IWizardConstants> & {

package/upload/index.js

@@ -95,11 +95,8 @@ const uploadFiles = ({
       }
       return folderAry.length < 7;
     });
-  }
-  if (!props.isFolder) {
-    if (!props.multiple) {
-      postFiles = postFiles.slice(0, 1);
-    }
+  } else if (!props.multiple) {
+    postFiles = postFiles.slice(0, 1);
   }
   if (postFiles.length === 0) {
     return;
@@ -147,7 +144,8 @@ const upload = ({ api, props, refs }) => (rawFile) => {
 const abort = ({ state, props, constants }) => (file) => {
   const { reqs } = state;
   const cancel = function(uid) {
-    if (reqs[uid]) {
+    var _a;
+    if ((_a = reqs[uid]) == null ? void 0 : _a.abort) {
       reqs[uid].abort();
     } else if (state.cancelToken[uid]) {
       state.cancelToken[uid]();
@@ -265,31 +263,32 @@ const getOptionsOfHwh5 = ({
   uploaderInner,
   uid
 }) => {
-  return {
-    edmAuth: {
-      edmToken: props.edmToken.edmToken,
-      appId: uploaderInner.hwh5.appId
+  const edm = uploaderInner.edm;
+  const params = edm && edm.upload && edm.upload.params || {};
+  return Object.assign(
+    {
+      edmAuth: {
+        edmToken: props.edmToken.edmToken,
+        appId: uploaderInner.hwh5.appId
+      },
+      filePath: rawFile.filePath,
+      progress: 1
     },
-    filePath: rawFile.filePath,
-    progress: 1,
-    onProgress: (data) => {
-      if (props.onProgress) {
+    params,
+    {
+      onProgress: (data) => {
         props.onProgress(data, rawFile);
-      }
-    },
-    onSuccess: (res) => {
-      if (props.onSuccess) {
+      },
+      onSuccess: (res) => {
         props.onSuccess(res, rawFile);
+        delete state.reqs[uid];
+      },
+      onError: (error) => {
+        props.onError(error, rawFile);
+        delete state.reqs[uid];
       }
-      delete state.reqs[uid];
-    },
-    onError: (error) => {
-      if (props.onProgress) {
-        props.onProgress(error, rawFile);
-      }
-      delete state.reqs[uid];
     }
-  };
+  );
 };
 const post = ({
   api,
@@ -325,11 +324,42 @@ const post = ({
     excuteReq(options);
   }
 };
-const handleClick = ({ props, refs }) => ($event, type) => {
-  if (!props.disabled && !props.displayOnly) {
-    props.handleTriggerClick($event, type);
+const handleClick = ({ props, refs, state }) => ($event, type) => {
+  if (props.disabled || props.displayOnly || state.isStopPropagation) {
+    return;
+  }
+  const { uploader, uploadInner } = state;
+  const { encryptConfig = {} } = uploader;
+  const fileUploadVm = uploadInner.$parent;
+  const inputHandler = () => {
+    typeof props.handleTriggerClick === "function" && props.handleTriggerClick($event, type);
+    if (props.isHwh5) {
+      return;
+    }
     refs.input.value = null;
+    state.isStopPropagation = true;
     refs.input.click();
+    state.isStopPropagation = false;
+  };
+  if (typeof uploader.beforeAddFile === "function") {
+    $event.preventDefault();
+    let isPromise;
+    const promise = uploader.beforeAddFile(() => {
+      !isPromise && inputHandler();
+    });
+    isPromise = promise && typeof promise.then === "function";
+    if (isPromise) {
+      promise.then(() => inputHandler()).catch(() => null);
+    } else if (promise) {
+      inputHandler();
+    }
+  } else if (encryptConfig && encryptConfig.enabled && fileUploadVm) {
+    fileUploadVm.state.encryptDialogConfig.show = true;
+    fileUploadVm.state.encryptDialogConfig.selectFileMethod = () => {
+      inputHandler();
+    };
+  } else {
+    inputHandler();
   }
 };
 const handleKeydown = (api) => (event) => {

package/upload/vue.js

@@ -36,8 +36,9 @@ const renderless = (props, { computed, inject, reactive, onMounted, onBeforeUnmo
     reqs: {},
     uploader,
     accecpt: "",
-    isEdm: computed(() => state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE].state.isEdm),
-    openEdmDownload: computed(() => state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE].edm.download),
+    uploadInner: computed(() => state.uploader.$refs[constants.FILE_UPLOAD_INNER_TEMPLATE]),
+    isEdm: computed(() => state.uploadInner.state.isEdm),
+    openEdmDownload: computed(() => state.uploadInner.edm.download),
     headers: computed(() => {
       if (state.isEdm) {
         return {
@@ -49,14 +50,15 @@ const renderless = (props, { computed, inject, reactive, onMounted, onBeforeUnmo
     formData: {},
     cancelToken: {},
     updateId: "",
-    updateInput: null
+    updateInput: null,
+    isStopPropagation: false
   });
   Object.assign(api2, {
     state,
     isImage,
     abort: abort({ state, props, constants }),
     getFormData: getFormData({ state, constants, props }),
-    handleClick: handleClick({ props, refs }),
+    handleClick: handleClick({ props, refs, state }),
     onBeforeDestroy: onBeforeDestroy(state),
     handleUpdate: handleUpdate({ state, props }),
     uploadFiles: uploadFiles({ constants, Modal, props, state, t }),

package/upload-list/index.js

@@ -96,43 +96,43 @@ const getFileIcon = ({ constants }) => ({ type }) => {
   let iconTypes = {
     [EXCEL]: {
       name: "icon-excel-type",
-      color: "#00A2B5"
+      color: "#09AA71"
     },
     [FILE]: {
       name: "icon-file-type",
-      color: "#71C14C"
+      color: "#09AA71"
     },
     [PDF]: {
       name: "icon-pdf-type",
-      color: "#FC916E"
+      color: "#E02128"
     },
     [PICTURE]: {
       name: "icon-picture-type",
-      color: "#2E94FF"
+      color: "#5531EB"
     },
     [PPT]: {
       name: "icon-ppt-type",
-      color: "#F46087"
+      color: "#E02128"
     },
     [TEXT]: {
       name: "icon-text-type",
-      color: "#9185F0"
+      color: "#2CB8C9"
     },
     [WORD]: {
       name: "icon-word-type",
-      color: "#2070F3"
+      color: "#0067D1"
     },
     [ZIP]: {
       name: "icon-zip-type",
-      color: "#FDC000"
+      color: "#2CB8C9"
     },
     [VIDEO]: {
       name: "icon-video-type",
-      color: "#2E94FF"
+      color: "#0067D1"
     },
     [AUDIO]: {
       name: "icon-audio",
-      color: "#2E94FF"
+      color: "#5531EB"
     },
     default: {
       name: "icon-other-type",
@@ -153,8 +153,8 @@ const calcUploadListLiWidth = ({ vm, nextTick, props, constants }) => () => {
   const { listType } = props;
   const { LIST_TYPE } = constants;
   nextTick(() => {
-    const uploadListEle = vm.$refs["upload-list"];
-    const uploadListLiEle = vm.$refs["upload-list-li"];
+    const uploadListEle = vm.$refs.uploadList;
+    const uploadListLiEle = vm.$refs.uploadListLi;
     if (!uploadListEle || !(uploadListLiEle && uploadListLiEle[0]))
       return;
     if (listType === LIST_TYPE.TEXT) {
@@ -213,11 +213,11 @@ const handleTriggerClick = ({ state, props }) => ($event, type) => {
   });
 };
 const mounted = ({ api, vm }) => () => {
-  const el = vm.$refs["upload-list"];
+  const el = vm.$refs.uploadList;
   el && addResizeListener(el, api.calcUploadListLiWidth);
 };
 const destroyed = ({ api, props, vm }) => () => {
-  removeResizeListener(vm.$refs["upload-list"], api.calcUploadListLiWidth);
+  removeResizeListener(vm.$refs.uploadList, api.calcUploadListLiWidth);
   props.files.forEach((file) => {
     removePlayEventListener({ type: "ended", el: file.el }, file.playEvent);
     delete file.playEvent;

package/upload-list/vue.js

@@ -23,6 +23,7 @@ import {
   getNotSuccessFiles
 } from "./index";
 import { getToken, initService } from "../file-upload";
+import { formatFileSize } from "../common/string";
 import { getApi } from "../file-upload/vue";
 const api = [
   "t",
@@ -43,7 +44,8 @@ const api = [
   "reUpload",
   "remove",
   "handleTriggerClick",
-  "chooseFile"
+  "chooseFile",
+  "formatFileSize"
 ];
 const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, computed }, { t, parent, mode, emit, service, vm, nextTick, designConfig }, { Modal }) => {
   var _a, _b, _c, _d, _e, _f;
@@ -95,7 +97,8 @@ const renderless = (props, { reactive, onMounted, onUnmounted, watch, inject, co
     handleTriggerClick: handleTriggerClick({ state, props }),
     chooseFile: chooseFile({ state, constants }),
     calcVisible: calcVisible({ props, constants, emit }),
-    getNotSuccessFiles: getNotSuccessFiles({ props, constants })
+    getNotSuccessFiles: getNotSuccessFiles({ props, constants }),
+    formatFileSize
   });
   props.listType === constants.LIST_TYPE.DRAG_SINGLE && watch(
     () => props.files && props.files[0],

package/user/index.js

@@ -17,8 +17,9 @@ const request = {
       this.group[valueField] = [];
     }
     queryIds.forEach((id) => {
-      if (!~this.group[valueField].indexOf(id))
-        !this.group[valueField].push(id);
+      if (!~this.group[valueField].indexOf(id)) {
+        this.group[valueField].push(id);
+      }
     });
   },
   removeRequest(item) {
@@ -78,7 +79,7 @@ const request = {
     const me = this;
     const reqParamsSeq = me.getParams();
     let reqLen = reqParamsSeq.length;
-    reqParamsSeq.map((params) => {
+    reqParamsSeq.forEach((params) => {
       api.fetchW3Accounts(params).then((data) => {
         me.setCache(data);
         me.requests.slice().forEach((reqItem) => {
@@ -402,7 +403,7 @@ const visibleChange = ({ state, emit }) => (show) => {
   emit("visible-change", show);
 };
 const initUser = ({ api, props, state }) => (value) => {
-  if (value === state.lastValue) {
+  if (value === state.lastValue && value !== null) {
     return;
   }
   state.user = !props.multiple ? "" : [];

package/user-head/index.js

@@ -55,7 +55,7 @@ const getInternalValue = ({ props }) => () => {
     } else if (props.type === "label") {
       result = "U";
     }
-    return result;
+    return result || props.value;
   } else {
     return props.modelValue;
   }

package/wheel/index.js

@@ -7,6 +7,9 @@ const created = (api) => () => {
 const loadPickerData = ({ props, state }) => () => {
   state.dataSource = cloneDeep(props.dataSource);
   state.defaultSelectedIndexs = cloneDeep(props.defaultSelectedIndexs);
+  if (!state.dataSource.length) {
+    return;
+  }
   const level_1 = state.dataSource;
   const level_n = getNextLevel([], state.dataSource, state.defaultSelectedIndexs, 0);
   if (level_n.length === 0) {