cnhis-design-vue 3.1.13 → 3.1.14-beta.2

package/es/src/components/player-vod/player.js

@@ -1,121 +0,0 @@
-import { defineComponent, reactive, ref, computed, onMounted, watch, createVNode } from 'vue';
-import videojs from 'video.js/dist/video.min.js';
-import 'video.js/dist/video-js.css';
-
-var playerVod = defineComponent({
-  name: "player",
-  props: {
-    options: {
-      type: Object,
-      required: true,
-      default: () => {
-      }
-    }
-  },
-  setup(props, context) {
-    let tempW = document.documentElement.clientWidth * 0.6 + "";
-    const state = reactive({
-      player: null,
-      playerOptions: {},
-      defaultOptions: {
-        playbackRates: [0.5, 1, 1.5, 2],
-        autoplay: true,
-        muted: false,
-        loop: false,
-        preload: "auto",
-        src: "",
-        poster: "",
-        height: 600,
-        width: parseInt(tempW),
-        controls: true,
-        notSupportedMessage: "\u6B64\u89C6\u9891\u6682\u65E0\u6CD5\u64AD\u653E",
-        suppressNotSupportedError: true,
-        controlBar: {
-          timeDivider: true,
-          durationDisplay: true,
-          currentTimeDisplay: true,
-          remainingTimeDisplay: false,
-          pictureInPictureToggle: false,
-          volumePanel: {
-            inline: false
-          }
-        },
-        errorDisplay: true,
-        posterImage: false,
-        bigPlayButton: true,
-        textTrackDisplay: false
-      }
-    });
-    const videoDom = ref(null);
-    const error = (e) => {
-      let err = e.error();
-      if (err.code === 2) {
-        let buffTime = e.bufferedEnd() - 6;
-        e.load(window.playerOptions.sources[0].src);
-        e.currentTime(buffTime);
-        e.play();
-      } else {
-        window.alert.err(err.message);
-      }
-    };
-    const initVideo = () => {
-      state.player = videojs(videoDom.value, Object.assign(state.defaultOptions, props.options), function() {
-        state.player.on("error", () => {
-          let err = error();
-          if (err.code === 2) {
-            let buffTime = window.bufferedEnd() - 6;
-            window.load(src.value);
-            window.currentTime(buffTime);
-            window.play();
-          } else {
-            console.log(err.message);
-          }
-        });
-      });
-      state.player.src(src.value);
-      if (state.player)
-        state.player.play();
-    };
-    const src = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = props.options) == null ? void 0 : _a.sources) == null ? void 0 : _b[0]) == null ? void 0 : _c.src;
-    });
-    const autoplay = computed(() => {
-      var _a;
-      return (_a = props.options) == null ? void 0 : _a.autoplay;
-    });
-    onMounted(() => {
-      initVideo();
-    });
-    watch(() => src.value, (val) => {
-      if (!val)
-        return;
-      console.log(val, "---watch--src");
-    });
-    watch(() => autoplay.value, (val) => {
-      if (!val)
-        return;
-      state.player.play();
-    });
-    const renderVideoPlayer = () => {
-      return createVNode("div", {
-        "class": "video-container cp"
-      }, [createVNode("video", {
-        "onContextmenu": (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-        },
-        "ref": videoDom,
-        "controls": true,
-        "class": "video-js vjs-default-skin vjs-big-play-centered",
-        "webkit-playsinline": "true",
-        "playsinline": true
-      }, null)]);
-    };
-    return () => {
-      return renderVideoPlayer();
-    };
-  }
-});
-
-export { playerVod as default };

package/es/src/components/player-vod/video-list.d.ts

@@ -1,32 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    propsList: {
-        type: (ArrayConstructor | StringConstructor)[];
-        default: () => never[];
-    };
-    columnName: {
-        type: StringConstructor;
-        default: string;
-    };
-    stlist: {
-        type: StringConstructor;
-        default: string;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    propsList: {
-        type: (ArrayConstructor | StringConstructor)[];
-        default: () => never[];
-    };
-    columnName: {
-        type: StringConstructor;
-        default: string;
-    };
-    stlist: {
-        type: StringConstructor;
-        default: string;
-    };
-}>>, {
-    columnName: string;
-    propsList: string | unknown[];
-    stlist: string;
-}>;
-export default _default;

package/es/src/components/player-vod/video-list.js

