fancy-plugins-components 1.0.33 → 1.0.34

package/dist/es/components.d.ts

@@ -1,2 +1,3 @@
 export { default as FancyButton } from './fancy-button/index';
 export { default as FancyCard } from './fancy-card/index';
+export { default as FancySelectTable } from './fancy-select-table/index';

package/dist/es/components.js

@@ -1,6 +1,8 @@
-import { default as o } from "./fancy-button/index.vue.js";
-import { default as e } from "./fancy-card/index.vue.js";
+import { default as t } from "./fancy-button/index.vue.js";
+import { default as r } from "./fancy-card/index.vue.js";
+import { default as l } from "./fancy-select-table/index.vue.js";
 export {
-  o as FancyButton,
-  e as FancyCard
+  t as FancyButton,
+  r as FancyCard,
+  l as FancySelectTable
 };

package/dist/es/fancy-select-table/index.d.ts

@@ -0,0 +1,2 @@
+import { default as SelectTable } from './index.vue';
+export default SelectTable;

package/dist/es/fancy-select-table/index.js

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

package/dist/es/fancy-select-table/index.vue.d.ts

@@ -0,0 +1,49 @@
+import { SelectTableProps } from './types';
+import { VxeGridInstance } from 'vxe-table';
+type __VLS_Props = SelectTableProps;
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
+declare function __VLS_template(): any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    inputRef: import('vue').Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    gridRef: import('vue').Ref<VxeGridInstance | undefined, VxeGridInstance | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+} & {
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    select: (row: any) => any;
+    clear: () => any;
+    "visible-change": (val: boolean) => any;
+    "data-error": (event: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onSelect?: ((row: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
+    "onData-error"?: ((event: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    placeholder: string;
+    clearable: boolean;
+    filterable: boolean;
+    effect: "dark" | "light";
+    showArrow: boolean;
+    persistent: boolean;
+    fallbackPlacements: import('element-plus').Placement[];
+    popperContentWidth: number;
+    inputDelay: number;
+    autoFoucsDropdown: boolean;
+    closeTooltipOnClickClear: boolean;
+    keepLabelSearch: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/fancy-select-table/index.vue.js

@@ -0,0 +1,502 @@
+import { ElTooltip as Oe, ElTag as We, ElIcon as He } from "element-plus/es";
+import "element-plus/es/components/base/style/index";
+import "element-plus/es/components/tooltip/style/index";
+import { EleLoading as $e } from "ele-admin-plus/es";
+import "ele-admin-plus/es/ele-loading/style/index";
+import "element-plus/es/components/icon/style/index";
+import "element-plus/es/components/tag/style/index";
+import { defineComponent as Ne, mergeModels as ee, useModel as Ue, useSlots as je, ref as f, computed as c, reactive as Ge, onMounted as qe, nextTick as d, watch as z, resolveComponent as te, resolveDirective as Je, withDirectives as le, createElementBlock as A, openBlock as k, createVNode as R, withCtx as x, createElementVNode as g, normalizeStyle as ae, renderSlot as E, mergeProps as Qe, toHandlers as Xe, createSlots as Ye, renderList as oe, normalizeProps as Ze, guardReactiveProps as et, withModifiers as I, normalizeClass as P, createCommentVNode as M, Fragment as tt, createTextVNode as lt, toDisplayString as O, unref as y, withKeys as at, vModelText as ot, createBlock as ne } from "vue";
+import { CircleClose as nt, ArrowDown as rt } from "@element-plus/icons-vue";
+import { useEventListener as W, useResizeObserver as H } from "../node_modules/.pnpm/@vueuse_core@14.2.1_vue@3.5.28_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { useFormItem as re, useComposition as st } from "element-plus";
+import "vxe-table";
+import it from "../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/debounce.js";
+const ut = { class: "select-table__selection" }, ct = ["readonly", "disabled", "onKeydown"], dt = ["textContent"], pt = { class: "select-table__dropown-wrapper" }, ft = { class: "pager_content" }, vt = 11, Tt = /* @__PURE__ */ Ne({
+  __name: "index",
+  props: /* @__PURE__ */ ee({
+    datasource: {},
+    vxeProps: {},
+    valueKey: {},
+    labelKey: {},
+    cacheData: {},
+    disabled: { type: Boolean },
+    clearable: { type: Boolean, default: !1 },
+    filterable: { type: Boolean, default: !0 },
+    placeholder: { default: "请选择" },
+    effect: { default: "light" },
+    showArrow: { type: Boolean, default: !0 },
+    fitInputWidth: { type: Boolean },
+    persistent: { type: Boolean, default: !0 },
+    fallbackPlacements: { default: () => ["bottom-start", "top-start", "right", "left"] },
+    popperContentWidth: { default: 900 },
+    popperClass: {},
+    loadingText: {},
+    inputDelay: { default: 500 },
+    autoFoucsDropdown: { type: Boolean, default: !0 },
+    closeTooltipOnClickClear: { type: Boolean, default: !0 },
+    keepLabelSearch: { type: Boolean, default: !0 },
+    upAndDownArrowLoop: { type: Boolean },
+    multiple: { type: Boolean },
+    tagType: {},
+    beforeSelect: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ ee(["focus", "blur", "visible-change", "data-error", "select", "clear"], ["update:modelValue"]),
+  setup(u, { expose: se, emit: ie }) {
+    const a = u, m = ie, i = Ue(u, "modelValue"), { formItem: $ } = re(), N = je(), U = f(), K = f(), v = f(), S = f(), h = f(), T = f(), ue = c(() => T.value?.popperRef?.contentRef), e = Ge({
+      inputHovering: !1,
+      isFocused: !1,
+      expanded: !1,
+      inputValue: "",
+      calculatorWidth: 0,
+      tableActiveIndex: 0,
+      currentLabel: "",
+      currentValue: "",
+      tooltipVisibleOnFocus: !1,
+      selected: []
+    }), { isComposing: j, handleCompositionStart: G, handleCompositionUpdate: q, handleCompositionEnd: J } = st({
+      afterComposition: (t) => Y(t)
+    }), ce = c({
+      get() {
+        return e.expanded;
+      },
+      set(t) {
+        e.expanded = t;
+      }
+    }), { form: de } = re(), V = c(() => a.disabled || de?.disabled), F = () => {
+      V.value || (e.tooltipVisibleOnFocus ? e.tooltipVisibleOnFocus = !1 : e.expanded = !e.expanded);
+    }, pe = (t) => {
+      t.target === U.value?.$el && a.autoFoucsDropdown || V.value || e.isFocused || d(() => {
+        e.isFocused = !0, m("focus", t), a.autoFoucsDropdown && !e.expanded && (e.expanded = !0, e.tooltipVisibleOnFocus = !0);
+      });
+    }, fe = (t) => T.value?.isFocusInsideContent(t), Q = (t) => {
+      fe(t) || t.target && v.value?.contains(t.target) || t.relatedTarget && v.value?.contains(t.relatedTarget) || (e.isFocused = !1, m("blur", t), e.expanded = !1, e.tooltipVisibleOnFocus = !1);
+    }, ve = () => {
+      v.value?.contains(document.activeElement) && v.value !== document.activeElement || h.value?.focus();
+    };
+    W(v, "focus", pe, !0), W(v, "blur", Q, !0), W(v, "click", ve, !0), c(() => a.fitInputWidth);
+    const be = f(""), X = () => {
+      be.value = `${K.value?.offsetWidth}px`;
+    };
+    qe(() => {
+      X(), H(K, X);
+    });
+    const ge = (t) => {
+      if (e.expanded = !1, e.isFocused) {
+        const l = new FocusEvent("focus", t);
+        d(() => Q(l));
+      }
+    }, me = it(() => {
+      n.value.currentPage = 1, w();
+    }, a.inputDelay), Y = (t) => {
+      e.inputValue = t.target.value, e.expanded || (e.expanded = !0), me();
+    }, xe = () => {
+      e.expanded ? Ke() : F();
+    }, ye = c(() => ({
+      width: `${Math.max(e.calculatorWidth, vt)}px`
+    })), he = () => {
+      e.calculatorWidth = S.value?.getBoundingClientRect().width || 0;
+    }, we = () => {
+      T.value?.updatePopper?.();
+    };
+    H(S, he), H(v, we);
+    const Ce = c(() => a.multiple ? !e.selected.length : !e.inputValue), ke = c(() => e.currentLabel ? e.currentLabel : a.placeholder ? a.placeholder : "请选择"), Re = c(() => a.multiple && e.selected.length && a.clearable && e.inputHovering && !V.value ? !0 : a.clearable && e.inputHovering && i.value && !Array.isArray(i.value) && !V.value), Ve = c(() => !!N.header), Ae = c(() => Object.keys(N).filter((t) => !["header", "footer"].includes(t))), Ie = c(() => "select-table__popper vxe-table--ignore-clear " + (a.popperClass ?? "") + (Ve.value ? " has-header" : "")), _ = f(!1), p = f(), Te = f(), _e = c(() => {
+      const t = {
+        height: 350,
+        rowConfig: {
+          isCurrent: !0,
+          isHover: !0
+        },
+        columnConfig: {
+          resizable: !0
+        },
+        ...a.vxeProps
+      };
+      return a.multiple && (t.columns = [
+        { type: "checkbox", align: "center", width: 50 },
+        ...a.vxeProps?.columns || []
+      ], t.checkboxConfig = {
+        trigger: "row",
+        ...t.checkboxConfig
+        // reserve: true,
+      }, t.rowConfig = {
+        ...t.rowConfig,
+        keyField: a.valueKey.toString()
+      }), t;
+    }), n = f({
+      total: 0,
+      currentPage: 1,
+      pageSize: 20,
+      gridTableData: []
+    }), De = () => {
+      e.selected.forEach((t) => {
+        const l = n.value.gridTableData.find(
+          (o) => o[a.valueKey] === t[a.valueKey]
+        );
+        l && p.value?.setCheckboxRow(l, !0);
+      });
+    }, w = async () => {
+      if (!j.value) {
+        e.tableActiveIndex = 0, _.value = !0;
+        try {
+          console.log(e, "ss");
+          const { currentPage: t, pageSize: l } = n.value, o = await a.datasource({
+            page: t,
+            size: l,
+            filter: e.inputValue
+          });
+          if (!o) {
+            n.value.total = 0, n.value.gridTableData = [];
+            return;
+          }
+          n.value.total = o.total, n.value.gridTableData = o.list, d(() => {
+            d(() => {
+              p.value?.focus();
+            });
+            let b = n.value.gridTableData?.[0];
+            if (e.currentValue) {
+              const C = o.list.findIndex((B) => B[a.valueKey] === e.currentValue);
+              C > -1 && (b = o.list[C], e.tableActiveIndex = C);
+            }
+            p.value?.setCurrentRow(b), setTimeout(() => {
+              p.value?.scrollToRow(b);
+            }, 0), d(() => {
+              De();
+            });
+          });
+        } catch (t) {
+          m("data-error", t);
+        } finally {
+          _.value = !1;
+        }
+      }
+    };
+    z(
+      () => e.expanded,
+      (t) => {
+        t ? j.value || w() : (a.keepLabelSearch || (e.inputValue = ""), e.tableActiveIndex = 0, n.value = {
+          pageSize: n.value.pageSize,
+          currentPage: 1,
+          total: 0,
+          gridTableData: []
+        }), m("visible-change", t);
+      }
+    );
+    const Pe = c(() => Math.ceil(n.value.total / n.value.pageSize)), Z = c(() => n.value.currentPage === Pe.value), D = (t) => {
+      const l = n.value.gridTableData[t];
+      p.value?.setCurrentRow(l), d(() => {
+        p.value?.scrollToRow(l);
+      });
+    }, Ke = async () => {
+      const t = e.tableActiveIndex, l = n.value.gridTableData?.[t];
+      if (a.multiple) {
+        const o = e.selected.indexOf(l);
+        o > -1 ? (e.selected.splice(o, 1), i.value.splice(o, 1)) : (e.selected.push(l), i.value.push(l?.[a.valueKey])), p.value?.setCheckboxRow(l, o === -1);
+      } else {
+        if (a.beforeSelect && !await a.beforeSelect(l))
+          return;
+        e.currentLabel = l?.[a.labelKey], e.inputValue = l?.[a.labelKey], i.value = e.currentValue = l?.[a.valueKey], e.expanded = !1, m("select", l);
+      }
+      d(() => {
+        $?.validate("change");
+      });
+    }, Se = (t) => {
+      if (_.value) return;
+      const l = t, { currentPage: o, gridTableData: r } = n.value;
+      if (l.key === "ArrowDown") {
+        if (e.tableActiveIndex + 1 === r.length)
+          if (a.upAndDownArrowLoop) {
+            e.tableActiveIndex = 0, D(e.tableActiveIndex);
+            return;
+          } else {
+            if (Z.value)
+              return;
+            n.value.currentPage++, w();
+            return;
+          }
+        e.tableActiveIndex++, D(e.tableActiveIndex);
+        return;
+      } else if (l.key === "ArrowUp") {
+        if (e.tableActiveIndex === 0)
+          if (a.upAndDownArrowLoop) {
+            e.tableActiveIndex = n.value.gridTableData.length - 1, D(e.tableActiveIndex);
+            return;
+          } else {
+            if (o === 1)
+              return;
+            n.value.currentPage--, w();
+            return;
+          }
+        e.tableActiveIndex--, D(e.tableActiveIndex);
+        return;
+      } else if (l.key === "ArrowLeft") {
+        if (o === 1)
+          return;
+        n.value.currentPage--, w();
+        return;
+      } else if (l.key === "ArrowRight") {
+        if (Z.value)
+          return;
+        n.value.currentPage++, w();
+        return;
+      }
+    }, Fe = {
+      keydown({ $event: t }) {
+        Se(t);
+      },
+      async cellClick({ row: t, rowIndex: l }) {
+        if (a.multiple) {
+          const o = e.selected.indexOf(t);
+          o > -1 ? (e.selected.splice(o, 1), i.value.splice(o, 1)) : (e.selected.push(t), i.value.push(t?.[a.valueKey]));
+        } else {
+          if (a.beforeSelect && !await a.beforeSelect(t))
+            return;
+          e.currentLabel = t[a.labelKey], e.inputValue = t[a.labelKey], i.value = e.currentValue = t?.[a.valueKey], e.expanded = !1, m("select", t);
+        }
+        e.tableActiveIndex = l, d(() => {
+          $?.validate("change");
+        });
+      },
+      checkboxAll({ checked: t }) {
+        const l = i.value, o = n.value.gridTableData.map((r) => r[a.valueKey]);
+        t ? (o.forEach((r) => {
+          l.includes(r) || i.value.push(r);
+        }), n.value.gridTableData.forEach((r) => {
+          e.selected.findIndex(
+            (C) => r[a.valueKey] === C[a.valueKey]
+          ) > -1 || e.selected.push(r);
+        })) : (i.value = l.filter((r) => !o.includes(r)), e.selected = e.selected.filter((r) => !o.includes(r[a.valueKey]))), d(() => {
+          h.value?.focus();
+        });
+      },
+      checkboxChange() {
+        d(() => {
+          h.value?.focus();
+        });
+      }
+    }, Be = async () => {
+      await w(), d(() => {
+        h.value?.focus();
+      });
+    }, Le = (t) => {
+      t.preventDefault(), t.stopPropagation(), a.multiple ? (e.selected = [], i.value = [], p.value?.setAllCheckboxRow(!1)) : (e.currentLabel = "", e.currentValue = "", i.value = ""), e.tableActiveIndex = 0, a.closeTooltipOnClickClear && (e.expanded = !1), e.isFocused = !0, d(() => {
+        h.value?.focus(), m("clear");
+      });
+    };
+    z(
+      () => a.cacheData,
+      (t) => {
+        if (!i.value) return;
+        const l = t || [], o = a.labelKey, r = a.valueKey;
+        if (a.multiple)
+          e.selected = [...l];
+        else {
+          const b = l?.[0];
+          e.currentLabel = b?.[o] ?? "", e.currentValue = b?.[r] ?? "", a.keepLabelSearch && (e.inputValue = e.currentLabel);
+        }
+      },
+      {
+        immediate: !0
+      }
+    ), z(
+      () => i.value,
+      (t) => {
+        t || (e.currentLabel = "", e.currentValue = "", e.inputValue = "");
+      }
+    );
+    const ze = (t, l) => {
+      i.value = i.value.filter((r) => l[a.valueKey] !== r), p.value?.setCheckboxRow(l, !1);
+      const o = e.selected.indexOf(l);
+      o > -1 && e.selected.splice(o, 1), m("select", l), t.stopPropagation(), d(() => {
+        p.value?.focus();
+      });
+    };
+    return se({
+      inputRef: h,
+      gridRef: p
+    }), (t, l) => {
+      const o = We, r = He, b = te("vxe-pager"), C = te("vxe-grid"), B = $e, Ee = Oe, Me = Je("click-outside");
+      return le((k(), A("div", {
+        ref_key: "selectRef",
+        ref: K,
+        class: "select-table",
+        onMouseenter: l[8] || (l[8] = (s) => e.inputHovering = !0),
+        onMouseleave: l[9] || (l[9] = (s) => e.inputHovering = !1)
+      }, [
+        R(Ee, {
+          ref_key: "tooltipRef",
+          ref: T,
+          visible: ce.value,
+          effect: u.effect,
+          pure: "",
+          "fallback-placements": u.fallbackPlacements,
+          persistent: u.persistent,
+          trigger: "click",
+          "show-arrow": u.showArrow,
+          "stop-popper-mouse-event": !1,
+          "gpu-acceleration": !1,
+          transition: "el-zoom-in-top",
+          "popper-class": Ie.value
+        }, {
+          default: x(() => [
+            g("div", {
+              ref_key: "wrapperRef",
+              ref: v,
+              tabindex: "-1",
+              class: P(["select-table__wrapper", {
+                "is-filterable": u.filterable,
+                "is-hovering": e.inputHovering,
+                "is-focused": e.isFocused,
+                "is-disabled": V.value
+              }]),
+              onClick: I(F, ["prevent"])
+            }, [
+              g("div", ut, [
+                u.multiple ? (k(!0), A(tt, { key: 0 }, oe(e.selected, (s) => (k(), A("div", {
+                  class: "select-table__selected-item",
+                  key: s[u.valueKey]
+                }, [
+                  R(o, {
+                    "disable-transitions": "",
+                    closable: "",
+                    onClose: (L) => ze(L, s)
+                  }, {
+                    default: x(() => [
+                      lt(O(s[u.labelKey]), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClose"])
+                ]))), 128)) : M("", !0),
+                g("div", {
+                  class: P(["select-table__selected-item select-table__input-wrapper", { "is-hidden": !u.filterable }])
+                }, [
+                  le(g("input", {
+                    ref_key: "inputRef",
+                    ref: h,
+                    type: "text",
+                    "onUpdate:modelValue": l[0] || (l[0] = (s) => e.inputValue = s),
+                    class: "select-table__input",
+                    readonly: !u.filterable,
+                    style: ae(ye.value),
+                    disabled: V.value,
+                    onInput: Y,
+                    onKeydown: at(I(xe, ["stop", "prevent"]), ["enter"]),
+                    onCompositionstart: l[1] || (l[1] = //@ts-ignore
+                    (...s) => y(G) && y(G)(...s)),
+                    onCompositionend: l[2] || (l[2] = //@ts-ignore
+                    (...s) => y(J) && y(J)(...s)),
+                    onCompositionupdate: l[3] || (l[3] = //@ts-ignore
+                    (...s) => y(q) && y(q)(...s)),
+                    onClick: I(F, ["stop"])
+                  }, null, 44, ct), [
+                    [ot, e.inputValue]
+                  ]),
+                  u.filterable ? (k(), A("span", {
+                    key: 0,
+                    ref_key: "calculatorRef",
+                    ref: S,
+                    "aria-hidden": "true",
+                    class: "select-table__input-calculator",
+                    textContent: O(e.inputValue)
+                  }, null, 8, dt)) : M("", !0)
+                ], 2),
+                Ce.value ? (k(), A("div", {
+                  key: 1,
+                  class: P(["select-table__selected-item select-table__placeholder", { "is-transparent": e.expanded }])
+                }, [
+                  g("span", null, O(ke.value), 1)
+                ], 2)) : M("", !0)
+              ]),
+              g("div", {
+                class: "select-table__suffix",
+                onClick: l[5] || (l[5] = I(() => {
+                }, ["stop"]))
+              }, [
+                Re.value ? (k(), ne(r, {
+                  key: 0,
+                  ref_key: "clearIconRef",
+                  ref: U,
+                  tabindex: "-1",
+                  onFocus: l[4] || (l[4] = I(() => {
+                  }, ["stop", "prevent"])),
+                  class: "select-table__clear",
+                  onClick: Le
+                }, {
+                  default: x(() => [
+                    R(y(nt))
+                  ]),
+                  _: 1
+                }, 512)) : (k(), ne(r, {
+                  key: 1,
+                  class: P(["select-table__caret", { "is-reverse": e.expanded }])
+                }, {
+                  default: x(() => [
+                    R(y(rt))
+                  ]),
+                  _: 1
+                }, 8, ["class"]))
+              ])
+            ], 2)
+          ]),
+          content: x(() => [
+            g("div", pt, [
+              g("div", {
+                class: "select-table__dropown",
+                style: ae({ width: `${u.popperContentWidth ? u.popperContentWidth + "px" : "100%"}` })
+              }, [
+                R(B, {
+                  loading: _.value,
+                  blur: "",
+                  text: u.loadingText
+                }, {
+                  default: x(() => [
+                    E(t.$slots, "header"),
+                    R(C, Qe({
+                      ref_key: "gridRef",
+                      ref: p
+                    }, _e.value, Xe(Fe), {
+                      data: n.value.gridTableData
+                    }), Ye({
+                      pager: x(() => [
+                        g("div", ft, [
+                          R(b, {
+                            ref_key: "pagerRef",
+                            ref: Te,
+                            "current-page": n.value.currentPage,
+                            "onUpdate:currentPage": l[6] || (l[6] = (s) => n.value.currentPage = s),
+                            "page-size": n.value.pageSize,
+                            "onUpdate:pageSize": l[7] || (l[7] = (s) => n.value.pageSize = s),
+                            total: n.value.total,
+                            onPageChange: Be
+                          }, null, 8, ["current-page", "page-size", "total"])
+                        ])
+                      ]),
+                      _: 2
+                    }, [
+                      oe(Ae.value, (s) => ({
+                        name: s,
+                        fn: x(({ ...L }) => [
+                          E(t.$slots, s, Ze(et(L)))
+                        ])
+                      }))
+                    ]), 1040, ["data"]),
+                    E(t.$slots, "footer")
+                  ]),
+                  _: 3
+                }, 8, ["loading", "text"])
+              ], 4)
+            ])
+          ]),
+          _: 3
+        }, 8, ["visible", "effect", "fallback-placements", "persistent", "show-arrow", "popper-class"])
+      ], 32)), [
+        [Me, ge, ue.value]
+      ]);
+    };
+  }
+});
+export {
+  Tt as default
+};

package/dist/es/fancy-select-table/index.vue2.js

@@ -0,0 +1,4 @@
+import f from "./index.vue.js";
+export {
+  f as default
+};

package/dist/es/fancy-select-table/styles/index.js

@@ -0,0 +1 @@
+import './index.scss'

package/dist/es/fancy-select-table/styles/index.scss

@@ -0,0 +1,155 @@
+.select-table {
+  width: 100%;
+  .select-table__wrapper {
+    height: 32px;
+    display: flex;
+    align-items: center;
+    padding: 4px 12px;
+    box-sizing: border-box;
+    font-size: 14px;
+    border: 1px solid #d9d9d9;
+    // border: var(--el-border);
+    border-radius: var(--el-border-radius-base);
+    background-color: var(--el-fill-color-blank);
+    transition: var(--el-transition-duration);
+    transform: translateZ(0);
+    line-height: 24px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    &.is-filterable {
+      cursor: text;
+    }
+    &:not(.is-disabled):hover {
+      border-color: #004aff;
+    }
+    &.is-hovering:not(.is-focused) {
+      // box-shadow: 0 0 0 1px var(--el-border-color-hover) inset;
+    }
+    &.is-focused {
+      box-shadow: 0 0 0 2px rgb(204, 219, 255);
+      border-color: #004aff;
+    }
+    &.is-disabled {
+      cursor: not-allowed;
+      // background-color: var(--el-fill-color-light);
+      background: #f5f5f5;
+      color: var(--el-text-color-placeholder);
+      border-color: #e8e8e8;
+      // box-shadow: 0 0 0 1px #e4e7ed inset;
+      box-shadow: none;
+      &:hover {
+        // box-shadow: 0 0 0 1px #e4e7ed inset;
+      }
+    }
+    .select-table__selection {
+      flex: 1;
+      position: relative;
+      min-width: 0;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 6px;
+      .select-table__selected-item {
+        user-select: none;
+        color: #606266;
+      }
+      .select-table__input-wrapper {
+        .select-table__input {
+          border: none;
+          outline: none;
+          padding: 0;
+          // color: var(--el-select-multiple-input-color);
+          color: rgba(0, 0, 0, 0.88);
+          appearance: none;
+          height: 24px;
+          max-width: 100%;
+          background-color: transparent;
+        }
+        .select-table__input-calculator {
+          position: absolute;
+          left: 0;
+          top: 0;
+          max-width: 100%;
+          visibility: hidden;
+          white-space: pre;
+          overflow: hidden;
+        }
+      }
+      .is-transparent {
+        color: #a8abb2;
+      }
+      .is-hidden {
+        position: absolute;
+        opacity: 0;
+      }
+      .select-table__placeholder {
+        position: absolute;
+        display: block;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        color: rgba(0, 0, 0, 0.36);
+      }
+    }
+    .select-table__suffix {
+      color: rgba(0, 0, 0, 0.36);
+      font-size: 16px;
+      display: flex;
+      align-items: center;
+      .select-table__clear {
+        cursor: pointer;
+      }
+      .select-table__caret {
+        transition: var(--el-transition-duration);
+        transform: rotate(0);
+        cursor: pointer;
+      }
+      .is-reverse {
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+.select-table__popper {
+  border: 1px solid #004aff !important;
+  .select-table__dropown-wrapper {
+    .select-table__dropown {
+      border-radius: 8px;
+      overflow: hidden;
+    }
+  }
+  &.is-light {
+    .el-popper__arrow {
+      &::before {
+        border: 1px solid #004aff !important;
+      }
+    }
+  }
+  &[data-popper-placement^='bottom'] {
+    &.is-light {
+      .el-popper__arrow {
+        &::before {
+          background-color: #e8eefe !important;
+        }
+      }
+    }
+  }
+}
+// body .el-popper.is-light > .el-popper__arrow::before {
+//   border: 1px solid var(--el-border-color-light);
+// }
+
+// .has-header {
+//   &.is-light {
+//     .el-popper__arrow {
+//       &::before {
+//         background-color: #ffffff !important;
+//         box-shadow: none !important;
+//       }
+//     }
+//   }
+// }

package/dist/es/fancy-select-table/types.d.ts

@@ -0,0 +1,61 @@
+import { Placement } from 'element-plus';
+import { VxeGridProps } from 'vxe-table';
+export type SelctTablePageParams = {
+    page: number;
+    size: number;
+    filter: string;
+};
+export type SelectTableDataSource = (data: SelctTablePageParams) => Promise<{
+    list: any[];
+    total: number;
+} | undefined>;
+export interface SelectTableProps<T extends object = any> {
+    /** 表格数据源
+     * 目前只支持接口数据源,并且分页
+     * 静态数据源???
+     */
+    datasource: SelectTableDataSource;
+    /** vxe-grid 表格配置 */
+    vxeProps: VxeGridProps<T>;
+    /** 类似于el-option 的value */
+    valueKey: Extract<keyof T, string | number>;
+    /** 类似于el-option 的label */
+    labelKey: Extract<keyof T, string | number>;
+    /** 回显数据使用 */
+    cacheData?: {
+        [key in keyof T as key extends Extract<keyof T, string | number> | Extract<keyof T, string | number> ? key : never]?: string;
+    }[];
+    /** 禁用 */
+    disabled?: boolean;
+    /** 清除按钮 */
+    clearable?: boolean;
+    /** 可搜索 */
+    filterable?: boolean;
+    placeholder?: string;
+    /** 貌似没啥用 */
+    effect?: 'dark' | 'light';
+    /** 展示tooltip箭头 */
+    showArrow?: boolean;
+    /** 下拉框的宽度是否与输入框相同  */
+    fitInputWidth?: boolean;
+    /** 当下拉选择器未被激活并且persistent设置为false，选择器会被删除 */
+    persistent?: boolean;
+    fallbackPlacements?: Placement[];
+    popperContentWidth?: number;
+    popperClass?: string;
+    loadingText?: string;
+    /** 输入防抖 */
+    inputDelay?: number;
+    /** 聚焦时自动打开tooltip */
+    autoFoucsDropdown?: boolean;
+    /** 清除按钮点击是否关闭tooltip */
+    closeTooltipOnClickClear?: boolean;
+    /** 保留上一次选择的label值进行查询 */
+    keepLabelSearch?: boolean;
+    /** 上下箭头循环,此时只能左右箭头切换分页 */
+    upAndDownArrowLoop?: boolean;
+    /** 多选 */
+    multiple?: boolean;
+    tagType?: '' | 'success' | 'info' | 'warning' | 'danger';
+    beforeSelect?: ((row: T) => boolean) | ((row: T) => Promise<boolean>);
+}

package/dist/es/global.d.ts

@@ -4,6 +4,7 @@ declare module 'vue' {
     interface GlobalComponents {
         FancyButton: typeof FancyButton;
         FancyCard: typeof FancyCard;
+        FancySelectTable: typeof FancySelectTable;
     }
 }
 export {};

package/dist/es/index.js

@@ -1,8 +1,10 @@
 import { installer as t } from "./installer.js";
-import { default as e } from "./fancy-button/index.vue.js";
+import { default as o } from "./fancy-button/index.vue.js";
 import { default as l } from "./fancy-card/index.vue.js";
+import { default as m } from "./fancy-select-table/index.vue.js";
 export {
-  e as FancyButton,
+  o as FancyButton,
   l as FancyCard,
+  m as FancySelectTable,
   t as default
 };

package/dist/es/node_modules/.pnpm/@vueuse_core@14.2.1_vue@3.5.28_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js

@@ -0,0 +1,78 @@
+import { toArray as a, watchImmediate as M, tryOnScopeDispose as O, isClient as E, isObject as $ } from "../../../../../@vueuse_shared@14.2.1_vue@3.5.28_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+import { computed as m, toValue as c, watch as R, shallowRef as z, getCurrentInstance as A, onMounted as C, unref as L } from "vue";
+const h = E ? window : void 0;
+function p(o) {
+  var i;
+  const u = c(o);
+  return (i = u?.$el) !== null && i !== void 0 ? i : u;
+}
+function W(...o) {
+  const i = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), u = m(() => {
+    const e = a(c(o[0])).filter((t) => t != null);
+    return e.every((t) => typeof t != "string") ? e : void 0;
+  });
+  return M(() => {
+    var e, t;
+    return [
+      (e = (t = u.value) === null || t === void 0 ? void 0 : t.map((n) => p(n))) !== null && e !== void 0 ? e : [h].filter((n) => n != null),
+      a(c(u.value ? o[1] : o[0])),
+      a(L(u.value ? o[2] : o[1])),
+      c(u.value ? o[3] : o[2])
+    ];
+  }, ([e, t, n, r], d, f) => {
+    if (!e?.length || !t?.length || !n?.length) return;
+    const v = $(r) ? { ...r } : r, s = e.flatMap((l) => t.flatMap((b) => n.map((y) => i(l, b, y, v))));
+    f(() => {
+      s.forEach((l) => l());
+    });
+  }, { flush: "post" });
+}
+// @__NO_SIDE_EFFECTS__
+function P() {
+  const o = z(!1), i = A();
+  return i && C(() => {
+    o.value = !0;
+  }, i), o;
+}
+// @__NO_SIDE_EFFECTS__
+function S(o) {
+  const i = /* @__PURE__ */ P();
+  return m(() => (i.value, !!o()));
+}
+function g(o, i, u = {}) {
+  const { window: e = h, ...t } = u;
+  let n;
+  const r = /* @__PURE__ */ S(() => e && "ResizeObserver" in e), d = () => {
+    n && (n.disconnect(), n = void 0);
+  }, f = R(m(() => {
+    const s = c(o);
+    return Array.isArray(s) ? s.map((l) => p(l)) : [p(s)];
+  }), (s) => {
+    if (d(), r.value && e) {
+      n = new ResizeObserver(i);
+      for (const l of s) l && n.observe(l, t);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), v = () => {
+    d(), f();
+  };
+  return O(v), {
+    isSupported: r,
+    stop: v
+  };
+}
+export {
+  h as defaultWindow,
+  E as isClient,
+  $ as isObject,
+  a as toArray,
+  O as tryOnScopeDispose,
+  p as unrefElement,
+  W as useEventListener,
+  P as useMounted,
+  g as useResizeObserver,
+  S as useSupported,
+  M as watchImmediate
+};

package/dist/es/node_modules/.pnpm/@vueuse_shared@14.2.1_vue@3.5.28_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js

@@ -0,0 +1,23 @@
+import { watch as n, getCurrentScope as r, onScopeDispose as i } from "vue";
+function f(e, t) {
+  return r() ? (i(e, t), !0) : !1;
+}
+const s = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const c = Object.prototype.toString, u = (e) => c.call(e) === "[object Object]";
+function a(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function d(e, t, o) {
+  return n(e, t, {
+    ...o,
+    immediate: !0
+  });
+}
+export {
+  s as isClient,
+  u as isObject,
+  a as toArray,
+  f as tryOnScopeDispose,
+  d as watchImmediate
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_Symbol.js

@@ -0,0 +1,5 @@
+import o from "./_root.js";
+var m = o.Symbol;
+export {
+  m as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseGetTag.js

@@ -0,0 +1,10 @@
+import t from "./_Symbol.js";
+import e from "./_getRawTag.js";
+import o from "./_objectToString.js";
+var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
+function m(n) {
+  return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
+}
+export {
+  m as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseTrim.js

@@ -0,0 +1,8 @@
+import r from "./_trimmedEndIndex.js";
+var a = /^\s+/;
+function t(e) {
+  return e && e.slice(0, r(e) + 1).replace(a, "");
+}
+export {
+  t as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_freeGlobal.js

@@ -0,0 +1,4 @@
+var l = typeof global == "object" && global && global.Object === Object && global;
+export {
+  l as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_getRawTag.js

@@ -0,0 +1,15 @@
+import e from "./_Symbol.js";
+var o = Object.prototype, c = o.hasOwnProperty, f = o.toString, r = e ? e.toStringTag : void 0;
+function p(t) {
+  var a = c.call(t, r), n = t[r];
+  try {
+    t[r] = void 0;
+    var i = !0;
+  } catch {
+  }
+  var g = f.call(t);
+  return i && (a ? t[r] = n : delete t[r]), g;
+}
+export {
+  p as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_objectToString.js

@@ -0,0 +1,7 @@
+var o = Object.prototype, r = o.toString;
+function e(t) {
+  return r.call(t);
+}
+export {
+  e as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_root.js

@@ -0,0 +1,5 @@
+import e from "./_freeGlobal.js";
+var t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+export {
+  r as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_trimmedEndIndex.js

@@ -0,0 +1,9 @@
+var r = /\s/;
+function a(t) {
+  for (var e = t.length; e-- && r.test(t.charAt(e)); )
+    ;
+  return e;
+}
+export {
+  a as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/debounce.js

@@ -0,0 +1,54 @@
+import S from "./isObject.js";
+import h from "./now.js";
+import W from "./toNumber.js";
+var y = "Expected a function", R = Math.max, A = Math.min;
+function _(x, i, u) {
+  var a, d, c, f, n, r, l = 0, E = !1, m = !1, g = !0;
+  if (typeof x != "function")
+    throw new TypeError(y);
+  i = W(i) || 0, S(u) && (E = !!u.leading, m = "maxWait" in u, c = m ? R(W(u.maxWait) || 0, i) : c, g = "trailing" in u ? !!u.trailing : g);
+  function v(e) {
+    var t = a, o = d;
+    return a = d = void 0, l = e, f = x.apply(o, t), f;
+  }
+  function b(e) {
+    return l = e, n = setTimeout(s, i), E ? v(e) : f;
+  }
+  function C(e) {
+    var t = e - r, o = e - l, p = i - t;
+    return m ? A(p, c - o) : p;
+  }
+  function k(e) {
+    var t = e - r, o = e - l;
+    return r === void 0 || t >= i || t < 0 || m && o >= c;
+  }
+  function s() {
+    var e = h();
+    if (k(e))
+      return I(e);
+    n = setTimeout(s, C(e));
+  }
+  function I(e) {
+    return n = void 0, g && a ? v(e) : (a = d = void 0, f);
+  }
+  function L() {
+    n !== void 0 && clearTimeout(n), l = 0, a = r = d = n = void 0;
+  }
+  function M() {
+    return n === void 0 ? f : I(h());
+  }
+  function T() {
+    var e = h(), t = k(e);
+    if (a = arguments, d = this, r = e, t) {
+      if (n === void 0)
+        return b(r);
+      if (m)
+        return clearTimeout(n), n = setTimeout(s, i), v(r);
+    }
+    return n === void 0 && (n = setTimeout(s, i)), f;
+  }
+  return T.cancel = L, T.flush = M, T;
+}
+export {
+  _ as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isObject.js

@@ -0,0 +1,7 @@
+function n(t) {
+  var e = typeof t;
+  return t != null && (e == "object" || e == "function");
+}
+export {
+  n as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return t != null && typeof t == "object";
+}
+export {
+  e as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js

@@ -0,0 +1,9 @@
+import t from "./_baseGetTag.js";
+import m from "./isObjectLike.js";
+var r = "[object Symbol]";
+function i(o) {
+  return typeof o == "symbol" || m(o) && t(o) == r;
+}
+export {
+  i as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/now.js

@@ -0,0 +1,7 @@
+import o from "./_root.js";
+var t = function() {
+  return o.Date.now();
+};
+export {
+  t as default
+};

package/dist/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/toNumber.js

@@ -0,0 +1,22 @@
+import n from "./_baseTrim.js";
+import f from "./isObject.js";
+import o from "./isSymbol.js";
+var s = NaN, m = /^[-+]0x[0-9a-f]+$/i, p = /^0b[01]+$/i, e = /^0o[0-7]+$/i, b = parseInt;
+function O(r) {
+  if (typeof r == "number")
+    return r;
+  if (o(r))
+    return s;
+  if (f(r)) {
+    var t = typeof r.valueOf == "function" ? r.valueOf() : r;
+    r = f(t) ? t + "" : t;
+  }
+  if (typeof r != "string")
+    return r === 0 ? r : +r;
+  r = n(r);
+  var i = p.test(r);
+  return i || e.test(r) ? b(r.slice(2), i ? 2 : 8) : m.test(r) ? s : +r;
+}
+export {
+  O as default
+};

package/dist/es/styles/index.scss

@@ -1,2 +1,3 @@
 @use '../fancy-button/styles/index.scss' as button;
 @use '../fancy-card/styles/index.scss' as card;
+@use '../fancy-select-table/styles/index.scss' as selectTable;

package/dist/es/types.d.ts

@@ -1 +1,2 @@
 export * from './fancy-button/types';
+export * from './fancy-select-table/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fancy-plugins-components",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "description": "",
   "main": "./dist/es/index.js",
   "module": "./dist/es/index.js",
@@ -45,16 +45,22 @@
   "type": "module",
   "peerDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
+    "@element-plus/icons-vue": "^2.3.2",
     "countup.js": "^2.9.0",
     "cropperjs": "^2.1.0",
     "ele-admin-plus": "^1.5.0",
     "element-plus": "^2.13.0",
     "jsbarcode": "^3.12.1",
     "vuedraggable": "^4.1.0",
+    "vxe-pc-ui": "4.12.36",
+    "vxe-table": "4.17.48",
+    "xe-utils": "3.9.1",
     "xgplayer": "^3.0.23"
   },
   "devDependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
+    "@element-plus/icons-vue": "^2.3.2",
+    "@types/lodash-es": "^4.17.12",
     "countup.js": "^2.9.0",
     "cropperjs": "^2.1.0",
     "ele-admin-plus": "^1.5.0",
@@ -64,6 +70,13 @@
     "sass": "^1.97.1",
     "vite-plugin-static-copy": "^3.1.4",
     "vuedraggable": "^4.1.0",
+    "vxe-pc-ui": "4.12.36",
+    "vxe-table": "4.17.48",
+    "xe-utils": "3.9.1",
     "xgplayer": "^3.0.23"
+  },
+  "dependencies": {
+    "@vueuse/core": "^14.2.1",
+    "lodash-es": "^4.17.23"
   }
 }