@farris/ui-vue 1.3.1 → 1.3.3

package/components/content-container/index.esm.js

@@ -1,54 +1,58 @@
-import { defineComponent as j, createVNode as N, nextTick as G, ref as M, inject as S, computed as R, onMounted as W } from "vue";
-import { isPlainObject as E, cloneDeep as U } from "lodash-es";
+import { defineComponent as j, createVNode as N, nextTick as q, ref as k, inject as S, computed as G, onMounted as W } from "vue";
+import { isPlainObject as E, cloneDeep as _ } from "lodash-es";
 import "bignumber.js";
 const O = {}, V = {};
-function A(r) {
-  const { properties: e, title: t, ignore: a } = r, n = a && Array.isArray(a), c = Object.keys(e).reduce((o, u) => ((!n || !a.find((y) => y == u)) && (o[u] = e[u].type === "object" && e[u].properties ? A(e[u]) : U(e[u].default)), o), {});
-  return t && (!n || !a.find((o) => o == "id")) && (c.id = `${t}-${Date.now()}`), c;
+function A(n) {
+  const { properties: e, title: t, ignore: r } = n, o = r && Array.isArray(r), c = Object.keys(e).reduce((a, u) => ((!o || !r.find((y) => y === u)) && (a[u] = e[u].type === "object" && e[u].properties ? A(e[u]) : _(e[u].default)), a), {});
+  if (t && (!o || !r.find((a) => a === "id"))) {
+    const a = t.toLowerCase().replace(/-/g, "_");
+    c.id = `${a}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return c;
 }
-function $(r, e = {}, t) {
-  const a = O[r];
-  if (a) {
-    let n = A(a);
-    const c = V[r];
-    return n = c ? c({ getSchemaByType: $ }, n, e, t) : n, n;
+function $(n, e = {}, t) {
+  const r = O[n];
+  if (r) {
+    let o = A(r);
+    const c = V[n];
+    return o = c ? c({ getSchemaByType: $ }, o, e, t) : o, o;
   }
   return null;
 }
-function z(r, e) {
+function U(n, e) {
   const t = A(e);
-  return Object.keys(r).reduce((a, n) => (a[n] && E(a[n]) && E(r[n]) ? Object.assign(a[n], r[n]) : a[n] = r[n], a), t), t;
+  return Object.keys(t).reduce((r, o) => (r[o] && E(r[o]) && E(n[o] || !n[o]) ? Object.assign(r[o], n[o] || {}) : r[o] = n[o], r), t), t;
 }
-function _(r, e) {
-  return Object.keys(r).filter((a) => r[a] != null).reduce((a, n) => {
-    if (e.has(n)) {
-      const c = e.get(n);
+function z(n, e) {
+  return Object.keys(n).filter((r) => n[r] != null).reduce((r, o) => {
+    if (e.has(o)) {
+      const c = e.get(o);
       if (typeof c == "string")
-        a[c] = r[n];
+        r[c] = n[o];
       else {
-        const o = c(n, r[n], r);
-        Object.assign(a, o);
+        const a = c(o, n[o], n);
+        Object.assign(r, a);
       }
     } else
-      a[n] = r[n];
-    return a;
+      r[o] = n[o];
+    return r;
   }, {});
 }
-function J(r, e, t = /* @__PURE__ */ new Map()) {
-  const a = z(r, e);
-  return _(a, t);
+function Q(n, e, t = /* @__PURE__ */ new Map()) {
+  const r = U(n, e);
+  return z(r, t);
 }
-function Q(r = {}) {
+function J(n = {}) {
   function e(i, s, l, p) {
     if (typeof l == "number")
       return p[i].length === l;
     if (typeof l == "object") {
-      const f = Object.keys(l)[0], h = l[f];
-      if (f === "not")
+      const m = Object.keys(l)[0], h = l[m];
+      if (m === "not")
         return Number(p[i].length) !== Number(h);
-      if (f === "moreThan")
+      if (m === "moreThan")
         return Number(p[i].length) >= Number(h);
-      if (f === "lessThan")
+      if (m === "lessThan")
         return Number(p[i].length) <= Number(h);
     }
     return !1;
@@ -56,43 +60,43 @@ function Q(r = {}) {
   function t(i, s, l, p) {
     return p[i] && p[i].propertyValue && String(p[i].propertyValue.value) === String(l);
   }
-  const a = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", t]
   ]);
-  Object.keys(r).reduce((i, s) => (i.set(s, r[s]), i), a);
-  function n(i, s) {
+  Object.keys(n).reduce((i, s) => (i.set(s, n[s]), i), r);
+  function o(i, s) {
     const l = i;
     return typeof s == "number" ? [{ target: l, operator: "length", param: null, value: Number(s) }] : typeof s == "boolean" ? [{ target: l, operator: "getProperty", param: i, value: !!s }] : typeof s == "object" ? Object.keys(s).map((p) => {
       if (p === "length")
         return { target: l, operator: "length", param: null, value: s[p] };
-      const f = p, h = s[p];
-      return { target: l, operator: "getProperty", param: f, value: h };
+      const m = p, h = s[p];
+      return { target: l, operator: "getProperty", param: m, value: h };
     }) : [];
   }
   function c(i) {
     return Object.keys(i).reduce((l, p) => {
-      const f = n(p, i[p]);
-      return l.push(...f), l;
+      const m = o(p, i[p]);
+      return l.push(...m), l;
     }, []);
   }
-  function o(i, s) {
-    if (a.has(i.operator)) {
-      const l = a.get(i.operator);
+  function a(i, s) {
+    if (r.has(i.operator)) {
+      const l = r.get(i.operator);
       return l && l(i.target, i.param, i.value, s) || !1;
     }
     return !1;
   }
   function u(i, s) {
-    return c(i).reduce((f, h) => f && o(h, s), !0);
+    return c(i).reduce((m, h) => m && a(h, s), !0);
   }
   function y(i, s) {
-    const l = Object.keys(i), p = l.includes("allOf"), f = l.includes("anyOf"), h = p || f, b = (h ? i[h ? p ? "allOf" : "anyOf" : "allOf"] : [i]).map((k) => u(k, s));
-    return p ? !b.includes(!1) : b.includes(!0);
+    const l = Object.keys(i), p = l.includes("allOf"), m = l.includes("anyOf"), h = p || m, C = (h ? i[h ? p ? "allOf" : "anyOf" : "allOf"] : [i]).map((w) => u(w, s));
+    return p ? !C.includes(!1) : C.includes(!0);
   }
   return { parseValueSchema: y };
 }
-const g = {
+const T = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -130,16 +134,17 @@ const g = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 }, X = {}, Y = {};
-Q();
-function Z(r, e, t = /* @__PURE__ */ new Map(), a = (o, u, y) => u, n = {}, c = (o) => o) {
-  return O[e.title] = e, V[e.title] = a, X[e.title] = n, Y[e.title] = c, (o = {}) => {
-    const u = J(o, e, t), y = Object.keys(r).reduce((i, s) => (i[s] = r[s].default, i), {});
+J();
+function Z(n, e, t = /* @__PURE__ */ new Map(), r = (a, u, y, i) => u, o = {}, c = (a) => a) {
+  return O[e.title] = e, V[e.title] = r, X[e.title] = o, Y[e.title] = c, (a = {}) => {
+    const u = Q(a, e, t), y = Object.keys(n).reduce((i, s) => (i[s] = n[s].default, i), {});
     return Object.assign(y, u);
   };
 }
-function H(r, e) {
+function H(n, e) {
   return { customClass: e.class, customStyle: e.style };
 }
 const K = /* @__PURE__ */ new Map([
@@ -190,18 +195,18 @@ const K = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, re = [
+}, ae = [
   "id",
   "type",
   "contents"
-], ae = {
+], re = {
   $schema: x,
   $id: I,
   title: ee,
   description: te,
   type: ne,
   properties: oe,
-  required: re
+  required: ae
 }, ce = "content-container", ie = "A Farris Container Component", se = "object", le = {
   basic: {
     description: "Basic Infomation",
@@ -251,293 +256,304 @@ const K = /* @__PURE__ */ new Map([
   type: se,
   categories: le
 };
-function ue(r, e, t) {
+function ue(n, e, t) {
   return e;
 }
 const P = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" }
-}, B = Z(P, ae, K, ue, pe), w = /* @__PURE__ */ j({
+}, B = Z(P, re, K, ue, pe), L = /* @__PURE__ */ j({
   name: "FContentContainer",
   props: P,
   emits: [],
-  setup(r, e) {
+  setup(n, e) {
     return () => N("div", {
-      class: r.customClass,
-      style: r.customStyle
+      class: n.customClass,
+      style: n.customStyle
     }, [e.slots.default && e.slots.default()]);
   }
 });
 function fe() {
-  function r(e, t) {
-    var o;
+  function n(e, t) {
+    var a;
     if (!e)
       return !1;
-    const a = ((o = e.targetContainer) == null ? void 0 : o.componentInstance) && e.targetContainer.componentInstance.value;
-    if (!a)
+    const r = ((a = e.targetContainer) == null ? void 0 : a.componentInstance) && e.targetContainer.componentInstance.value;
+    if (!r)
       return !1;
-    const n = a.schema.type, c = t == null ? void 0 : t.formSchemaUtils.getComponentById(a.belongedComponentId);
-    return !((e.controlCategory === "input" || e.controlType === "form-group") && ![g["response-layout-item"].type, g["response-form"].type].includes(n) || (e.controlType === g.tabs.type || e.controlType === g.section.type) && ((c == null ? void 0 : c.componentType) !== "frame" || ![g["content-container"].type, g["splitter-pane"].type, g["response-layout-item"].type].includes(n)));
+    const o = r.schema.type, c = t == null ? void 0 : t.formSchemaUtils.getComponentById(r.belongedComponentId);
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![T["response-layout-item"].type, T["response-form"].type].includes(o) || (e.componentType === T.tabs.type || e.componentType === T.section.type) && ((c == null ? void 0 : c.componentType) !== "frame" || ![T["content-container"].type, T["splitter-pane"].type, T["response-layout-item"].type].includes(o)));
   }
   return {
-    basalDragulaRuleForContainer: r
+    basalDragulaRuleForContainer: n
   };
 }
 class me {
   getTemplateRule(e, t) {
-    const a = t == null ? void 0 : t.formSchemaUtils, n = a == null ? void 0 : a.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
-    if (!n)
+    const r = t == null ? void 0 : t.formSchemaUtils, o = r == null ? void 0 : r.getFormTemplateRule(), c = { canAccept: !0, canDelete: !0, canMove: !0 };
+    if (!o)
       return c;
-    const o = this.getComponentContext(e);
-    return o.componentClassList.forEach((y) => {
-      if (!y || !n[y])
+    const a = this.getComponentContext(e), { componentClassList: u } = a;
+    return u.forEach((y) => {
+      if (!y || !o[y])
         return;
-      const { canMove: i, canDelete: s, canAccept: l } = n[y];
-      c.canMove = c.canMove && this.resolveRuleValue(i, o), c.canDelete = c.canDelete && this.resolveRuleValue(s, o), c.canAccept = c.canAccept && this.resolveRuleValue(l, o);
+      const { canMove: i, canDelete: s, canAccept: l } = o[y];
+      c.canMove = c.canMove && this.resolveRuleValue(i, a), c.canDelete = c.canDelete && this.resolveRuleValue(s, a), c.canAccept = c.canAccept && this.resolveRuleValue(l, a);
     }), c;
   }
   resolveRuleValue(e, t) {
     return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, t);
   }
   parseRuleValueSchema(e, t) {
-    const a = e.invalidContext || [];
-    let n = !0;
-    for (const c of a) {
+    const r = e.invalidContext || [];
+    let o = !0;
+    for (const c of r) {
       if (c.firstLevelChild) {
         if (c.firstLevelChild.class) {
-          const o = t.firstLevelChildClassList;
-          if (o && !o.includes(c.firstLevelChild.class)) {
-            n = !1;
+          const { firstLevelChildClassList: a } = t;
+          if (a && !a.includes(c.firstLevelChild.class)) {
+            o = !1;
             continue;
           }
         }
         if (c.firstLevelChild.type) {
-          const o = t.firstLevelChildSchema;
-          if (o && o.type !== c.firstLevelChild.type) {
-            n = !1;
+          const { firstLevelChildSchema: a } = t;
+          if (!a || a.type !== c.firstLevelChild.type) {
+            o = !1;
             continue;
           }
         }
       }
       if (c.secondLevelChild) {
         if (c.secondLevelChild.class) {
-          const o = t.secondLevelChildClassList;
-          if (o && !o.includes(c.secondLevelChild.class)) {
-            n = !1;
+          const { secondLevelChildClassList: a } = t;
+          if (a && !a.includes(c.secondLevelChild.class)) {
+            o = !1;
             continue;
           }
         }
         if (c.secondLevelChild.type) {
-          const o = t.secondLevelChildSchema;
-          if (o && o.type !== c.secondLevelChild.type) {
-            n = !1;
+          const { secondLevelChildSchema: a } = t;
+          if (!a || a.type !== c.secondLevelChild.type) {
+            o = !1;
             continue;
           }
         }
       }
       if (c.parent) {
         if (c.parent.class) {
-          const o = t.parentClassList;
-          if (o && !o.includes(c.parent.class)) {
-            n = !1;
+          const { parentClassList: a } = t;
+          if (a && !a.includes(c.parent.class)) {
+            o = !1;
             continue;
           }
         }
         if (c.parent.type) {
-          const o = t.parentSchema;
-          if (o && o.type !== c.parent.type) {
-            n = !1;
+          const { parentSchema: a } = t;
+          if (a && a.type !== c.parent.type) {
+            o = !1;
             continue;
           }
         }
       }
-      n = !0;
+      o = !0;
       break;
     }
-    return !n;
+    return !o;
   }
   getComponentContext(e) {
-    var D, T, b, L;
-    const t = e.schema, a = t.appearance && t.appearance.class || "", n = a.split(" ") || [], c = t.contents || [], o = c.length ? c[0] : null, u = o && o.appearance ? o.appearance.class : "", y = u ? u.split(" ") : [], i = (D = o == null ? void 0 : o.contents) != null && D.length ? o == null ? void 0 : o.contents[0] : null, s = i && i.appearance ? i.appearance.class : "", l = s ? s.split(" ") : [], p = t.type === "component" ? (b = (T = e.parent) == null ? void 0 : T.parent) == null ? void 0 : b.schema : (L = e.parent) == null ? void 0 : L.schema, f = p && p.appearance && p.appearance.class || "", h = f ? f.split(" ") : [];
+    var g, D, C, M;
+    const t = e.schema, r = t.appearance && t.appearance.class || "", o = r.split(" ") || [], c = t.contents || [], a = c.length ? c[0] : null, u = a && a.appearance ? a.appearance.class : "", y = u ? u.split(" ") : [], i = (g = a == null ? void 0 : a.contents) != null && g.length ? a == null ? void 0 : a.contents[0] : null, s = i && i.appearance ? i.appearance.class : "", l = s ? s.split(" ") : [], p = t.type === "component" ? (C = (D = e.parent) == null ? void 0 : D.parent) == null ? void 0 : C.schema : (M = e.parent) == null ? void 0 : M.schema, m = p && p.appearance && p.appearance.class || "", h = m ? m.split(" ") : [];
     return {
-      componentClass: a,
-      componentClassList: n,
+      componentClass: r,
+      componentClassList: o,
       childContents: c,
-      firstLevelChildSchema: o,
+      firstLevelChildSchema: a,
       firstLevelChildClass: u,
       firstLevelChildClassList: y,
       secondLevelChildSchema: i,
       secondLevelChildClass: s,
       secondLevelChildClassList: l,
       parentSchema: p,
-      parentClass: f,
+      parentClass: m,
       parentClassList: h
     };
   }
 }
-function ye(r, e) {
-  const t = r.schema, a = new me(), { canMove: n, canAccept: c, canDelete: o } = a.getTemplateRule(r, e);
-  function u(f) {
-    return fe().basalDragulaRuleForContainer(f, e) ? c : !1;
+function ye(n, e) {
+  const t = n.schema, r = new me();
+  function o(s) {
+    if (!fe().basalDragulaRuleForContainer(s, e))
+      return !1;
+    const { canAccept: p } = r.getTemplateRule(n, e);
+    return p;
   }
-  function y(f) {
-    G();
+  function c(s) {
+    q();
   }
-  function i() {
+  function a() {
     return t.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function s() {
-    return n;
+  function u() {
+    const { canMove: s } = r.getTemplateRule(n, e);
+    return s;
   }
-  function l() {
-    return o;
+  function y() {
+    const { canDelete: s } = r.getTemplateRule(n, e);
+    return s;
   }
-  function p() {
-    return !n && !o;
+  function i() {
+    const { canMove: s, canDelete: l } = r.getTemplateRule(n, e);
+    return !s && !l;
   }
   return {
-    canAccepts: u,
-    getStyles: i,
-    onAcceptMovedChildElement: y,
-    checkCanMoveComponent: s,
-    checkCanDeleteComponent: l,
-    hideNestedPaddingInDesginerView: p
+    canAccepts: o,
+    getStyles: a,
+    onAcceptMovedChildElement: c,
+    checkCanMoveComponent: u,
+    checkCanDeleteComponent: y,
+    hideNestedPaddingInDesginerView: i
   };
 }
-function he(r, e, t) {
+function he(n, e, t) {
   var F;
+  const r = t && t.getStyles && t.getStyles() || "", o = t && t.getDesignerClass && t.getDesignerClass() || "", c = k();
   function a() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
-  }
-  a();
-  const n = t && t.getStyles && t.getStyles() || "", c = t && t.getDesignerClass && t.getDesignerClass() || "", o = M();
-  function u() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
   }
-  function y() {
+  function u() {
     return !1;
   }
-  function i() {
+  function y() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
   }
-  function s() {
+  function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
   }
-  function l(m) {
-    if (!m || !m.value)
+  function s(f) {
+    if (!f || !f.value)
       return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const d = M(m == null ? void 0 : m.value.parent), C = l(d);
-    return C || null;
+    if (f.value.schema && f.value.schema.type === "component")
+      return f.value;
+    const d = k(f == null ? void 0 : f.value.parent), b = s(d);
+    return b || null;
   }
-  function p(m = e) {
-    const { componentInstance: d, designerItemElementRef: C } = m;
-    return !d || !d.value ? null : d.value.canMove ? C : p(m.parent);
+  function l(f = e) {
+    const { componentInstance: d, designerItemElementRef: b } = f;
+    return !d || !d.value ? null : d.value.canMove ? b : l(f.parent);
   }
-  function f(m) {
-    return !!t && t.canAccepts(m);
+  function p(f) {
+    return !!t && t.canAccepts(f);
   }
-  function h() {
+  function m() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function D() {
+  function h() {
   }
-  function T(m, d) {
+  function g(f, d) {
     d && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(d);
   }
-  function b(m, d) {
-    const { componentType: C } = m;
-    let v = $(C, m, d);
-    t && t.onResolveNewComponentSchema && (v = t.onResolveNewComponentSchema(m, v));
-    const q = C.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === C && (v.id = `${q}_${Math.random().toString().slice(2, 6)}`), v;
+  function D(f, d) {
+    const { componentType: b } = f;
+    let v = $(b, f, d);
+    t && t.onResolveNewComponentSchema && (v = t.onResolveNewComponentSchema(f, v));
+    const R = b.toLowerCase().replace(/-/g, "_");
+    return v && !v.id && v.type === b && (v.id = `${R}_${Math.random().toString().slice(2, 6)}`), v;
   }
-  function L(m) {
+  function C(f) {
   }
-  function k(...m) {
+  function M(...f) {
     if (t && t.getPropsConfig)
-      return t.getPropsConfig(...m);
-  }
-  return o.value = {
-    canMove: u(),
-    canSelectParent: y(),
-    canDelete: i(),
-    canNested: !s(),
+      return t.getPropsConfig(...f);
+  }
+  function w() {
+    t && t.onRemoveComponent && t.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((f) => {
+      var v;
+      let d = f.id;
+      f.type === "component-ref" && (d = f.component);
+      const b = n.value.querySelector(`#${d}-design-item`);
+      (v = b == null ? void 0 : b.componentInstance) != null && v.value.onRemoveComponent && b.componentInstance.value.onRemoveComponent();
+    });
+  }
+  return c.value = {
+    canMove: a(),
+    canSelectParent: u(),
+    canDelete: y(),
+    canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
-    elementRef: r,
+    elementRef: n,
     parent: (F = e == null ? void 0 : e.parent) == null ? void 0 : F.componentInstance,
     schema: e == null ? void 0 : e.schema,
-    styles: n,
-    designerClass: c,
-    canAccepts: f,
-    getBelongedComponentInstance: l,
-    getDraggableDesignItemElement: p,
-    getDraggingDisplayText: h,
-    getPropConfig: k,
-    getDragScopeElement: D,
-    onAcceptMovedChildElement: T,
-    onChildElementMovedOut: L,
-    addNewChildComponentSchema: b,
-    updateDragAndDropRules: a,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || M(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || M(!1)
-  }, o;
+    styles: r,
+    designerClass: o,
+    canAccepts: p,
+    getBelongedComponentInstance: s,
+    getDraggableDesignItemElement: l,
+    getDraggingDisplayText: m,
+    getPropConfig: M,
+    getDragScopeElement: h,
+    onAcceptMovedChildElement: g,
+    onChildElementMovedOut: C,
+    addNewChildComponentSchema: D,
+    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || k(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || k(!1),
+    onRemoveComponent: w
+  }, c;
 }
 const de = ["moz", "ms", "webkit"];
