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

package/es/packages/time-line/src/TimeLine.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,63 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createElementVNode } from 'vue';
+import { NTimeline, NTimelineItem, NSpace, NButton } from 'naive-ui';
+
+const _hoisted_1 = { class: "content" };
+const _hoisted_2 = { class: "content-name" };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "TimeLine",
+  props: {
+    items: { type: Array, required: false, default: () => [] }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NTimeline), { class: "c-time-line" }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+            return openBlock(), createBlock(unref(NTimelineItem), {
+              key: index,
+              type: item.type
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(item.subItem, (t, i) => {
+                  return openBlock(), createBlock(unref(NSpace), {
+                    key: i,
+                    vertical: "",
+                    align: "start"
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(NButton), {
+                        strong: "",
+                        secondary: "",
+                        type: item.type
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(t.title), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"]),
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(unref(NSpace), { justify: "space-between" }, {
+                          default: withCtx(() => [
+                            createElementVNode("span", _hoisted_2, toDisplayString(t.name), 1),
+                            createElementVNode("span", null, toDisplayString(t.time), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        createElementVNode("p", null, toDisplayString(t.content), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024);
+                }), 128))
+              ]),
+              _: 2
+            }, 1032, ["type"]);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { script as default };

package/es/packages/time-line/src/TimeLine2.mjs

@@ -0,0 +1,4 @@
+import script from './TimeLine.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './TimeLine.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "packages/time-line/src/TimeLine.vue";

package/es/packages/time-line/style/index.css

@@ -0,0 +1,32 @@
+.c-time-line.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+  width: 10px;
+  height: 10px;
+  border-left-width: 5px;
+  border-right-width: 5px;
+  border-top-width: 5px;
+  border-bottom-width: 5px;
+  margin-left: 2px;
+}
+.c-time-line .content {
+  width: 245px;
+  padding: 10px;
+  box-sizing: border-box;
+  border: 1px solid #D5D5D5;
+  border-radius: 4px;
+  background-color: #FAFAFA;
+  color: #212121;
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+.c-time-line .content-name {
+  font-size: 16px;
+  font-weight: 600;
+}
+.c-time-line .content-name + span {
+  color: #666;
+}
+.c-time-line .content p {
+  margin: 5px 0 0;
+  line-height: 20px;
+  text-align: left;
+}

package/es/packages/time-line/style/index.less

@@ -0,0 +1,35 @@
+@border-width: 5px;
+.c-time-line {
+  &.n-timeline .n-timeline-item .n-timeline-item-timeline .n-timeline-item-timeline__circle {
+    width: 10px;
+    height: 10px;
+    border-left-width: @border-width;
+    border-right-width: @border-width;
+    border-top-width: @border-width;
+    border-bottom-width: @border-width;
+    margin-left: 2px;
+  }
+  .content {
+    width: 245px;
+    padding: 10px;
+    box-sizing: border-box;
+    border: 1px solid #D5D5D5;
+    border-radius: 4px;
+    background-color: #FAFAFA;
+    color: #212121;
+    font-size: 14px;
+    margin-bottom: 10px;
+    &-name {
+      font-size: 16px;
+      font-weight: 600;
+      &+span {
+        color: #666;
+      }
+    }
+    p {
+      margin: 5px 0 0;
+      line-height: 20px;
+      text-align: left;
+    }
+  }
+}

package/es/src/components/SelectPage/SelectPage.mjs

@@ -1 +1,2 @@
-import"./SelectPage2.mjs";export{default}from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectPage2.mjs';
+export { default } from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/SelectPage/SelectPage.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,61 @@
-import{defineComponent as e,resolveComponent as a,openBlock as n,createElementBlock as o,createVNode as t,unref as s,withModifiers as c,withCtx as l,createTextVNode as r}from"vue";import{NButton as g}from"naive-ui";import{ChevronBackOutline as i,ChevronForwardOutline as d}from"@vicons/ionicons5";const p=r(" 上一页 "),h=r(" 下一页 ");var f=e({__name:"SelectPage",props:{searchPageConfig:{type:Object,default:()=>({page:1,total:0,hasNextPage:!1})},handleSearchChangePage:{type:Function,default:()=>{}}},setup(e){const r=e;return(e,f)=>{const u=a("n-icon");return n(),o("div",{class:"form-select-btn",onMousedown:f[2]||(f[2]=e=>e.preventDefault())},[t(s(g),{disabled:r.searchPageConfig.page<=1,type:"dashed",block:"",onClick:f[0]||(f[0]=c((e=>r.handleSearchChangePage("prev")),["self","stop"]))},{default:l((()=>[t(u,{component:s(i)},null,8,["component"]),p])),_:1},8,["disabled"]),t(s(g),{disabled:1==+r.searchPageConfig.asyncCount?!r.searchPageConfig.hasNextPage:r.searchPageConfig.page>=r.searchPageConfig.total,type:"dashed",block:"",onClick:f[1]||(f[1]=c((e=>r.handleSearchChangePage("next")),["self","stop"]))},{default:l((()=>[h,t(u,{component:s(d)},null,8,["component"])])),_:1},8,["disabled"])],32)}}});export{f as default};
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, unref, withModifiers, withCtx, createTextVNode } from 'vue';
+import { NButton } from 'naive-ui';
+import { ChevronBackOutline, ChevronForwardOutline } from '@vicons/ionicons5';
+
+const _hoisted_1 = /* @__PURE__ */ createTextVNode(" \u4E0A\u4E00\u9875 ");
+const _hoisted_2 = /* @__PURE__ */ createTextVNode(" \u4E0B\u4E00\u9875 ");
+var script = /* @__PURE__ */ defineComponent({
+  __name: "SelectPage",
+  props: {
+    searchPageConfig: {
+      type: Object,
+      default: () => ({
+        page: 1,
+        total: 0,
+        hasNextPage: false
+      })
+    },
+    handleSearchChangePage: {
+      type: Function,
+      default: () => {
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_n_icon = resolveComponent("n-icon");
+      return openBlock(), createElementBlock("div", {
+        class: "form-select-btn",
+        onMousedown: _cache[2] || (_cache[2] = (e) => e.preventDefault())
+      }, [
+        createVNode(unref(NButton), {
+          disabled: props.searchPageConfig.page <= 1,
+          type: "dashed",
+          block: "",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => props.handleSearchChangePage("prev"), ["self", "stop"]))
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_n_icon, { component: unref(ChevronBackOutline) }, null, 8, ["component"]),
+            _hoisted_1
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        createVNode(unref(NButton), {
+          disabled: +props.searchPageConfig.asyncCount === 1 ? !props.searchPageConfig.hasNextPage : props.searchPageConfig.page >= props.searchPageConfig.total,
+          type: "dashed",
+          block: "",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => props.handleSearchChangePage("next"), ["self", "stop"]))
+        }, {
+          default: withCtx(() => [
+            _hoisted_2,
+            createVNode(_component_n_icon, { component: unref(ChevronForwardOutline) }, null, 8, ["component"])
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ], 32);
+    };
+  }
+});
+
+export { script as default };

package/es/src/components/SelectPage/SelectPage2.mjs

@@ -1 +1,4 @@
-import e from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";e.__file="src/components/SelectPage/SelectPage.vue";
+import script from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "src/components/SelectPage/SelectPage.vue";

package/es/src/components/SelectPage/index.mjs

@@ -1 +1,2 @@
-import"./SelectPage2.mjs";export{default}from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectPage2.mjs';
+export { default } from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/SelectPage/index2.mjs

@@ -1 +1,3 @@
-import"./SelectPage2.mjs";import e from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SelectPage.vue_vue_type_script_setup_true_lang.mjs";
+import './SelectPage2.mjs';
+import script from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SelectPage.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/SvgIcon/SvgIcon.mjs

@@ -1 +1,2 @@
-import"./SvgIcon2.mjs";export{default}from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";
+import './SvgIcon2.mjs';
+export { default } from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/SvgIcon/SvgIcon.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,34 @@
-import{defineComponent as e,computed as t,openBlock as s,createElementBlock as i,mergeProps as r,unref as a,toDisplayString as l,createCommentVNode as n,createElementVNode as c}from"vue";const o={key:0},u=["xlink:href"];var d=e({__name:"SvgIcon",props:{iconClass:{type:String,required:!0,default:""},title:{type:String,required:!1,default:""},className:{type:String,required:!1}},setup(e){const d=e,p=t((()=>`#icon-${d.iconClass}`)),f=t((()=>d.className?"svg-icon "+d.className:"svg-icon"));return(t,d)=>(s(),i("svg",r({class:a(f),"aria-hidden":"true"},t.$attrs),[e.title?(s(),i("title",o,l(e.title),1)):n("v-if",!0),c("use",{"xlink:href":a(p)},null,8,u)],16))}});export{d as default};
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = ["xlink:href"];
+var script = /* @__PURE__ */ defineComponent({
+  __name: "SvgIcon",
+  props: {
+    iconClass: { type: String, required: true, default: "" },
+    title: { type: String, required: false, default: "" },
+    className: { type: String, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const iconName = computed(() => `#icon-${props.iconClass}`);
+    const svgClass = computed(() => {
+      if (props.className) {
+        return "svg-icon " + props.className;
+      } else {
+        return "svg-icon";
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", mergeProps({
+        class: unref(svgClass),
+        "aria-hidden": "true"
+      }, _ctx.$attrs), [
+        __props.title ? (openBlock(), createElementBlock("title", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("v-if", true),
+        createElementVNode("use", { "xlink:href": unref(iconName) }, null, 8, _hoisted_2)
+      ], 16);
+    };
+  }
+});
+
+export { script as default };

package/es/src/components/SvgIcon/SvgIcon2.mjs

@@ -1 +1,4 @@
-import e from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";e.__file="src/components/SvgIcon/SvgIcon.vue";
+import script from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "src/components/SvgIcon/SvgIcon.vue";

package/es/src/components/SvgIcon/index.mjs

@@ -1 +1,2 @@
-import"./SvgIcon2.mjs";export{default}from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";
+import './SvgIcon2.mjs';
+export { default } from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/SvgIcon/index2.mjs

@@ -1 +1,3 @@
-import"./SvgIcon2.mjs";import e from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./SvgIcon.vue_vue_type_script_setup_true_lang.mjs";
+import './SvgIcon2.mjs';
+import script from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './SvgIcon.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/TextOverTooltip/TextOverTooltip.mjs

@@ -0,0 +1,2 @@
+import './TextOverTooltip2.mjs';
+export { default } from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/TextOverTooltip/TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, normalizeClass, renderSlot, toDisplayString, createTextVNode } from 'vue';
+import { NTooltip } from 'naive-ui';
+import vexutils from 'cnhis-design-vue/es/src/utils/vexutils';
+
+const _hoisted_1 = { class: "text-over-tooltip-components" };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "TextOverTooltip",
+  props: {
+    content: { type: [String, Number], required: false },
+    className: { type: String, required: false },
+    refName: { type: String, required: false },
+    effect: { type: String, required: false, default: "dark" },
+    placement: { type: String, required: false, default: "top" },
+    tooltipTitle: { type: [String, Number], required: false, default: "" },
+    isAlias: { type: Boolean, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    let isDisabledTooltip = ref(false);
+    const curContent = computed(() => {
+      let res = props.tooltipTitle || props.content || "";
+      if (vexutils.isNumber(res)) {
+        return res.toString();
+      }
+      return res;
+    });
+    const $refName = ref(null);
+    const onMouseOver = (str) => {
+      if (props.isAlias) {
+        isDisabledTooltip.value = true;
+        return;
+      }
+      let parentWidth = $refName.value.parentNode.offsetWidth;
+      let contentWidth = $refName.value.offsetWidth;
+      isDisabledTooltip.value = contentWidth > parentWidth;
+    };
+    const onMouseOut = () => {
+      isDisabledTooltip.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(NTooltip), {
+          effect: __props.effect,
+          show: unref(isDisabledTooltip),
+          placement: __props.placement
+        }, {
+          trigger: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass(["ellipsis", __props.className]),
+              onMouseover: _cache[0] || (_cache[0] = ($event) => onMouseOver(__props.refName)),
+              onMouseout: onMouseOut
+            }, [
+              createElementVNode("i", {
+                ref: (el) => {
+                  if (el)
+                    $refName.value = el;
+                }
+              }, [
+                renderSlot(_ctx.$slots, "default"),
+                createElementVNode("i", null, toDisplayString(__props.content), 1)
+              ], 512)
+            ], 34)
+          ]),
+          default: withCtx(() => [
+            createTextVNode(" " + toDisplayString(unref(curContent)), 1)
+          ]),
+          _: 3
+        }, 8, ["effect", "show", "placement"])
+      ]);
+    };
+  }
+});
+
+export { script as default };

