cnhis-design-vue 3.1.11-beta.7 → 3.1.12-beta.0

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

@@ -0,0 +1,91 @@
+import { defineComponent, reactive, createVNode, resolveComponent, withDirectives, isVNode, resolveDirective } from 'vue';
+import { NModal, NCarousel } from 'naive-ui';
+import playerVod from './player2.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.js

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

package/es/src/core/create2.js

@@ -0,0 +1,8 @@
+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.js

@@ -1,4 +1 @@
-const COMPONENT_NAMESPACE = "C";
-const GROUP_TITLE_KEY = "group-show-title";
-
-export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY };
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY } from './variable2.js';

package/es/src/global/variable2.js

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

package/es/src/utils/anime.js

@@ -1,129 +1 @@
-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.easeOutSine(position);
-    callback(stepValue);
-    position += perUpdateDistance;
-    if (position < endPosition) {
-      rAF(step);
-    } else {
-      rAF(() => callback(endValue));
-      onAnimationEnd == null ? void 0 : onAnimationEnd();
-    }
-  }
-  step();
-};
-
-export { doAnimation };
+export { doAnimation } from './anime2.js';

package/es/src/utils/anime2.js

@@ -0,0 +1,129 @@
+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.js

@@ -1,48 +1 @@
-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 };
+export { default } from './clickoutside2.js';

package/es/src/utils/clickoutside2.js

@@ -0,0 +1,48 @@
+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 };

package/es/src/utils/crypto.js

@@ -1,25 +1 @@
-import CryptoJS from 'crypto-js';
-
-function encrypt(word) {
-  const key = CryptoJS.enc.Utf8.parse("0D7FB71E8EC31E97");
-  const srcs = CryptoJS.enc.Utf8.parse(word);
-  const encrypted = CryptoJS.AES.encrypt(srcs, key, {
-    mode: CryptoJS.mode.ECB,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return encrypted.toString();
-}
-function decrypt(word) {
-  const key = CryptoJS.enc.Utf8.parse("0D7FB71E8EC31E97");
-  const decrypt2 = CryptoJS.AES.decrypt(word, key, {
-    mode: CryptoJS.mode.ECB,
-    padding: CryptoJS.pad.Pkcs7
-  });
-  return CryptoJS.enc.Utf8.stringify(decrypt2).toString();
-}
-var crypto = {
-  encrypt,
-  decrypt
-};
-
-export { crypto as default };
+export { default } from './crypto2.js';

package/es/src/utils/crypto2.js

@@ -0,0 +1,25 @@
+import CryptoJS from 'crypto-js';
+
+function encrypt(word) {
+  const key = CryptoJS.enc.Utf8.parse("0D7FB71E8EC31E97");
+  const srcs = CryptoJS.enc.Utf8.parse(word);
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  return encrypted.toString();
+}
+function decrypt(word) {
+  const key = CryptoJS.enc.Utf8.parse("0D7FB71E8EC31E97");
+  const decrypt2 = CryptoJS.AES.decrypt(word, key, {
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  return CryptoJS.enc.Utf8.stringify(decrypt2).toString();
+}
+var crypto = {
+  encrypt,
+  decrypt
+};
+
+export { crypto as default };

package/es/src/utils/index.js

@@ -1,15 +1 @@
-function safeComponentRegister(app, component, cName = component.name, scheduler) {
-  if (!cName)
-    throw new Error(`[CUI]: invalid component name for ${component}`);
-  const { components = {} } = app._context;
-  if (components[cName]) {
-    return;
-  }
-  if (scheduler) {
-    scheduler();
-  } else {
-    app.component(cName, component);
-  }
-}
-
-export { safeComponentRegister };
+export { safeComponentRegister } from './index2.js';

package/es/src/utils/index2.js

@@ -0,0 +1,15 @@
+function safeComponentRegister(app, component, cName = component.name, scheduler) {
+  if (!cName)
+    throw new Error(`[CUI]: invalid component name for ${component}`);
+  const { components = {} } = app._context;
+  if (components[cName]) {
+    return;
+  }
+  if (scheduler) {
+    scheduler();
+  } else {
+    app.component(cName, component);
+  }
+}
+
+export { safeComponentRegister };

package/es/src/utils/loadViewer.js

@@ -1,11 +1 @@
-import { safeComponentRegister } from '../../src/utils/index';
-import VueViewer from 'v-viewer';
-
-function loadViewer(app) {
-  safeComponentRegister(app, VueViewer, "viewer", () => {
-    app.use(VueViewer);
-    import('viewerjs/dist/viewer.min.css');
-  });
-}
-
-export { loadViewer };
+export { loadViewer } from './loadViewer2.js';

package/es/src/utils/loadViewer2.js

@@ -0,0 +1,11 @@
+import { safeComponentRegister } from '../../src/utils/index';
+import VueViewer from 'v-viewer';
+
+function loadViewer(app) {
+  safeComponentRegister(app, VueViewer, "viewer", () => {
+    app.use(VueViewer);
+    import('viewerjs/dist/viewer.min.css');
+  });
+}
+
+export { loadViewer };

package/es/src/utils/loadVxe.js

@@ -1,12 +1 @@
-import { safeComponentRegister } from '../../src/utils/index';
-import VXETable from 'vxe-table';
-
-function loadVxeTable(app) {
-  safeComponentRegister(app, VXETable, "VxeTable", () => {
-    app.use(VXETable);
-    import('vxe-table/lib/style.css');
-    import('xe-utils');
-  });
-}
-
-export { loadVxeTable };
+export { loadVxeTable } from './loadVxe2.js';

package/es/src/utils/loadVxe2.js

@@ -0,0 +1,12 @@
+import { safeComponentRegister } from '../../src/utils/index';
+import VXETable from 'vxe-table';
+
+function loadVxeTable(app) {
+  safeComponentRegister(app, VXETable, "VxeTable", () => {
+    app.use(VXETable);
+    import('vxe-table/lib/style.css');
+    import('xe-utils');
+  });
+}
+
+export { loadVxeTable };