-function Ce() {
-  let r = 0;
+function be() {
+  let n = 0;
   return (e) => {
-    const t = (/* @__PURE__ */ new Date()).getTime(), a = Math.max(0, 16 - (t - r)), n = setTimeout(() => {
-      e(t + a);
-    }, a);
-    return r = t + a, n;
+    const t = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (t - n)), o = setTimeout(() => {
+      e(t + r);
+    }, r);
+    return n = t + r, o;
   };
 }
-function be() {
+function ve() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const r = de.filter((e) => `${e}RequestAnimationFrame` in window)[0];
-  return r ? window[`${r}RequestAnimationFrame`] : Ce();
+  const n = de.filter((e) => `${e}RequestAnimationFrame` in window)[0];
+  return n ? window[`${n}RequestAnimationFrame`] : be();
 }
-be();
-function ve(r, e) {
-  return ((e == null ? void 0 : e.split(" ")) || []).reduce((a, n) => (n && (a[n] = !0), a), r), r;
+ve();
+function Ce(n, e) {
+  return ((e == null ? void 0 : e.split(" ")) || []).reduce((r, o) => (o && (r[o] = !0), r), n), n;
 }
-const ge = /* @__PURE__ */ j({
+const Te = /* @__PURE__ */ j({
   name: "FContentContainerDesign",
   props: P,
   emits: [],
-  setup(r, e) {
-    const t = M(), a = S("designer-host-service"), n = S("design-item-context"), c = ye(n, a), o = he(t, n, c), u = R(() => ve({
+  setup(n, e) {
+    const t = k(), r = S("designer-host-service"), o = S("design-item-context"), c = ye(o, r), a = he(t, o, c), u = G(() => Ce({
       "drag-container": !0
-    }, r == null ? void 0 : r.customClass));
+    }, n == null ? void 0 : n.customClass));
     return W(() => {
-      t.value.componentInstance = o;
-    }), e.expose(o.value), () => N("div", {
+      t.value.componentInstance = a;
+    }), e.expose(a.value), () => N("div", {
       ref: t,
       class: u.value,
-      style: r.customStyle,
-      "data-dragref": `${n.schema.id}-container`
+      style: n.customStyle,
+      "data-dragref": `${o.schema.id}-container`
     }, [e.slots.default && e.slots.default()]);
   }
-}), Me = {
-  install(r) {
-    r.component(w.name, w);
+}), ke = {
+  install(n) {
+    n.component(L.name, L);
   },
-  register(r, e, t, a) {
-    r["content-container"] = w, e["content-container"] = B;
+  register(n, e, t, r) {
+    n["content-container"] = L, e["content-container"] = B;
   },
-  registerDesigner(r, e, t) {
-    r["content-container"] = ge, e["content-container"] = B;
+  registerDesigner(n, e, t) {
+    n["content-container"] = Te, e["content-container"] = B;
   }
 };
 export {
-  w as ContentContainer,
-  ge as ContentContainerDesign,
+  L as ContentContainer,
+  Te as ContentContainerDesign,
   P as contentContainerProps,
-  Me as default,
+  ke as default,
   B as propsResolver
 };