package/es/src/components/TextOverTooltip/TextOverTooltip2.mjs

@@ -0,0 +1,4 @@
+import script from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "src/components/TextOverTooltip/TextOverTooltip.vue";

package/es/src/components/TextOverTooltip/index.d.ts

@@ -0,0 +1,2 @@
+import script from './TextOverTooltip.vue';
+export default script;

package/es/src/components/TextOverTooltip/index.mjs

@@ -0,0 +1,2 @@
+import './TextOverTooltip2.mjs';
+export { default } from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/TextOverTooltip/index2.mjs

@@ -0,0 +1,3 @@
+import './TextOverTooltip2.mjs';
+import script from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './TextOverTooltip.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/player-vod/index.mjs

@@ -1 +1,2 @@
-import"./index2.mjs";export{default}from"./index.vue_vue_type_script_setup_true_lang.mjs";
+import './index2.mjs';
+export { default } from './index.vue_vue_type_script_setup_true_lang.mjs';

package/es/src/components/player-vod/index.vue_vue_type_script_setup_true_lang.mjs

@@ -1 +1,12 @@
-import{defineComponent as e,openBlock as a,createElementBlock as r}from"vue";var t=e({__name:"index",setup:e=>(e,t)=>(a(),r("div"))});export{t as default};
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+
+var script = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+
+export { script as default };