@@ -1,125 +0,0 @@
-import { defineComponent, reactive, computed, createVNode, resolveComponent } from 'vue';
-import vexutils from '../../../src/utils/vexutils';
-import videoModal from './video-modal.js';
-import { NIcon } from 'naive-ui';
-import { SyncOutline } from '@vicons/ionicons5';
-import default_cover from '../../../src/assets/img/video_default_cover';
-
-var videoList = defineComponent({
-  name: "video-list",
-  components: {
-    videoModal,
-    NIcon
-  },
-  props: {
-    propsList: {
-      type: [Array, String],
-      default: () => []
-    },
-    columnName: {
-      type: String,
-      default: ""
-    },
-    stlist: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(props, context) {
-    const state = reactive({
-      videoVisible: false,
-      fileList: [],
-      palyerIndex: 0,
-      playerOptions: {}
-    });
-    const handleGetJsonStr = (str) => {
-      let resList = [];
-      if (vexutils.isJSON(str)) {
-        resList = JSON.parse(str);
-      } else {
-        resList = typeof str === "string" ? [] : str;
-      }
-      if (resList && resList.type === "jsonb") {
-        if (vexutils.isJSON(resList.value)) {
-          resList = JSON.parse(resList.value);
-          if (resList.type === "jsonb") {
-            resList = handleGetJsonStr(resList);
-          }
-        }
-      }
-      return resList;
-    };
-    const initFileList = (val) => {
-      let fileList = val;
-      let resList = [];
-      if (Array.isArray(fileList)) {
-        resList = JSON.parse(JSON.stringify(fileList));
-      }
-      if (typeof fileList === "string") {
-        resList = handleGetJsonStr(fileList);
-      }
-      resList.forEach((v) => {
-        v.vodCoverUrl = v.vodCoverUrl || void 0;
-        let vodUrl = v.url || v.videoUrl;
-        let strList = vodUrl.split(".");
-        let last = strList[strList.length - 1];
-        let type = `video/${last}`;
-        v.playerOptions = {
-          sources: [{
-            type,
-            src: vodUrl
-          }]
-        };
-      });
-      state.fileList = resList || [];
-      return resList;
-    };
-    const showFileList = computed(() => {
-      let val = props.stlist || props.propsList;
-      return initFileList(val) || [];
-    });
-    const palyerVod = (data, index) => {
-      state.palyerIndex = index;
-      let vodUrl = data.url || data.videoUrl;
-      let strList = vodUrl.split(".");
-      strList[strList.length - 1];
-      state.playerOptions = data.playerOptions;
-      state.videoVisible = true;
-    };
-    const getvideoCover = (item) => {
-      return item.vodCoverUrl || default_cover;
-    };
-    const renderVodList = () => {
-      return createVNode("div", {
-        "class": "c-playervod-wrap vod-list"
-      }, [createVNode("div", {
-        "class": "show-list"
-      }, [showFileList.value.map((v, i) => {
-        createVNode("div", {
-          "class": "vod-wrap"
-        }, [createVNode("div", {
-          "class": "vod-def-bg"
-        }, [createVNode("img", {
-          "src": getvideoCover(v),
-          "class": "vod-cover-img"
-        }, null)]), createVNode("div", {
-          "class": "icon-wrap"
-        }, [createVNode(resolveComponent("n-icon"), {
-          "component": SyncOutline,
-          "class": "icon-play",
-          "onClick": palyerVod(v, i)
-        }, null)])]);
-      })]), state.videoVisible && createVNode(resolveComponent("video-modal"), {
-        "visible:sync": state.videoVisible,
-        "fileList": state.fileList,
-        "palyerIndex": state.palyerIndex,
-        "playerOptions": state.playerOptions
-      }, null)]);
-    };
-    return () => {
-      return renderVodList();
-    };
-  }
-});
-
-export { videoList as default };

package/es/src/components/player-vod/video-modal.d.ts

@@ -1,54 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    visible: BooleanConstructor;
-    formData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    playerOptions: {
-        type: ObjectConstructor;
-        default: () => {
-            sources: {
-                type: string;
-                src: string;
-            }[];
-        };
-    };
-    fileList: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    palyerIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    visible: BooleanConstructor;
-    formData: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    playerOptions: {
-        type: ObjectConstructor;
-        default: () => {
-            sources: {
-                type: string;
-                src: string;
-            }[];
-        };
-    };
-    fileList: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    palyerIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-}>>, {
-    visible: boolean;
-    formData: Record<string, any>;
-    fileList: unknown[];
-    playerOptions: Record<string, any>;
-    palyerIndex: number;
-}>;
-export default _default;

