fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/menu/src/menu.js

@@ -0,0 +1,299 @@
+import { defineComponent as Z, getCurrentInstance as ee, ref as d, computed as te, watch as x, watchEffect as ne, provide as F, reactive as le, onMounted as oe, h as M, withDirectives as ue, nextTick as ie } from "vue";
+import { useResizeObserver as ae, unrefElement as re } from "../../../../../@vueuse/core/index.js";
+import { ElIcon as se } from "../../icon/index.js";
+import { More as ce } from "../../../../../@element-plus/icons-vue/dist/index.js";
+import de from "./utils/menu-bar.js";
+import fe from "./menu-collapse-transition.js";
+import me from "./sub-menu.js";
+import { useMenuCssVar as ve } from "./use-menu-css-var.js";
+import { MENU_INJECTION_KEY as pe, SUB_MENU_INJECTION_KEY as he } from "./tokens.js";
+import ge from "../../../directives/click-outside/index.js";
+import { buildProps as Me, definePropType as N } from "../../../utils/vue/props/runtime.js";
+import { useNamespace as j } from "../../../hooks/use-namespace/index.js";
+import { flattedChildren as be } from "../../../utils/vue/vnode.js";
+import { mutable as Ie } from "../../../utils/typescript.js";
+import { iconPropType as ye } from "../../../utils/vue/icon.js";
+import { isString as O, isObject as Se, isArray as Oe } from "../../../../../@vue/shared/dist/shared.esm-bundler.js";
+import { isUndefined as Ce } from "../../../utils/types.js";
+import q from "../../../../../lodash-es/isNil.js";
+const Ee = Me({
+  mode: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "vertical"
+  },
+  defaultActive: {
+    type: String,
+    default: ""
+  },
+  defaultOpeneds: {
+    type: N(Array),
+    default: () => Ie([])
+  },
+  uniqueOpened: Boolean,
+  router: Boolean,
+  menuTrigger: {
+    type: String,
+    values: ["hover", "click"],
+    default: "hover"
+  },
+  collapse: Boolean,
+  backgroundColor: String,
+  textColor: String,
+  activeTextColor: String,
+  closeOnClickOutside: Boolean,
+  collapseTransition: {
+    type: Boolean,
+    default: !0
+  },
+  ellipsis: {
+    type: Boolean,
+    default: !0
+  },
+  popperOffset: {
+    type: Number,
+    default: 6
+  },
+  ellipsisIcon: {
+    type: ye,
+    default: () => ce
+  },
+  popperEffect: {
+    type: N(String),
+    default: "dark"
+  },
+  popperClass: String,
+  popperStyle: {
+    type: N([String, Object])
+  },
+  showTimeout: {
+    type: Number,
+    default: 300
+  },
+  hideTimeout: {
+    type: Number,
+    default: 300
+  },
+  persistent: {
+    type: Boolean,
+    default: !0
+  }
+}), T = (n) => Oe(n) && n.every((i) => O(i)), xe = {
+  close: (n, i) => O(n) && T(i),
+  open: (n, i) => O(n) && T(i),
+  select: (n, i, b, I) => O(n) && T(i) && Se(b) && (Ce(I) || I instanceof Promise)
+}, J = 64;
+var Je = Z({
+  name: "ElMenu",
+  props: Ee,
+  emits: xe,
+  setup(n, { emit: i, slots: b, expose: I }) {
+    const C = ee(), P = C.appContext.config.globalProperties.$router, f = d(), k = d(), y = j("menu"), _ = j("sub-menu");
+    let z = J;
+    const m = d(-1), a = d(
+      n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
+    ), s = d(n.defaultActive), v = d({}), h = d({}), K = te(
+      () => n.mode === "horizontal" || n.mode === "vertical" && n.collapse
+    ), V = () => {
+      const e = s.value && v.value[s.value];
+      if (!e || n.mode === "horizontal" || n.collapse)
+        return;
+      e.indexPath.forEach((l) => {
+        const o = h.value[l];
+        o && S(l, o.indexPath);
+      });
+    }, S = (e, t) => {
+      a.value.includes(e) || (n.uniqueOpened && (a.value = a.value.filter(
+        (l) => t.includes(l)
+      )), a.value.push(e), i("open", e, t));
+    }, A = (e) => {
+      const t = a.value.indexOf(e);
+      t !== -1 && a.value.splice(t, 1);
+    }, B = (e, t) => {
+      A(e), i("close", e, t);
+    }, Y = ({
+      index: e,
+      indexPath: t
+    }) => {
+      a.value.includes(e) ? B(e, t) : S(e, t);
+    }, H = (e) => {
+      (n.mode === "horizontal" || n.collapse) && (a.value = []);
+      const { index: t, indexPath: l } = e;
+      if (!(q(t) || q(l)))
+        if (n.router && P) {
+          const o = e.route || t, u = P.push(o).then((c) => (c || (s.value = t), c));
+          i(
+            "select",
+            t,
+            l,
+            { index: t, indexPath: l, route: o },
+            u
+          );
+        } else
+          s.value = t, i("select", t, l, { index: t, indexPath: l });
+    }, R = (e) => {
+      var t;
+      const l = v.value, o = l[e] || s.value && l[s.value] || l[n.defaultActive];
+      s.value = (t = o == null ? void 0 : o.index) != null ? t : e;
+    }, w = (e) => {
+      const t = getComputedStyle(e), l = Number.parseInt(t.marginLeft, 10), o = Number.parseInt(t.marginRight, 10);
+      return e.offsetWidth + l + o || 0;
+    }, W = () => {
+      if (!f.value)
+        return -1;
+      const e = Array.from(f.value.childNodes).filter(
+        (p) => p.nodeName !== "#comment" && (p.nodeName !== "#text" || p.nodeValue)
+      ), t = getComputedStyle(f.value), l = Number.parseInt(t.paddingLeft, 10), o = Number.parseInt(t.paddingRight, 10), u = f.value.clientWidth - l - o;
+      let c = 0, r = 0;
+      return e.forEach((p, g) => {
+        c += w(p), c <= u - z && (r = g + 1);
+      }), r === e.length ? -1 : r;
+    }, G = (e) => h.value[e].indexPath, Q = (e, t = 33.34) => {
+      let l;
+      return () => {
+        l && clearTimeout(l), l = setTimeout(() => {
+          e();
+        }, t);
+      };
+    };
+    let D = !0;
+    const L = () => {
+      const e = re(k);
+      if (e && (z = w(e) || J), m.value === W())
+        return;
+      const t = () => {
+        m.value = -1, ie(() => {
+          m.value = W();
+        });
+      };
+      D ? t() : Q(t)(), D = !1;
+    };
+    x(
+      () => n.defaultActive,
+      (e) => {
+        v.value[e] || (s.value = ""), R(e);
+      }
+    ), x(
+      () => n.collapse,
+      (e) => {
+        e && (a.value = []);
+      }
+    ), x(v.value, V);
+    let E;
+    ne(() => {
+      n.mode === "horizontal" && n.ellipsis ? E = ae(f, L).stop : E == null || E();
+    });
+    const U = d(!1);
+    {
+      const e = (u) => {
+        h.value[u.index] = u;
+      }, t = (u) => {
+        delete h.value[u.index];
+      };
+      F(
+        pe,
+        le({
+          props: n,
+          openedMenus: a,
+          items: v,
+          subMenus: h,
+          activeIndex: s,
+          isMenuPopup: K,
+          addMenuItem: (u) => {
+            v.value[u.index] = u;
+          },
+          removeMenuItem: (u) => {
+            delete v.value[u.index];
+          },
+          addSubMenu: e,
+          removeSubMenu: t,
+          openMenu: S,
+          closeMenu: B,
+          handleMenuItemClick: H,
+          handleSubMenuClick: Y
+        })
+      ), F(`${he}${C.uid}`, {
+        addSubMenu: e,
+        removeSubMenu: t,
+        mouseInChild: U,
+        level: 0
+      });
+    }
+    oe(() => {
+      n.mode === "horizontal" && new de(C.vnode.el, y.namespace.value);
+    }), I({
+      open: (t) => {
+        const { indexPath: l } = h.value[t];
+        l.forEach((o) => S(o, l));
+      },
+      close: A,
+      updateActiveIndex: R,
+      handleResize: L
+    });
+    const X = ve(n, 0);
+    return () => {
+      var e, t;
+      let l = (t = (e = b.default) == null ? void 0 : e.call(b)) != null ? t : [];
+      const o = [];
+      if (n.mode === "horizontal" && f.value) {
+        const r = be(l).filter(($) => ($ == null ? void 0 : $.shapeFlag) !== 8), p = m.value === -1 ? r : r.slice(0, m.value), g = m.value === -1 ? [] : r.slice(m.value);
+        g != null && g.length && n.ellipsis && (l = p, o.push(
+          M(
+            me,
+            {
+              ref: k,
+              index: "sub-menu-more",
+              class: _.e("hide-arrow"),
+              popperOffset: n.popperOffset
+            },
+            {
+              title: () => M(
+                se,
+                {
+                  class: _.e("icon-more")
+                },
+                {
+                  default: () => M(n.ellipsisIcon)
+                }
+              ),
+              default: () => g
+            }
+          )
+        ));
+      }
+      const u = n.closeOnClickOutside ? [
+        [
+          ge,
+          () => {
+            a.value.length && (U.value || (a.value.forEach(
+              (r) => i("close", r, G(r))
+            ), a.value = []));
+          }
+        ]
+      ] : [], c = ue(
+        M(
+          "ul",
+          {
+            key: String(n.collapse),
+            role: "menubar",
+            ref: f,
+            style: X.value,
+            class: {
+              [y.b()]: !0,
+              [y.m(n.mode)]: !0,
+              [y.m("collapse")]: n.collapse
+            }
+          },
+          [...l, ...o]
+        ),
+        u
+      );
+      return n.collapseTransition && n.mode === "vertical" ? M(fe, () => c) : c;
+    };
+  }
+});
+export {
+  Je as default,
+  xe as menuEmits,
+  Ee as menuProps
+};