package/es/src/components/player-vod/index2.mjs

@@ -1 +1,4 @@
-import e from"./index.vue_vue_type_script_setup_true_lang.mjs";export{default}from"./index.vue_vue_type_script_setup_true_lang.mjs";e.__file="src/components/player-vod/index.vue";
+import script from './index.vue_vue_type_script_setup_true_lang.mjs';
+export { default } from './index.vue_vue_type_script_setup_true_lang.mjs';
+
+script.__file = "src/components/player-vod/index.vue";

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

@@ -1 +1 @@
-export{default}from"./player2.mjs";
+export { default } from './player2.mjs';

package/es/src/components/player-vod/player2.mjs

@@ -1 +1,121 @@
-import{defineComponent as e,reactive as o,ref as r,computed as l,onMounted as t,watch as i,createVNode as a}from"vue";import n from"video.js/dist/video.min.js";import"video.js/dist/video-js.css";var s=e({name:"player",props:{options:{type:Object,required:!0,default:()=>{}}},setup(e,s){let p=.6*document.documentElement.clientWidth+"";const u=o({player:null,playerOptions:{},defaultOptions:{playbackRates:[.5,1,1.5,2],autoplay:!0,muted:!1,loop:!1,preload:"auto",src:"",poster:"",height:600,width:parseInt(p),controls:!0,notSupportedMessage:"此视频暂无法播放",suppressNotSupportedError:!0,controlBar:{timeDivider:!0,durationDisplay:!0,currentTimeDisplay:!0,remainingTimeDisplay:!1,pictureInPictureToggle:!1,volumePanel:{inline:!1}},errorDisplay:!0,posterImage:!1,bigPlayButton:!0,textTrackDisplay:!1}}),d=r(null),c=()=>{u.player=n(d.value,Object.assign(u.defaultOptions,e.options),(function(){u.player.on("error",(()=>{let e=(e=>{let o=e.error();if(2===o.code){let o=e.bufferedEnd()-6;e.load(window.playerOptions.sources[0].src),e.currentTime(o),e.play()}else window.alert.err(o.message)})();if(2===e.code){let e=window.bufferedEnd()-6;window.load(y.value),window.currentTime(e),window.play()}else console.log(e.message)}))})),u.player.src(y.value),u.player&&u.player.play()},y=l((()=>{var o,r,l;return null==(l=null==(r=null==(o=e.options)?void 0:o.sources)?void 0:r[0])?void 0:l.src})),v=l((()=>{var o;return null==(o=e.options)?void 0:o.autoplay}));t((()=>{c()})),i((()=>y.value),(e=>{e&&console.log(e,"---watch--src")})),i((()=>v.value),(e=>{e&&u.player.play()}));return()=>a("div",{class:"video-container cp"},[a("video",{onContextmenu:e=>{e.preventDefault(),e.stopPropagation()},ref:d,controls:!0,class:"video-js vjs-default-skin vjs-big-play-centered","webkit-playsinline":"true",playsinline:!0},null)])}});export{s as default};
+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.mjs

@@ -1 +1 @@
-export{default}from"./video-list2.mjs";
+export { default } from './video-list2.mjs';