package/es/src/components/player-vod/video-modal.js

@@ -1,91 +0,0 @@
-import { defineComponent, reactive, createVNode, resolveComponent, withDirectives, resolveDirective, isVNode } from 'vue';
-import { NModal, NCarousel } from 'naive-ui';
-import playerVod from './player.js';
-
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var videoModal = defineComponent({
-  name: "videoModal",
-  components: {
-    NModal,
-    NCarousel,
-    playerVod
-  },
-  props: {
-    visible: Boolean,
-    formData: {
-      type: Object,
-      default: () => ({})
-    },
-    playerOptions: {
-      type: Object,
-      default: () => ({
-        sources: [{
-          type: "video/mp4",
-          src: ""
-        }]
-      })
-    },
-    fileList: {
-      type: Array,
-      default: () => []
-    },
-    palyerIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(props, context) {
-    const state = reactive({
-      previewVisible: false
-    });
-    state.previewVisible = props.visible;
-    console.log(state.previewVisible);
-    const isSingle = props.fileList && !props.fileList.length;
-    const handleCancel = () => {
-      context.emit("closeVideoModal", false);
-      state.previewVisible = false;
-    };
-    console.log("\u6E32\u67D3video-model---", props.formData.title);
-    const renderVideoModal = () => {
-      let _slot;
-      return createVNode(resolveComponent("n-modal"), {
-        "class": "c-player-video-modal",
-        "show": state.previewVisible,
-        "onUpdate:show": ($event) => state.previewVisible = $event,
-        "preset": "card",
-        "style": {
-          width: "60vw",
-          height: "65vh"
-        },
-        "on-after-leave": handleCancel
-      }, {
-        default: () => [createVNode("div", {
-          "class": "preview-wrap"
-        }, [createVNode("div", {
-          "class": "preview"
-        }, [isSingle && createVNode(playerVod, {
-          "options": props.playerOptions
-        }, null), !isSingle && withDirectives(createVNode(resolveComponent("n-carousel"), {
-          "arrows": true,
-          "current-index": props.palyerIndex,
-          "dot-type": "line",
-          "show-arrow": true
-        }, _isSlot(_slot = props.fileList.map((v, i) => {
-          createVNode(playerVod, {
-            "playerOptions": v.playerOptions,
-            "key": i
-          }, null);
-        })) ? _slot : {
-          default: () => [_slot]
-        }), [[resolveDirective("else")]])])])]
-      });
-    };
-    return () => {
-      return renderVideoModal();
-    };
-  }
-});
-
-export { videoModal as default };

package/es/src/core/create.d.ts

@@ -1 +0,0 @@
-export default function _default(vm: any): any;

package/es/src/core/create.js

@@ -1,8 +0,0 @@
-import { COMPONENT_NAMESPACE } from '../../src/global/variable';
-
-function create(vm) {
-  vm.name = COMPONENT_NAMESPACE + (vm.name || "");
-  return vm;
-}
-
-export { create as default };

package/es/src/global/variable.d.ts

@@ -1,2 +0,0 @@
-export declare const COMPONENT_NAMESPACE = "C";
-export declare const GROUP_TITLE_KEY = "group-show-title";

package/es/src/global/variable.js

@@ -1,4 +0,0 @@
-const COMPONENT_NAMESPACE = "C";
-const GROUP_TITLE_KEY = "group-show-title";
-
-export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY };

package/es/src/types/index.d.ts

@@ -1,10 +0,0 @@
-import { App } from '@vue/runtime-core';
-export declare type SFCWithInstall<T> = T & {
-    install: (app: App, ...options: any[]) => any;
-};
-export declare type AnyObject = Record<string, any>;
-export declare type Func<T extends Array<any> = any[], P = any> = (...args: T) => P;
-export declare type WithNull<T> = T | null;
-export declare type WithUndefined<T> = T | undefined;
-export declare type ArrayAble<T> = T | T[];
-export declare type MapValue<T> = T extends Map<any, infer P> ? P : any;

package/es/src/types/index.js

@@ -1 +0,0 @@
-

package/es/src/utils/anime.d.ts

