fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/select/src/select2.js

@@ -0,0 +1,664 @@
+import { defineComponent as X, getCurrentInstance as Y, computed as F, reactive as q, toRefs as Z, watch as _, provide as x, onBeforeUnmount as ee, resolveComponent as y, resolveDirective as le, withDirectives as B, openBlock as s, createElementBlock as r, mergeProps as A, toHandlerKey as oe, createVNode as k, withCtx as d, createElementVNode as u, normalizeClass as t, withModifiers as I, renderSlot as c, createCommentVNode as f, Fragment as $, renderList as z, normalizeStyle as K, createTextVNode as J, toDisplayString as h, createBlock as m, vModelText as ne, resolveDynamicComponent as W, vShow as se } from "vue";
+import { ElTooltip as te } from "../../tooltip/index.js";
+import { ElScrollbar as ae } from "../../scrollbar/index.js";
+import { ElTag as re } from "../../tag/index.js";
+import { ElIcon as ie } from "../../icon/index.js";
+import { useProps as pe } from "../../select-v2/src/useProps.js";
+import de from "./option2.js";
+import ue from "./select-dropdown.js";
+import { useSelect as fe } from "./useSelect.js";
+import { selectKey as me } from "./token.js";
+import ce from "./options.js";
+import { selectProps as ve } from "./select.js";
+import be from "./option-group.js";
+import ge from "../../../_virtual/plugin-vue_export-helper.js";
+import Se from "../../../directives/click-outside/index.js";
+import { useCalcInputWidth as ye } from "../../../hooks/use-calc-input-width/index.js";
+import { UPDATE_MODEL_EVENT as Ce, CHANGE_EVENT as we } from "../../../constants/event.js";
+import { isArray as ke, isObject as U } from "../../../../../@vue/shared/dist/shared.esm-bundler.js";
+import { flattedChildren as he } from "../../../utils/vue/vnode.js";
+const Q = "ElSelect", R = /* @__PURE__ */ new WeakMap(), Ee = (e) => (...l) => {
+  var b, v;
+  const E = l[0];
+  if (!E || E.includes(
+    'Slot "default" invoked outside of the render function'
+  ) && ((b = l[2]) != null && b.includes("ElTreeSelect")))
+    return;
+  const C = (v = R.get(e)) == null ? void 0 : v.originalWarnHandler;
+  if (C) {
+    C(...l);
+    return;
+  }
+  console.warn(...l);
+}, Oe = (e) => {
+  let l = R.get(e);
+  return l || (l = {
+    originalWarnHandler: e.config.warnHandler,
+    handler: Ee(e),
+    count: 0
+  }, R.set(e, l)), l;
+}, Te = X({
+  name: Q,
+  componentName: Q,
+  components: {
+    ElSelectMenu: ue,
+    ElOption: de,
+    ElOptions: ce,
+    ElOptionGroup: be,
+    ElTag: re,
+    ElScrollbar: ae,
+    ElTooltip: te,
+    ElIcon: ie
+  },
+  directives: { ClickOutside: Se },
+  props: ve,
+  emits: [
+    Ce,
+    we,
+    "remove-tag",
+    "clear",
+    "visible-change",
+    "focus",
+    "blur",
+    "popup-scroll"
+  ],
+  setup(e, { emit: l, slots: b }) {
+    const v = Y(), E = Oe(v.appContext);
+    E.count += 1, v.appContext.config.warnHandler = E.handler;
+    const C = F(() => {
+      const { modelValue: n, multiple: S } = e, p = S ? [] : void 0;
+      return ke(n) ? S ? n : p : S ? p : n;
+    }), O = q({
+      ...Z(e),
+      modelValue: C
+    }), a = fe(O, l), { calculatorRef: T, inputStyle: V } = ye(), { getLabel: M, getValue: L, getOptions: P, getDisabled: H } = pe(e), N = (n) => ({
+      label: M(n),
+      value: L(n),
+      disabled: H(n)
+    }), i = (n) => n.reduce((S, p) => (S.push(p), p.children && p.children.length > 0 && S.push(...i(p.children)), S), []), o = (n) => {
+      he(n || []).forEach((p) => {
+        var G;
+        if (U(p) && (p.type.name === "ElOption" || p.type.name === "ElTree")) {
+          const j = p.type.name;
+          if (j === "ElTree") {
+            const w = ((G = p.props) == null ? void 0 : G.data) || [];
+            i(w).forEach((D) => {
+              D.currentLabel = D.label || (U(D.value) ? "" : D.value), a.onOptionCreate(D);
+            });
+          } else if (j === "ElOption") {
+            const w = { ...p.props };
+            w.currentLabel = w.label || (U(w.value) ? "" : w.value), a.onOptionCreate(w);
+          }
+        }
+      });
+    };
+    _(
+      () => {
+        var n;
+        return [(n = b.default) == null ? void 0 : n.call(b), C.value];
+      },
+      () => {
+        var n;
+        e.persistent || a.expanded.value || (a.states.options.clear(), o((n = b.default) == null ? void 0 : n.call(b)));
+      },
+      {
+        immediate: !0
+      }
+    ), x(
+      me,
+      q({
+        props: O,
+        states: a.states,
+        selectRef: a.selectRef,
+        optionsArray: a.optionsArray,
+        setSelected: a.setSelected,
+        handleOptionSelect: a.handleOptionSelect,
+        onOptionCreate: a.onOptionCreate,
+        onOptionDestroy: a.onOptionDestroy
+      })
+    );
+    const g = F(() => e.multiple ? a.states.selected.map((n) => n.currentLabel) : a.states.selectedLabel);
+    return ee(() => {
+      const n = R.get(v.appContext);
+      n && (n.count -= 1, n.count <= 0 && (v.appContext.config.warnHandler = n.originalWarnHandler, R.delete(v.appContext)));
+    }), {
+      ...a,
+      modelValue: C,
+      selectedLabel: g,
+      calculatorRef: T,
+      inputStyle: V,
+      getLabel: M,
+      getValue: L,
+      getOptions: P,
+      getDisabled: H,
+      getOptionProps: N
+    };
+  }
+}), Ve = ["id", "name", "disabled", "autocomplete", "tabindex", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"], De = ["textContent"], $e = { key: 1 };
+function Re(e, l, b, v, E, C) {
+  const O = y("el-tag"), a = y("el-tooltip"), T = y("el-icon"), V = y("el-option"), M = y("el-option-group"), L = y("el-options"), P = y("el-scrollbar"), H = y("el-select-menu"), N = le("click-outside");
+  return B((s(), r(
+    "div",
+    A({
+      ref: "selectRef",
+      class: [e.nsSelect.b(), e.nsSelect.m(e.selectSize)]
+    }, {
+      [oe(e.mouseEnterEventName)]: l[11] || (l[11] = (i) => e.states.inputHovering = !0)
+    }, {
+      onMouseleave: l[12] || (l[12] = (i) => e.states.inputHovering = !1)
+    }),
+    [
+      k(a, {
+        ref: "tooltipRef",
+        visible: e.dropdownMenuVisible,
+        placement: e.placement,
+        teleported: e.teleported,
+        "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+        "popper-style": e.popperStyle,
+        "popper-options": e.popperOptions,
+        "fallback-placements": e.fallbackPlacements,
+        effect: e.effect,
+        pure: "",
+        trigger: "click",
+        transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
+        "stop-popper-mouse-event": !1,
+        "gpu-acceleration": !1,
+        persistent: e.persistent,
+        "append-to": e.appendTo,
+        "show-arrow": e.showArrow,
+        offset: e.offset,
+        onBeforeShow: e.handleMenuEnter,
+        onHide: l[10] || (l[10] = (i) => e.states.isBeforeHide = !1)
+      }, {
+        default: d(() => {
+          var i;
+          return [
+            u(
+              "div",
+              {
+                ref: "wrapperRef",
+                class: t([
+                  e.nsSelect.e("wrapper"),
+                  e.nsSelect.is("focused", e.isFocused),
+                  e.nsSelect.is("hovering", e.states.inputHovering),
+                  e.nsSelect.is("filterable", e.filterable),
+                  e.nsSelect.is("disabled", e.selectDisabled)
+                ]),
+                onClick: l[7] || (l[7] = I((...o) => e.toggleMenu && e.toggleMenu(...o), ["prevent"]))
+              },
+              [
+                e.$slots.prefix ? (s(), r(
+                  "div",
+                  {
+                    key: 0,
+                    ref: "prefixRef",
+                    class: t(e.nsSelect.e("prefix"))
+                  },
+                  [
+                    c(e.$slots, "prefix")
+                  ],
+                  2
+                )) : f("v-if", !0),
+                u(
+                  "div",
+                  {
+                    ref: "selectionRef",
+                    class: t([
+                      e.nsSelect.e("selection"),
+                      e.nsSelect.is(
+                        "near",
+                        e.multiple && !e.$slots.prefix && !!e.states.selected.length
+                      )
+                    ])
+                  },
+                  [
+                    e.multiple ? c(e.$slots, "tag", {
+                      key: 0,
+                      data: e.states.selected,
+                      deleteTag: e.deleteTag,
+                      selectDisabled: e.selectDisabled
+                    }, () => [
+                      (s(!0), r(
+                        $,
+                        null,
+                        z(e.showTagList, (o) => (s(), r(
+                          "div",
+                          {
+                            key: e.getValueKey(o),
+                            class: t(e.nsSelect.e("selected-item"))
+                          },
+                          [
+                            k(O, {
+                              closable: !e.selectDisabled && !o.isDisabled,
+                              size: e.collapseTagSize,
+                              type: e.tagType,
+                              effect: e.tagEffect,
+                              "disable-transitions": "",
+                              style: K(e.tagStyle),
+                              onClose: (g) => e.deleteTag(g, o)
+                            }, {
+                              default: d(() => [
+                                u(
+                                  "span",
+                                  {
+                                    class: t(e.nsSelect.e("tags-text"))
+                                  },
+                                  [
+                                    c(e.$slots, "label", {
+                                      index: o.index,
+                                      label: o.currentLabel,
+                                      value: o.value
+                                    }, () => [
+                                      J(
+                                        h(o.currentLabel),
+                                        1
+                                      )
+                                    ])
+                                  ],
+                                  2
+                                )
+                              ]),
+                              _: 2
+                            }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                          ],
+                          2
+                        ))),
+                        128
+                      )),
+                      e.collapseTags && e.states.selected.length > e.maxCollapseTags ? (s(), m(a, {
+                        key: 0,
+                        ref: "tagTooltipRef",
+                        disabled: e.dropdownMenuVisible || !e.collapseTagsTooltip,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: e.effect,
+                        placement: "bottom",
+                        "popper-class": e.popperClass,
+                        "popper-style": e.popperStyle,
+                        teleported: e.teleported,
+                        "popper-options": e.popperOptions
+                      }, {
+                        default: d(() => [
+                          u(
+                            "div",
+                            {
+                              ref: "collapseItemRef",
+                              class: t(e.nsSelect.e("selected-item"))
+                            },
+                            [
+                              k(O, {
+                                closable: !1,
+                                size: e.collapseTagSize,
+                                type: e.tagType,
+                                effect: e.tagEffect,
+                                "disable-transitions": "",
+                                style: K(e.collapseTagStyle)
+                              }, {
+                                default: d(() => [
+                                  u(
+                                    "span",
+                                    {
+                                      class: t(e.nsSelect.e("tags-text"))
+                                    },
+                                    " + " + h(e.states.selected.length - e.maxCollapseTags),
+                                    3
+                                  )
+                                ]),
+                                _: 1
+                              }, 8, ["size", "type", "effect", "style"])
+                            ],
+                            2
+                          )
+                        ]),
+                        content: d(() => [
+                          u(
+                            "div",
+                            {
+                              ref: "tagMenuRef",
+                              class: t(e.nsSelect.e("selection"))
+                            },
+                            [
+                              (s(!0), r(
+                                $,
+                                null,
+                                z(e.collapseTagList, (o) => (s(), r(
+                                  "div",
+                                  {
+                                    key: e.getValueKey(o),
+                                    class: t(e.nsSelect.e("selected-item"))
+                                  },
+                                  [
+                                    k(O, {
+                                      class: "in-tooltip",
+                                      closable: !e.selectDisabled && !o.isDisabled,
+                                      size: e.collapseTagSize,
+                                      type: e.tagType,
+                                      effect: e.tagEffect,
+                                      "disable-transitions": "",
+                                      onClose: (g) => e.deleteTag(g, o)
+                                    }, {
+                                      default: d(() => [
+                                        u(
+                                          "span",
+                                          {
+                                            class: t(e.nsSelect.e("tags-text"))
+                                          },
+                                          [
+                                            c(e.$slots, "label", {
+                                              index: o.index,
+                                              label: o.currentLabel,
+                                              value: o.value
+                                            }, () => [
+                                              J(
+                                                h(o.currentLabel),
+                                                1
+                                              )
+                                            ])
+                                          ],
+                                          2
+                                        )
+                                      ]),
+                                      _: 2
+                                    }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                                  ],
+                                  2
+                                ))),
+                                128
+                              ))
+                            ],
+                            2
+                          )
+                        ]),
+                        _: 3
+                      }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported", "popper-options"])) : f("v-if", !0)
+                    ]) : f("v-if", !0),
+                    u(
+                      "div",
+                      {
+                        class: t([
+                          e.nsSelect.e("selected-item"),
+                          e.nsSelect.e("input-wrapper"),
+                          e.nsSelect.is("hidden", !e.filterable || e.selectDisabled)
+                        ])
+                      },
+                      [
+                        B(u("input", {
+                          id: e.inputId,
+                          ref: "inputRef",
+                          "onUpdate:modelValue": l[0] || (l[0] = (o) => e.states.inputValue = o),
+                          type: "text",
+                          name: e.name,
+                          class: t([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
+                          disabled: e.selectDisabled,
+                          autocomplete: e.autocomplete,
+                          style: K(e.inputStyle),
+                          tabindex: e.tabindex,
+                          role: "combobox",
+                          readonly: !e.filterable,
+                          spellcheck: "false",
+                          "aria-activedescendant": ((i = e.hoverOption) == null ? void 0 : i.id) || "",
+                          "aria-controls": e.contentId,
+                          "aria-expanded": e.dropdownMenuVisible,
+                          "aria-label": e.ariaLabel,
+                          "aria-autocomplete": "none",
+                          "aria-haspopup": "listbox",
+                          onKeydown: l[1] || (l[1] = (...o) => e.handleKeydown && e.handleKeydown(...o)),
+                          onCompositionstart: l[2] || (l[2] = (...o) => e.handleCompositionStart && e.handleCompositionStart(...o)),
+                          onCompositionupdate: l[3] || (l[3] = (...o) => e.handleCompositionUpdate && e.handleCompositionUpdate(...o)),
+                          onCompositionend: l[4] || (l[4] = (...o) => e.handleCompositionEnd && e.handleCompositionEnd(...o)),
+                          onInput: l[5] || (l[5] = (...o) => e.onInput && e.onInput(...o)),
+                          onClick: l[6] || (l[6] = I((...o) => e.toggleMenu && e.toggleMenu(...o), ["stop"]))
+                        }, null, 46, Ve), [
+                          [ne, e.states.inputValue]
+                        ]),
+                        e.filterable ? (s(), r("span", {
+                          key: 0,
+                          ref: "calculatorRef",
+                          "aria-hidden": "true",
+                          class: t(e.nsSelect.e("input-calculator")),
+                          textContent: h(e.states.inputValue)
+                        }, null, 10, De)) : f("v-if", !0)
+                      ],
+                      2
+                    ),
+                    e.shouldShowPlaceholder ? (s(), r(
+                      "div",
+                      {
+                        key: 1,
+                        class: t([
+                          e.nsSelect.e("selected-item"),
+                          e.nsSelect.e("placeholder"),
+                          e.nsSelect.is(
+                            "transparent",
+                            !e.hasModelValue || e.expanded && !e.states.inputValue
+                          )
+                        ])
+                      },
+                      [
+                        e.hasModelValue ? c(e.$slots, "label", {
+                          key: 0,
+                          index: e.getOption(e.modelValue).index,
+                          label: e.currentPlaceholder,
+                          value: e.modelValue
+                        }, () => [
+                          u(
+                            "span",
+                            null,
+                            h(e.currentPlaceholder),
+                            1
+                          )
+                        ]) : (s(), r(
+                          "span",
+                          $e,
+                          h(e.currentPlaceholder),
+                          1
+                        ))
+                      ],
+                      2
+                    )) : f("v-if", !0)
+                  ],
+                  2
+                ),
+                u(
+                  "div",
+                  {
+                    ref: "suffixRef",
+                    class: t(e.nsSelect.e("suffix"))
+                  },
+                  [
+                    e.iconComponent && !e.showClearBtn ? (s(), m(T, {
+                      key: 0,
+                      class: t([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
+                    }, {
+                      default: d(() => [
+                        (s(), m(W(e.iconComponent)))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : f("v-if", !0),
+                    e.showClearBtn && e.clearIcon ? (s(), m(T, {
+                      key: 1,
+                      class: t([
+                        e.nsSelect.e("caret"),
+                        e.nsSelect.e("icon"),
+                        e.nsSelect.e("clear")
+                      ]),
+                      onClick: e.handleClearClick
+                    }, {
+                      default: d(() => [
+                        (s(), m(W(e.clearIcon)))
+                      ]),
+                      _: 1
+                    }, 8, ["class", "onClick"])) : f("v-if", !0),
+                    e.validateState && e.validateIcon && e.needStatusIcon ? (s(), m(T, {
+                      key: 2,
+                      class: t([
+                        e.nsInput.e("icon"),
+                        e.nsInput.e("validateIcon"),
+                        e.nsInput.is("loading", e.validateState === "validating")
+                      ])
+                    }, {
+                      default: d(() => [
+                        (s(), m(W(e.validateIcon)))
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : f("v-if", !0)
+                  ],
+                  2
+                )
+              ],
+              2
+            )
+          ];
+        }),
+        content: d(() => [
+          k(
+            H,
+            { ref: "menuRef" },
+            {
+              default: d(() => [
+                e.$slots.header ? (s(), r(
+                  "div",
+                  {
+                    key: 0,
+                    class: t(e.nsSelect.be("dropdown", "header")),
+                    onClick: l[8] || (l[8] = I(() => {
+                    }, ["stop"]))
+                  },
+                  [
+                    c(e.$slots, "header")
+                  ],
+                  2
+                )) : f("v-if", !0),
+                B(k(P, {
+                  id: e.contentId,
+                  ref: "scrollbarRef",
+                  tag: "ul",
+                  "wrap-class": e.nsSelect.be("dropdown", "wrap"),
+                  "view-class": e.nsSelect.be("dropdown", "list"),
+                  class: t([e.nsSelect.is("empty", e.filteredOptionsCount === 0)]),
+                  role: "listbox",
+                  "aria-label": e.ariaLabel,
+                  "aria-orientation": "vertical",
+                  onScroll: e.popupScroll
+                }, {
+                  default: d(() => [
+                    e.showNewOption ? (s(), m(V, {
+                      key: 0,
+                      value: e.states.inputValue,
+                      created: !0
+                    }, null, 8, ["value"])) : f("v-if", !0),
+                    k(L, null, {
+                      default: d(() => [
+                        c(e.$slots, "default", {}, () => [
+                          (s(!0), r(
+                            $,
+                            null,
+                            z(e.options, (i, o) => {
+                              var g;
+                              return s(), r(
+                                $,
+                                { key: o },
+                                [
+                                  (g = e.getOptions(i)) != null && g.length ? (s(), m(M, {
+                                    key: 0,
+                                    label: e.getLabel(i),
+                                    disabled: e.getDisabled(i)
+                                  }, {
+                                    default: d(() => [
+                                      (s(!0), r(
+                                        $,
+                                        null,
+                                        z(e.getOptions(i), (n) => (s(), m(
+                                          V,
+                                          A({
+                                            key: e.getValue(n)
+                                          }, { ref_for: !0 }, e.getOptionProps(n)),
+                                          null,
+                                          16
+                                        ))),
+                                        128
+                                      ))
+                                    ]),
+                                    _: 2
+                                  }, 1032, ["label", "disabled"])) : (s(), m(
+                                    V,
+                                    A({
+                                      key: 1,
+                                      ref_for: !0
+                                    }, e.getOptionProps(i)),
+                                    null,
+                                    16
+                                  ))
+                                ],
+                                64
+                              );
+                            }),
+                            128
+                          ))
+                        ])
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                }, 8, ["id", "wrap-class", "view-class", "class", "aria-label", "onScroll"]), [
+                  [se, e.states.options.size > 0 && !e.loading]
+                ]),
+                e.$slots.loading && e.loading ? (s(), r(
+                  "div",
+                  {
+                    key: 1,
+                    class: t(e.nsSelect.be("dropdown", "loading"))
+                  },
+                  [
+                    c(e.$slots, "loading")
+                  ],
+                  2
+                )) : e.loading || e.filteredOptionsCount === 0 ? (s(), r(
+                  "div",
+                  {
+                    key: 2,
+                    class: t(e.nsSelect.be("dropdown", "empty"))
+                  },
+                  [
+                    c(e.$slots, "empty", {}, () => [
+                      u(
+                        "span",
+                        null,
+                        h(e.emptyText),
+                        1
+                      )
+                    ])
+                  ],
+                  2
+                )) : f("v-if", !0),
+                e.$slots.footer ? (s(), r(
+                  "div",
+                  {
+                    key: 3,
+                    class: t(e.nsSelect.be("dropdown", "footer")),
+                    onClick: l[9] || (l[9] = I(() => {
+                    }, ["stop"]))
+                  },
+                  [
+                    c(e.$slots, "footer")
+                  ],
+                  2
+                )) : f("v-if", !0)
+              ]),
+              _: 3
+            },
+            512
+          )
+        ]),
+        _: 3
+      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-style", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
+    ],
+    16
+  )), [
+    [N, e.handleClickOutside, e.popperRef]
+  ]);
+}
+var Ze = /* @__PURE__ */ ge(Te, [["render", Re], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/select.vue"]]);
+export {
+  Ze as default
+};

package/es/node_modules/element-plus/es/components/select/src/token.js

@@ -0,0 +1,5 @@
+const e = Symbol("ElSelectGroup"), l = Symbol("ElSelect");
+export {
+  e as selectGroupKey,
+  l as selectKey
+};