@farris/ui-vue 1.2.8 → 1.3.0

package/components/accordion/index.esm.js

@@ -1,104 +1,104 @@
-import { defineComponent as C, computed as m, provide as E, createVNode as u, inject as I, ref as y, onMounted as O } from "vue";
-import { cloneDeep as R } from "lodash-es";
-import { resolveAppearance as M, createPropsResolver as S } from "../dynamic-resolver/index.esm.js";
-import { useDesignerComponent as T } from "../designer-canvas/index.esm.js";
-const B = {}, V = {};
-function P(t) {
-  const { properties: e, title: i } = t, o = Object.keys(e).reduce((n, l) => (n[l] = e[l].type === "object" && e[l].properties ? P(e[l]) : R(e[l].default), n), {});
-  return o.id = `${i}-${Date.now()}`, o;
-}
-function q(t, e) {
-  const i = P(e);
-  return Object.keys(t).reduce((o, n) => (o[n] && typeof o[n] == "object" ? Object.assign(o[n], t[n]) : o[n] = t[n], o), i), i;
+import { defineComponent as C, computed as h, provide as R, createVNode as d, inject as O, ref as y, onMounted as P } from "vue";
+import { isPlainObject as I, cloneDeep as M } from "lodash-es";
+import { resolveAppearance as S, createPropsResolver as T } from "../dynamic-resolver/index.esm.js";
+import { useDesignerComponent as B } from "../designer-canvas/index.esm.js";
+const q = {}, V = {};
+function F(t) {
+  const { properties: e, title: i, ignore: n } = t, s = n && Array.isArray(n), p = Object.keys(e).reduce((a, u) => ((!s || !n.find((m) => m == u)) && (a[u] = e[u].type === "object" && e[u].properties ? F(e[u]) : M(e[u].default)), a), {});
+  return (!s || !n.find((a) => a == "id")) && (p.id = `${i}-${Date.now()}`), p;
 }
 function x(t, e) {
-  return Object.keys(t).filter((o) => t[o] != null).reduce((o, n) => {
-    if (e.has(n)) {
-      const l = e.get(n);
-      if (typeof l == "string")
-        o[l] = t[n];
+  const i = F(e);
+  return Object.keys(t).reduce((n, s) => (n[s] && I(n[s]) && I(t[s]) ? Object.assign(n[s], t[s]) : n[s] = t[s], n), i), i;
+}
+function z(t, e) {
+  return Object.keys(t).filter((n) => t[n] != null).reduce((n, s) => {
+    if (e.has(s)) {
+      const p = e.get(s);
+      if (typeof p == "string")
+        n[p] = t[s];
       else {
-        const d = l(n, t[n], t);
-        Object.assign(o, d);
+        const a = p(s, t[s], t);
+        Object.assign(n, a);
       }
     } else
-      o[n] = t[n];
-    return o;
+      n[s] = t[s];
+    return n;
   }, {});
 }
-function z(t, e, i = /* @__PURE__ */ new Map()) {
-  const o = q(t, e);
-  return x(o, i);
+function H(t, e, i = /* @__PURE__ */ new Map()) {
+  const n = x(t, e);
+  return z(n, i);
 }
-function H(t = {}) {
-  function e(s, c, r, a) {
+function L(t = {}) {
+  function e(o, c, r, l) {
     if (typeof r == "number")
-      return a[s].length === r;
+      return l[o].length === r;
     if (typeof r == "object") {
-      const p = Object.keys(r)[0], h = r[p];
-      if (p === "not")
-        return Number(a[s].length) !== Number(h);
-      if (p === "moreThan")
-        return Number(a[s].length) >= Number(h);
-      if (p === "lessThan")
-        return Number(a[s].length) <= Number(h);
+      const f = Object.keys(r)[0], g = r[f];
+      if (f === "not")
+        return Number(l[o].length) !== Number(g);
+      if (f === "moreThan")
+        return Number(l[o].length) >= Number(g);
+      if (f === "lessThan")
+        return Number(l[o].length) <= Number(g);
     }
     return !1;
   }
-  function i(s, c, r, a) {
-    return a[s] && a[s].propertyValue && String(a[s].propertyValue.value) === String(r);
+  function i(o, c, r, l) {
+    return l[o] && l[o].propertyValue && String(l[o].propertyValue.value) === String(r);
   }
-  const o = /* @__PURE__ */ new Map([
+  const n = /* @__PURE__ */ new Map([
     ["length", e],
     ["getProperty", i]
   ]);
-  Object.keys(t).reduce((s, c) => (s.set(c, t[c]), s), o);
-  function n(s, c) {
-    const r = s;
-    return typeof c == "number" ? [{ target: r, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: r, operator: "getProperty", param: s, value: !!c }] : typeof c == "object" ? Object.keys(c).map((a) => {
-      if (a === "length")
-        return { target: r, operator: "length", param: null, value: c[a] };
-      const p = a, h = c[a];
-      return { target: r, operator: "getProperty", param: p, value: h };
+  Object.keys(t).reduce((o, c) => (o.set(c, t[c]), o), n);
+  function s(o, c) {
+    const r = o;
+    return typeof c == "number" ? [{ target: r, operator: "length", param: null, value: Number(c) }] : typeof c == "boolean" ? [{ target: r, operator: "getProperty", param: o, value: !!c }] : typeof c == "object" ? Object.keys(c).map((l) => {
+      if (l === "length")
+        return { target: r, operator: "length", param: null, value: c[l] };
+      const f = l, g = c[l];
+      return { target: r, operator: "getProperty", param: f, value: g };
     }) : [];
   }
-  function l(s) {
-    return Object.keys(s).reduce((r, a) => {
-      const p = n(a, s[a]);
-      return r.push(...p), r;
+  function p(o) {
+    return Object.keys(o).reduce((r, l) => {
+      const f = s(l, o[l]);
+      return r.push(...f), r;
     }, []);
   }
-  function d(s, c) {
-    if (o.has(s.operator)) {
-      const r = o.get(s.operator);
-      return r && r(s.target, s.param, s.value, c) || !1;
+  function a(o, c) {
+    if (n.has(o.operator)) {
+      const r = n.get(o.operator);
+      return r && r(o.target, o.param, o.value, c) || !1;
     }
     return !1;
   }
-  function f(s, c) {
-    return l(s).reduce((p, h) => p && d(h, c), !0);
+  function u(o, c) {
+    return p(o).reduce((f, g) => f && a(g, c), !0);
   }
-  function g(s, c) {
-    const r = Object.keys(s), a = r.includes("allOf"), p = r.includes("anyOf"), h = a || p, A = (h ? s[h ? a ? "allOf" : "anyOf" : "allOf"] : [s]).map((D) => f(D, c));
-    return a ? !A.includes(!1) : A.includes(!0);
+  function m(o, c) {
+    const r = Object.keys(o), l = r.includes("allOf"), f = r.includes("anyOf"), g = l || f, w = (g ? o[g ? l ? "allOf" : "anyOf" : "allOf"] : [o]).map((E) => u(E, c));
+    return l ? !w.includes(!1) : w.includes(!0);
   }
-  return { parseValueSchema: g };
+  return { parseValueSchema: m };
 }
-const L = {}, G = {};
-H();
-function J(t, e, i = /* @__PURE__ */ new Map(), o = (d, f, g) => f, n = {}, l = (d) => d) {
-  return B[e.title] = e, V[e.title] = o, L[e.title] = n, G[e.title] = l, (d = {}) => {
-    const f = z(d, e, i), g = Object.keys(t).reduce((s, c) => (s[c] = t[c].default, s), {});
-    return Object.assign(g, f);
+const G = {}, J = {};
+L();
+function Q(t, e, i = /* @__PURE__ */ new Map(), n = (a, u, m) => u, s = {}, p = (a) => a) {
+  return q[e.title] = e, V[e.title] = n, G[e.title] = s, J[e.title] = p, (a = {}) => {
+    const u = H(a, e, i), m = Object.keys(t).reduce((o, c) => (o[c] = t[c].default, o), {});
+    return Object.assign(m, u);
   };
 }
-const F = /* @__PURE__ */ new Map([
-  ["appearance", M],
+const N = /* @__PURE__ */ new Map([
+  ["appearance", S],
   ["size", (t, e) => {
     const i = {};
     return e.width && (i.width = Number(e.width)), e.height && (i.height = Number(e.height)), i;
   }]
-]), Q = "https://json-schema.org/draft/2020-12/schema", U = "https://farris-design.gitee.io/accordion.schema.json", W = "accordion", X = "A Farris Container Component", Y = "object", Z = {
+]), U = "https://json-schema.org/draft/2020-12/schema", W = "https://farris-design.gitee.io/accordion.schema.json", X = "accordion", Y = "A Farris Container Component", Z = "object", _ = {
   id: {
     description: "The unique identifier for a Accordion",
     type: "string"
@@ -154,23 +154,23 @@ const F = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !1
   }
-}, _ = [
+}, K = [
   "id",
   "type",
   "contents"
-], K = {
-  $schema: Q,
-  $id: U,
-  title: W,
-  description: X,
-  type: Y,
-  properties: Z,
-  required: _
+], ee = {
+  $schema: U,
+  $id: W,
+  title: X,
+  description: Y,
+  type: Z,
+  properties: _,
+  required: K
 };
-function ee(t, e, i) {
+function te(t, e, i) {
   return e;
 }
-const te = "accordion", ne = "A Farris Component", se = "object", oe = {
+const ne = "accordion", se = "A Farris Component", oe = "object", re = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -192,42 +192,42 @@ const te = "accordion", ne = "A Farris Component", se = "object", oe = {
       }
     }
   }
-}, re = {
-  title: te,
-  description: ne,
-  type: se,
-  categories: oe
+}, ie = {
+  title: ne,
+  description: se,
+  type: oe,
+  categories: re
 }, j = {
   customClass: { type: String, default: "" },
   height: { type: Number },
   width: { type: Number },
   enableFold: { type: Boolean, default: !0 },
   expanded: { type: Boolean, default: !1 }
-}, N = J(j, K, F, ee, re), b = /* @__PURE__ */ C({
+}, k = Q(j, ee, N, te, ie), b = /* @__PURE__ */ C({
   name: "FAccordion",
   props: j,
   emits: [],
   setup(t, e) {
-    const i = m(() => ({
+    const i = h(() => ({
       height: t.height ? `${t.height}px` : "",
       width: t.width ? `${t.width}px` : ""
     }));
-    E("accordionContext", {
+    R("accordionContext", {
       parentProps: t
     });
-    const o = m(() => {
-      const n = t.customClass.split(" "), l = {
+    const n = h(() => {
+      const s = t.customClass.split(" "), p = {
         "farris-panel": !0,
         accordion: !0
       };
-      return n.reduce((d, f) => (d[f] = !0, d), l), l;
+      return s.reduce((a, u) => (a[u] = !0, a), p), p;
     });
-    return () => u("div", {
-      class: o.value,
+    return () => d("div", {
+      class: n.value,
       style: i.value
     }, [e.slots.default && e.slots.default()]);
   }
-}), ie = "https://json-schema.org/draft/2020-12/schema", ce = "https://farris-design.gitee.io/accordion-item.schema.json", ae = "AccordionItem", le = "A Farris Container Component", ue = "object", de = {
+}), ce = "https://json-schema.org/draft/2020-12/schema", ae = "https://farris-design.gitee.io/accordion-item.schema.json", le = "AccordionItem", ue = "A Farris Container Component", de = "object", pe = {
   id: {
     description: "The unique identifier for a Accordion Item",
     type: "string"
@@ -264,156 +264,156 @@ const te = "accordion", ne = "A Farris Component", se = "object", oe = {
     type: "boolean",
     default: !1
   }
-}, pe = [
+}, fe = [
   "id",
   "type",
   "contents"
-], fe = {
-  $schema: ie,
-  $id: ce,
-  title: ae,
-  description: le,
-  type: ue,
-  properties: de,
-  required: pe
-}, w = {
+], me = {
+  $schema: ce,
+  $id: ae,
+  title: le,
+  description: ue,
+  type: de,
+  properties: pe,
+  required: fe
+}, A = {
   width: { type: Number },
   height: { type: Number, default: 100 },
   title: { type: String, default: "" },
   disabled: { type: Boolean, default: !1 },
   active: { type: Boolean, default: !1 }
-}, k = S(w, fe, F), $ = /* @__PURE__ */ C({
+}, D = T(A, me, N), $ = /* @__PURE__ */ C({
   name: "FAccordionItem",
-  props: w,
+  props: A,
   emits: [],
   setup(t, e) {
-    const i = I("accordionContext"), o = y(t.title), n = y(t.active);
-    function l() {
+    const i = O("accordionContext"), n = y(t.title), s = y(t.active);
+    function p() {
       var r;
-      t.disabled || !((r = i == null ? void 0 : i.parentProps) != null && r.enableFold) || (n.value = !n.value);
+      t.disabled || !((r = i == null ? void 0 : i.parentProps) != null && r.enableFold) || (s.value = !s.value);
     }
-    function d(r) {
-      l();
+    function a(r) {
+      p();
     }
-    const f = m(() => ({
+    const u = h(() => ({
       "f-state-disabled": t.disabled,
       card: !0,
       "farris-panel-item": !0,
-      "f-state-selected": n.value
-    })), g = m(() => !0), s = m(() => ({
+      "f-state-selected": s.value
+    })), m = h(() => !0), o = h(() => ({
       "f-icon": !0,
-      "f-accordion-collapse": !n.value,
-      "f-accordion-expand": n.value
-    })), c = m(() => {
+      "f-accordion-collapse": !s.value,
+      "f-accordion-expand": s.value
+    })), c = h(() => {
       const r = {
         transition: "height 0.36s ease 0s",
-        height: n.value ? `${t.height}px` : 0
+        height: s.value ? `${t.height}px` : 0
       };
-      return n.value || (r.overflow = "hidden"), r;
+      return s.value || (r.overflow = "hidden"), r;
     });
-    return O(() => {
+    return P(() => {
       var r;
-      (r = i == null ? void 0 : i.parentProps) != null && r.expanded && (n.value = !0);
-    }), () => u("div", {
-      class: f.value
-    }, [u("div", {
+      (r = i == null ? void 0 : i.parentProps) != null && r.expanded && (s.value = !0);
+    }), () => d("div", {
+      class: u.value
+    }, [d("div", {
       class: "card-header",
-      onClick: d
-    }, [u("div", {
+      onClick: a
+    }, [d("div", {
       class: "panel-item-title"
-    }, [g.value && u("span", null, [o.value]), e.slots.head && e.slots.head(), u("span", {
-      class: s.value
-    }, null)]), u("div", {
+    }, [m.value && d("span", null, [n.value]), e.slots.head && e.slots.head(), d("span", {
+      class: o.value
+    }, null)]), d("div", {
       class: "panel-item-tool"
-    }, [e.slots.toolbar && e.slots.toolbar()]), u("div", {
+    }, [e.slots.toolbar && e.slots.toolbar()]), d("div", {
       class: "panel-item-clear"
-    }, null)]), u("div", {
+    }, null)]), d("div", {
       style: c.value
-    }, [u("div", {
+    }, [d("div", {
       class: "card-body"
     }, [e.slots.default && e.slots.default()])])]);
   }
-}), me = /* @__PURE__ */ C({
+}), he = /* @__PURE__ */ C({
   name: "FAccordionDesign",
   props: j,
   emits: [],
   setup(t, e) {
-    const i = m(() => ({
+    const i = h(() => ({
       height: t.height ? `${t.height}px` : "",
       width: t.width ? `${t.width}px` : ""
-    })), o = m(() => {
-      const f = t.customClass.split(" "), g = {
+    })), n = h(() => {
+      const u = t.customClass.split(" "), m = {
         "farris-panel": !0,
         accordion: !0
       };
-      return f.reduce((s, c) => (s[c] = !0, s), g), g;
-    }), n = y(), l = I("design-item-context"), d = T(n, l);
-    return O(() => {
-      n.value.componentInstance = d;
-    }), e.expose(d.value), () => u("div", {
-      ref: n,
-      class: o.value,
+      return u.reduce((o, c) => (o[c] = !0, o), m), m;
+    }), s = y(), p = O("design-item-context"), a = B(s, p);
+    return P(() => {
+      s.value.componentInstance = a;
+    }), e.expose(a.value), () => d("div", {
+      ref: s,
+      class: n.value,
       style: i.value
     }, [e.slots.default && e.slots.default()]);
   }
-}), he = /* @__PURE__ */ C({
+}), ge = /* @__PURE__ */ C({
   name: "FAccordionItemDesign",
-  props: w,
+  props: A,
   emits: [],
   setup(t, e) {
-    const i = y(t.title), o = y(!1), n = y(!1);
-    function l() {
-      o.value = !o.value;
+    const i = y(t.title), n = y(!1), s = y(!1);
+    function p() {
+      n.value = !n.value;
     }
-    function d(v) {
-      l();
+    function a(v) {
+      p();
     }
-    const f = m(() => ({
-      "f-state-disable": n.value,
+    const u = h(() => ({
+      "f-state-disable": s.value,
       card: !0,
       "farris-panel-item": !0,
-      "f-state-selected": o.value
-    })), g = m(() => !0), s = m(() => !1), c = m(() => ({
+      "f-state-selected": n.value
+    })), m = h(() => !0), o = h(() => !1), c = h(() => ({
       "f-icon": !0,
-      "f-accordion-collapse": !o.value,
-      "f-accordion-expand": o.value
-    })), r = m(() => {
+      "f-accordion-collapse": !n.value,
+      "f-accordion-expand": n.value
+    })), r = h(() => {
       const v = {
         transition: "height 0.36s ease 0s",
-        height: o.value ? `${t.height}px` : 0
+        height: n.value ? `${t.height}px` : 0
       };
-      return o.value || (v.overflow = "hidden"), v;
+      return n.value || (v.overflow = "hidden"), v;
     });
-    function a() {
+    function l() {
       return !0;
     }
-    function p() {
+    function f() {
       return !1;
     }
-    function h() {
+    function g() {
       return !0;
     }
     return e.expose({
-      canMove: a(),
-      canSelectParent: p(),
-      canDelete: h(),
+      canMove: l(),
+      canSelectParent: f(),
+      canDelete: g(),
       canNested: !0
-    }), () => u("div", {
-      class: f.value
-    }, [u("div", {
+    }), () => d("div", {
+      class: u.value
+    }, [d("div", {
       class: "card-header",
-      onClick: d
-    }, [u("div", {
+      onClick: a
+    }, [d("div", {
       class: "panel-item-title"
-    }, [g.value && u("span", null, [i.value]), s.value && e.slots.head && e.slots.head(), u("span", {
+    }, [m.value && d("span", null, [i.value]), o.value && e.slots.head && e.slots.head(), d("span", {
       class: c.value
-    }, null)]), u("div", {
+    }, null)]), d("div", {
       class: "panel-item-tool"
-    }, [e.slots.toolbar && e.slots.toolbar()]), u("div", {
+    }, [e.slots.toolbar && e.slots.toolbar()]), d("div", {
       class: "panel-item-clear"
-    }, null)]), u("div", {
+    }, null)]), d("div", {
       style: r.value
-    }, [u("div", {
+    }, [d("div", {
       class: "card-body drag-container"
     }, [e.slots.default && e.slots.default()])])]);
   }
@@ -421,18 +421,18 @@ const te = "accordion", ne = "A Farris Component", se = "object", oe = {
 b.install = (t) => {
   t.component(b.name, b), t.component($.name, $);
 };
-b.register = (t, e, i, o) => {
-  t.accordion = b, t["accordion-item"] = $, e.accordion = N, e["accordion-item"] = k;
+b.register = (t, e, i, n) => {
+  t.accordion = b, t["accordion-item"] = $, e.accordion = k, e["accordion-item"] = D;
 };
 b.registerDesigner = (t, e, i) => {
-  t.accordion = me, t["accordion-item"] = he, e.accordion = N, e["accordion-item"] = k;
+  t.accordion = he, t["accordion-item"] = ge, e.accordion = k, e["accordion-item"] = D;
 };
 export {
   b as FAccordion,
   $ as FAccordionItem,
-  w as accordionItemProps,
-  k as accordionItemPropsResolver,
+  A as accordionItemProps,
+  D as accordionItemPropsResolver,
   j as accordionProps,
-  N as accordionPropsResolver,
+  k as accordionPropsResolver,
   b as default
 };

package/components/accordion/index.umd.cjs

@@ -0,0 +1 @@
+(function(f,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../designer-canvas/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../designer-canvas/index.umd.js"],n):(f=typeof globalThis<"u"?globalThis:f||self,n(f.accordion={},f.Vue,f.LodashES,f.dynamicResolver,f.designerCanvas))})(this,function(f,n,N,I,v){"use strict";const F={},k={};function w(t){const{properties:e,title:c,ignore:o}=t,r=o&&Array.isArray(o),p=Object.keys(e).reduce((d,u)=>((!r||!o.find(h=>h==u))&&(d[u]=e[u].type==="object"&&e[u].properties?w(e[u]):N.cloneDeep(e[u].default)),d),{});return(!r||!o.find(d=>d=="id"))&&(p.id=`${c}-${Date.now()}`),p}function q(t,e){const c=w(e);return Object.keys(t).reduce((o,r)=>(o[r]&&N.isPlainObject(o[r])&&N.isPlainObject(t[r])?Object.assign(o[r],t[r]):o[r]=t[r],o),c),c}function D(t,e){return Object.keys(t).filter(o=>t[o]!=null).reduce((o,r)=>{if(e.has(r)){const p=e.get(r);if(typeof p=="string")o[p]=t[r];else{const d=p(r,t[r],t);Object.assign(o,d)}}else o[r]=t[r];return o},{})}function M(t,e,c=new Map){const o=q(t,e);return D(o,c)}function S(t={}){function e(s,a,i,l){if(typeof i=="number")return l[s].length===i;if(typeof i=="object"){const m=Object.keys(i)[0],g=i[m];if(m==="not")return Number(l[s].length)!==Number(g);if(m==="moreThan")return Number(l[s].length)>=Number(g);if(m==="lessThan")return Number(l[s].length)<=Number(g)}return!1}function c(s,a,i,l){return l[s]&&l[s].propertyValue&&String(l[s].propertyValue.value)===String(i)}const o=new Map([["length",e],["getProperty",c]]);Object.keys(t).reduce((s,a)=>(s.set(a,t[a]),s),o);function r(s,a){const i=s;return typeof a=="number"?[{target:i,operator:"length",param:null,value:Number(a)}]:typeof a=="boolean"?[{target:i,operator:"getProperty",param:s,value:!!a}]:typeof a=="object"?Object.keys(a).map(l=>{if(l==="length")return{target:i,operator:"length",param:null,value:a[l]};const m=l,g=a[l];return{target:i,operator:"getProperty",param:m,value:g}}):[]}function p(s){return Object.keys(s).reduce((i,l)=>{const m=r(l,s[l]);return i.push(...m),i},[])}function d(s,a){if(o.has(s.operator)){const i=o.get(s.operator);return i&&i(s.target,s.param,s.value,a)||!1}return!1}function u(s,a){return p(s).reduce((m,g)=>m&&d(g,a),!0)}function h(s,a){const i=Object.keys(s),l=i.includes("allOf"),m=i.includes("anyOf"),g=l||m,P=(g?s[g?l?"allOf":"anyOf":"allOf"]:[s]).map(G=>u(G,a));return l?!P.includes(!1):P.includes(!0)}return{parseValueSchema:h}}const T={},R={};S();function E(t,e,c=new Map,o=(d,u,h)=>u,r={},p=d=>d){return F[e.title]=e,k[e.title]=o,T[e.title]=r,R[e.title]=p,(d={})=>{const u=M(d,e,c),h=Object.keys(t).reduce((s,a)=>(s[a]=t[a].default,s),{});return Object.assign(h,u)}}const O=new Map([["appearance",I.resolveAppearance],["size",(t,e)=>{const c={};return e.width&&(c.width=Number(e.width)),e.height&&(c.height=Number(e.height)),c}]]),B={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion.schema.json",title:"accordion",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion",type:"string"},type:{description:"The type string of Accordion component",type:"string",default:"accordion"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},contents:{description:"",type:"array",default:[]},customClass:{description:"",type:"string",default:""},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},enableFold:{description:"",type:"boolean",default:!0},expanded:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]};function z(t,e,c){return e}const x={title:"accordion",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},$={customClass:{type:String,default:""},height:{type:Number},width:{type:Number},enableFold:{type:Boolean,default:!0},expanded:{type:Boolean,default:!1}},A=E($,B,O,z,x),y=n.defineComponent({name:"FAccordion",props:$,emits:[],setup(t,e){const c=n.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""}));n.provide("accordionContext",{parentProps:t});const o=n.computed(()=>{const r=t.customClass.split(" "),p={"farris-panel":!0,accordion:!0};return r.reduce((d,u)=>(d[u]=!0,d),p),p});return()=>n.createVNode("div",{class:o.value,style:c.value},[e.slots.default&&e.slots.default()])}}),H={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/accordion-item.schema.json",title:"AccordionItem",description:"A Farris Container Component",type:"object",properties:{id:{description:"The unique identifier for a Accordion Item",type:"string"},type:{description:"The type string of Accordion Item component",type:"string"},contents:{description:"",type:"array",default:[]},size:{description:"",type:"object",properties:{width:{type:"number"},height:{type:"number"}},default:null},title:{description:"",type:"string",default:""},disable:{description:"",type:"boolean",default:!1}},required:["id","type","contents"]},C={width:{type:Number},height:{type:Number,default:100},title:{type:String,default:""},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1}},V=I.createPropsResolver(C,H,O),j=n.defineComponent({name:"FAccordionItem",props:C,emits:[],setup(t,e){const c=n.inject("accordionContext"),o=n.ref(t.title),r=n.ref(t.active);function p(){var i;t.disabled||!((i=c==null?void 0:c.parentProps)!=null&&i.enableFold)||(r.value=!r.value)}function d(i){p()}const u=n.computed(()=>({"f-state-disabled":t.disabled,card:!0,"farris-panel-item":!0,"f-state-selected":r.value})),h=n.computed(()=>!0),s=n.computed(()=>({"f-icon":!0,"f-accordion-collapse":!r.value,"f-accordion-expand":r.value})),a=n.computed(()=>{const i={transition:"height 0.36s ease 0s",height:r.value?`${t.height}px`:0};return r.value||(i.overflow="hidden"),i});return n.onMounted(()=>{var i;(i=c==null?void 0:c.parentProps)!=null&&i.expanded&&(r.value=!0)}),()=>n.createVNode("div",{class:u.value},[n.createVNode("div",{class:"card-header",onClick:d},[n.createVNode("div",{class:"panel-item-title"},[h.value&&n.createVNode("span",null,[o.value]),e.slots.head&&e.slots.head(),n.createVNode("span",{class:s.value},null)]),n.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),n.createVNode("div",{class:"panel-item-clear"},null)]),n.createVNode("div",{style:a.value},[n.createVNode("div",{class:"card-body"},[e.slots.default&&e.slots.default()])])])}}),L=n.defineComponent({name:"FAccordionDesign",props:$,emits:[],setup(t,e){const c=n.computed(()=>({height:t.height?`${t.height}px`:"",width:t.width?`${t.width}px`:""})),o=n.computed(()=>{const u=t.customClass.split(" "),h={"farris-panel":!0,accordion:!0};return u.reduce((s,a)=>(s[a]=!0,s),h),h}),r=n.ref(),p=n.inject("design-item-context"),d=v.useDesignerComponent(r,p);return n.onMounted(()=>{r.value.componentInstance=d}),e.expose(d.value),()=>n.createVNode("div",{ref:r,class:o.value,style:c.value},[e.slots.default&&e.slots.default()])}}),_=n.defineComponent({name:"FAccordionItemDesign",props:C,emits:[],setup(t,e){const c=n.ref(t.title),o=n.ref(!1),r=n.ref(!1);function p(){o.value=!o.value}function d(b){p()}const u=n.computed(()=>({"f-state-disable":r.value,card:!0,"farris-panel-item":!0,"f-state-selected":o.value})),h=n.computed(()=>!0),s=n.computed(()=>!1),a=n.computed(()=>({"f-icon":!0,"f-accordion-collapse":!o.value,"f-accordion-expand":o.value})),i=n.computed(()=>{const b={transition:"height 0.36s ease 0s",height:o.value?`${t.height}px`:0};return o.value||(b.overflow="hidden"),b});function l(){return!0}function m(){return!1}function g(){return!0}return e.expose({canMove:l(),canSelectParent:m(),canDelete:g(),canNested:!0}),()=>n.createVNode("div",{class:u.value},[n.createVNode("div",{class:"card-header",onClick:d},[n.createVNode("div",{class:"panel-item-title"},[h.value&&n.createVNode("span",null,[c.value]),s.value&&e.slots.head&&e.slots.head(),n.createVNode("span",{class:a.value},null)]),n.createVNode("div",{class:"panel-item-tool"},[e.slots.toolbar&&e.slots.toolbar()]),n.createVNode("div",{class:"panel-item-clear"},null)]),n.createVNode("div",{style:i.value},[n.createVNode("div",{class:"card-body drag-container"},[e.slots.default&&e.slots.default()])])])}});y.install=t=>{t.component(y.name,y),t.component(j.name,j)},y.register=(t,e,c,o)=>{t.accordion=y,t["accordion-item"]=j,e.accordion=A,e["accordion-item"]=V},y.registerDesigner=(t,e,c)=>{t.accordion=L,t["accordion-item"]=_,e.accordion=A,e["accordion-item"]=V},f.FAccordion=y,f.FAccordionItem=j,f.accordionItemProps=C,f.accordionItemPropsResolver=V,f.accordionProps=$,f.accordionPropsResolver=A,f.default=y,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});