@farris/ui-vue 1.7.3 → 1.7.5

package/components/video/index.esm.js

@@ -1,6 +1,80 @@
-import { withInstall as h } from "../common/index.esm.js";
-import { defineComponent as L, ref as b, onUnmounted as V, createVNode as E, createTextVNode as v } from "vue";
-const w = {
+import { defineComponent as C, ref as l, onUnmounted as L, createVNode as b, createTextVNode as D, watch as $, inject as V, onMounted as S } from "vue";
+import { resolveAppearance as j, createPropsResolver as A } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as E } from "../designer-canvas/index.esm.js";
+import { useDesignerRules as F } from "../component/index.esm.js";
+const M = "https://json-schema.org/draft/2020-12/schema", T = "https://farris-design.gitee.io/video.schema.json", B = "video", q = "A Farris Video Component", I = "object", N = {
+  id: {
+    description: "The unique identifier for a Video",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Video component",
+    type: "string",
+    default: "video"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  }
+}, z = [
+  "id",
+  "type"
+], O = {
+  $schema: M,
+  $id: T,
+  title: B,
+  description: q,
+  type: I,
+  properties: N,
+  required: z
+}, Y = /* @__PURE__ */ new Map([
+  ["appearance", j]
+]);
+function H(o, n, i) {
+  return n;
+}
+const U = "verify-detail", W = "A Farris Component", k = "object", G = {
+  basic: {
+    description: "Basic Infomation",
+    title: "基本信息",
+    properties: {
+      id: {
+        description: "组件标识",
+        title: "标识",
+        type: "string",
+        readonly: !0
+      },
+      type: {
+        description: "组件类型",
+        title: "控件类型",
+        type: "select",
+        editor: {
+          type: "waiting for modification",
+          enum: []
+        }
+      }
+    }
+  }
+}, J = {
+  title: U,
+  description: W,
+  type: k,
+  categories: G
+}, w = {
   src: {
     type: String,
     required: !0,
@@ -37,118 +111,177 @@ const w = {
     type: [String, Number],
     default: 168
   }
-};
-function S(e, t) {
-  function n(o) {
-    o.stopPropagation(), t.emit("abort");
+}, R = A(w, O, Y, H, J);
+function K(o, n) {
+  function i(e) {
+    e.stopPropagation(), n.emit("abort");
   }
-  function r(o) {
-    o.stopPropagation(), t.emit("play");
+  function a(e) {
+    e.stopPropagation(), n.emit("play");
   }
-  function i(o) {
-    o.stopPropagation(), t.emit("pause");
+  function r(e) {
+    e.stopPropagation(), n.emit("pause");
   }
-  function d(o) {
-    o.stopPropagation(), t.emit("ended");
+  function c(e) {
+    e.stopPropagation(), n.emit("ended");
   }
-  function u(o) {
-    o.stopPropagation(), t.emit("durationchange");
+  function s(e) {
+    e.stopPropagation(), n.emit("durationchange");
   }
-  function p(o) {
-    o.stopPropagation(), t.emit("error");
+  function d(e) {
+    e.stopPropagation(), n.emit("error");
   }
-  function l(o) {
-    o.stopPropagation(), t.emit("loadeddata");
+  function u(e) {
+    e.stopPropagation(), n.emit("loadeddata");
   }
-  function s(o) {
-    o.stopPropagation(), t.emit("loadedmetadata");
+  function p(e) {
+    e.stopPropagation(), n.emit("loadedmetadata");
   }
-  function g(o) {
-    o.stopPropagation(), t.emit("loadstart");
+  function g(e) {
+    e.stopPropagation(), n.emit("loadstart");
   }
-  function m(o) {
-    o.stopPropagation(), t.emit("playing");
+  function m(e) {
+    e.stopPropagation(), n.emit("playing");
   }
-  function f(o) {
-    o.stopPropagation(), t.emit("progress");
+  function f(e) {
+    e.stopPropagation(), n.emit("progress");
   }
-  function c(o) {
-    o.stopPropagation(), t.emit("timeupdate");
+  function y(e) {
+    e.stopPropagation(), n.emit("timeupdate");
   }
-  function y(o) {
-    o.stopPropagation(), t.emit("volumechange");
+  function h(e) {
+    e.stopPropagation(), n.emit("volumechange");
   }
-  function P(o) {
-    o.stopPropagation(), t.emit("canplay");
+  function v(e) {
+    e.stopPropagation(), n.emit("canplay");
   }
   return {
-    onAbort: n,
-    onPlay: r,
-    onPause: i,
-    onEnded: d,
-    onDurationchange: u,
-    onError: p,
-    onLoadeddata: l,
-    onLoadedmetadata: s,
+    onAbort: i,
+    onPlay: a,
+    onPause: r,
+    onEnded: c,
+    onDurationchange: s,
+    onError: d,
+    onLoadeddata: u,
+    onLoadedmetadata: p,
     onLoadstart: g,
     onPlaying: m,
     onProgress: f,
-    onTimeupdate: c,
-    onVolumechange: y,
-    onCanplay: P
+    onTimeupdate: y,
+    onVolumechange: h,
+    onCanplay: v
   };
 }
-const B = /* @__PURE__ */ L({
+const P = /* @__PURE__ */ C({
   name: "FVideo",
   props: w,
   emits: ["abort", "play", "pause", "ended", "durationchange", "canplay", "error", "loadeddata", "loadedmetadata", "loadstart", "playing", "progress", "timeupdate", "volumechange"],
-  setup(e, t) {
-    const n = b(), {
-      onAbort: r,
-      onPlay: i,
-      onPause: d,
-      onEnded: u,
-      onDurationchange: p,
-      onError: l,
-      onLoadeddata: s,
+  setup(o, n) {
+    const i = l(), {
+      onAbort: a,
+      onPlay: r,
+      onPause: c,
+      onEnded: s,
+      onDurationchange: d,
+      onError: u,
+      onLoadeddata: p,
       onLoadedmetadata: g,
       onLoadstart: m,
       onPlaying: f,
-      onProgress: c,
-      onTimeupdate: y,
-      onVolumechange: P,
-      onCanplay: o
-    } = S(e, t);
-    return V(() => {
-    }), () => E("video", {
-      ref: n,
-      src: e.src,
-      autoplay: e.autoplay,
-      controls: e.controls,
-      loop: e.loop,
-      muted: e.muted,
-      width: e.width,
-      height: e.height,
-      poster: e.poster,
-      onAbort: (a) => r(a),
-      onPlay: (a) => i(a),
-      onPause: (a) => d(a),
-      onEnded: (a) => u(a),
-      onDurationchange: (a) => p(a),
-      onError: (a) => l(a),
-      onLoadeddata: (a) => s(a),
-      onLoadedmetadata: (a) => g(a),
-      onLoadstart: (a) => m(a),
-      onPlaying: (a) => f(a),
-      onProgress: (a) => c(a),
-      onTimeupdate: (a) => y(a),
-      onVolumechange: (a) => P(a),
-      onCanplay: (a) => o(a)
-    }, [v("Your browser does not support the video tag.")]);
-  }
-}), T = h(B);
+      onProgress: y,
+      onTimeupdate: h,
+      onVolumechange: v,
+      onCanplay: e
+    } = K(o, n);
+    return L(() => {
+    }), () => b("video", {
+      ref: i,
+      src: o.src,
+      autoplay: o.autoplay,
+      controls: o.controls,
+      loop: o.loop,
+      muted: o.muted,
+      width: o.width,
+      height: o.height,
+      poster: o.poster,
+      onAbort: (t) => a(t),
+      onPlay: (t) => r(t),
+      onPause: (t) => c(t),
+      onEnded: (t) => s(t),
+      onDurationchange: (t) => d(t),
+      onError: (t) => u(t),
+      onLoadeddata: (t) => p(t),
+      onLoadedmetadata: (t) => g(t),
+      onLoadstart: (t) => m(t),
+      onPlaying: (t) => f(t),
+      onProgress: (t) => y(t),
+      onTimeupdate: (t) => h(t),
+      onVolumechange: (t) => v(t),
+      onCanplay: (t) => e(t)
+    }, [D("Your browser does not support the video tag.")]);
+  }
+});
+function Q(o, n) {
+  const i = l(o.width), a = l(o.height);
+  let r;
+  $(n, (s) => {
+    s && (i.value = s.clientWidth, r = new ResizeObserver((d) => {
+      if (!d || d.length < 1)
+        return;
+      const p = d[0].contentRect;
+      p && (i.value = p.width);
+    }), r.observe(s));
+  });
+  function c() {
+    r && r.disconnect();
+  }
+  return {
+    destory: c,
+    width: i,
+    height: a
+  };
+}
+const X = /* @__PURE__ */ C({
+  name: "FVideoDesign",
+  props: w,
+  setup(o, n) {
+    const i = l(), a = V("design-item-context"), r = V("designer-host-service"), c = F(a, r), s = E(i, a, c), {
+      width: d,
+      height: u,
+      destory: p
+    } = Q(o, i);
+    return S(() => {
+      i.value.componentInstance = s;
+    }), L(() => {
+      p();
+    }), n.expose(s.value), () => b("div", {
+      ref: i,
+      class: "drag-container",
+      "data-dragref": `${a.schema.id}-container`
+    }, [b("video", {
+      src: o.src,
+      autoplay: o.autoplay,
+      controls: o.controls,
+      loop: o.loop,
+      muted: o.muted,
+      width: d.value,
+      height: u.value
+    }, [D("Your browser does not support the video tag.")])]);
+  }
+}), oe = {
+  install(o) {
+    o.component(P.name, P);
+  },
+  register(o, n, i, a) {
+    o.video = P, n.video = R;
+  },
+  registerDesigner(o, n, i) {
+    o.video = X, n.video = R;
+  }
+};
 export {
-  B as FVideo,
-  T as default,
+  P as FVideo,
+  oe as default,
+  R as propsResolver,
   w as videoProps
 };

package/components/video/index.umd.cjs

@@ -1 +1 @@
-(function(t,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("../common/index.umd.js"),require("vue")):typeof define=="function"&&define.amd?define(["exports","../common/index.umd.js","vue"],i):(t=typeof globalThis<"u"?globalThis:t||self,i(t.video={},t.common,t.Vue))})(this,function(t,i,d){"use strict";const L={src:{type:String,required:!0,default:""},autoplay:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},preload:{type:String,default:"none"},poster:{type:String},width:{type:[String,Number],default:300},height:{type:[String,Number],default:168}};function S(a,n){function r(o){o.stopPropagation(),n.emit("abort")}function u(o){o.stopPropagation(),n.emit("play")}function p(o){o.stopPropagation(),n.emit("pause")}function s(o){o.stopPropagation(),n.emit("ended")}function l(o){o.stopPropagation(),n.emit("durationchange")}function m(o){o.stopPropagation(),n.emit("error")}function g(o){o.stopPropagation(),n.emit("loadeddata")}function f(o){o.stopPropagation(),n.emit("loadedmetadata")}function c(o){o.stopPropagation(),n.emit("loadstart")}function y(o){o.stopPropagation(),n.emit("playing")}function P(o){o.stopPropagation(),n.emit("progress")}function h(o){o.stopPropagation(),n.emit("timeupdate")}function V(o){o.stopPropagation(),n.emit("volumechange")}function b(o){o.stopPropagation(),n.emit("canplay")}return{onAbort:r,onPlay:u,onPause:p,onEnded:s,onDurationchange:l,onError:m,onLoadeddata:g,onLoadedmetadata:f,onLoadstart:c,onPlaying:y,onProgress:P,onTimeupdate:h,onVolumechange:V,onCanplay:b}}const v=d.defineComponent({name:"FVideo",props:L,emits:["abort","play","pause","ended","durationchange","canplay","error","loadeddata","loadedmetadata","loadstart","playing","progress","timeupdate","volumechange"],setup(a,n){const r=d.ref(),{onAbort:u,onPlay:p,onPause:s,onEnded:l,onDurationchange:m,onError:g,onLoadeddata:f,onLoadedmetadata:c,onLoadstart:y,onPlaying:P,onProgress:h,onTimeupdate:V,onVolumechange:b,onCanplay:o}=S(a,n);return d.onUnmounted(()=>{}),()=>d.createVNode("video",{ref:r,src:a.src,autoplay:a.autoplay,controls:a.controls,loop:a.loop,muted:a.muted,width:a.width,height:a.height,poster:a.poster,onAbort:e=>u(e),onPlay:e=>p(e),onPause:e=>s(e),onEnded:e=>l(e),onDurationchange:e=>m(e),onError:e=>g(e),onLoadeddata:e=>f(e),onLoadedmetadata:e=>c(e),onLoadstart:e=>y(e),onPlaying:e=>P(e),onProgress:e=>h(e),onTimeupdate:e=>V(e),onVolumechange:e=>b(e),onCanplay:e=>o(e)},[d.createTextVNode("Your browser does not support the video tag.")])}}),T=i.withInstall(v);t.FVideo=v,t.default=T,t.videoProps=L,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(a,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js"),require("../component/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js","../component/index.umd.js"],i):(a=typeof globalThis<"u"?globalThis:a||self,i(a.video={},a.Vue,a.dynamicResolver,a.designerCanvas,a.component))})(this,function(a,i,w,$,C){"use strict";const R={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/video.schema.json",title:"video",description:"A Farris Video Component",type:"object",properties:{id:{description:"The unique identifier for a Video",type:"string"},type:{description:"The type string of Video component",type:"string",default:"video"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]},T=new Map([["appearance",w.resolveAppearance]]);function q(t,n,r){return n}const L={title:"verify-detail",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},g={src:{type:String,required:!0,default:""},autoplay:{type:Boolean,default:!0},controls:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},preload:{type:String,default:"none"},poster:{type:String},width:{type:[String,Number],default:300},height:{type:[String,Number],default:168}},y=w.createPropsResolver(g,R,T,q,L);function S(t,n){function r(e){e.stopPropagation(),n.emit("abort")}function s(e){e.stopPropagation(),n.emit("play")}function d(e){e.stopPropagation(),n.emit("pause")}function l(e){e.stopPropagation(),n.emit("ended")}function p(e){e.stopPropagation(),n.emit("durationchange")}function c(e){e.stopPropagation(),n.emit("error")}function m(e){e.stopPropagation(),n.emit("loadeddata")}function u(e){e.stopPropagation(),n.emit("loadedmetadata")}function h(e){e.stopPropagation(),n.emit("loadstart")}function v(e){e.stopPropagation(),n.emit("playing")}function P(e){e.stopPropagation(),n.emit("progress")}function V(e){e.stopPropagation(),n.emit("timeupdate")}function b(e){e.stopPropagation(),n.emit("volumechange")}function j(e){e.stopPropagation(),n.emit("canplay")}return{onAbort:r,onPlay:s,onPause:d,onEnded:l,onDurationchange:p,onError:c,onLoadeddata:m,onLoadedmetadata:u,onLoadstart:h,onPlaying:v,onProgress:P,onTimeupdate:V,onVolumechange:b,onCanplay:j}}const f=i.defineComponent({name:"FVideo",props:g,emits:["abort","play","pause","ended","durationchange","canplay","error","loadeddata","loadedmetadata","loadstart","playing","progress","timeupdate","volumechange"],setup(t,n){const r=i.ref(),{onAbort:s,onPlay:d,onPause:l,onEnded:p,onDurationchange:c,onError:m,onLoadeddata:u,onLoadedmetadata:h,onLoadstart:v,onPlaying:P,onProgress:V,onTimeupdate:b,onVolumechange:j,onCanplay:e}=S(t,n);return i.onUnmounted(()=>{}),()=>i.createVNode("video",{ref:r,src:t.src,autoplay:t.autoplay,controls:t.controls,loop:t.loop,muted:t.muted,width:t.width,height:t.height,poster:t.poster,onAbort:o=>s(o),onPlay:o=>d(o),onPause:o=>l(o),onEnded:o=>p(o),onDurationchange:o=>c(o),onError:o=>m(o),onLoadeddata:o=>u(o),onLoadedmetadata:o=>h(o),onLoadstart:o=>v(o),onPlaying:o=>P(o),onProgress:o=>V(o),onTimeupdate:o=>b(o),onVolumechange:o=>j(o),onCanplay:o=>e(o)},[i.createTextVNode("Your browser does not support the video tag.")])}});function D(t,n){const r=i.ref(t.width),s=i.ref(t.height);let d;i.watch(n,p=>{p&&(r.value=p.clientWidth,d=new ResizeObserver(c=>{if(!c||c.length<1)return;const u=c[0].contentRect;u&&(r.value=u.width)}),d.observe(p))});function l(){d&&d.disconnect()}return{destory:l,width:r,height:s}}const M=i.defineComponent({name:"FVideoDesign",props:g,setup(t,n){const r=i.ref(),s=i.inject("design-item-context"),d=i.inject("designer-host-service"),l=C.useDesignerRules(s,d),p=$.useDesignerComponent(r,s,l),{width:c,height:m,destory:u}=D(t,r);return i.onMounted(()=>{r.value.componentInstance=p}),i.onUnmounted(()=>{u()}),n.expose(p.value),()=>i.createVNode("div",{ref:r,class:"drag-container","data-dragref":`${s.schema.id}-container`},[i.createVNode("video",{src:t.src,autoplay:t.autoplay,controls:t.controls,loop:t.loop,muted:t.muted,width:c.value,height:m.value},[i.createTextVNode("Your browser does not support the video tag.")])])}}),F={install(t){t.component(f.name,f)},register(t,n,r,s){t.video=f,n.video=y},registerDesigner(t,n,r){t.video=M,n.video=y}};a.FVideo=f,a.default=F,a.propsResolver=y,a.videoProps=g,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});