@farris/ui-vue 1.2.6 → 1.2.8

package/components/accordion/index.esm.js

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