cnhis-design-vue 3.1.5-beta.1 → 3.1.5-beta.2

package/es/packages/button-print/src/components/IdentityVerification.vue.d.ts

@@ -1411,26 +1411,26 @@ declare const _default: import("vue").DefineComponent<{
             rippleDuration: string;
         }, any>>>;
     }>>, {
-        readonly type: import("naive-ui/es/button/src/interface").Type;
-        readonly tag: keyof HTMLElementTagNameMap;
-        readonly block: boolean;
-        readonly round: boolean;
-        readonly dashed: boolean;
-        readonly text: boolean;
-        readonly circle: boolean;
-        readonly disabled: boolean;
-        readonly focusable: boolean;
-        readonly strong: boolean;
-        readonly loading: boolean;
-        readonly bordered: boolean;
-        readonly tertiary: boolean;
-        readonly ghost: boolean;
-        readonly keyboard: boolean;
-        readonly secondary: boolean;
-        readonly quaternary: boolean;
-        readonly iconPlacement: "left" | "right";
-        readonly attrType: "button" | "reset" | "submit";
-        readonly nativeFocusBehavior: boolean;
+        type: import("naive-ui/es/button/src/interface").Type;
+        tag: keyof HTMLElementTagNameMap;
+        block: boolean;
+        round: boolean;
+        dashed: boolean;
+        text: boolean;
+        circle: boolean;
+        disabled: boolean;
+        focusable: boolean;
+        strong: boolean;
+        loading: boolean;
+        bordered: boolean;
+        tertiary: boolean;
+        ghost: boolean;
+        keyboard: boolean;
+        secondary: boolean;
+        quaternary: boolean;
+        iconPlacement: "left" | "right";
+        attrType: "button" | "reset" | "submit";
+        nativeFocusBehavior: boolean;
     }>;
     NModal: import("vue").DefineComponent<{
         onEsc: import("vue").PropType<() => void>;
@@ -1542,12 +1542,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -1563,7 +1560,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -1784,12 +1780,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -1804,7 +1797,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>;
@@ -1824,12 +1816,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -1845,7 +1834,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -2066,12 +2054,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2086,7 +2071,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>>;
@@ -2106,12 +2090,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -2127,7 +2108,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -2348,12 +2328,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2368,7 +2345,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>>;
@@ -2504,12 +2480,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -2525,7 +2498,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -2746,12 +2718,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -2766,7 +2735,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>;
@@ -2786,12 +2754,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -2807,7 +2772,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -3028,12 +2992,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -3048,7 +3009,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>>;
@@ -3068,12 +3028,9 @@ declare const _default: import("vue").DefineComponent<{
                 titleTextColor: string;
                 textColor: string;
                 color: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeBorderRadius: string;
                 iconColor: string;
                 iconColorInfo: string;
                 iconColorSuccess: string;
@@ -3089,7 +3046,6 @@ declare const _default: import("vue").DefineComponent<{
                 iconMargin: string;
                 iconMarginIconTop: string;
                 closeSize: string;
-                closeIconSize: string;
                 closeMargin: string;
                 closeMarginIconTop: string;
             }, {
@@ -3310,12 +3266,9 @@ declare const _default: import("vue").DefineComponent<{
                 borderColor: string;
                 actionColor: string;
                 titleFontWeight: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
-                closeBorderRadius: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
                 fontSizeSmall: string;
                 fontSizeMedium: string;
                 fontSizeLarge: string;
@@ -3330,7 +3283,6 @@ declare const _default: import("vue").DefineComponent<{
                 titleFontSizeMedium: string;
                 titleFontSizeLarge: string;
                 titleFontSizeHuge: string;
-                closeIconSize: string;
                 closeSize: string;
             }, any>;
         }>>>;
@@ -3611,14 +3563,14 @@ declare const _default: import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        readonly inline: boolean;
-        readonly disabled: boolean;
-        readonly onSubmit: (e: Event) => void;
-        readonly labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
-        readonly model: Record<string, any>;
-        readonly showRequireMark: boolean | undefined;
-        readonly showFeedback: boolean;
-        readonly showLabel: boolean | undefined;
+        inline: boolean;
+        disabled: boolean;
+        onSubmit: (e: Event) => void;
+        labelPlacement: import("naive-ui/es/form/src/interface").LabelPlacement;
+        model: Record<string, any>;
+        showRequireMark: boolean | undefined;
+        showFeedback: boolean;
+        showLabel: boolean | undefined;
     }>;
     NFormItem: import("vue").DefineComponent<{
         readonly label: StringConstructor;
@@ -3779,11 +3731,9 @@ declare const _default: import("vue").DefineComponent<{
         labelElementRef: import("vue").Ref<HTMLLabelElement | null>;
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedRequired: import("vue").ComputedRef<boolean>;
+        hasFeedback: import("vue").ComputedRef<number | true>;
         feedbackId: import("vue").Ref<string>;
-        renderExplains: import("vue").Ref<{
-            key: string;
-            render: () => import("vue").VNodeChild;
-        }[]>;
+        explains: import("vue").Ref<string[]>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
@@ -3907,12 +3857,12 @@ declare const _default: import("vue").DefineComponent<{
             labelTextAlignHorizontal: string;
         }, any>>>;
     }>>, {
-        readonly required: boolean;
-        readonly first: boolean;
-        readonly showRequireMark: boolean | undefined;
-        readonly showFeedback: boolean | undefined;
-        readonly showLabel: boolean | undefined;
-        readonly ignorePathChange: boolean;
+        required: boolean;
+        first: boolean;
+        showRequireMark: boolean | undefined;
+        showFeedback: boolean | undefined;
+        showLabel: boolean | undefined;
+        ignorePathChange: boolean;
     }>;
     NInput: import("vue").DefineComponent<{
         bordered: {
@@ -3972,7 +3922,6 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
-        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;
@@ -4193,8 +4142,8 @@ declare const _default: import("vue").DefineComponent<{
             contentRef: HTMLElement | null;
             containerScrollTop: number;
             syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
+            scrollTo: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollTo;
+            scrollBy: import("naive-ui/es/_internal/scrollbar/src/ScrollBar").ScrollBy;
             sync: () => void;
             handleMouseEnterWrapper: () => void;
             handleMouseLeaveWrapper: () => void;
@@ -4228,7 +4177,7 @@ declare const _default: import("vue").DefineComponent<{
         handleCompositionEnd: (e: CompositionEvent) => void;
         handleInput: (e: Event | CompositionEvent | InputEvent, index?: 0 | 1 | undefined, event?: string | undefined) => void;
         handleInputBlur: (e: FocusEvent) => void;
-        handleInputFocus: (e: FocusEvent, index: number) => void;
+        handleInputFocus: (e: FocusEvent) => void;
         handleWrapperBlur: (e: FocusEvent) => void;
         handleWrapperFocus: (e: FocusEvent) => void;
         handleMouseEnter: () => void;
@@ -4239,7 +4188,7 @@ declare const _default: import("vue").DefineComponent<{
         handleClear: (e: MouseEvent) => void;
         handlePasswordToggleClick: () => void;
         handlePasswordToggleMousedown: (e: MouseEvent) => void;
-        handleWrapperKeydown: (e: KeyboardEvent) => void;
+        handleWrapperKeyDown: (e: KeyboardEvent) => void;
         handleTextAreaMirrorResize: () => void;
         getTextareaScrollContainer: () => HTMLTextAreaElement | null;
         mergedTheme: import("vue").ComputedRef<{
@@ -4283,11 +4232,10 @@ declare const _default: import("vue").DefineComponent<{
                 opacity5: string;
                 dividerColor: string;
                 borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
+                closeColor: string;
                 closeColorHover: string;
                 closeColorPressed: string;
+                closeColorDisabled: string;
                 clearColor: string;
                 clearColorHover: string;
                 clearColorPressed: string;
@@ -4528,7 +4476,6 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: undefined;
         };
-        allowInput: import("vue").PropType<(value: string) => boolean>;
         onMousedown: import("vue").PropType<(e: MouseEvent) => void>;
         onKeydown: import("vue").PropType<(e: KeyboardEvent) => void>;
         onKeyup: import("vue").PropType<(e: KeyboardEvent) => void>;

package/es/packages/button-print/src/components/IdentityVerification.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,reactive as t,ref as a,onMounted as l,watch as o,openBlock as r,createBlock as s,unref as i,normalizeStyle as u,withCtx as n,createElementVNode as d,createVNode as c,createTextVNode as p}from"vue";import{useMessage as f,NModal as m,NForm as v,NFormItem as y,NInput as w,NButton as g}from"naive-ui";const h={class:"content"},_=p("登录");var S=e({__name:"IdentityVerification",props:{verifyUser:{type:Function,required:!1,default:()=>Promise.resolve()},identityVerificationTitle:{type:String,required:!1,default:"打印服务身份校验"},modelValue:{type:Boolean,required:!0}},emits:["update:modelValue","success"],setup(e,{emit:p}){const S=e,V=f(),q={account:"",password:""};let U=t(JSON.parse(JSON.stringify(q)));const C={account:{required:!0,message:"请输入账号"},password:{required:!0,message:"请输入密码"}},J="416px",N=a(null),O=()=>{p("update:modelValue",!1)},k=()=>{var e;null==(e=N.value)||e.validate((e=>{if(e)return console.log(e),!1;(async()=>{var e;const{data:t={}}=await S.verifyUser(U);if("SUCCESS"!==t.result)return V.error(t.resultMsg),!1;p("success",null==(e=t.map)?void 0:e.token)})()}))};return l((()=>{})),o((()=>S.modelValue),(e=>{e||(U=JSON.parse(JSON.stringify(q)))})),(t,a)=>(r(),s(i(m),{preset:"dialog",title:e.identityVerificationTitle,class:"standard-modal standard-modal-white authentication-modal",show:e.modelValue,"close-on-esc":!1,"show-icon":!1,style:u({width:J,overflowY:"auto"}),onClose:O},{default:n((()=>[d("div",h,[c(i(v),{class:"login-form-button-print",ref_key:"formRef",ref:N,model:i(U),rules:C},{default:n((()=>[c(i(y),{path:"account"},{default:n((()=>[c(i(w),{value:i(U).account,"onUpdate:value":a[0]||(a[0]=e=>i(U).account=e),placeholder:"请输入账号"},null,8,["value"])])),_:1}),c(i(y),{path:"password"},{default:n((()=>[c(i(w),{type:"password",value:i(U).password,"onUpdate:value":a[1]||(a[1]=e=>i(U).password=e),placeholder:"请输入密码"},null,8,["value"])])),_:1}),c(i(y),null,{default:n((()=>[c(i(g),{type:"primary",class:"login-form-button",onClick:k},{default:n((()=>[_])),_:1})])),_:1})])),_:1},8,["model"])])])),_:1},8,["title","show","style"]))}});export{S as default};
+import{defineComponent as e,reactive as t,ref as a,onMounted as l,watch as o,openBlock as r,createBlock as s,unref as u,normalizeStyle as i,withCtx as n,createElementVNode as d,createVNode as c,createTextVNode as p}from"vue";import{useMessage as f,NModal as m,NForm as v,NFormItem as y,NInput as w,NButton as g}from"naive-ui";const h={class:"content"},S=p("登录");var V=e({props:{verifyUser:{type:Function,required:!1,default:()=>Promise.resolve()},identityVerificationTitle:{type:String,required:!1,default:"打印服务身份校验"},modelValue:{type:Boolean,required:!0}},emits:["update:modelValue","success"],setup(e,{emit:p}){const V=e,_=f(),q={account:"",password:""};let U=t(JSON.parse(JSON.stringify(q)));const C={account:{required:!0,message:"请输入账号"},password:{required:!0,message:"请输入密码"}},J="416px",N=a(null),O=()=>{p("update:modelValue",!1)},k=()=>{var e;null==(e=N.value)||e.validate((e=>{if(e)return console.log(e),!1;(async()=>{var e;const{data:t={}}=await V.verifyUser(U);if("SUCCESS"!==t.result)return _.error(t.resultMsg),!1;p("success",null==(e=t.map)?void 0:e.token)})()}))};return l((()=>{})),o((()=>V.modelValue),(e=>{e||(U=JSON.parse(JSON.stringify(q)))})),(t,a)=>(r(),s(u(m),{preset:"dialog",title:e.identityVerificationTitle,class:"standard-modal standard-modal-white authentication-modal",show:e.modelValue,"close-on-esc":!1,"show-icon":!1,style:i({width:J,overflowY:"auto"}),onClose:O},{default:n((()=>[d("div",h,[c(u(v),{class:"login-form-button-print",ref_key:"formRef",ref:N,model:u(U),rules:C},{default:n((()=>[c(u(y),{path:"account"},{default:n((()=>[c(u(w),{value:u(U).account,"onUpdate:value":a[0]||(a[0]=e=>u(U).account=e),placeholder:"请输入账号"},null,8,["value"])])),_:1}),c(u(y),{path:"password"},{default:n((()=>[c(u(w),{type:"password",value:u(U).password,"onUpdate:value":a[1]||(a[1]=e=>u(U).password=e),placeholder:"请输入密码"},null,8,["value"])])),_:1}),c(u(y),null,{default:n((()=>[c(u(g),{type:"primary",class:"login-form-button",onClick:k},{default:n((()=>[S])),_:1})])),_:1})])),_:1},8,["model"])])])),_:1},8,["title","show","style"]))}});export{V as default};

package/es/packages/chunk-upload/src/chunk-upload-new.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,ref as t,reactive as l,onMounted as o,nextTick as i,onUnmounted as n,resolveComponent as a,openBlock as s,createElementBlock as r,createCommentVNode as c,createVNode as u,unref as d,withCtx as p,createElementVNode as f,Fragment as m,renderList as g,normalizeClass as h,toDisplayString as v,withDirectives as _,vShow as k,createTextVNode as y}from"vue";import L from"spark-md5";import C from"axios";import{useMessage as z,NIcon as x,NProgress as F,NButton as S}from"naive-ui";import{UploadProps as w,UploadState as b,statusSet as I}from"./hooks/upload-data2.mjs";import{UploadComputed as A}from"./hooks/upload-computed2.mjs";import{FolderOutline as M,DocumentAttachOutline as q,Close as B}from"@vicons/ionicons5";const E={class:"c-chunk-upload-container"},U=f("p",null,"点击或将文件拖拽到这里上传",-1),$={class:"c-file-list-conatiner"},D={class:"file-list"},N={class:"c-f-item"},P={class:"c-f-item-icon"},R={class:"c-f-item-info"},j={class:"c-f-item-info-title"},T={class:"title"},G={class:"size"},J={class:"c-f-item-info-time"},K={class:"c-f-item-btn"},O={class:"upload-btn"},H=f("span",null,"上传新文件",-1),Q=y("开始上传");var V=e({__name:"chunk-upload-new",props:{...w},emits:["getSumbitList","closeUpload"],setup(e,{expose:y,emit:w}){const V=e;var W=C.create({});const X=t(null),Y=t(null),Z=l({...b}),ee=z(),{initState:te,uploadArguments:le,autoStart:oe,btnAttrs:ie}=A(V,Z);te();const ne=e=>{let t=new FileReader;(new Date).getTime();let l=File.prototype.slice||File.prototype.mozSlice||File.prototype.webkitSlice,o=0;const i=1024e4;let n=Math.ceil(e.size/i),a=new L.ArrayBuffer;function s(){let n=o*i,a=n+i>=e.size?e.size:n+i;t.readAsArrayBuffer(l.call(e.file,n,a))}I(e,"md5"),e.pause(),s(),t.onload=t=>{if(a.append(t.target.result),o<n)o++,s();else{let t=a.end();se(t,e)}},t.onerror=function(){console.warn(`文件${e.name}读取出错，请检查该文件`),e.cancel()}},ae=async e=>{let t=(e=>{const t=(null==V?void 0:V.max_size)||"";if(!t)return!1;let l=e.size/1024<+t;return l||ee.error(`附件大小超过了${(e=>{let t;return e?(t=+(+e).toFixed(2),t<1024?t+"KB":t<1048576?(t/1024).toFixed(2)+"MB":t<1073741824?(t/1048576).toFixed(2)+"GB":void 0):t})(t)}`),!l})(e);((e,t)=>{let l=!1;if(e){if(e.includes("*"))return!1;let o=t.getExtension();e.includes(o)||(ee.error(`不支持${o}格式`),l=!0)}return l})(V.propsCategoryMap,e)||(()=>{var e,t;if(V.maxLength>0){let l=(null==(e=V.defaultList)?void 0:e.length)||0,o=(null==(t=Z.configList)?void 0:t.length)||0;if(V.maxLength<=l+o)return ee.error(`最多只能上传${V.maxLength}个`),!0}return!1})()||t?e.ignored=!0:(e.file_upload_status="",I(e,"init"),e.crm_upload_config={...e},Z.configList.push(e),I(e,"ready"),oe.value&&(e.pause(),ne(e)))},se=async(e,t)=>{try{const l=await((e,t,l)=>{let o=Z.uploadConfig.checkFileMd5Exist;return new Promise(((i,n)=>{const a={md5:t,fileName:e,...le.value};W.get(o,{params:a}).then((e=>{i(e.data)})).catch((e=>{I(l,"failed"),console.log("verifyUpload -> err",e)}))}))})(t.name,e,t);if("00000"==l.code){const{data:e}=l||{};if(e.presence)return I(t,"complete"),t.crm_chkuns_complete_status="complete",void(t.crm_uploade_resInfo={url:e.path,name:t.name,size:t.size})}t.uniqueIdentifier=e,I(t,"uploading"),t.resume()}catch(e){console.log(e,"chunk-upload-computeMD5Success")}},re=()=>{},ce=(e,t,l)=>{let o=JSON.parse(l);o.success?(I(t,"merging"),((e,t)=>{new Promise(((l,o)=>{const i={...e,...le.value};W.post(Z.uploadConfig.partFileMerge,i,{timeout:0}).then((({data:e})=>{if("00000"===e.code){if(I(t,"complete"),X){let l=(null==e?void 0:e.data)||{};X.fileList.forEach((e=>{e.uniqueIdentifier==t.uniqueIdentifier&&(e.crm_chkuns_complete_status="complete",e.crm_uploade_resInfo={url:l.path||l.url,name:t.name,size:t.size,...l})}))}l()}else ee.error("上传失败"),l()})).catch((e=>{console.log("mergeRequest -> err",e),o()}))}))})({md5:t.uniqueIdentifier,fileName:t.name,fileChunkNum:t.chunks.length},t),o.needMerge&&I(t,"merging")):I(t,"failed")},ue=()=>{var e,t;let l=(null==(t=null==(e=null==Y?void 0:Y.value)?void 0:e.$el)?void 0:t.querySelector("input"))||!1;l&&l.click()},de=(e,t="text")=>((null==e?void 0:e.file_upload_status)||{})[t],pe=e=>["complete","failed"].includes(de(e,"status")),fe=(e,t)=>{I(t,"failed")},me=(e,t)=>{if("complete"==t.crm_chkuns_complete_status)return 100;return parseInt(100*e+"",10)},ge=()=>{var e;0!=((null==(e=Z.configList)?void 0:e.length)||0)?i((()=>{Z.configList.forEach((e=>{(e.file_upload_status||{}).status&&(I(e,"uploading"),ne(e))}))})):ee.info("请选择文件")},he=()=>{var e,t;console.log("cancelcancelcancel"),null==(t=null==(e=X.value)?void 0:e.uploader)||t.cancel(),Z.configList=[],w("closeUpload",!1)};return(()=>{try{console.log(V.getChunkUploadConfig),V.getChunkUploadConfig().then((e=>{console.log(e),Z.uploadConfig={...e},Z.headers={Authorization:"bearer "+Z.uploadConfig.token},(()=>{for(const e in Z.headers)W.defaults.headers.common[e]=Z.headers[e];W.defaults.withCredentials=Z.withCredentials})()}))}catch(e){console.log(e)}})(),o((()=>{i((()=>{}))})),n((()=>{})),y({cancel:he,confirm:()=>{console.log("ininini");const{configList:e}=Z;0!==((null==e?void 0:e.length)||0)?e.filter((e=>!["complete","failed"].includes(e.file_upload_status.status))).length>0?ee.info("请上传文件或者等待文件上传完成！"):((()=>{var e;let t=(null==(e=null==Z?void 0:Z.configList)?void 0:e.length)||0,l=[];t>0&&Z.configList.forEach((e=>{"complete"==e.crm_chkuns_complete_status&&l.push({size:e.size,...e.crm_uploade_resInfo})})),w("getSumbitList",l)})(),he()):ee.info("请选择文件上传")}}),(e,t)=>{const l=a("uploader-unsupport"),o=a("uploader-drop"),i=a("uploader-file"),n=a("uploader-list"),y=a("uploader-btn"),L=a("uploader");return s(),r("div",E,[c(" 上传 "),u(L,{ref_key:"uploaderDom",ref:X,options:Z.options,autoStart:d(oe),onFileAdded:ae,onFileSuccess:ce,onFileProgress:re,onFileError:fe,class:"uploader-app"},{default:p((()=>[u(l),u(o,null,{default:p((()=>[f("div",{class:"c-drap-container dragger-btn",onClick:ue},[u(d(x),{component:d(M)},null,8,["component"]),U])])),_:1}),u(n,null,{default:p((e=>[f("div",$,[f("ul",D,[(s(!0),r(m,null,g(e.fileList,(e=>(s(),r("li",{key:e.id},[u(i,{class:h("file_"+e.id),ref_for:!0,ref:"files",file:e,list:!0},{default:p((t=>[f("div",{class:h(["c-file-container",{"c-file-boder-bottom":pe(e)}])},[f("div",N,[f("div",P,[u(d(x),{component:d(q),style:{color:"#5585F5"}},null,8,["component"])]),f("div",R,[f("div",j,[f("span",T,v(e.name),1),f("span",G,"("+v(t.formatedSize)+")",1)]),f("div",J,[f("span",null,v(t.formatedTimeRemaining),1),f("span",null,v(de(e,"text")),1)])]),f("div",K,[u(d(x),{component:d(B),onClick:t=>(e=>{e.cancel();let t=e.id;Z.configList=Z.configList.filter((e=>e.id!==t))})(e)},null,8,["component","onClick"])])]),u(d(F),{percentage:me(Z.progress,e),type:"line","show-indicator":!1},null,8,["percentage"])],2)])),_:2},1032,["class","file"])])))),128))])])])),_:1}),f("div",O,[_(u(y,{attrs:d(ie),ref_key:"uploadBtnDom",ref:Y},{default:p((()=>[H])),_:1},8,["attrs"]),[[k,!1]]),u(d(S),{type:"primary",class:"mgl-10",onClick:ge},{default:p((()=>[Q])),_:1})])])),_:1},8,["options","autoStart"])])}}});export{V as default};
+import{defineComponent as e,ref as t,reactive as l,onMounted as o,nextTick as i,onUnmounted as n,resolveComponent as a,openBlock as s,createElementBlock as r,createCommentVNode as c,createVNode as u,unref as d,withCtx as p,createElementVNode as f,Fragment as m,renderList as g,normalizeClass as h,toDisplayString as v,withDirectives as _,vShow as k,createTextVNode as y}from"vue";import L from"spark-md5";import C from"axios";import{useMessage as z,NIcon as x,NProgress as F,NButton as S}from"naive-ui";import{UploadProps as b,UploadState as w,statusSet as I}from"./hooks/upload-data2.mjs";import{UploadComputed as A}from"./hooks/upload-computed2.mjs";import{FolderOutline as M,DocumentAttachOutline as q,Close as B}from"@vicons/ionicons5";const E={class:"c-chunk-upload-container"},U=f("p",null,"点击或将文件拖拽到这里上传",-1),$={class:"c-file-list-conatiner"},D={class:"file-list"},N={class:"c-f-item"},P={class:"c-f-item-icon"},R={class:"c-f-item-info"},j={class:"c-f-item-info-title"},T={class:"title"},G={class:"size"},J={class:"c-f-item-info-time"},K={class:"c-f-item-btn"},O={class:"upload-btn"},H=f("span",null,"上传新文件",-1),Q=y("开始上传");var V=e({props:{...b},emits:["getSumbitList","closeUpload"],setup(e,{expose:y,emit:b}){const V=e;var W=C.create({});const X=t(null),Y=t(null),Z=l({...w}),ee=z(),{initState:te,uploadArguments:le,autoStart:oe,btnAttrs:ie}=A(V,Z);te();const ne=e=>{let t=new FileReader;(new Date).getTime();let l=File.prototype.slice||File.prototype.mozSlice||File.prototype.webkitSlice,o=0;const i=1024e4;let n=Math.ceil(e.size/i),a=new L.ArrayBuffer;function s(){let n=o*i,a=n+i>=e.size?e.size:n+i;t.readAsArrayBuffer(l.call(e.file,n,a))}I(e,"md5"),e.pause(),s(),t.onload=t=>{if(a.append(t.target.result),o<n)o++,s();else{let t=a.end();se(t,e)}},t.onerror=function(){console.warn(`文件${e.name}读取出错，请检查该文件`),e.cancel()}},ae=async e=>{let t=(e=>{const t=(null==V?void 0:V.max_size)||"";if(!t)return!1;let l=e.size/1024<+t;return l||ee.error(`附件大小超过了${(e=>{let t;return e?(t=+(+e).toFixed(2),t<1024?t+"KB":t<1048576?(t/1024).toFixed(2)+"MB":t<1073741824?(t/1048576).toFixed(2)+"GB":void 0):t})(t)}`),!l})(e);((e,t)=>{let l=!1;if(e){if(e.includes("*"))return!1;let o=t.getExtension();e.includes(o)||(ee.error(`不支持${o}格式`),l=!0)}return l})(V.propsCategoryMap,e)||(()=>{var e,t;if(V.maxLength>0){let l=(null==(e=V.defaultList)?void 0:e.length)||0,o=(null==(t=Z.configList)?void 0:t.length)||0;if(V.maxLength<=l+o)return ee.error(`最多只能上传${V.maxLength}个`),!0}return!1})()||t?e.ignored=!0:(e.file_upload_status="",I(e,"init"),e.crm_upload_config={...e},Z.configList.push(e),I(e,"ready"),oe.value&&(e.pause(),ne(e)))},se=async(e,t)=>{try{const l=await((e,t,l)=>{let o=Z.uploadConfig.checkFileMd5Exist;return new Promise(((i,n)=>{const a={md5:t,fileName:e,...le.value};W.get(o,{params:a}).then((e=>{i(e.data)})).catch((e=>{I(l,"failed"),console.log("verifyUpload -> err",e)}))}))})(t.name,e,t);if("00000"==l.code){const{data:e}=l||{};if(e.presence)return I(t,"complete"),t.crm_chkuns_complete_status="complete",void(t.crm_uploade_resInfo={url:e.path,name:t.name,size:t.size})}t.uniqueIdentifier=e,I(t,"uploading"),t.resume()}catch(e){console.log(e,"chunk-upload-computeMD5Success")}},re=()=>{},ce=(e,t,l)=>{let o=JSON.parse(l);o.success?(I(t,"merging"),((e,t)=>{new Promise(((l,o)=>{const i={...e,...le.value};W.post(Z.uploadConfig.partFileMerge,i,{timeout:0}).then((({data:e})=>{if("00000"===e.code){if(I(t,"complete"),X){let l=(null==e?void 0:e.data)||{};X.fileList.forEach((e=>{e.uniqueIdentifier==t.uniqueIdentifier&&(e.crm_chkuns_complete_status="complete",e.crm_uploade_resInfo={url:l.path||l.url,name:t.name,size:t.size,...l})}))}l()}else ee.error("上传失败"),l()})).catch((e=>{console.log("mergeRequest -> err",e),o()}))}))})({md5:t.uniqueIdentifier,fileName:t.name,fileChunkNum:t.chunks.length},t),o.needMerge&&I(t,"merging")):I(t,"failed")},ue=()=>{var e,t;let l=(null==(t=null==(e=null==Y?void 0:Y.value)?void 0:e.$el)?void 0:t.querySelector("input"))||!1;l&&l.click()},de=(e,t="text")=>((null==e?void 0:e.file_upload_status)||{})[t],pe=e=>["complete","failed"].includes(de(e,"status")),fe=(e,t)=>{I(t,"failed")},me=(e,t)=>{if("complete"==t.crm_chkuns_complete_status)return 100;return parseInt(100*e+"",10)},ge=()=>{var e;0!=((null==(e=Z.configList)?void 0:e.length)||0)?i((()=>{Z.configList.forEach((e=>{(e.file_upload_status||{}).status&&(I(e,"uploading"),ne(e))}))})):ee.info("请选择文件")},he=()=>{var e,t;console.log("cancelcancelcancel"),null==(t=null==(e=X.value)?void 0:e.uploader)||t.cancel(),Z.configList=[],b("closeUpload",!1)};return(()=>{try{console.log(V.getChunkUploadConfig),V.getChunkUploadConfig().then((e=>{console.log(e),Z.uploadConfig={...e},Z.headers={Authorization:"bearer "+Z.uploadConfig.token},(()=>{for(const e in Z.headers)W.defaults.headers.common[e]=Z.headers[e];W.defaults.withCredentials=Z.withCredentials})()}))}catch(e){console.log(e)}})(),o((()=>{i((()=>{}))})),n((()=>{})),y({cancel:he,confirm:()=>{console.log("ininini");const{configList:e}=Z;0!==((null==e?void 0:e.length)||0)?e.filter((e=>!["complete","failed"].includes(e.file_upload_status.status))).length>0?ee.info("请上传文件或者等待文件上传完成！"):((()=>{var e;let t=(null==(e=null==Z?void 0:Z.configList)?void 0:e.length)||0,l=[];t>0&&Z.configList.forEach((e=>{"complete"==e.crm_chkuns_complete_status&&l.push({size:e.size,...e.crm_uploade_resInfo})})),b("getSumbitList",l)})(),he()):ee.info("请选择文件上传")}}),(e,t)=>{const l=a("uploader-unsupport"),o=a("uploader-drop"),i=a("uploader-file"),n=a("uploader-list"),y=a("uploader-btn"),L=a("uploader");return s(),r("div",E,[c(" 上传 "),u(L,{ref_key:"uploaderDom",ref:X,options:d(Z).options,autoStart:d(oe),onFileAdded:ae,onFileSuccess:ce,onFileProgress:re,onFileError:fe,class:"uploader-app"},{default:p((()=>[u(l),u(o,null,{default:p((()=>[f("div",{class:"c-drap-container dragger-btn",onClick:ue},[u(d(x),{component:d(M)},null,8,["component"]),U])])),_:1}),u(n,null,{default:p((e=>[f("div",$,[f("ul",D,[(s(!0),r(m,null,g(e.fileList,(e=>(s(),r("li",{key:e.id},[u(i,{class:h("file_"+e.id),ref_for:!0,ref:"files",file:e,list:!0},{default:p((t=>[f("div",{class:h(["c-file-container",{"c-file-boder-bottom":pe(e)}])},[f("div",N,[f("div",P,[u(d(x),{component:d(q),style:{color:"#5585F5"}},null,8,["component"])]),f("div",R,[f("div",j,[f("span",T,v(e.name),1),f("span",G,"("+v(t.formatedSize)+")",1)]),f("div",J,[f("span",null,v(t.formatedTimeRemaining),1),f("span",null,v(de(e,"text")),1)])]),f("div",K,[u(d(x),{component:d(B),onClick:t=>(e=>{e.cancel();let t=e.id;Z.configList=Z.configList.filter((e=>e.id!==t))})(e)},null,8,["component","onClick"])])]),u(d(F),{percentage:me(d(Z).progress,e),type:"line","show-indicator":!1},null,8,["percentage"])],2)])),_:2},1032,["class","file"])])))),128))])])])),_:1}),f("div",O,[_(u(y,{attrs:d(ie),ref_key:"uploadBtnDom",ref:Y},{default:p((()=>[H])),_:1},8,["attrs"]),[[k,!1]]),u(d(S),{type:"primary",class:"mgl-10",onClick:ge},{default:p((()=>[Q])),_:1})])])),_:1},8,["options","autoStart"])])}}});export{V as default};

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1 @@
-import{defineComponent as e,reactive as s,computed as o,onMounted as i,openBlock as l,createElementBlock as a,withDirectives as t,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,vShow as c,createCommentVNode as m,createVNode as p,withCtx as v,normalizeStyle as g,toDisplayString as f,withModifiers as h,createBlock as y,createTextVNode as k}from"vue";import b from"vuedraggable";import U from"cnhis-design-vue/es/src/utils/vexutils";import{VodProps as C,VodState as L}from"../hooks/vod-data2.mjs";import{VodComputed as V}from"../hooks/vod-computed2.mjs";import w from"cnhis-design-vue/es/src/components/player-vod/video-modal";import O from"../vod-upload-modal2.mjs";import{NIcon as _,NButton as D}from"naive-ui";import{PlayCircleSharp as x,PlayCircleOutline as S,RemoveCircleSharp as z}from"@vicons/ionicons5";import F from"cnhis-design-vue/es/src/assets/img/video_default_cover.png";import M from"cnhis-design-vue/es/src/assets/img/video.png";import N from"cnhis-design-vue/es/src/assets/img/success.png";const A={class:"c-upload"},j={class:"chunk-btn-content"},J={class:"c-uploader-btn"},E=["src"],P=d("div",{class:"uploader-text"},[d("p",null,"点击上传"),d("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),T=["src"],B=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),R={class:"vod-wrap c-uploader-preview-wrap"},G={key:0,class:"vod-def-bg vod-uploading"},H={class:"vod-def-bg vod-done"},K=["src"],$=["src"],q=k(" 上传成功 "),I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=k("确定"),Z=["onClick"];var ee=e({__name:"vod-chunk-upload",props:{...C},emits:["vodFileList"],setup(e,{emit:k}){const C=e,ee=s({...L}),se={},{isShowBtn:oe,maskHeight:ie,showPercent:le,allow_format:ae,defaultValue:te,isDisabled:re,max_size:ne,maxlength:de}=V(C,ee,{mainForm:se});console.log(oe.value,"----isShowBtn---",C.formData.title),o((()=>ue()));const ue=()=>{const{formData:e}=C;let s=[];if(s="guage"===C.source?C.defFileList:null==se?void 0:se.handleSysParams(se.defaultValue[e.name]||e.default_val),s=JSON.parse(JSON.stringify(s)),!s)return[];let o=[];return Array.isArray(s)&&(o=[...s]),U.isJSON(s)&&(o=JSON.parse(s)),Array.isArray(o)?(o.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),ee.fileList=o,console.log(ee.fileList,"----list---list"),ce(o),o):[]},ce=e=>{if(!Array.isArray(e))return"";const{formData:s,source:o}=C;let i=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:s={}}=e.response||{};e.url||s.videoUrl;let o=e.vodCoverUrl||s.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||s.videoUrl,vodCoverUrl:o,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",C.formData.title);let l=JSON.stringify(i);"guage"!==o?se.baseForm.setFieldsValue({[s.val_key]:l}):k("vodFileList",l,C.formData)},me=(e,s)=>{let o,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(o=e.url||e.videoUrl,!i){let e=o.split(".");i=`video/${e[e.length-1]}`}}else o=URL.createObjectURL(e.originFileObj);ee.playerOptions={sources:[{type:i,src:o}]},ee.videoVisible=!0},pe=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},ge=e=>{let s=[];e.forEach((e=>{let o=e.videoCoverPic||void 0;s.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:o,status:"done",uid:(-Math.random()).toString()})})),ee.fileList.push(...s),ce(ee.fileList)},fe=()=>{ce(ee.fileList)};return i((()=>{ue()})),(e,s)=>(l(),a("div",A,[e.isDetail?m("v-if",!0):t((l(),a("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(re)}]),onClick:ve},[d("div",j,[d("div",J,["guage"==C.source?(l(),a(u,{key:0},[d("img",{src:n(M),class:"guage-img"},null,8,E),P],64)):(l(),a(u,{key:1},[d("img",{src:n(M),class:"guage-img"},null,8,T),B],64))])])],2)),[[c,n(oe)]]),p(n(b),{modelValue:ee.fileList,"onUpdate:modelValue":s[0]||(s[0]=e=>ee.fileList=e),animation:"150",itemKey:"uid",disabled:n(re).value,options:ee.draggableOptions,onUpdate:fe,class:"drag-content"},{item:v((({element:s,index:o})=>{return[d("div",R,[m(" 上传中 "),"uploading"===s.status?(l(),a("div",G,[m(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ie)(s)})},[d("span",null,f(n(le)(s.percent))+"%",1)],4)])):"done"===s.status?(l(),a(u,{key:1},[m(" 上传完成 "),d("div",H,[d("img",{src:(i=s,i.thumbUrl?i.thumbUrl:F),class:"vod-cover-img"},null,8,K),d("div",{class:r(["tooltip-wrap",{"is-new":s.isNew}])},[d("img",{src:n(N),class:"upload-img"},null,8,$),q],2),m(" 播放图标 "),d("div",I,[p(n(_),{component:n(x),class:"icon-play theme_filled",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"]),p(n(_),{component:n(S),class:"icon-play theme_outlined",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"])])])],64)):"error"===s.status?(l(),a(u,{key:2},[m(" 上传失败 "),d("div",Q,[d("img",{src:s.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,f(s.message?s.message:"上传失败，继续上传？"),1),p(n(D),{size:"small",onClick:h((e=>{}),["prevent","stop"])},{default:v((()=>[Y])),_:2},1032,["onClick"])])])],64)):m("v-if",!0),!["done","error"].includes(s.status)||n(re)||e.isDetail?m("v-if",!0):(l(),a("div",{key:3,onClick:h((e=>{return s=o,ee.fileList.splice(s,1),void ce(ee.fileList);var s}),["stop"]),class:"uploader-preview-delete"},[p(n(_),{class:"pre-delete",component:n(z)},null,8,["component"])],8,Z))])];var i})),_:1},8,["modelValue","disabled","options"]),ee.videoVisible?(l(),y(n(w),{key:1,visible:ee.videoVisible,formData:C.formData,playerOptions:ee.playerOptions,onCloseVideoModal:pe},null,8,["visible","formData","playerOptions"])):m("v-if",!0),p(n(O),{modelValue:ee.chunkUploadVisible,"onUpdate:modelValue":s[1]||(s[1]=e=>ee.chunkUploadVisible=e),modalTitle:C.formData.name,max_size:n(ne),maxLength:n(de),propsCategoryMap:n(ae),defaultList:ee.fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:ge},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])]))}});export{ee as default};
+import{defineComponent as e,reactive as s,computed as o,onMounted as i,openBlock as l,createElementBlock as t,withDirectives as a,normalizeClass as r,unref as n,createElementVNode as d,Fragment as u,vShow as c,createCommentVNode as m,createVNode as p,withCtx as v,normalizeStyle as g,toDisplayString as f,withModifiers as h,createBlock as y,createTextVNode as k}from"vue";import b from"vuedraggable";import U from"cnhis-design-vue/es/src/utils/vexutils";import{VodProps as C,VodState as L}from"../hooks/vod-data2.mjs";import{VodComputed as V}from"../hooks/vod-computed2.mjs";import w from"cnhis-design-vue/es/src/components/player-vod/video-modal";import O from"../vod-upload-modal2.mjs";import{NIcon as D,NButton as x}from"naive-ui";import{PlayCircleSharp as S,PlayCircleOutline as _,RemoveCircleSharp as z}from"@vicons/ionicons5";import F from"cnhis-design-vue/es/src/assets/img/video_default_cover.png";import M from"cnhis-design-vue/es/src/assets/img/video.png";import N from"cnhis-design-vue/es/src/assets/img/success.png";const A={class:"c-upload"},j={class:"chunk-btn-content"},J={class:"c-uploader-btn"},E=["src"],P=d("div",{class:"uploader-text"},[d("p",null,"点击上传"),d("span",{class:"guage-text"},"上传视频（不超过50M)")],-1),T=["src"],B=d("div",{class:"uploader-text"},[d("p",null,"上传视频")],-1),R={class:"vod-wrap c-uploader-preview-wrap"},G={key:0,class:"vod-def-bg vod-uploading"},H={class:"vod-def-bg vod-done"},K=["src"],$=["src"],q=k(" 上传成功 "),I={class:"c-icon-wrap"},Q={class:"vod-def-bg vod-error"},W=["src"],X={class:"tooltip-wrap error-wrap"},Y=k("确定"),Z=["onClick"];var ee=e({props:{...C},emits:["vodFileList"],setup(e,{emit:k}){const C=e,ee=s({...L}),se={},{isShowBtn:oe,maskHeight:ie,showPercent:le,allow_format:te,defaultValue:ae,isDisabled:re,max_size:ne,maxlength:de}=V(C,ee,{mainForm:se});console.log(oe.value,"----isShowBtn---",C.formData.title),o((()=>ue()));const ue=()=>{const{formData:e}=C;let s=[];if(s="guage"===C.source?C.defFileList:null==se?void 0:se.handleSysParams(se.defaultValue[e.name]||e.default_val),s=JSON.parse(JSON.stringify(s)),!s)return[];let o=[];return Array.isArray(s)&&(o=[...s]),U.isJSON(s)&&(o=JSON.parse(s)),Array.isArray(o)?(o.forEach((e=>{e.thumbUrl=e.vodCoverUrl||void 0,e.uid=(-Math.random()).toString(),e.status="done"})),ee.fileList=o,console.log(ee.fileList,"----list---list"),ce(o),o):[]},ce=e=>{if(!Array.isArray(e))return"";const{formData:s,source:o}=C;let i=[];e.forEach((e=>{if("done"===e.status&&(e.response&&"00000"==e.response.code||e.url)){const{data:s={}}=e.response||{};e.url||s.videoUrl;let o=e.vodCoverUrl||s.vodCoverUrl;i.push({name:e.name,size:e.size,url:e.url||s.videoUrl,vodCoverUrl:o,uid:e.id||e.uid||(-Math.random()).toString()})}})),console.log(i,"---resList---",C.formData.title);let l=JSON.stringify(i);"guage"!==o?se.baseForm.setFieldsValue({[s.val_key]:l}):k("vodFileList",l,C.formData)},me=(e,s)=>{let o,i;if(e.type&&(i=e.type),e.url||e.videoUrl){if(o=e.url||e.videoUrl,!i){let e=o.split(".");i=`video/${e[e.length-1]}`}}else o=URL.createObjectURL(e.originFileObj);ee.playerOptions={sources:[{type:i,src:o}]},ee.videoVisible=!0},pe=()=>{ee.videoVisible=!1},ve=()=>{re.value||(ee.chunkUploadVisible=!0)},ge=e=>{let s=[];e.forEach((e=>{let o=e.videoCoverPic||void 0;s.push({name:e.videoName||e.name,url:e.videoUrl||e.url,size:e.size,vodCoverUrl:o,status:"done",uid:(-Math.random()).toString()})})),ee.fileList.push(...s),ce(ee.fileList)},fe=()=>{ce(ee.fileList)};return i((()=>{ue()})),(e,s)=>(l(),t("div",A,[e.isDetail?m("v-if",!0):a((l(),t("div",{key:0,class:r(["c-chunk-uploader-btn",{"disable-upload":n(re)}]),onClick:ve},[d("div",j,[d("div",J,["guage"==C.source?(l(),t(u,{key:0},[d("img",{src:n(M),class:"guage-img"},null,8,E),P],64)):(l(),t(u,{key:1},[d("img",{src:n(M),class:"guage-img"},null,8,T),B],64))])])],2)),[[c,n(oe)]]),p(n(b),{modelValue:n(ee).fileList,"onUpdate:modelValue":s[0]||(s[0]=e=>n(ee).fileList=e),animation:"150",itemKey:"uid",disabled:n(re).value,options:n(ee).draggableOptions,onUpdate:fe,class:"drag-content"},{item:v((({element:s,index:o})=>{return[d("div",R,[m(" 上传中 "),"uploading"===s.status?(l(),t("div",G,[m(" TODO: 封面图补充 "),d("div",{class:"uploading-mask",style:g({height:n(ie)(s)})},[d("span",null,f(n(le)(s.percent))+"%",1)],4)])):"done"===s.status?(l(),t(u,{key:1},[m(" 上传完成 "),d("div",H,[d("img",{src:(i=s,i.thumbUrl?i.thumbUrl:F),class:"vod-cover-img"},null,8,K),d("div",{class:r(["tooltip-wrap",{"is-new":s.isNew}])},[d("img",{src:n(N),class:"upload-img"},null,8,$),q],2),m(" 播放图标 "),d("div",I,[p(n(D),{component:n(S),class:"icon-play theme_filled",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"]),p(n(D),{component:n(_),class:"icon-play theme_outlined",onClick:h((e=>me(s)),["prevent","stop"])},null,8,["component","onClick"])])])],2112)):"error"===s.status?(l(),t(u,{key:2},[m(" 上传失败 "),d("div",Q,[d("img",{src:s.thumbUrl,class:"vod-cover-img"},null,8,W),d("div",X,[d("span",null,f(s.message?s.message:"上传失败，继续上传？"),1),p(n(x),{size:"small",onClick:h((e=>{}),["prevent","stop"])},{default:v((()=>[Y])),_:2},1032,["onClick"])])])],2112)):m("v-if",!0),!["done","error"].includes(s.status)||n(re)||e.isDetail?m("v-if",!0):(l(),t("div",{key:3,onClick:h((e=>{return s=o,ee.fileList.splice(s,1),void ce(ee.fileList);var s}),["stop"]),class:"uploader-preview-delete"},[p(n(D),{class:"pre-delete",component:n(z)},null,8,["component"])],8,Z))])];var i})),_:1},8,["modelValue","disabled","options"]),n(ee).videoVisible?(l(),y(n(w),{key:1,visible:n(ee).videoVisible,formData:C.formData,playerOptions:n(ee).playerOptions,onCloseVideoModal:pe},null,8,["visible","formData","playerOptions"])):m("v-if",!0),p(n(O),{modelValue:n(ee).chunkUploadVisible,"onUpdate:modelValue":s[1]||(s[1]=e=>n(ee).chunkUploadVisible=e),modalTitle:C.formData.name,max_size:n(ne),maxLength:n(de),propsCategoryMap:n(te),defaultList:n(ee).fileList,getChunkUploadConfig:e.getChunkUploadConfig,onGetSumbitList:ge},null,8,["modelValue","modalTitle","max_size","maxLength","propsCategoryMap","defaultList","getChunkUploadConfig"])]))}});export{ee as default};