@@ -1,35 +0,0 @@
-declare function bounceOut(x: number): number;
-declare const animeType: {
-    easeInQuad: (x: number) => number;
-    easeOutQuad: (x: number) => number;
-    easeInOutQuad: (x: number) => number;
-    easeInCubic: (x: number) => number;
-    easeOutCubic: (x: number) => number;
-    easeInOutCubic: (x: number) => number;
-    easeInQuart: (x: number) => number;
-    easeOutQuart: (x: number) => number;
-    easeInOutQuart: (x: number) => number;
-    easeInQuint: (x: number) => number;
-    easeOutQuint: (x: number) => number;
-    easeInOutQuint: (x: number) => number;
-    easeInSine: (x: number) => number;
-    easeOutSine: (x: number) => number;
-    easeInOutSine: (x: number) => number;
-    easeInExpo: (x: number) => number;
-    easeOutExpo: (x: number) => number;
-    easeInOutExpo: (x: number) => number;
-    easeInCirc: (x: number) => number;
-    easeOutCirc: (x: number) => number;
-    easeInOutCirc: (x: number) => number;
-    easeInElastic: (x: number) => number;
-    easeOutElastic: (x: number) => number;
-    easeInOutElastic: (x: number) => number;
-    easeInBack: (x: number) => number;
-    easeOutBack: (x: number) => number;
-    easeInOutBack: (x: number) => number;
-    easeInBounce: (x: number) => number;
-    easeOutBounce: typeof bounceOut;
-    easeInOutBounce: (x: number) => number;
-};
-export declare const doAnimation: (startValue: number, endValue: number, during: number | undefined, callback: (v: number) => any, type?: keyof typeof animeType, onAnimationEnd?: () => void) => void;
-export {};

package/es/src/utils/anime.js

@@ -1,129 +0,0 @@
-const pow = Math.pow, sqrt = Math.sqrt, sin = Math.sin, cos = Math.cos, PI = Math.PI, c1 = 1.70158, c2 = c1 * 1.525, c3 = c1 + 1, c4 = 2 * PI / 3, c5 = 2 * PI / 4.5;
-function bounceOut(x) {
-  const n1 = 7.5625, d1 = 2.75;
-  if (x < 1 / d1) {
-    return n1 * x * x;
-  } else if (x < 2 / d1) {
-    return n1 * (x -= 1.5 / d1) * x + 0.75;
-  } else if (x < 2.5 / d1) {
-    return n1 * (x -= 2.25 / d1) * x + 0.9375;
-  } else {
-    return n1 * (x -= 2.625 / d1) * x + 0.984375;
-  }
-}
-const animeType = {
-  easeInQuad: function(x) {
-    return x * x;
-  },
-  easeOutQuad: function(x) {
-    return 1 - (1 - x) * (1 - x);
-  },
-  easeInOutQuad: function(x) {
-    return x < 0.5 ? 2 * x * x : 1 - pow(-2 * x + 2, 2) / 2;
-  },
-  easeInCubic: function(x) {
-    return x * x * x;
-  },
-  easeOutCubic: function(x) {
-    return 1 - pow(1 - x, 3);
-  },
-  easeInOutCubic: function(x) {
-    return x < 0.5 ? 4 * x * x * x : 1 - pow(-2 * x + 2, 3) / 2;
-  },
-  easeInQuart: function(x) {
-    return x * x * x * x;
-  },
-  easeOutQuart: function(x) {
-    return 1 - pow(1 - x, 4);
-  },
-  easeInOutQuart: function(x) {
-    return x < 0.5 ? 8 * x * x * x * x : 1 - pow(-2 * x + 2, 4) / 2;
-  },
-  easeInQuint: function(x) {
-    return x * x * x * x * x;
-  },
-  easeOutQuint: function(x) {
-    return 1 - pow(1 - x, 5);
-  },
-  easeInOutQuint: function(x) {
-    return x < 0.5 ? 16 * x * x * x * x * x : 1 - pow(-2 * x + 2, 5) / 2;
-  },
-  easeInSine: function(x) {
-    return 1 - cos(x * PI / 2);
-  },
-  easeOutSine: function(x) {
-    return sin(x * PI / 2);
-  },
-  easeInOutSine: function(x) {
-    return -(cos(PI * x) - 1) / 2;
-  },
-  easeInExpo: function(x) {
-    return x === 0 ? 0 : pow(2, 10 * x - 10);
-  },
-  easeOutExpo: function(x) {
-    return x === 1 ? 1 : 1 - pow(2, -10 * x);
-  },
-  easeInOutExpo: function(x) {
-    return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? pow(2, 20 * x - 10) / 2 : (2 - pow(2, -20 * x + 10)) / 2;
-  },
-  easeInCirc: function(x) {
-    return 1 - sqrt(1 - pow(x, 2));
-  },
-  easeOutCirc: function(x) {
-    return sqrt(1 - pow(x - 1, 2));
-  },
-  easeInOutCirc: function(x) {
-    return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
-  },
-  easeInElastic: function(x) {
-    return x === 0 ? 0 : x === 1 ? 1 : -pow(2, 10 * x - 10) * sin((x * 10 - 10.75) * c4);
-  },
-  easeOutElastic: function(x) {
-    return x === 0 ? 0 : x === 1 ? 1 : pow(2, -10 * x) * sin((x * 10 - 0.75) * c4) + 1;
-  },
-  easeInOutElastic: function(x) {
-    return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(pow(2, 20 * x - 10) * sin((20 * x - 11.125) * c5)) / 2 : pow(2, -20 * x + 10) * sin((20 * x - 11.125) * c5) / 2 + 1;
-  },
-  easeInBack: function(x) {
-    return c3 * x * x * x - c1 * x * x;
-  },
-  easeOutBack: function(x) {
-    return 1 + c3 * pow(x - 1, 3) + c1 * pow(x - 1, 2);
-  },
-  easeInOutBack: function(x) {
-    return x < 0.5 ? pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2;
-  },
-  easeInBounce: function(x) {
-    return 1 - bounceOut(1 - x);
-  },
-  easeOutBounce: bounceOut,
-  easeInOutBounce: function(x) {
-    return x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2;
-  }
-};
-const doAnimation = (startValue, endValue, during = 1e3, callback, type = "easeInBack", onAnimationEnd) => {
-  const changeValue = endValue - startValue;
-  const updateTime = 1e3 / 60;
-  const updateCount = during / updateTime;
-  const rAF = window.requestAnimationFrame || function(cb) {
-    setTimeout(cb, updateTime);
-  };
-  const startPosition = 0;
-  const endPosition = 1;
-  const perUpdateDistance = endPosition / updateCount;
-  let position = startPosition;
-  function step() {
-    const stepValue = startValue + changeValue * animeType[type](position);
-    callback(stepValue);
-    position += perUpdateDistance;
-    if (position < endPosition) {
-      rAF(step);
-    } else {
-      rAF(() => callback(endValue));
-      onAnimationEnd == null ? void 0 : onAnimationEnd();
-    }
-  }
-  step();
-};
-
-export { doAnimation };

