@farris/ui-vue 1.1.0 → 1.1.1

package/video/index.esm.js

@@ -1,1178 +0,0 @@
-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, p = Object.keys(e).reduce((i, d) => (i[d] = e[d].type === "object" && e[d].properties ? L(e[d]) : H(e[d].default), i), {});
-  return p.id = `${o}-${Date.now()}`, p;
-}
-function S(a, e = {}) {
-  const o = _[a];
-  if (o) {
-    let p = L(o);
-    const i = z[a];
-    return p = i ? i({ getSchemaByType: S }, p, e) : p, p;
-  }
-  return null;
-}
-function Q(a, e) {
-  const o = L(e);
-  return Object.keys(a).reduce((p, i) => (p[i] = a[i], p), o), o;
-}
-function X(a, e) {
-  return Object.keys(a).filter((p) => a[p] != null).reduce((p, i) => {
-    if (e.has(i)) {
-      const d = e.get(i);
-      if (typeof d == "string")
-        p[d] = a[i];
-      else {
-        const h = d(i, a[i], a);
-        Object.assign(p, h);
-      }
-    } else
-      p[i] = a[i];
-    return p;
-  }, {});
-}
-function Z(a, e, o = /* @__PURE__ */ new Map()) {
-  const p = Q(a, e);
-  return X(p, o);
-}
-function K(a = {}) {
-  function e(s, l, u, f) {
-    if (typeof u == "number")
-      return f[s].length === u;
-    if (typeof u == "object") {
-      const g = Object.keys(u)[0], r = u[g];
-      if (g === "not")
-        return Number(f[s].length) !== Number(r);
-      if (g === "moreThan")
-        return Number(f[s].length) >= Number(r);
-      if (g === "lessThan")
-        return Number(f[s].length) <= Number(r);
-    }
-    return !1;
-  }
-  function o(s, l, u, f) {
-    return f[l] && f[l].propertyValue && String(f[l].propertyValue.value) === String(u);
-  }
-  const p = /* @__PURE__ */ new Map([
-    ["length", e],
-    ["getProperty", o]
-  ]);
-  Object.keys(a).reduce((s, l) => (s.set(l, a[l]), s), p);
-  function i(s, l) {
-    const u = s;
-    return typeof l == "number" ? [{ target: u, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: u, operator: "getProperty", param: s, value: !!l }] : typeof l == "object" ? Object.keys(l).map((f) => {
-      if (f === "length")
-        return { target: u, operator: "length", param: null, value: l[f] };
-      const g = f, r = l[f];
-      return { target: u, operator: s, param: g, value: r };
-    }) : [];
-  }
-  function d(s) {
-    return Object.keys(s).reduce((u, f) => {
-      const g = i(f, s[f]);
-      return u.push(...g), u;
-    }, []);
-  }
-  function h(s, l) {
-    if (p.has(s.operator)) {
-      const u = p.get(s.operator);
-      return u && u(s.target, s.param, s.value, l) || !1;
-    }
-    return !1;
-  }
-  function m(s, l) {
-    return d(s).reduce((g, r) => g && h(r, l), !0);
-  }
-  function v(s, l) {
-    const u = Object.keys(s), f = u.includes("allOf"), g = u.includes("anyOf"), r = f || g, n = (r ? s[r ? f ? "allOf" : "anyOf" : "allOf"] : [s]).map((b) => m(b, l));
-    return f ? !n.includes(!1) : n.includes(!0);
-  }
-  return { parseValueSchema: v };
-}
-const R = {}, x = {};
-K();
-function I(a, e, o = /* @__PURE__ */ new Map(), p = (h, m, v) => m, i = {}, d = (h) => h) {
-  return _[e.title] = e, z[e.title] = p, R[e.title] = i, x[e.title] = d, (h = {}) => {
-    const m = Z(h, e, o), v = Object.keys(a).reduce((s, l) => (s[l] = a[l].default, s), {});
-    return Object.assign(v, m);
-  };
-}
-function ee(a, e) {
-  return { customClass: e.class };
-}
-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 = {
-  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
-  }
-}, se = [
-  "id",
-  "type"
-], pe = {
-  $schema: te,
-  $id: oe,
-  title: ne,
-  description: re,
-  type: ae,
-  properties: ce,
-  required: se
-}, ie = /* @__PURE__ */ new Map([
-  ["appearance", ee]
-]);
-function le(a, e, o) {
-  return e;
-}
-const ue = "verify-detail", fe = "A Farris Component", de = "object", ye = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, he = {
-  title: ue,
-  description: fe,
-  type: de,
-  categories: ye
-}, k = {
-  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
-  }
-}, B = I(k, pe, ie, le, he);
-function be(a, e) {
-  function o(t) {
-    t.stopPropagation(), e.emit("abort");
-  }
-  function p(t) {
-    t.stopPropagation(), e.emit("play");
-  }
-  function i(t) {
-    t.stopPropagation(), e.emit("pause");
-  }
-  function d(t) {
-    t.stopPropagation(), e.emit("ended");
-  }
-  function h(t) {
-    t.stopPropagation(), e.emit("durationchange");
-  }
-  function m(t) {
-    t.stopPropagation(), e.emit("error");
-  }
-  function v(t) {
-    t.stopPropagation(), e.emit("loadeddata");
-  }
-  function s(t) {
-    t.stopPropagation(), e.emit("loadedmetadata");
-  }
-  function l(t) {
-    t.stopPropagation(), e.emit("loadstart");
-  }
-  function u(t) {
-    t.stopPropagation(), e.emit("playing");
-  }
-  function f(t) {
-    t.stopPropagation(), e.emit("progress");
-  }
-  function g(t) {
-    t.stopPropagation(), e.emit("timeupdate");
-  }
-  function r(t) {
-    t.stopPropagation(), e.emit("volumechange");
-  }
-  function c(t) {
-    t.stopPropagation(), e.emit("canplay");
-  }
-  return {
-    onAbort: o,
-    onPlay: p,
-    onPause: i,
-    onEnded: d,
-    onDurationchange: h,
-    onError: m,
-    onLoadeddata: v,
-    onLoadedmetadata: s,
-    onLoadstart: l,
-    onPlaying: u,
-    onProgress: f,
-    onTimeupdate: g,
-    onVolumechange: r,
-    onCanplay: c
-  };
-}
-const V = /* @__PURE__ */ F({
-  name: "FVideo",
-  props: k,
-  emits: ["abort", "play", "pause", "ended", "durationchange", "canplay", "error", "loadeddata", "loadedmetadata", "loadstart", "playing", "progress", "timeupdate", "volumechange"],
-  setup(a, e) {
-    const o = O(), {
-      onAbort: p,
-      onPlay: i,
-      onPause: d,
-      onEnded: h,
-      onDurationchange: m,
-      onError: v,
-      onLoadeddata: s,
-      onLoadedmetadata: l,
-      onLoadstart: u,
-      onPlaying: f,
-      onProgress: g,
-      onTimeupdate: r,
-      onVolumechange: c,
-      onCanplay: t
-    } = be(a, e);
-    return q(() => {
-    }), () => $("video", {
-      ref: o,
-      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: (n) => p(n),
-      onPlay: (n) => i(n),
-      onPause: (n) => d(n),
-      onEnded: (n) => h(n),
-      onDurationchange: (n) => m(n),
-      onError: (n) => v(n),
-      onLoadeddata: (n) => s(n),
-      onLoadedmetadata: (n) => l(n),
-      onLoadstart: (n) => u(n),
-      onPlaying: (n) => f(n),
-      onProgress: (n) => g(n),
-      onTimeupdate: (n) => r(n),
-      onVolumechange: (n) => c(n),
-      onCanplay: (n) => t(n)
-    }, [W("Your browser does not support the video tag.")]);
-  }
-});
-function ge(a, e, o) {
-  var D;
-  function p() {
-    o != null && o.resolveComponentContext && o.resolveComponentContext();
-  }
-  p();
-  const i = o && o.getStyles && o.getStyles() || "", d = o && o.getDesignerClass && o.getDesignerClass() || "", h = O();
-  function m() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : o && o.checkCanMoveComponent ? o.checkCanMoveComponent() : !0;
-  }
-  function v() {
-    return !1;
-  }
-  function s() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : o && o.checkCanDeleteComponent ? o.checkCanDeleteComponent() : !0;
-  }
-  function l() {
-    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : o && o.hideNestedPaddingInDesginerView ? o.hideNestedPaddingInDesginerView() : !1;
-  }
-  function u(y) {
-    if (!y || !y.value)
-      return null;
-    if (y.value.schema && y.value.schema.type === "component")
-      return y.value;
-    const w = O(y == null ? void 0 : y.value.parent), P = u(w);
-    return P || null;
-  }
-  function f(y = e) {
-    const { componentInstance: w, designerItemElementRef: P } = y;
-    return !w || !w.value ? null : w.value.canMove ? P : f(y.parent);
-  }
-  function g(y) {
-    return !!o && o.canAccepts(y);
-  }
-  function r() {
-    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
-  }
-  function c() {
-  }
-  function t(y, w) {
-    w && o != null && o.onAcceptMovedChildElement && o.onAcceptMovedChildElement(w);
-  }
-  function n(y) {
-    const { componentType: w } = y;
-    let P = S(w, y);
-    o && o.onResolveNewComponentSchema && (P = o.onResolveNewComponentSchema(y, P));
-    const T = w.toLowerCase().replace("-", "_");
-    return P && !P.id && P.type === w && (P.id = `${T}_${Math.random().toString().slice(2, 6)}`), P;
-  }
-  function j(y, w) {
-    const P = String(y.getAttribute("data-controltype")), T = y.getAttribute("data-feature"), E = T ? JSON.parse(T) : {};
-    E.parentComponentInstance = h.value;
-    let C = S(P, E);
-    o && o.onAcceptNewChildElement && (C = o.onAcceptNewChildElement(y, w, C));
-    const N = P.toLowerCase().replace("-", "_");
-    return C && !C.id && C.type === P && (C.id = `${N}_${Math.random().toString().slice(2, 6)}`), C;
-  }
-  function b(y) {
-  }
-  function A() {
-    return o && o.getPropsConfig ? o.getPropsConfig() : [];
-  }
-  return h.value = {
-    canMove: m(),
-    canSelectParent: v(),
-    canDelete: s(),
-    canNested: !l(),
-    contents: e == null ? void 0 : e.schema.contents,
-    elementRef: a,
-    parent: (D = e == null ? void 0 : e.parent) == null ? void 0 : D.componentInstance,
-    schema: e == null ? void 0 : e.schema,
-    styles: i,
-    designerClass: d,
-    canAccepts: g,
-    getBelongedComponentInstance: u,
-    getDraggableDesignItemElement: f,
-    getDraggingDisplayText: r,
-    getPropConfig: A,
-    getDragScopeElement: c,
-    onAcceptMovedChildElement: t,
-    onAcceptNewChildElement: j,
-    onChildElementMovedOut: b,
-    addNewChildComponentSchema: n,
-    updateDragAndDropRules: p,
-    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved || O(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!o && o.triggerBelongedComponentToDeleteWhenDeleted || O(!1)
-  }, h;
-}
-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 = {
-  "f-page": {
-    description: "The root class of page designed by farris.",
-    type: "object",
-    properties: {
-      contents: {
-        type: "object",
-        properties: {
-          "f-page-header": {
-            description: "The class of page header designed by farris.",
-            type: "string"
-          },
-          "f-page-main": {
-            description: "The class of page body designed by farris.",
-            type: "object",
-            properties: {
-              contents: {
-                type: "object",
-                properties: {
-                  "f-struct-like-card": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-struct-form": {
-                            description: "The class of form component which has a hierarchical structure of component -> section -> respnse-form.",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-form": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-form-layout": {
-                                            description: "The class of reponse form",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      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: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-struct-wrapper": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-section-tabs": {
-                                    description: "The class of section which has wrapped sub-grid tabs.",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-tabs-in-card": {
-                                            description: "The class of tabs which contains sub-grid.",
-                                            type: "object",
-                                            properties: {
-                                              contents: {
-                                                type: "object",
-                                                properties: {
-                                                  "f-struct-data-grid-in-card": {
-                                                    description: "The class of sub-grid component",
-                                                    type: "object",
-                                                    properties: {
-                                                      contents: {
-                                                        type: "object",
-                                                        properties: {
-                                                          "f-grid-is-sub": {
-                                                            description: "The class of sub-grid",
-                                                            type: "object",
-                                                            properties: {
-                                                              rules: {
-                                                                type: "object",
-                                                                properties: {
-                                                                  canAccept: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  fixed: {
-                                                                    type: "boolean",
-                                                                    const: !0
-                                                                  },
-                                                                  hidePadding: {
-                                                                    type: "boolean",
-                                                                    const: !1
-                                                                  }
-                                                                }
-                                                              }
-                                                            }
-                                                          }
-                                                        }
-                                                      },
-                                                      rules: {
-                                                        type: "object",
-                                                        properties: {
-                                                          canAccept: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          fixed: {
-                                                            type: "boolean",
-                                                            const: !1
-                                                          },
-                                                          hidePadding: {
-                                                            type: "boolean",
-                                                            const: !0
-                                                          }
-                                                        }
-                                                      }
-                                                    }
-                                                  }
-                                                }
-                                              },
-                                              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
-                                          }
-                                        }
-                                      }
-                                    }
-                                  },
-                                  "f-section-in-main": {
-                                    description: "The class of section which has wrapped a reponse-form component.",
-                                    type: "object",
-                                    properties: {
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !1
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              },
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "object",
-                            const: {
-                              allOf: [
-                                {
-                                  sibling: 0,
-                                  parent: {
-                                    "f-page-main": !0
-                                  }
-                                }
-                              ]
-                            }
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-struct-data-grid": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      rules: {
-                        type: "object",
-                        properties: {
-                          canAccept: {
-                            type: "object",
-                            const: !0
-                          },
-                          fixed: {
-                            type: "boolean",
-                            const: !0
-                          },
-                          hidePadding: {
-                            type: "boolean",
-                            const: !0
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-main-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-struct-data-grid-in-nav": {
-                                    description: "",
-                                    type: "object",
-                                    properties: {
-                                      contents: {
-                                        type: "object",
-                                        properties: {
-                                          "f-page-content-nav-extend": {
-                                            description: "",
-                                            type: "object"
-                                          },
-                                          "f-section-in-nav": {
-                                            description: "",
-                                            type: "object",
-                                            properties: {
-                                              rules: {
-                                                type: "object",
-                                                properties: {
-                                                  canAccept: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  },
-                                                  fixed: {
-                                                    type: "boolean",
-                                                    const: !0
-                                                  },
-                                                  hidePadding: {
-                                                    type: "boolean",
-                                                    const: !1
-                                                  }
-                                                }
-                                              }
-                                            }
-                                          }
-                                        }
-                                      },
-                                      rules: {
-                                        type: "object",
-                                        properties: {
-                                          canAccept: {
-                                            type: "boolean",
-                                            const: !0
-                                          },
-                                          fixed: {
-                                            type: "boolean",
-                                            const: !1
-                                          },
-                                          hidePadding: {
-                                            type: "boolean",
-                                            const: !0
-                                          }
-                                        }
-                                      }
-                                    }
-                                  }
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {}
-                          }
-                        }
-                      }
-                    }
-                  },
-                  "f-page-content": {
-                    description: "",
-                    type: "object",
-                    properties: {
-                      contents: {
-                        type: "object",
-                        properties: {
-                          "f-page-content-nav": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              contents: {
-                                type: "object",
-                                properties: {
-                                  "f-list-nav": {
-                                    description: "",
-                                    type: "object"
-                                  },
-                                  "f-list-nav-left": {
-                                    description: "",
-                                    type: "object"
-                                  }
-                                }
-                              }
-                            },
-                            rules: {
-                              type: "object",
-                              properties: {
-                                canAccept: {
-                                  type: "boolean",
-                                  const: !1
-                                },
-                                fixed: {
-                                  type: "boolean",
-                                  const: !0
-                                },
-                                hidePadding: {
-                                  type: "boolean",
-                                  const: !0
-                                }
-                              }
-                            }
-                          },
-                          "f-page-content-main": {
-                            description: "",
-                            type: "object",
-                            properties: {
-                              rules: {
-                                type: "object",
-                                properties: {
-                                  canAccept: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  fixed: {
-                                    type: "boolean",
-                                    const: !1
-                                  },
-                                  hidePadding: {
-                                    type: "boolean",
-                                    const: !0
-                                  }
-                                }
-                              }
-                            }
-                          }
-                        }
-                      },
-                      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: "object",
-                    const: {
-                      anyOf: [
-                        {
-                          children: 0
-                        },
-                        {
-                          children: {
-                            length: {
-                              not: 1
-                            },
-                            "f-struct-like-card": !0
-                          }
-                        },
-                        {
-                          children: {
-                            "scroll-spy": !1,
-                            "f-page-content": !1,
-                            "f-struct-like-card": !1
-                          }
-                        }
-                      ]
-                    }
-                  },
-                  fixed: {
-                    type: "boolean",
-                    const: !0
-                  },
-                  hidePadding: {
-                    type: "boolean",
-                    const: !0
-                  }
-                }
-              }
-            }
-          },
-          "f-page-footer": {
-            description: "The class of page footer designed by farris.",
-            type: "string"
-          }
-        }
-      },
-      rules: {
-        type: "object",
-        properties: {
-          canAccept: {
-            type: "boolean",
-            const: !1
-          },
-          fixed: {
-            type: "boolean",
-            const: !0
-          },
-          hidePadding: {
-            type: "boolean",
-            const: !0
-          }
-        }
-      }
-    }
-  },
-  "f-page-is-managelist": {
-    description: "The root class of mangement list page.",
-    type: "string"
-  },
-  "f-page-card": {
-    description: "",
-    type: "object"
-  },
-  "f-page-is-mainsubcard": {
-    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, c, t, n) {
-    if (typeof t == "number")
-      return n[r].length === t;
-    if (typeof t == "object") {
-      const j = Object.keys(t)[0], b = t[j];
-      if (j === "not")
-        return Number(n[r].length) !== Number(b);
-      if (j === "moreThan")
-        return Number(n[r].length) >= Number(b);
-      if (j === "lessThan")
-        return Number(n[r].length) <= Number(b);
-    }
-    return !1;
-  }
-  function e(r, c, t, n) {
-    return typeof t == "boolean" ? n.childrenClassList.includes(c) === !!t : !1;
-  }
-  function o(r, c, t, n) {
-    return typeof t == "boolean" ? n.parentClassList.includes(c) === !!t : !1;
-  }
-  function p(r, c, t, n) {
-    return typeof t == "boolean" ? n.parentClassList.includes(c) === !!t : !1;
-  }
-  const i = /* @__PURE__ */ new Map([
-    ["length", a],
-    ["hasChildren", e],
-    ["hasSibling", p],
-    ["hasParent", o]
-  ]);
-  function d(r, c) {
-    const t = r;
-    return typeof c == "number" ? [{ target: t, operator: "length", param: null, value: Number(c) }] : typeof c == "object" ? Object.keys(c).map((n) => {
-      if (n === "length")
-        return { target: t, operator: "length", param: null, value: c[n] };
-      const j = n, b = c[n];
-      return { target: t, operator: r === "children" ? "hasChildren" : r === "parent" ? "hasParent" : "hasSibling", param: j, value: b };
-    }) : [];
-  }
-  function h(r, c) {
-    if (i.has(r.operator)) {
-      const t = i.get(r.operator);
-      return t && t(r.target, r.param, r.value, c) || !1;
-    }
-    return !1;
-  }
-  function m(r, c) {
-    return Object.keys(r).reduce((b, A) => {
-      const D = d(A, r[A]);
-      return b.push(...D), b;
-    }, []).reduce((b, A) => b && h(A, c), !0);
-  }
-  function v(r, c) {
-    const t = Object.keys(r), n = t.includes("allOf"), j = t.includes("anyOf"), b = n || j, y = (b ? r[b ? n ? "allOf" : "anyOf" : "allOf"] : [r]).map((P) => m(P, c));
-    return n ? !y.includes(!1) : y.includes(!0);
-  }
-  function s(r, c) {
-    const t = r.const;
-    return t ? typeof t == "boolean" ? t : typeof t == "object" ? v(t, c) : !1 : !1;
-  }
-  function l(r) {
-    return (c) => {
-      const t = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return r && r.properties && Object.keys(r.properties).reduce((n, j) => {
-        const b = r.properties[j];
-        return n[j] = s(b, c), n;
-      }, t), t;
-    };
-  }
-  function u(r, c, t) {
-    if (c.type === "object" && c.properties) {
-      const { rules: n, contents: j } = c.properties;
-      t.set(r, l(n)), j && Object.keys(j.properties).forEach(
-        (b) => u(b, j.properties[b], t)
-      );
-    }
-  }
-  function f() {
-    const { properties: r } = De;
-    Object.keys(r).forEach((c) => {
-      u(c, r[c], M);
-    });
-  }
-  function g(r, c) {
-    const t = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return M.has(r) ? M.get(r)(c) : t;
-  }
-  return f(), { getRuleValue: g };
-}
-function Te(a, e) {
-  const o = Oe();
-  let p = !1, i, d = !1;
-  const h = !1;
-  function m() {
-    return !1;
-  }
-  function v() {
-    return h || !d;
-  }
-  function s() {
-    return !d;
-  }
-  function l() {
-    d = !1;
-    const f = a, g = f.appearance && f.appearance.class || "", r = g.split(" "), c = f.contents || [], t = c.length ? c[0] : null, n = t && t.appearance ? t.appearance.class : "", j = n ? n.split(" ") : [], b = c.length ? c.reduce((E, C) => {
-      const N = C && C.appearance ? C.appearance.class : "", Y = N ? N.split(" ") : [];
-      return E.push(...Y), E;
-    }, []) : [], A = e, D = A && A.appearance && A.appearance.class || "", y = D ? D.split(" ") : [];
-    i = {
-      componentClass: g,
-      componentClassList: r,
-      childContents: c,
-      firstChildContent: t,
-      firstChildClass: n,
-      firstChildClassList: j,
-      parent: A,
-      parentClass: D,
-      parentClassList: y,
-      children: c,
-      childrenClassList: b
-    };
-    const { canAccept: w, fixed: P, hidePadding: T } = o.getRuleValue(r[0], i);
-    return p = T, d = P, !0;
-  }
-  function u() {
-    return p;
-  }
-  return { canAccepts: m, checkCanDeleteComponent: v, checkCanMoveComponent: s, resolveComponentContext: l, hideNestedPaddingInDesginerView: u };
-}
-function Ee(a, e) {
-  const o = O(a.width), p = O(a.height);
-  let i;
-  J(e, (h) => {
-    h && (o.value = h.clientWidth, i = new ResizeObserver((m) => {
-      if (!m || m.length < 1)
-        return;
-      const s = m[0].contentRect;
-      s && (o.value = s.width);
-    }), i.observe(h));
-  });
-  function d() {
-    i && i.disconnect();
-  }
-  return {
-    destory: d,
-    width: o,
-    height: p
-  };
-}
-const Ne = /* @__PURE__ */ F({
-  name: "FVideoDesign",
-  props: k,
-  setup(a, e) {
-    var s;
-    const o = O(), p = U("design-item-context"), i = Te(p.schema, (s = p.parent) == null ? void 0 : s.schema), d = ge(o, p, i), {
-      width: h,
-      height: m,
-      destory: v
-    } = Ee(a, o);
-    return G(() => {
-      o.value.componentInstance = d;
-    }), q(() => {
-      v();
-    }), e.expose(d.value), () => $("div", {
-      ref: o,
-      class: "drag-container",
-      "data-dragref": `${p.schema.id}-container`
-    }, [$("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.")])]);
-  }
-}), $e = {
-  install(a) {
-    a.component(V.name, V);
-  },
-  register(a, e, o) {
-    a.video = V, e.video = B;
-  },
-  registerDesigner(a, e, o) {
-    a.video = Ne, e.video = B;
-  }
-};
-export {
-  V as Video,
-  $e as default,
-  B as propsResolver,
-  k as videoProps
-};