cnhis-design-vue 3.1.9-beta.9 → 3.1.11-beta.0

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 { getVodData } from '../hooks/vod-data.js';
 import { VodComputed } from '../hooks/vod-computed.js';
 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/fabric-chart/index.d.ts

@@ -1,71 +1,3 @@
 import { SFCWithInstall } from '../../../es/src/types';
-declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
-    data: {
-        type: ObjectConstructor;
-        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;
-    };
-}, 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;
-        required: true;
-    };
-}>>, {}>>;
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
 export default FabricChart;

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

@@ -1,80 +1,2 @@
-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;
-};
-declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: ObjectConstructor;
-        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;
-    };
-}, 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;
-        required: true;
-    };
-}>>, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;

package/es/packages/fabric-chart/src/FabricChart.vue_vue_type_script_setup_true_lang.js

@@ -1,56 +1,12 @@
-import { defineComponent, ref, reactive, provide, onMounted, openBlock, createElementBlock, createElementVNode } from 'vue';
-import { fabric } from 'fabric';
+import { defineComponent, openBlock, createElementBlock, createCommentVNode } from 'vue';
 
 const _hoisted_1 = { class: "c-fabric-chart" };
 var script = /* @__PURE__ */ defineComponent({
   __name: "FabricChart",
-  props: {
-    data: { type: Object, required: true }
-  },
   setup(__props) {
-    const props = __props;
-    const canvasRef = ref(null);
-    let canvas = ref();
-    const gridXNumber = () => {
-      const { grid } = props.data;
-      return grid.mainXCell * grid.subXCell;
-    };
-    const endX = () => {
-      const { width, right = null } = props.data;
-      if (!right)
-        return width;
-      const endWidth = right.width || 50;
-      return width - endWidth;
-    };
-    const originX = () => {
-      const { top } = props.data;
-      const originX2 = top.titleWidth;
-      const residue = (endX() - originX2) % gridXNumber();
-      return originX2 + residue;
-    };
-    const propItems = reactive({
-      canvasWidth: props.data.width,
-      canvasHeight: props.data.height,
-      originX: originX()
-    });
-    provide("canvas", canvas);
-    provide("propItems", propItems);
-    onMounted(() => {
-      canvas.value = new fabric.Canvas(canvasRef.value, {
-        width: propItems.canvasWidth,
-        height: propItems.canvasHeight,
-        backgroundColor: "#fff",
-        selection: false,
-        containerClass: "c-fabric-canvas-container",
-        fireRightClick: true
-      });
-    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("canvas", {
-          ref_key: "canvasRef",
-          ref: canvasRef
-        }, null, 512)
+        createCommentVNode(' <canvas ref="canvasRef"></canvas> ')
       ]);
     };
   }

package/es/packages/fabric-chart/src/hooks/useRight.js

@@ -0,0 +1 @@
+

package/es/packages/fabric-chart/src/hooks/useTop.js

@@ -0,0 +1 @@
+

package/es/packages/fabric-chart/src/interface.js

@@ -0,0 +1 @@
+