@farris/ui-vue 1.2.8 → 1.2.9

package/components/video/index.esm.js

@@ -1,108 +1,108 @@
-import { defineComponent as F, ref as O, onUnmounted as q, createVNode as $, createTextVNode as W, watch as J, inject as U, onMounted as G } from "vue";
-import { cloneDeep as H } from "lodash-es";
-const _ = {}, z = {};
-function L(a) {
-  const { properties: e, title: o } = a, c = Object.keys(e).reduce((p, d) => (p[d] = e[d].type === "object" && e[d].properties ? L(e[d]) : H(e[d].default), p), {});
-  return c.id = `${o}-${Date.now()}`, c;
+import { defineComponent as q, ref as T, onUnmounted as _, createVNode as S, createTextVNode as z, watch as G, inject as H, onMounted as Q } from "vue";
+import { cloneDeep as X } from "lodash-es";
+const Y = {}, J = {};
+function k(a) {
+  const { properties: e, title: o, ignore: s } = a, c = s && Array.isArray(s), h = Object.keys(e).reduce((d, b) => ((!c || !s.find((j) => j == b)) && (d[b] = e[b].type === "object" && e[b].properties ? k(e[b]) : X(e[b].default)), d), {});
+  return (!c || !s.find((d) => d == "id")) && (h.id = `${o}-${Date.now()}`), h;
 }
-function S(a, e = {}) {
-  const o = _[a];
-  if (o) {
-    let c = L(o);
-    const p = z[a];
-    return c = p ? p({ getSchemaByType: S }, c, e) : c, c;
+function L(a, e = {}, o) {
+  const s = Y[a];
+  if (s) {
+    let c = k(s);
+    const h = J[a];
+    return c = h ? h({ getSchemaByType: L }, c, e, o) : c, c;
   }
   return null;
 }
-function Q(a, e) {
-  const o = L(e);
-  return Object.keys(a).reduce((c, p) => (c[p] && typeof c[p] == "object" ? Object.assign(c[p], a[p]) : c[p] = a[p], c), o), o;
+function Z(a, e) {
+  const o = k(e);
+  return Object.keys(a).reduce((s, c) => (s[c] && typeof s[c] == "object" ? Object.assign(s[c], a[c]) : s[c] = a[c], s), o), o;
 }
-function X(a, e) {
-  return Object.keys(a).filter((c) => a[c] != null).reduce((c, p) => {
-    if (e.has(p)) {
-      const d = e.get(p);
-      if (typeof d == "string")
-        c[d] = a[p];
+function R(a, e) {
+  return Object.keys(a).filter((s) => a[s] != null).reduce((s, c) => {
+    if (e.has(c)) {
+      const h = e.get(c);
+      if (typeof h == "string")
+        s[h] = a[c];
       else {
-        const h = d(p, a[p], a);
-        Object.assign(c, h);
+        const d = h(c, a[c], a);
+        Object.assign(s, d);
       }
     } else
-      c[p] = a[p];
-    return c;
+      s[c] = a[c];
+    return s;
   }, {});
 }
-function Z(a, e, o = /* @__PURE__ */ new Map()) {
-  const c = Q(a, e);
-  return X(c, o);
+function K(a, e, o = /* @__PURE__ */ new Map()) {
+  const s = Z(a, e);
+  return R(s, o);
 }
-function R(a = {}) {
-  function e(s, f, l, u) {
+function x(a = {}) {
+  function e(p, u, l, f) {
     if (typeof l == "number")
-      return u[s].length === l;
+      return f[p].length === l;
     if (typeof l == "object") {
-      const g = Object.keys(l)[0], r = l[g];
-      if (g === "not")
-        return Number(u[s].length) !== Number(r);
-      if (g === "moreThan")
-        return Number(u[s].length) >= Number(r);
-      if (g === "lessThan")
-        return Number(u[s].length) <= Number(r);
+      const m = Object.keys(l)[0], n = l[m];
+      if (m === "not")
+        return Number(f[p].length) !== Number(n);
+      if (m === "moreThan")
+        return Number(f[p].length) >= Number(n);
+      if (m === "lessThan")
+        return Number(f[p].length) <= Number(n);
     }
     return !1;
   }
-  function o(s, f, l, u) {
-    return u[s] && u[s].propertyValue && String(u[s].propertyValue.value) === String(l);
+  function o(p, u, l, f) {
+    return f[p] && f[p].propertyValue && String(f[p].propertyValue.value) === String(l);
   }
-  const c = /* @__PURE__ */ new Map([
+  const s = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", o]
   ]);
-  Object.keys(a).reduce((s, f) => (s.set(f, a[f]), s), c);
-  function p(s, f) {
-    const l = s;
-    return typeof f == "number" ? [{ target: l, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: l, operator: "getProperty", param: s, value: !!f }] : typeof f == "object" ? Object.keys(f).map((u) => {
-      if (u === "length")
-        return { target: l, operator: "length", param: null, value: f[u] };
-      const g = u, r = f[u];
-      return { target: l, operator: "getProperty", param: g, value: r };
+  Object.keys(a).reduce((p, u) => (p.set(u, a[u]), p), s);
+  function c(p, u) {
+    const l = p;
+    return typeof u == "number" ? [{ target: l, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: l, operator: "getProperty", param: p, value: !!u }] : typeof u == "object" ? Object.keys(u).map((f) => {
+      if (f === "length")
+        return { target: l, operator: "length", param: null, value: u[f] };
+      const m = f, n = u[f];
+      return { target: l, operator: "getProperty", param: m, value: n };
     }) : [];
   }
-  function d(s) {
-    return Object.keys(s).reduce((l, u) => {
-      const g = p(u, s[u]);
-      return l.push(...g), l;
+  function h(p) {
+    return Object.keys(p).reduce((l, f) => {
+      const m = c(f, p[f]);
+      return l.push(...m), l;
     }, []);
   }
-  function h(s, f) {
-    if (c.has(s.operator)) {
-      const l = c.get(s.operator);
-      return l && l(s.target, s.param, s.value, f) || !1;
+  function d(p, u) {
+    if (s.has(p.operator)) {
+      const l = s.get(p.operator);
+      return l && l(p.target, p.param, p.value, u) || !1;
     }
     return !1;
   }
-  function m(s, f) {
-    return d(s).reduce((g, r) => g && h(r, f), !0);
+  function b(p, u) {
+    return h(p).reduce((m, n) => m && d(n, u), !0);
   }
-  function v(s, f) {
-    const l = Object.keys(s), u = l.includes("allOf"), g = l.includes("anyOf"), r = u || g, n = (r ? s[r ? u ? "allOf" : "anyOf" : "allOf"] : [s]).map((b) => m(b, f));
-    return u ? !n.includes(!1) : n.includes(!0);
+  function j(p, u) {
+    const l = Object.keys(p), f = l.includes("allOf"), m = l.includes("anyOf"), n = f || m, r = (n ? p[n ? f ? "allOf" : "anyOf" : "allOf"] : [p]).map((g) => b(g, u));
+    return f ? !r.includes(!1) : r.includes(!0);
   }
-  return { parseValueSchema: v };
+  return { parseValueSchema: j };
 }
-const K = {}, x = {};
-R();
-function I(a, e, o = /* @__PURE__ */ new Map(), c = (h, m, v) => m, p = {}, d = (h) => h) {
-  return _[e.title] = e, z[e.title] = c, K[e.title] = p, x[e.title] = d, (h = {}) => {
-    const m = Z(h, e, o), v = Object.keys(a).reduce((s, f) => (s[f] = a[f].default, s), {});
-    return Object.assign(v, m);
+const I = {}, ee = {};
+x();
+function te(a, e, o = /* @__PURE__ */ new Map(), s = (d, b, j) => b, c = {}, h = (d) => d) {
+  return Y[e.title] = e, J[e.title] = s, I[e.title] = c, ee[e.title] = h, (d = {}) => {
+    const b = K(d, e, o), j = Object.keys(a).reduce((p, u) => (p[u] = a[u].default, p), {});
+    return Object.assign(j, b);
   };
 }
-function ee(a, e) {
+function oe(a, e) {
   return { customClass: e.class, customStyle: e.style };
 }
-const te = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-design.gitee.io/video.schema.json", ne = "video", re = "A Farris Video Component", ae = "object", ce = {
+const ne = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/video.schema.json", ae = "video", ce = "A Farris Video Component", se = "object", pe = {
   id: {
     description: "The unique identifier for a Video",
     type: "string"
@@ -130,24 +130,24 @@ const te = "https://json-schema.org/draft/2020-12/schema", oe = "https://farris-
     type: "boolean",
     default: !0
   }
-}, se = [
+}, ie = [
   "id",
   "type"
-], ie = {
-  $schema: te,
-  $id: oe,
-  title: ne,
-  description: re,
-  type: ae,
-  properties: ce,
-  required: se
-}, pe = /* @__PURE__ */ new Map([
-  ["appearance", ee]
+], le = {
+  $schema: ne,
+  $id: re,
+  title: ae,
+  description: ce,
+  type: se,
+  properties: pe,
+  required: ie
+}, ue = /* @__PURE__ */ new Map([
+  ["appearance", oe]
 ]);
-function le(a, e, o) {
+function fe(a, e, o) {
   return e;
 }
-const ue = "verify-detail", fe = "A Farris Component", de = "object", ye = {
+const de = "verify-detail", ye = "A Farris Component", he = "object", be = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -169,12 +169,12 @@ const ue = "verify-detail", fe = "A Farris Component", de = "object", ye = {
       }
     }
   }
-}, he = {
-  title: ue,
-  description: fe,
-  type: de,
-  categories: ye
-}, k = {
+}, ge = {
+  title: de,
+  description: ye,
+  type: he,
+  categories: be
+}, B = {
   src: {
     type: String,
     required: !0,
@@ -211,45 +211,45 @@ const ue = "verify-detail", fe = "A Farris Component", de = "object", ye = {
     type: [String, Number],
     default: 168
   }
-}, B = I(k, ie, pe, le, he);
-function be(a, e) {
+}, W = te(B, le, ue, fe, ge);
+function me(a, e) {
   function o(t) {
     t.stopPropagation(), e.emit("abort");
   }
-  function c(t) {
+  function s(t) {
     t.stopPropagation(), e.emit("play");
   }
-  function p(t) {
+  function c(t) {
     t.stopPropagation(), e.emit("pause");
   }
-  function d(t) {
+  function h(t) {
     t.stopPropagation(), e.emit("ended");
   }
-  function h(t) {
+  function d(t) {
     t.stopPropagation(), e.emit("durationchange");
   }
-  function m(t) {
+  function b(t) {
     t.stopPropagation(), e.emit("error");
   }
-  function v(t) {
+  function j(t) {
     t.stopPropagation(), e.emit("loadeddata");
   }
-  function s(t) {
+  function p(t) {
     t.stopPropagation(), e.emit("loadedmetadata");
   }
-  function f(t) {
+  function u(t) {
     t.stopPropagation(), e.emit("loadstart");
   }
   function l(t) {
     t.stopPropagation(), e.emit("playing");
   }
-  function u(t) {
+  function f(t) {
     t.stopPropagation(), e.emit("progress");
   }
-  function g(t) {
+  function m(t) {
     t.stopPropagation(), e.emit("timeupdate");
   }
-  function r(t) {
+  function n(t) {
     t.stopPropagation(), e.emit("volumechange");
   }
   function i(t) {
@@ -257,44 +257,44 @@ function be(a, e) {
   }
   return {
     onAbort: o,
-    onPlay: c,
-    onPause: p,
-    onEnded: d,
-    onDurationchange: h,
-    onError: m,
-    onLoadeddata: v,
-    onLoadedmetadata: s,
-    onLoadstart: f,
+    onPlay: s,
+    onPause: c,
+    onEnded: h,
+    onDurationchange: d,
+    onError: b,
+    onLoadeddata: j,
+    onLoadedmetadata: p,
+    onLoadstart: u,
     onPlaying: l,
-    onProgress: u,
-    onTimeupdate: g,
-    onVolumechange: r,
+    onProgress: f,
+    onTimeupdate: m,
+    onVolumechange: n,
     onCanplay: i
   };
 }
-const V = /* @__PURE__ */ F({
+const M = /* @__PURE__ */ q({
   name: "FVideo",
-  props: k,
+  props: B,
   emits: ["abort", "play", "pause", "ended", "durationchange", "canplay", "error", "loadeddata", "loadedmetadata", "loadstart", "playing", "progress", "timeupdate", "volumechange"],
   setup(a, e) {
-    const o = O(), {
-      onAbort: c,
-      onPlay: p,
-      onPause: d,
-      onEnded: h,
-      onDurationchange: m,
-      onError: v,
-      onLoadeddata: s,
-      onLoadedmetadata: f,
+    const o = T(), {
+      onAbort: s,
+      onPlay: c,
+      onPause: h,
+      onEnded: d,
+      onDurationchange: b,
+      onError: j,
+      onLoadeddata: p,
+      onLoadedmetadata: u,
       onLoadstart: l,
-      onPlaying: u,
-      onProgress: g,
-      onTimeupdate: r,
+      onPlaying: f,
+      onProgress: m,
+      onTimeupdate: n,
       onVolumechange: i,
       onCanplay: t
-    } = be(a, e);
-    return q(() => {
-    }), () => $("video", {
+    } = me(a, e);
+    return _(() => {
+    }), () => S("video", {
       ref: o,
       src: a.src,
       autoplay: a.autoplay,
@@ -304,40 +304,40 @@ const V = /* @__PURE__ */ F({
       width: a.width,
       height: a.height,
       poster: a.poster,
-      onAbort: (n) => c(n),
-      onPlay: (n) => p(n),
-      onPause: (n) => d(n),
-      onEnded: (n) => h(n),
-      onDurationchange: (n) => m(n),
-      onError: (n) => v(n),
-      onLoadeddata: (n) => s(n),
-      onLoadedmetadata: (n) => f(n),
-      onLoadstart: (n) => l(n),
-      onPlaying: (n) => u(n),
-      onProgress: (n) => g(n),
-      onTimeupdate: (n) => r(n),
-      onVolumechange: (n) => i(n),
-      onCanplay: (n) => t(n)
-    }, [W("Your browser does not support the video tag.")]);
+      onAbort: (r) => s(r),
+      onPlay: (r) => c(r),
+      onPause: (r) => h(r),
+      onEnded: (r) => d(r),
+      onDurationchange: (r) => b(r),
+      onError: (r) => j(r),
+      onLoadeddata: (r) => p(r),
+      onLoadedmetadata: (r) => u(r),
+      onLoadstart: (r) => l(r),
+      onPlaying: (r) => f(r),
+      onProgress: (r) => m(r),
+      onTimeupdate: (r) => n(r),
+      onVolumechange: (r) => i(r),
+      onCanplay: (r) => t(r)
+    }, [z("Your browser does not support the video tag.")]);
   }
 });
-function ge(a, e, o) {
-  var D;
-  function c() {
+function je(a, e, o) {
+  var O;
+  function s() {
     o != null && o.resolveComponentContext && o.resolveComponentContext();
   }
-  c();
-  const p = o && o.getStyles && o.getStyles() || "", d = o && o.getDesignerClass && o.getDesignerClass() || "", h = O();
-  function m() {
+  s();
+  const c = o && o.getStyles && o.getStyles() || "", h = o && o.getDesignerClass && o.getDesignerClass() || "", d = T();
+  function b() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : o && o.checkCanMoveComponent ? o.checkCanMoveComponent() : !0;
   }
-  function v() {
+  function j() {
     return !1;
   }
-  function s() {
+  function p() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : o && o.checkCanDeleteComponent ? o.checkCanDeleteComponent() : !0;
   }
-  function f() {
+  function u() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : o && o.hideNestedPaddingInDesginerView ? o.hideNestedPaddingInDesginerView() : !1;
   }
   function l(y) {
@@ -345,72 +345,72 @@ function ge(a, e, o) {
       return null;
     if (y.value.schema && y.value.schema.type === "component")
       return y.value;
-    const A = O(y == null ? void 0 : y.value.parent), j = l(A);
-    return j || null;
+    const w = T(y == null ? void 0 : y.value.parent), A = l(w);
+    return A || null;
   }
-  function u(y = e) {
-    const { componentInstance: A, designerItemElementRef: j } = y;
-    return !A || !A.value ? null : A.value.canMove ? j : u(y.parent);
+  function f(y = e) {
+    const { componentInstance: w, designerItemElementRef: A } = y;
+    return !w || !w.value ? null : w.value.canMove ? A : f(y.parent);
   }
-  function g(y) {
+  function m(y) {
     return !!o && o.canAccepts(y);
   }
-  function r() {
+  function n() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
   function i() {
   }
-  function t(y, A) {
-    A && o != null && o.onAcceptMovedChildElement && o.onAcceptMovedChildElement(A);
+  function t(y, w) {
+    w && o != null && o.onAcceptMovedChildElement && o.onAcceptMovedChildElement(w);
   }
-  function n(y) {
+  function r(y, w) {
     const { componentType: A } = y;
-    let j = S(A, y);
-    o && o.onResolveNewComponentSchema && (j = o.onResolveNewComponentSchema(y, j));
-    const T = A.toLowerCase().replace("-", "_");
-    return j && !j.id && j.type === A && (j.id = `${T}_${Math.random().toString().slice(2, 6)}`), j;
+    let C = L(A, y, w);
+    o && o.onResolveNewComponentSchema && (C = o.onResolveNewComponentSchema(y, C));
+    const E = A.toLowerCase().replace("-", "_");
+    return C && !C.id && C.type === A && (C.id = `${E}_${Math.random().toString().slice(2, 6)}`), C;
   }
-  function P(y, A) {
-    const j = String(y.getAttribute("data-controltype")), T = y.getAttribute("data-feature"), E = T ? JSON.parse(T) : {};
-    E.parentComponentInstance = h.value;
-    let C = S(j, E);
-    o && o.onAcceptNewChildElement && (C = o.onAcceptNewChildElement(y, A, C));
-    const N = j.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === j && (C.id = `${N}_${Math.random().toString().slice(2, 6)}`), C;
+  function P(y, w) {
+    const A = String(y.getAttribute("data-controltype")), C = y.getAttribute("data-feature"), E = C ? JSON.parse(C) : {};
+    E.parentComponentInstance = d.value;
+    let D = L(A, E);
+    o && o.onAcceptNewChildElement && (D = o.onAcceptNewChildElement(y, w, D));
+    const N = A.toLowerCase().replace("-", "_");
+    return D && !D.id && D.type === A && (D.id = `${N}_${Math.random().toString().slice(2, 6)}`), D;
   }
-  function b(y) {
+  function g(y) {
   }
-  function w(...y) {
+  function v(...y) {
     if (o && o.getPropsConfig)
       return o.getPropsConfig(...y);
   }
-  return h.value = {
-    canMove: m(),
-    canSelectParent: v(),
-    canDelete: s(),
-    canNested: !f(),
+  return d.value = {
+    canMove: b(),
+    canSelectParent: j(),
+    canDelete: p(),
+    canNested: !u(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: a,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
+    parent: (O = e == null ? void 0 : e.parent) == null ? void 0 : O.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: p,
-    designerClass: d,
-    canAccepts: g,
+    styles: c,
+    designerClass: h,
+    canAccepts: m,
     getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: u,
-    getDraggingDisplayText: r,
-    getPropConfig: w,
+    getDraggableDesignItemElement: f,
+    getDraggingDisplayText: n,
+    getPropConfig: v,
     getDragScopeElement: i,
     onAcceptMovedChildElement: t,
     onAcceptNewChildElement: P,
-    onChildElementMovedOut: b,
-    addNewChildComponentSchema: n,
-    updateDragAndDropRules: c,
-    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved || O(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!o && o.triggerBelongedComponentToDeleteWhenDeleted || O(!1)
-  }, h;
+    onChildElementMovedOut: g,
+    addNewChildComponentSchema: r,
+    updateDragAndDropRules: s,
+    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved || T(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!o && o.triggerBelongedComponentToDeleteWhenDeleted || T(!1)
+  }, d;
 }
-const me = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-design.gitee.io/dragging-rules.schema.json", Pe = "Dragging Rules", ve = "The rules of designer canvas", we = "object", Ae = {
+const Pe = "https://json-schema.org/draft/2020-12/schema", ve = "https://farris-design.gitee.io/dragging-rules.schema.json", Ae = "Dragging Rules", we = "The rules of designer canvas", Ce = "object", De = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -829,6 +829,80 @@ const me = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-
                                   "f-list-nav-left": {
                                     description: "",
                                     type: "object"
+                                  },
+                                  "f-struct-data-grid-in-nav": {
+                                    description: "",
+                                    type: "object",
+                                    properties: {
+                                      contents: {
+                                        type: "object",
+                                        properties: {
+                                          "f-section-form": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          },
+                                          "f-section-grid": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          }
+                                        }
+                                      },
+                                      rules: {
+                                        type: "object",
+                                        properties: {
+                                          canAccept: {
+                                            type: "boolean",
+                                            const: !1
+                                          },
+                                          fixed: {
+                                            type: "boolean",
+                                            const: !0
+                                          },
+                                          hidePadding: {
+                                            type: "boolean",
+                                            const: !0
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -974,207 +1048,212 @@ const me = "https://json-schema.org/draft/2020-12/schema", je = "https://farris-
     description: "",
     type: "object"
   }
-}, Ce = [], De = {
-  $schema: me,
-  $id: je,
-  title: Pe,
-  description: ve,
-  type: we,
-  properties: Ae,
-  required: Ce
-}, M = /* @__PURE__ */ new Map();
-function Oe() {
-  function a(r, i, t, n) {
+}, Oe = {
+  $schema: Pe,
+  $id: ve,
+  title: Ae,
+  description: we,
+  type: Ce,
+  properties: De
+}, $ = /* @__PURE__ */ new Map();
+function Te() {
+  function a(n, i, t, r) {
     var P;
     if (typeof t == "number")
-      return ((P = n[r]) == null ? void 0 : P.length) === t;
+      return ((P = r[n]) == null ? void 0 : P.length) === t;
     if (typeof t == "object") {
-      const b = Object.keys(t)[0], w = t[b];
-      if (b === "not")
-        return Number(n[r].length) !== Number(w);
-      if (b === "moreThan")
-        return Number(n[r].length) >= Number(w);
-      if (b === "lessThan")
-        return Number(n[r].length) <= Number(w);
+      const g = Object.keys(t)[0], v = t[g];
+      if (g === "not")
+        return Number(r[n].length) !== Number(v);
+      if (g === "moreThan")
+        return Number(r[n].length) >= Number(v);
+      if (g === "lessThan")
+        return Number(r[n].length) <= Number(v);
     }
     return !1;
   }
-  function e(r, i, t, n) {
-    return typeof t == "boolean" ? n.childrenClassList.includes(i) === !!t : !1;
+  function e(n, i, t, r) {
+    return typeof t == "boolean" ? r.childrenClassList.includes(i) === !!t : !1;
   }
-  function o(r, i, t, n) {
-    return typeof t == "boolean" ? n.parentClassList.includes(i) === !!t : !1;
+  function o(n, i, t, r) {
+    return typeof t == "boolean" ? r.parentClassList.includes(i) === !!t : !1;
   }
-  function c(r, i, t, n) {
-    return typeof t == "boolean" ? n.parentClassList.includes(i) === !!t : !1;
+  function s(n, i, t, r) {
+    return typeof t == "boolean" ? r.parentClassList.includes(i) === !!t : !1;
   }
-  const p = /* @__PURE__ */ new Map([
+  const c = /* @__PURE__ */ new Map([
     ["length", a],
     ["hasChildren", e],
-    ["hasSibling", c],
+    ["hasSibling", s],
     ["hasParent", o]
   ]);
-  function d(r, i) {
-    const t = r;
-    return typeof i == "number" ? [{ target: t, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((n) => {
-      if (n === "length")
-        return { target: t, operator: "length", param: null, value: i[n] };
-      const P = n, b = i[n];
-      return { target: t, operator: r === "children" ? "hasChildren" : r === "parent" ? "hasParent" : "hasSibling", param: P, value: b };
+  function h(n, i) {
+    const t = n;
+    return typeof i == "number" ? [{ target: t, operator: "length", param: null, value: Number(i) }] : typeof i == "object" ? Object.keys(i).map((r) => {
+      if (r === "length")
+        return { target: t, operator: "length", param: null, value: i[r] };
+      const P = r, g = i[r];
+      return { target: t, operator: n === "children" ? "hasChildren" : n === "parent" ? "hasParent" : "hasSibling", param: P, value: g };
     }) : [];
   }
-  function h(r, i) {
-    if (p.has(r.operator)) {
-      const t = p.get(r.operator);
-      return t && t(r.target, r.param, r.value, i) || !1;
+  function d(n, i) {
+    if (c.has(n.operator)) {
+      const t = c.get(n.operator);
+      return t && t(n.target, n.param, n.value, i) || !1;
     }
     return !1;
   }
-  function m(r, i) {
-    return Object.keys(r).reduce((b, w) => {
-      const D = d(w, r[w]);
-      return b.push(...D), b;
-    }, []).reduce((b, w) => b && h(w, i), !0);
+  function b(n, i) {
+    return Object.keys(n).reduce((g, v) => {
+      const O = h(v, n[v]);
+      return g.push(...O), g;
+    }, []).reduce((g, v) => g && d(v, i), !0);
   }
-  function v(r, i) {
-    const t = Object.keys(r), n = t.includes("allOf"), P = t.includes("anyOf"), b = n || P, y = (b ? r[b ? n ? "allOf" : "anyOf" : "allOf"] : [r]).map((j) => m(j, i));
-    return n ? !y.includes(!1) : y.includes(!0);
+  function j(n, i) {
+    const t = Object.keys(n), r = t.includes("allOf"), P = t.includes("anyOf"), g = r || P, y = (g ? n[g ? r ? "allOf" : "anyOf" : "allOf"] : [n]).map((A) => b(A, i));
+    return r ? !y.includes(!1) : y.includes(!0);
   }
-  function s(r, i) {
-    const t = r.const;
-    return t ? typeof t == "boolean" ? t : typeof t == "object" ? v(t, i) : !1 : !1;
+  function p(n, i) {
+    const t = n.const;
+    return t ? typeof t == "boolean" ? t : typeof t == "object" ? j(t, i) : !1 : !1;
   }
-  function f(r) {
+  function u(n) {
     return (i) => {
       const t = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return r && r.properties && Object.keys(r.properties).reduce((n, P) => {
-        const b = r.properties[P];
-        return n[P] = s(b, i), n;
+      return n && n.properties && Object.keys(n.properties).reduce((r, P) => {
+        const g = n.properties[P];
+        return r[P] = p(g, i), r;
       }, t), t;
     };
   }
-  function l(r, i, t) {
+  function l(n, i, t) {
     if (i.type === "object" && i.properties) {
-      const { rules: n, contents: P } = i.properties;
-      t.set(r, f(n)), P && Object.keys(P.properties).forEach(
-        (b) => l(b, P.properties[b], t)
+      const { rules: r, contents: P } = i.properties;
+      t.set(n, u(r)), P && Object.keys(P.properties).forEach(
+        (g) => l(g, P.properties[g], t)
       );
     }
   }
-  function u() {
-    const { properties: r } = De;
-    Object.keys(r).forEach((i) => {
-      l(i, r[i], M);
+  function f() {
+    const { properties: n } = Oe;
+    Object.keys(n).forEach((i) => {
+      l(i, n[i], $);
     });
   }
-  function g(r, i) {
+  function m(n, i) {
     const t = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return M.has(r) ? M.get(r)(i) : t;
+    return $.has(n) ? $.get(n)(i) : t;
   }
-  return u(), { getRuleValue: g };
+  return f(), { getRuleValue: m };
 }
-function Te(a, e) {
-  const o = Oe();
-  let c = !1, p, d = !1;
+function Ee(a) {
+  const e = Te();
+  let o = !1, s, c = !1;
   const h = !1;
-  function m() {
+  function d() {
     return !1;
   }
-  function v() {
-    return h || !d;
+  function b() {
+    return h || !c;
   }
-  function s() {
-    return !d;
+  function j() {
+    return !c;
   }
-  function f() {
-    d = !1;
-    const u = a, g = u.appearance && u.appearance.class || "", r = g.split(" "), i = u.contents || [], t = i.length ? i[0] : null, n = t && t.appearance ? t.appearance.class : "", P = n ? n.split(" ") : [], b = i.length ? i.reduce((E, C) => {
-      const N = C && C.appearance ? C.appearance.class : "", Y = N ? N.split(" ") : [];
-      return E.push(...Y), E;
-    }, []) : [], w = e, D = w && w.appearance && w.appearance.class || "", y = D ? D.split(" ") : [];
-    p = {
-      componentClass: g,
-      componentClassList: r,
-      childContents: i,
-      firstChildContent: t,
-      firstChildClass: n,
-      firstChildClassList: P,
-      parent: w,
-      parentClass: D,
+  function p() {
+    var E, D;
+    c = !1;
+    const l = a.schema, f = l.appearance && l.appearance.class || "", m = f.split(" "), n = l.contents || [], i = n.length ? n[0] : null, t = i && i.appearance ? i.appearance.class : "", r = t ? t.split(" ") : [], P = n.length ? n.reduce((N, V) => {
+      const F = V && V.appearance ? V.appearance.class : "", U = F ? F.split(" ") : [];
+      return N.push(...U), N;
+    }, []) : [];
+    if (((D = (E = a.parent) == null ? void 0 : E.schema) == null ? void 0 : D.type) !== "component-ref") {
+      o = !0, c = !0;
+      return;
+    }
+    const g = a.parent.parent, v = g && g.schema, O = v && v.appearance ? v.appearance.class : "", y = O ? O.split(" ") : [];
+    s = {
+      componentClass: f,
+      componentClassList: m,
+      childContents: n,
+      firstChildContent: i,
+      firstChildClass: t,
+      firstChildClassList: r,
+      parent: v,
+      parentClass: O,
       parentClassList: y,
-      children: i,
-      childrenClassList: b
+      children: n,
+      childrenClassList: P
     };
-    const { canAccept: A, fixed: j, hidePadding: T } = o.getRuleValue(r[0], p);
-    return c = T, d = j, !0;
+    const { canAccept: w, fixed: A, hidePadding: C } = e.getRuleValue(m[0], s);
+    o = C, c = A;
   }
-  function l() {
-    return c;
+  function u() {
+    return o;
   }
-  return { canAccepts: m, checkCanDeleteComponent: v, checkCanMoveComponent: s, resolveComponentContext: f, hideNestedPaddingInDesginerView: l };
+  return { canAccepts: d, checkCanDeleteComponent: b, checkCanMoveComponent: j, resolveComponentContext: p, hideNestedPaddingInDesginerView: u };
 }
-function Ee(a, e) {
-  const o = O(a.width), c = O(a.height);
-  let p;
-  J(e, (h) => {
-    h && (o.value = h.clientWidth, p = new ResizeObserver((m) => {
-      if (!m || m.length < 1)
+function Ne(a, e) {
+  const o = T(a.width), s = T(a.height);
+  let c;
+  G(e, (d) => {
+    d && (o.value = d.clientWidth, c = new ResizeObserver((b) => {
+      if (!b || b.length < 1)
         return;
-      const s = m[0].contentRect;
-      s && (o.value = s.width);
-    }), p.observe(h));
+      const p = b[0].contentRect;
+      p && (o.value = p.width);
+    }), c.observe(d));
   });
-  function d() {
-    p && p.disconnect();
+  function h() {
+    c && c.disconnect();
   }
   return {
-    destory: d,
+    destory: h,
     width: o,
-    height: c
+    height: s
   };
 }
-const Ne = /* @__PURE__ */ F({
+const Ve = /* @__PURE__ */ q({
   name: "FVideoDesign",
-  props: k,
+  props: B,
   setup(a, e) {
-    var s;
-    const o = O(), c = U("design-item-context"), p = Te(c.schema, (s = c.parent) == null ? void 0 : s.schema), d = ge(o, c, p), {
-      width: h,
-      height: m,
-      destory: v
-    } = Ee(a, o);
-    return G(() => {
-      o.value.componentInstance = d;
-    }), q(() => {
-      v();
-    }), e.expose(d.value), () => $("div", {
+    var p;
+    const o = T(), s = H("design-item-context"), c = Ee(s.schema, (p = s.parent) == null ? void 0 : p.schema), h = je(o, s, c), {
+      width: d,
+      height: b,
+      destory: j
+    } = Ne(a, o);
+    return Q(() => {
+      o.value.componentInstance = h;
+    }), _(() => {
+      j();
+    }), e.expose(h.value), () => S("div", {
       ref: o,
       class: "drag-container",
-      "data-dragref": `${c.schema.id}-container`
-    }, [$("video", {
+      "data-dragref": `${s.schema.id}-container`
+    }, [S("video", {
       src: a.src,
       autoplay: a.autoplay,
       controls: a.controls,
       loop: a.loop,
       muted: a.muted,
-      width: h.value,
-      height: m.value
-    }, [W("Your browser does not support the video tag.")])]);
+      width: d.value,
+      height: b.value
+    }, [z("Your browser does not support the video tag.")])]);
   }
-}), $e = {
+}), Se = {
   install(a) {
-    a.component(V.name, V);
+    a.component(M.name, M);
   },
-  register(a, e, o, c) {
-    a.video = V, e.video = B;
+  register(a, e, o, s) {
+    a.video = M, e.video = W;
   },
   registerDesigner(a, e, o) {
-    a.video = Ne, e.video = B;
+    a.video = Ve, e.video = W;
   }
 };
 export {
-  V as FVideo,
-  $e as default,
-  B as propsResolver,
-  k as videoProps
+  M as FVideo,
+  Se as default,
+  W as propsResolver,
+  B as videoProps
 };