cnhis-design-vue 3.1.9-beta.8 → 3.1.10

package/es/packages/chunk-upload/src/hooks/vod-data.d.ts

@@ -1,44 +1,23 @@
-export declare const VodProps: {
-    formData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    defList: (ArrayConstructor | StringConstructor)[];
-    source: StringConstructor;
-    limitNum: {
-        default: number;
-    };
-    defFileList: {
-        default: string;
-    };
-    isLock: BooleanConstructor;
-    isDetail: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    getChunkUploadConfig: {
-        type: FunctionConstructor;
-        default: () => Promise<{}>;
-    };
-};
-export declare const VodState: {
-    videoVisible: boolean;
-    fileList: never[];
-    cacheFileObj: {};
-    playerOptions: {};
-    vodClient: null;
-    chunkUploadVisible: boolean;
-    uploader: null;
-    autoStart: boolean;
-    timeOuts: number;
-    configList: never[];
-    draggableOptions: {
-        group: string;
-        filter: string;
-        delayOnTouchOnly: boolean;
-        delay: number;
-        touchStartThreshold: number;
-        chosenClass: string;
-        dragClass: string;
+export declare const getVodData: () => {
+    VodState: {
+        videoVisible: boolean;
+        fileList: never[];
+        cacheFileObj: {};
+        playerOptions: {};
+        vodClient: null;
+        chunkUploadVisible: boolean;
+        uploader: null;
+        autoStart: boolean;
+        timeOuts: number;
+        configList: never[];
+        draggableOptions: {
+            group: string;
+            filter: string;
+            delayOnTouchOnly: boolean;
+            delay: number;
+            touchStartThreshold: number;
+            chosenClass: string;
+            dragClass: string;
+        };
     };
 };

package/es/packages/chunk-upload/src/hooks/vod-data.js

@@ -1,33 +1,28 @@
-const VodProps = {
-  formData: { type: Object, default: () => ({}) },
-  defList: [Array, String],
-  source: String,
-  limitNum: { default: 1 },
-  defFileList: { default: "" },
-  isLock: Boolean,
-  isDetail: { type: Boolean, default: false },
-  getChunkUploadConfig: { type: Function, default: () => Promise.resolve({}) }
-};
-const VodState = {
-  videoVisible: false,
-  fileList: [],
-  cacheFileObj: {},
-  playerOptions: {},
-  vodClient: null,
-  chunkUploadVisible: false,
-  uploader: null,
-  autoStart: true,
-  timeOuts: 6e4 * 5,
-  configList: [],
-  draggableOptions: {
-    group: "upload-com-item",
-    filter: ".uploading-item",
-    delayOnTouchOnly: true,
-    delay: 100,
-    touchStartThreshold: 3,
-    chosenClass: "upload-chosen-draing",
-    dragClass: "upload-sortable-drag"
-  }
+const getVodData = () => {
+  const VodState = {
+    videoVisible: false,
+    fileList: [],
+    cacheFileObj: {},
+    playerOptions: {},
+    vodClient: null,
+    chunkUploadVisible: false,
+    uploader: null,
+    autoStart: true,
+    timeOuts: 6e4 * 5,
+    configList: [],
+    draggableOptions: {
+      group: "upload-com-item",
+      filter: ".uploading-item",
+      delayOnTouchOnly: true,
+      delay: 100,
+      touchStartThreshold: 3,
+      chosenClass: "upload-chosen-draing",
+      dragClass: "upload-sortable-drag"
+    }
+  };
+  return {
+    VodState
+  };
 };
 
-export { VodProps, VodState };
+export { getVodData };

package/es/packages/chunk-upload/src/vod-chunk-upload/vod-chunk-upload.vue.d.ts

@@ -21,6 +21,27 @@ declare const _default: import("vue").DefineComponent<{
         default: () => Promise<{}>;
     };
 }, {
+    VodState: {
+        videoVisible: boolean;
+        fileList: never[];
+        cacheFileObj: {};
+        playerOptions: {};
+        vodClient: null;
+        chunkUploadVisible: boolean;
+        uploader: null;
+        autoStart: boolean;
+        timeOuts: number;
+        configList: never[];
+        draggableOptions: {
+            group: string;
+            filter: string;
+            delayOnTouchOnly: boolean;
+            delay: number;
+            touchStartThreshold: number;
+            chosenClass: string;
+            dragClass: string;
+        };
+    };
     state: {
         videoVisible: boolean;
         fileList: never[];
@@ -136,6 +157,14 @@ declare const _default: import("vue").DefineComponent<{
         updatePosition(oldIndex: any, newIndex: any): void;
         getRelatedContextFromMoveEvent({ to, related }: {
             to: any;
+            /**
+             * 支持的格式
+             * MP4、TS、MOV、MXF、MPG、FLV、WMV、AVI、M4V、F4V、MPEG、3GP、ASF、MKV、HLS
+             */
+            /**
+             * simple-uploader 配置文档
+             * https://github.com/simple-uploader/Uploader/blob/develop/README_zh-CN.md#%E9%85%8D%E7%BD%AE
+             */
             related: any;
         }): any;
         getVmIndexFromDomIndex(domIndex: any): any;
@@ -241,7 +270,7 @@ declare const _default: import("vue").DefineComponent<{
         modalTitle: string;
     }>;
     NIcon: import("vue").DefineComponent<{
-        readonly depth: import("vue").PropType<import("naive-ui/es/icon/src/Icon").Depth>; /** 获取默认值/ 回填 */
+        readonly depth: import("vue").PropType<import("naive-ui/es/icon/src/Icon").Depth>;
         readonly size: import("vue").PropType<string | number>;
         readonly color: StringConstructor;
         readonly component: import("vue").PropType<import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
@@ -268,7 +297,7 @@ declare const _default: import("vue").DefineComponent<{
             opacity3Depth: string;
             opacity4Depth: string;
             opacity5Depth: string;
-        }, any>>>;
+        }, any>>>; /** 获取提交的数据 */
     }, {
         mergedClsPrefix: import("vue").ComputedRef<string>;
         mergedStyle: import("vue").ComputedRef<{
@@ -1744,9 +1773,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isDetail: boolean;
     isLock: boolean;
+    getChunkUploadConfig: Function;
     formData: Record<string, any>;
     limitNum: number;
     defFileList: string;
-    getChunkUploadConfig: Function;
 }>;
 export default _default;

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

@@ -1,15 +1,15 @@
 import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, withDirectives, normalizeClass, unref, createElementVNode, Fragment, vShow, createCommentVNode, createVNode, withCtx, normalizeStyle, toDisplayString, withModifiers, createBlock, createTextVNode } from 'vue';
 import Draggable from 'vuedraggable';
-import vexutils from '..\\..\\..\\../src/utils/vexutils';
-import { VodProps, VodState } from '../hooks/vod-data.js';
+import vexutils from '../../../../src/utils/vexutils';
+import { getVodData } from '../hooks/vod-data.js';
 import { VodComputed } from '../hooks/vod-computed.js';
-import videoModal from '..\\..\\..\\../src/components/player-vod/video-modal';
+import videoModal from '../../../../src/components/player-vod/video-modal';
 import vodUploadModal from '../vod-upload-modal.js';
 import { NIcon, NButton } from 'naive-ui';
 import { PlayCircleSharp, PlayCircleOutline, RemoveCircleSharp } from '@vicons/ionicons5';
-import default_cover from '..\\..\\..\\../src/assets/img/video_default_cover.png';
-import videoImg from '..\\..\\..\\../src/assets/img/video.png';
-import success from '..\\..\\..\\../src/assets/img/success.png';
+import default_cover from '../../../../src/assets/img/video_default_cover';
+import videoImg from '../../../../src/assets/img/video';
+import success from '../../../../src/assets/img/success';
 
 const _hoisted_1 = { class: "c-upload" };
 const _hoisted_2 = { class: "chunk-btn-content" };
@@ -40,11 +40,21 @@ const _hoisted_18 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
 const _hoisted_19 = ["onClick"];
 var script = /* @__PURE__ */ defineComponent({
   __name: "vod-chunk-upload",
-  props: { ...VodProps },
+  props: {
+    formData: { type: Object, default: () => ({}) },
+    defList: [Array, String],
+    source: String,
+    limitNum: { default: 1 },
+    defFileList: { default: "" },
+    isLock: Boolean,
+    isDetail: { type: Boolean, default: false },
+    getChunkUploadConfig: { type: Function, default: () => Promise.resolve({}) }
+  },
   emits: ["vodFileList"],
   setup(__props, { emit }) {
     const props = __props;
-    const state = reactive({ ...VodState });
+    const { VodState } = getVodData();
+    const state = reactive(VodState);
     const mainForm = {};
     const {
       isShowBtn,
@@ -189,7 +199,7 @@ var script = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
+        !__props.isDetail ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["c-chunk-uploader-btn", { "disable-upload": unref(isDisabled) }]),
           onClick: handleBtnOnClick
@@ -286,7 +296,7 @@ var script = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ], 64)) : createCommentVNode("v-if", true),
-              ["done", "error"].includes(element.status) && !unref(isDisabled) && !_ctx.isDetail ? (openBlock(), createElementBlock("div", {
+              ["done", "error"].includes(element.status) && !unref(isDisabled) && !__props.isDetail ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 onClick: withModifiers(($event) => handleDelFileList(index), ["stop"]),
                 class: "uploader-preview-delete"
@@ -315,7 +325,7 @@ var script = /* @__PURE__ */ defineComponent({
           maxLength: unref(maxlength),
           propsCategoryMap: unref(allow_format),
           defaultList: state.fileList,
-          getChunkUploadConfig: _ctx.getChunkUploadConfig,
+          getChunkUploadConfig: __props.getChunkUploadConfig,
           onGetSumbitList: getSumbitList
         }, null, 8, ["modelValue", "modalTitle", "max_size", "maxLength", "propsCategoryMap", "defaultList", "getChunkUploadConfig"])
       ]);

package/es/packages/chunk-upload/style/index.css

@@ -289,8 +289,10 @@
   position: relative;
   top: 50%;
   left: 50%;
+  font-size: 46px;
   transform: translate(-50%, -50%);
   transition: all 0.25s ease-out;
+  cursor: pointer;
 }
 .c-icon-wrap .theme_outlined {
   display: inline-block;
@@ -353,7 +355,7 @@
   border-color: #5585f5;
 }
 .c-chunk-uploader-btn:hover .guage-img {
-  content: url('..\..\../src/assets/img/video_hover.png');
+  content: url('data:image/png;base64,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');
 }
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-icon,
 .c-chunk-uploader-btn:hover .c-uploader-btn .uploader-text p,

package/es/packages/drag-layout/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from '..\..\../es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const DragLayout: SFCWithInstall<import("vue").DefineComponent<{
     leftList: {
         type: ArrayConstructor;

package/es/packages/drag-layout/index.js

@@ -1,6 +1,6 @@
-import { COMPONENT_NAMESPACE } from '..\\../src/global/variable';
-import { safeComponentRegister } from '..\\../src/utils';
-import { expandXEUtils } from '..\\../src/utils/utilExpand';
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import { expandXEUtils } from '../../src/utils/utilExpand';
 import './src/DragLayout.js';
 import script from './src/DragLayout.vue_vue_type_script_setup_true_lang.js';
 

package/es/packages/drag-layout/src/DragLayout.vue.d.ts

@@ -101,12 +101,11 @@ declare const _default: import("vue").DefineComponent<{
             readonly default: 24;
         };
         readonly itemResponsive: BooleanConstructor;
-        readonly collapsed: BooleanConstructor;
+        readonly collapsed: BooleanConstructor; /** line 类型 */
         readonly collapsedRows: {
             readonly type: NumberConstructor;
             readonly default: 1;
         };
-        /** line 类型 */
         readonly itemStyle: import("vue").PropType<string | import("vue").CSSProperties>;
         readonly xGap: {
             readonly type: import("vue").PropType<string | number>;
@@ -15327,7 +15326,7 @@ declare const _default: import("vue").DefineComponent<{
                 dotColorActive: string;
                 dotColorDisabled: string;
                 buttonBorderColor: string;
-                buttonBorderColorActive: string;
+                buttonBorderColorActive: string; /** line 类型 */
                 buttonBorderColorHover: string;
                 buttonColor: string;
                 buttonColorActive: string;

package/es/packages/drag-layout/src/DragLayout.vue_vue_type_script_setup_true_lang.js

@@ -3,7 +3,7 @@ import { NButton, NModal, NForm, NGrid, NFormItemGi, NInput, NSelect, NCheckbox,
 import Draggable from 'vuedraggable';
 import './DragFormLeftItem.js';
 import './DragFormRightItem.js';
-import vexutils from '..\\..\\../src/utils/vexutils';
+import vexutils from '../../../src/utils/vexutils';
 import script$1 from './DragFormLeftItem.vue_vue_type_script_setup_true_lang.js';
 import script$2 from './DragFormRightItem.vue_vue_type_script_setup_true_lang.js';
 

package/es/packages/editor/index.d.ts

@@ -1,4 +1,4 @@
-import { SFCWithInstall } from '..\..\../es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const Editor: SFCWithInstall<import("vue").DefineComponent<{
     editorConfig: {
         type: ObjectConstructor;

package/es/packages/editor/index.js

@@ -1,5 +1,5 @@
-import { COMPONENT_NAMESPACE } from '..\\../src/global/variable';
-import { safeComponentRegister } from '..\\../src/utils';
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
 import script from './src/Editor.js';
 
 const Editor = script;

package/es/packages/fabric-chart/index.d.ts

@@ -1,70 +1,33 @@
-import { SFCWithInstall } from '..\..\../es/src/types';
+import { SFCWithInstall } from '../../../es/src/types';
 declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
     data: {
-        type: ObjectConstructor;
+        type: null;
         required: true;
     };
 }, {
     props: {
-        data: {
-            width: number;
-            height: number;
-            borderStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
-            grid: {
-                mainXCell: number;
-                subXCell: number;
-                subSecondXCell: number;
-                mainYCell: number;
-                subYCell: number;
-                mainLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
-                subLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
-                subSecondLineStyle?: import("fabric/fabric-impl").ILineOptions | undefined;
-                event?: Partial<{
-                    selectable: boolean;
-                    evented: boolean;
-                }> | undefined;
-            };
-            other?: {
-                style?: import("fabric/fabric-impl").ITextOptions | undefined;
-                list: {
-                    time: string;
-                    value: string | number;
-                }[];
-            } | undefined;
-            top: {
-                dateStyle?: import("fabric/fabric-impl").ITextOptions | undefined;
-                titleWidth: number;
-                date: {
-                    title: string;
-                    height?: number | undefined;
-                    list: string[];
-                };
-            };
-            left: {
-                spaceGridNumber?: number | undefined;
-                yScaleValue: any[];
-            };
-            right?: {
-                width?: number | undefined;
-                yScaleValue: any;
-            } | undefined;
-            bottom?: any;
-        };
-    };
-    canvasRef: import("vue").Ref<HTMLCanvasElement | null>;
-    canvas: import("vue").Ref<import("fabric/fabric-impl").Canvas | undefined>;
-    gridXNumber: () => number;
-    gridYNumber: () => number;
-    endX: () => number;
-    originX: () => number;
-    propItems: {
-        canvasWidth: number;
-        canvasHeight: number;
-        originX: number;
+        data: import("./src/interface").IData;
     };
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<number>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    xScaleList: import("vue").ComputedRef<number[]>;
+    xScaleCell: import("vue").ComputedRef<number>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    centigradeYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    propItems: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: ObjectConstructor;
+        type: null;
         required: true;
     };
 }>>, {}>>;

package/es/packages/fabric-chart/index.js

@@ -1,5 +1,5 @@
-import { COMPONENT_NAMESPACE } from '..\\../src/global/variable';
-import { safeComponentRegister } from '..\\../src/utils';
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
 import './src/FabricChart.js';
 import script from './src/FabricChart.vue_vue_type_script_setup_true_lang.js';
 

package/es/packages/fabric-chart/src/FabricChart.vue.d.ts

@@ -1,79 +1,33 @@
-import { fabric } from 'fabric';
-declare type IEvent = {
-    selectable: boolean;
-    evented: boolean;
-};
-declare type IPoint = {
-    time: string;
-    value: string | number;
-};
-declare type IGrid = {
-    mainXCell: number;
-    subXCell: number;
-    subSecondXCell: number;
-    mainYCell: number;
-    subYCell: number;
-    mainLineStyle?: fabric.ILineOptions;
-    subLineStyle?: fabric.ILineOptions;
-    subSecondLineStyle?: fabric.ILineOptions;
-    event?: Partial<IEvent>;
-};
-declare type IOther = {
-    style?: fabric.ITextOptions;
-    list: Array<IPoint>;
-};
-declare type IDate = {
-    title: string;
-    height?: number;
-    list: Array<string>;
-};
-declare type ITop = {
-    dateStyle?: fabric.ITextOptions;
-    titleWidth: number;
-    date: IDate;
-};
-declare type ILeft = {
-    spaceGridNumber?: number;
-    yScaleValue: Array<any>;
-};
-declare type IRight = {
-    width?: number;
-    yScaleValue: any;
-};
-declare type IData = {
-    width: number;
-    height: number;
-    borderStyle?: fabric.ILineOptions;
-    grid: IGrid;
-    other?: IOther;
-    top: ITop;
-    left: ILeft;
-    right?: IRight;
-    bottom?: any;
-};
+import { IData } from './interface';
 declare const _default: import("vue").DefineComponent<{
     data: {
-        type: ObjectConstructor;
+        type: null;
         required: true;
     };
 }, {
     props: {
         data: IData;
     };
-    canvasRef: import("vue").Ref<HTMLCanvasElement | null>;
-    canvas: import("vue").Ref<fabric.Canvas | undefined>;
-    gridXNumber: () => number;
-    gridYNumber: () => number;
-    endX: () => number;
-    originX: () => number;
-    propItems: {
-        canvasWidth: number;
-        canvasHeight: number;
-        originX: number;
-    };
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<number>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    xScaleList: import("vue").ComputedRef<number[]>;
+    xScaleCell: import("vue").ComputedRef<number>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    centigradeYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    propItems: any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: ObjectConstructor;
+        type: null;
         required: true;
     };
 }>>, {}>;