package/es/src/utils/clickoutside.d.ts

@@ -1,18 +0,0 @@
-interface Binding {
-    expression: any;
-    value?: any;
-}
-/**
- * v-clickoutside
- * @desc 点击元素外面才会触发的事件
- * @example
- * ```vue
- * <div v-element-clickoutside="handleClose">
- * ```
- */
-declare const _default: {
-    mounted(el: any, binding: Binding, vnode: any): void;
-    update(el: any, binding: Binding, vnode: any): void;
-    unmounted(el: any): void;
-};
-export default _default;

package/es/src/utils/clickoutside.js

@@ -1,48 +0,0 @@
-const nodeList = [];
-const ctx = "@@clickoutsideContext";
-let startClick;
-let seed = 0;
-document.addEventListener("mousedown", (e) => startClick = e, false);
-document.addEventListener("mouseup", (e) => {
-  nodeList.forEach((node) => node[ctx].documentHandler(e, startClick));
-}, false);
-function createDocumentHandler(el, binding, vnode) {
-  return function(mouseup = {}, mousedown = {}) {
-    if (!vnode || !vnode.context || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target || vnode.context.popperElm && (vnode.context.popperElm.contains(mouseup.target) || vnode.context.popperElm.contains(mousedown.target)))
-      return;
-    if (binding.expression && el[ctx].methodName && vnode.context[el[ctx].methodName]) {
-      vnode.context[el[ctx].methodName]();
-    } else {
-      el[ctx].bindingFn && el[ctx].bindingFn();
-    }
-  };
-}
-var clickoutside = {
-  mounted(el, binding, vnode) {
-    nodeList.push(el);
-    const id = seed++;
-    el[ctx] = {
-      id,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      methodName: binding.expression,
-      bindingFn: binding.value
-    };
-  },
-  update(el, binding, vnode) {
-    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
-    el[ctx].methodName = binding.expression;
-    el[ctx].bindingFn = binding.value;
-  },
-  unmounted(el) {
-    let len = nodeList.length;
-    for (let i = 0; i < len; i++) {
-      if (nodeList[i][ctx].id === el[ctx].id) {
-        nodeList.splice(i, 1);
-        break;
-      }
-    }
-    delete el[ctx];
-  }
-};
-
-export { clickoutside as default };