package/es/node_modules/element-plus/es/components/menu/src/sub-menu.js

@@ -0,0 +1,309 @@
+import { defineComponent as X, getCurrentInstance as ee, computed as t, inject as B, ref as f, reactive as oe, watch as ne, provide as te, onMounted as le, onBeforeUnmount as ae, h as r, Fragment as ue, withDirectives as re, vShow as se, nextTick as ie } from "vue";
+import { ElCollapseTransition as pe } from "../../collapse-transition/index.js";
+import { ElTooltip as ce } from "../../tooltip/index.js";
+import { ArrowDown as de, ArrowRight as ve } from "../../../../../@element-plus/icons-vue/dist/index.js";
+import { ElIcon as me } from "../../icon/index.js";
+import fe from "./use-menu.js";
+import { useMenuCssVar as be } from "./use-menu-css-var.js";
+import { MENU_INJECTION_KEY as he, SUB_MENU_INJECTION_KEY as A } from "./tokens.js";
+import { buildProps as Me, definePropType as Ce } from "../../../utils/vue/props/runtime.js";
+import { useNamespace as F } from "../../../hooks/use-namespace/index.js";
+import { throwError as U } from "../../../utils/error.js";
+import { isUndefined as Ie } from "../../../utils/types.js";
+import { isString as ge } from "../../../../../@vue/shared/dist/shared.esm-bundler.js";
+import { iconPropType as I } from "../../../utils/vue/icon.js";
+import { focusElement as xe } from "../../../utils/dom/aria.js";
+import { useTimeoutFn as R } from "../../../../../@vueuse/shared/index.js";
+const Te = Me({
+  index: {
+    type: String,
+    required: !0
+  },
+  showTimeout: Number,
+  hideTimeout: Number,
+  popperClass: String,
+  popperStyle: {
+    type: Ce([String, Object])
+  },
+  disabled: Boolean,
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
+  popperOffset: Number,
+  expandCloseIcon: {
+    type: I
+  },
+  expandOpenIcon: {
+    type: I
+  },
+  collapseCloseIcon: {
+    type: I
+  },
+  collapseOpenIcon: {
+    type: I
+  }
+}), O = "ElSubMenu";
+var Re = X({
+  name: O,
+  props: Te,
+  setup(n, { slots: c, expose: D }) {
+    const g = ee(), { indexPath: b, parentMenu: w } = fe(
+      g,
+      t(() => n.index)
+    ), s = F("menu"), p = F("sub-menu"), o = B(he);
+    o || U(O, "can not inject root menu");
+    const l = B(
+      `${A}${w.value.uid}`
+    );
+    l || U(O, "can not inject sub menu");
+    const H = f({}), x = f({});
+    let d;
+    const P = f(!1), J = f(), N = f(), h = t(() => l.level === 0), k = t(
+      () => v.value === "horizontal" && h.value ? "bottom-start" : "right-start"
+    ), T = t(() => v.value === "horizontal" && h.value || v.value === "vertical" && !o.props.collapse ? n.expandCloseIcon && n.expandOpenIcon ? i.value ? n.expandOpenIcon : n.expandCloseIcon : de : n.collapseCloseIcon && n.collapseOpenIcon ? i.value ? n.collapseOpenIcon : n.collapseCloseIcon : ve), S = t(() => {
+      const e = n.teleported;
+      return Ie(e) ? h.value : e;
+    }), K = t(
+      () => o.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`
+    ), Y = t(
+      () => v.value === "horizontal" && h.value ? [
+        "bottom-start",
+        "bottom-end",
+        "top-start",
+        "top-end",
+        "right-start",
+        "left-start"
+      ] : [
+        "right-start",
+        "right",
+        "right-end",
+        "left-start",
+        "bottom-start",
+        "bottom-end",
+        "top-start",
+        "top-end"
+      ]
+    ), i = t(() => o.openedMenus.includes(n.index)), y = t(
+      () => [...Object.values(H.value), ...Object.values(x.value)].some(
+        ({ active: e }) => e
+      )
+    ), v = t(() => o.props.mode), q = t(() => o.props.persistent), M = oe({
+      index: n.index,
+      indexPath: b,
+      active: y
+    }), z = be(o.props, l.level + 1), L = t(
+      () => {
+        var e;
+        return (e = n.popperOffset) != null ? e : o.props.popperOffset;
+      }
+    ), $ = t(
+      () => {
+        var e;
+        return (e = n.popperClass) != null ? e : o.props.popperClass;
+      }
+    ), V = t(
+      () => {
+        var e;
+        return (e = n.popperStyle) != null ? e : o.props.popperStyle;
+      }
+    ), Z = t(
+      () => {
+        var e;
+        return (e = n.showTimeout) != null ? e : o.props.showTimeout;
+      }
+    ), G = t(
+      () => {
+        var e;
+        return (e = n.hideTimeout) != null ? e : o.props.hideTimeout;
+      }
+    ), Q = () => {
+      var e, a, u;
+      return (u = (a = (e = N.value) == null ? void 0 : e.popperRef) == null ? void 0 : a.popperInstanceRef) == null ? void 0 : u.destroy();
+    }, W = (e) => {
+      e || Q();
+    }, j = () => {
+      o.props.menuTrigger === "hover" && o.props.mode === "horizontal" || o.props.collapse && o.props.mode === "vertical" || n.disabled || o.handleSubMenuClick({
+        index: n.index,
+        indexPath: b.value,
+        active: y.value
+      });
+    }, C = (e, a = Z.value) => {
+      var u;
+      if (e.type !== "focus") {
+        if (o.props.menuTrigger === "click" && o.props.mode === "horizontal" || !o.props.collapse && o.props.mode === "vertical" || n.disabled) {
+          l.mouseInChild.value = !0;
+          return;
+        }
+        l.mouseInChild.value = !0, d == null || d(), { stop: d } = R(() => {
+          o.openMenu(n.index, b.value);
+        }, a), S.value && ((u = w.value.vnode.el) == null || u.dispatchEvent(new MouseEvent("mouseenter"))), e.type === "mouseenter" && e.target && ie(() => {
+          xe(e.target, { preventScroll: !0 });
+        });
+      }
+    }, _ = (e = !1) => {
+      var a;
+      if (o.props.menuTrigger === "click" && o.props.mode === "horizontal" || !o.props.collapse && o.props.mode === "vertical") {
+        l.mouseInChild.value = !1;
+        return;
+      }
+      d == null || d(), l.mouseInChild.value = !1, { stop: d } = R(
+        () => !P.value && o.closeMenu(n.index, b.value),
+        G.value
+      ), S.value && e && ((a = l.handleMouseleave) == null || a.call(l, !0));
+    };
+    ne(
+      () => o.props.collapse,
+      (e) => W(!!e)
+    );
+    {
+      const e = (u) => {
+        x.value[u.index] = u;
+      }, a = (u) => {
+        delete x.value[u.index];
+      };
+      te(`${A}${g.uid}`, {
+        addSubMenu: e,
+        removeSubMenu: a,
+        handleMouseleave: _,
+        mouseInChild: P,
+        level: l.level + 1
+      });
+    }
+    return D({
+      opened: i
+    }), le(() => {
+      o.addSubMenu(M), l.addSubMenu(M);
+    }), ae(() => {
+      l.removeSubMenu(M), o.removeSubMenu(M);
+    }), () => {
+      var e;
+      const a = [
+        (e = c.title) == null ? void 0 : e.call(c),
+        r(
+          me,
+          {
+            class: p.e("icon-arrow"),
+            style: {
+              transform: i.value ? n.expandCloseIcon && n.expandOpenIcon || n.collapseCloseIcon && n.collapseOpenIcon && o.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+            }
+          },
+          {
+            default: () => ge(T.value) ? r(g.appContext.components[T.value]) : r(T.value)
+          }
+        )
+      ], u = o.isMenuPopup ? r(
+        ce,
+        {
+          ref: N,
+          visible: i.value,
+          effect: "light",
+          pure: !0,
+          offset: L.value,
+          showArrow: !1,
+          persistent: q.value,
+          popperClass: $.value,
+          popperStyle: V.value,
+          placement: k.value,
+          teleported: S.value,
+          fallbackPlacements: Y.value,
+          transition: K.value,
+          gpuAcceleration: !1
+        },
+        {
+          content: () => {
+            var m;
+            return r(
+              "div",
+              {
+                class: [
+                  s.m(v.value),
+                  s.m("popup-container"),
+                  $.value
+                ],
+                onMouseenter: (E) => C(E, 100),
+                onMouseleave: () => _(!0),
+                onFocus: (E) => C(E, 100)
+              },
+              [
+                r(
+                  "ul",
+                  {
+                    class: [
+                      s.b(),
+                      s.m("popup"),
+                      s.m(`popup-${k.value}`)
+                    ],
+                    style: z.value
+                  },
+                  [(m = c.default) == null ? void 0 : m.call(c)]
+                )
+              ]
+            );
+          },
+          default: () => r(
+            "div",
+            {
+              class: p.e("title"),
+              onClick: j
+            },
+            a
+          )
+        }
+      ) : r(ue, {}, [
+        r(
+          "div",
+          {
+            class: p.e("title"),
+            ref: J,
+            onClick: j
+          },
+          a
+        ),
+        r(
+          pe,
+          {},
+          {
+            default: () => {
+              var m;
+              return re(
+                r(
+                  "ul",
+                  {
+                    role: "menu",
+                    class: [s.b(), s.m("inline")],
+                    style: z.value
+                  },
+                  [(m = c.default) == null ? void 0 : m.call(c)]
+                ),
+                [[se, i.value]]
+              );
+            }
+          }
+        )
+      ]);
+      return r(
+        "li",
+        {
+          class: [
+            p.b(),
+            p.is("active", y.value),
+            p.is("opened", i.value),
+            p.is("disabled", n.disabled)
+          ],
+          role: "menuitem",
+          ariaHaspopup: !0,
+          ariaExpanded: i.value,
+          onMouseenter: C,
+          onMouseleave: () => _(),
+          onFocus: C
+        },
+        [u]
+      );
+    };
+  }
+});
+export {
+  Re as default,
+  Te as subMenuProps
+};

package/es/node_modules/element-plus/es/components/menu/src/tokens.js

@@ -0,0 +1,5 @@
+const E = "rootMenu", N = "subMenu:";
+export {
+  E as MENU_INJECTION_KEY,
+  N as SUB_MENU_INJECTION_KEY
+};

package/es/node_modules/element-plus/es/components/menu/src/use-menu-color.js

@@ -0,0 +1,11 @@
+import { computed as n } from "vue";
+import { TinyColor as t } from "../../../../../@ctrl/tinycolor/dist/module/index.js";
+function m(r) {
+  return n(() => {
+    const o = r.backgroundColor;
+    return o ? new t(o).shade(20).toString() : "";
+  });
+}
+export {
+  m as default
+};

package/es/node_modules/element-plus/es/components/menu/src/use-menu-css-var.js

@@ -0,0 +1,19 @@
+import { computed as t } from "vue";
+import c from "./use-menu-color.js";
+import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
+const n = (o, e) => {
+  const r = l("menu");
+  return t(
+    () => r.cssVarBlock({
+      "text-color": o.textColor || "",
+      "hover-text-color": o.textColor || "",
+      "bg-color": o.backgroundColor || "",
+      "hover-bg-color": c(o).value || "",
+      "active-color": o.activeTextColor || "",
+      level: `${e}`
+    })
+  );
+};
+export {
+  n as useMenuCssVar
+};

package/es/node_modules/element-plus/es/components/menu/src/use-menu.js

@@ -0,0 +1,22 @@
+import { computed as r } from "vue";
+function o(n, p) {
+  const u = r(() => {
+    let e = n.parent;
+    const t = [p.value];
+    for (; e.type.name !== "ElMenu"; )
+      e.props.index && t.unshift(e.props.index), e = e.parent;
+    return t;
+  });
+  return {
+    parentMenu: r(() => {
+      let e = n.parent;
+      for (; e && !["ElMenu", "ElSubMenu"].includes(e.type.name); )
+        e = e.parent;
+      return e;
+    }),
+    indexPath: u
+  };
+}
+export {
+  o as default
+};

package/es/node_modules/element-plus/es/components/menu/src/utils/menu-bar.js

@@ -0,0 +1,15 @@
+import i from "./menu-item.js";
+class s {
+  constructor(o, e) {
+    this.domNode = o, this.init(e);
+  }
+  init(o) {
+    const e = this.domNode.childNodes;
+    Array.from(e).forEach((t) => {
+      t.nodeType === 1 && new i(t, o);
+    });
+  }
+}
+export {
+  s as default
+};