@yeepay/yee-boss-ui 0.1.3 → 0.1.5

package/dist/index.js

@@ -1,43 +1,317 @@
-import { inject as I, defineComponent as P, computed as c, provide as K, openBlock as i, createBlock as b, unref as g, withCtx as v, createElementVNode as V, normalizeStyle as j, renderSlot as f, shallowRef as w, createElementBlock as d, withModifiers as Q, Fragment as J, renderList as E, toDisplayString as T, mergeProps as $, createVNode as N, createTextVNode as x, createCommentVNode as h, reactive as W, useSlots as U, useTemplateRef as X, watch as Z, onMounted as ee, onUnmounted as te, withDirectives as oe, vShow as ae, toHandlers as se, createSlots as ie, normalizeProps as R, guardReactiveProps as H, onBeforeUnmount as le, h as re, normalizeClass as S } from "vue";
-import { ConfigProvider as ne, DatePicker as ue, Input as ce, Select as me, Button as F, Tooltip as de } from "ant-design-vue";
-import { r as pe, t as fe, a as he } from "./tokens-Dj_CxJpe.js";
-import { d as rt, l as nt } from "./tokens-Dj_CxJpe.js";
-import { VxeTable as ge, VxeColumn as ve, VxeColgroup as ye, VxeGrid as D, VxeToolbar as be, VxeUI as M } from "vxe-table";
-import { VxeButton as Ve, VxeCheckbox as _e, VxeIcon as Te, VxeInput as Ce, VxeLoading as ke, VxeModal as xe, VxeNumberInput as Pe, VxePager as Se, VxeRadioGroup as $e, VxeSelect as Fe, VxeTooltip as we } from "vxe-pc-ui";
-const z = /* @__PURE__ */ Symbol("platform-theme");
-function tt() {
-  const t = I(z);
-  if (!t)
+import { inject as ue, defineComponent as A, computed as c, provide as Pe, openBlock as i, createBlock as k, unref as h, withCtx as f, createElementVNode as $, normalizeStyle as K, renderSlot as _, reactive as ce, onBeforeUnmount as de, mergeProps as E, createElementBlock as T, Fragment as fe, renderList as oe, createTextVNode as z, toDisplayString as F, createCommentVNode as S, ref as Oe, shallowRef as D, watch as ee, withModifiers as Re, createVNode as q, useSlots as ae, useTemplateRef as Ye, onMounted as ze, onUnmounted as Ee, withDirectives as Ae, vShow as Me, toHandlers as Ie, createSlots as pe, normalizeProps as M, guardReactiveProps as I, h as Ue, useModel as me, useAttrs as ve, mergeModels as te, normalizeClass as H } from "vue";
+import { ConfigProvider as Ne, Descriptions as ie, Tooltip as W, message as L, Upload as je, Image as Le, DatePicker as De, Input as Ge, Select as J, Button as U, Drawer as He, Modal as qe } from "ant-design-vue";
+import { r as Ke, t as Qe, a as We } from "./tokens-CHaQtlyD.js";
+import { d as fo, l as po } from "./tokens-CHaQtlyD.js";
+import { VxeTable as Je, VxeColumn as Xe, VxeColgroup as Ze, VxeGrid as he, VxeToolbar as et, VxeUI as ye } from "vxe-table";
+import { VxeButton as tt, VxeCheckbox as ot, VxeIcon as at, VxeInput as st, VxeLoading as nt, VxeModal as lt, VxeNumberInput as it, VxePager as rt, VxeRadioGroup as ut, VxeSelect as ct, VxeTooltip as dt } from "vxe-pc-ui";
+const se = /* @__PURE__ */ Symbol("platform-theme");
+function to() {
+  const s = ue(se);
+  if (!s)
     throw new Error("usePlatformTheme 必须在 PlatformConfigProvider 内使用。");
-  return t;
+  return s;
 }
-const Oe = ["data-theme"], Ye = /* @__PURE__ */ P({
+const ft = ["data-theme"], pt = /* @__PURE__ */ A({
   name: "PlatformConfigProvider",
   __name: "PlatformConfigProvider",
   props: {
     theme: { default: () => ({}) }
   },
-  setup(t) {
-    const e = t, o = c(() => pe(e.theme)), s = c(() => fe(o.value)), n = c(() => he(o.value));
-    return K(z, o), (l, m) => (i(), b(g(ne), { theme: s.value }, {
-      default: v(() => [
-        V("div", {
+  setup(s) {
+    const e = s, t = c(() => Ke(e.theme)), n = c(() => Qe(t.value)), p = c(() => We(t.value));
+    return Pe(se, t), (l, C) => (i(), k(h(Ne), { theme: n.value }, {
+      default: f(() => [
+        $("div", {
           class: "yee-platform-theme",
-          "data-theme": o.value.mode,
-          style: j(n.value)
+          "data-theme": t.value.mode,
+          style: K(p.value)
         }, [
-          f(l.$slots, "default", {}, void 0, !0)
-        ], 12, Oe)
+          _(l.$slots, "default", {}, void 0, !0)
+        ], 12, ft)
       ]),
       _: 3
     }, 8, ["theme"]));
   }
-}), O = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [s, n] of e)
-    o[s] = n;
-  return o;
-}, ot = /* @__PURE__ */ O(Ye, [["__scopeId", "data-v-36f21f18"]]), Ae = { class: "yee-form__fields" }, Ge = { class: "yee-form__label" }, Re = { class: "yee-form__actions" }, He = /* @__PURE__ */ P({
+}), N = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [n, p] of e)
+    t[n] = p;
+  return t;
+}, oo = /* @__PURE__ */ N(pt, [["__scopeId", "data-v-36f21f18"]]);
+async function mt(s) {
+  if (!s) return !1;
+  try {
+    return await navigator.clipboard.writeText(s), !0;
+  } catch {
+    const e = document.createElement("textarea");
+    e.value = s, e.style.position = "fixed", e.style.opacity = "0", document.body.append(e), e.focus(), e.select();
+    try {
+      return document.execCommand("copy");
+    } catch {
+      return !1;
+    } finally {
+      e.remove();
+    }
+  }
+}
+const vt = { class: "yee-descriptions__item" }, ht = { class: "yee-descriptions__content-row" }, yt = { class: "yee-descriptions__value yee-descriptions__value--ellipsis" }, gt = {
+  key: 1,
+  class: "yee-descriptions__value"
+}, bt = ["disabled", "onClick"], _t = /* @__PURE__ */ A({
+  name: "YeeDescriptions",
+  __name: "YeeDescriptions",
+  props: {
+    bordered: { type: Boolean },
+    colon: { type: Boolean },
+    column: {},
+    items: {},
+    layout: {},
+    size: {},
+    title: {}
+  },
+  setup(s) {
+    const e = s, t = c(() => e.bordered ?? !1), n = c(() => e.colon ?? !0), p = c(() => e.column ?? 3), l = c(() => e.layout ?? "horizontal"), C = c(() => e.size ?? "default"), w = ce(/* @__PURE__ */ new Set()), B = /* @__PURE__ */ new Set();
+    function V(b, m) {
+      return b.name ?? `${b.label}-${m}`;
+    }
+    async function g(b, m) {
+      const r = String(b.value ?? "");
+      if (!r.trim()) {
+        L.warning("没有可复制的内容");
+        return;
+      }
+      if (!await mt(r)) {
+        L.error("复制失败");
+        return;
+      }
+      w.add(m), L.success("已复制");
+      const y = setTimeout(() => {
+        w.delete(m), B.delete(y);
+      }, 1500);
+      B.add(y);
+    }
+    return de(() => {
+      B.forEach((b) => clearTimeout(b)), B.clear();
+    }), (b, m) => (i(), k(h(ie), E({
+      class: "yee-descriptions",
+      bordered: t.value,
+      colon: n.value,
+      column: p.value,
+      layout: l.value,
+      size: C.value
+    }, e.title === void 0 ? {} : { title: e.title }), {
+      default: f(() => [
+        (i(!0), T(fe, null, oe(s.items, (r, y) => (i(), k(h(ie).Item, {
+          key: V(r, y),
+          label: r.label,
+          span: r.span ?? 1
+        }, {
+          default: f(() => [
+            $("div", vt, [
+              $("div", ht, [
+                r.ellipsis ? (i(), k(h(W), {
+                  key: 0,
+                  title: String(r.value ?? "")
+                }, {
+                  default: f(() => [
+                    $("span", yt, [
+                      _(b.$slots, `content-${r.name ?? r.label}`, { item: r }, () => [
+                        z(F(r.value), 1)
+                      ], !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["title"])) : (i(), T("span", gt, [
+                  _(b.$slots, `content-${r.name ?? r.label}`, { item: r }, () => [
+                    z(F(r.value), 1)
+                  ], !0)
+                ])),
+                r.copyable ? (i(), T("button", {
+                  key: 2,
+                  class: "yee-descriptions__copy",
+                  disabled: w.has(V(r, y)),
+                  type: "button",
+                  onClick: (o) => g(r, V(r, y))
+                }, F(w.has(V(r, y)) ? "已复制" : "复制"), 9, bt)) : S("", !0)
+              ]),
+              r.info ? (i(), T("span", {
+                key: 0,
+                class: "yee-descriptions__info",
+                style: K(r.infoStyle)
+              }, F(r.info), 5)) : S("", !0)
+            ])
+          ]),
+          _: 2
+        }, 1032, ["label", "span"]))), 128))
+      ]),
+      _: 3
+    }, 16, ["bordered", "colon", "column", "layout", "size"]));
+  }
+}), ao = /* @__PURE__ */ N(_t, [["__scopeId", "data-v-2297b86c"]]), Ct = { class: "yee-file-upload" }, kt = {
+  key: 1,
+  class: "yee-file-upload__empty"
+}, wt = /* @__PURE__ */ A({
+  name: "YeeFileUpload",
+  __name: "YeeFileUpload",
+  props: {
+    accept: {},
+    customRequest: { type: Function },
+    fileList: {},
+    height: {},
+    manual: { type: Boolean },
+    maxCount: {},
+    maxSize: {},
+    multiple: { type: Boolean },
+    readonly: { type: Boolean },
+    uploadText: {},
+    width: {}
+  },
+  emits: ["fileRemoved", "fileSelect", "update:fileList", "uploadSuccess", "uploadingChange"],
+  setup(s, { expose: e, emit: t }) {
+    const n = s, p = t, l = Oe([]), C = D(!1), w = D(""), B = c(() => n.fileList ?? []), V = c(() => n.height ?? 100), g = c(() => n.manual ?? !1), b = c(() => n.maxCount ?? 10), m = c(() => n.maxSize ?? 20), r = c(() => n.multiple ?? !1), y = c(() => n.readonly ?? !1), o = c(() => n.uploadText ?? "上传文件"), d = c(() => n.width ?? 100), u = c(() => ({
+      height: Y(V.value),
+      width: Y(d.value)
+    })), O = c(() => l.value.some((a) => a.status === "uploading"));
+    ee(
+      B,
+      (a) => {
+        l.value = a.map((v) => ({ ...v }));
+      },
+      { immediate: !0 }
+    ), ee(O, (a) => p("uploadingChange", a), { immediate: !0 });
+    function Y(a) {
+      return typeof a == "number" ? `${a}px` : a;
+    }
+    function R() {
+      p("update:fileList", l.value.map((a) => ({ ...a })));
+    }
+    function be(a) {
+      return a < 1024 ? `${a}B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(2)}KB` : `${(a / (1024 * 1024)).toFixed(2)}MB`;
+    }
+    function ne(a) {
+      return a.size <= m.value * 1024 * 1024 ? !1 : (L.error(`文件大小不能超过 ${m.value}MB，当前为 ${be(a.size)}`), !0);
+    }
+    function _e(a) {
+      return a.type?.startsWith("image/") ?? /\.(avif|gif|jpe?g|png|svg|webp)(\?.*)?$/i.test(a.url ?? "");
+    }
+    function Ce(a) {
+      if (a.url) {
+        if (_e(a)) {
+          w.value = a.url, C.value = !0;
+          return;
+        }
+        window.open(a.url, "_blank", "noopener,noreferrer");
+      }
+    }
+    function ke(a) {
+      C.value = a;
+    }
+    function le(a, v, P) {
+      a.status = "done", a.percent = 100, v?.name && (a.name = v.name), v?.url && (a.url = v.url), R(), P(v), p("uploadSuccess");
+    }
+    function X(a, v, P) {
+      a.status = "error", R(), P(v);
+    }
+    function we(a, v, P, Q) {
+      const j = l.value.find((x) => x.uid === v);
+      if (!j) return;
+      if (j.status = "uploading", j.percent = 0, R(), !n.customRequest) {
+        const x = new Error("未配置 customRequest");
+        L.error(x.message), X(j, x, Q);
+        return;
+      }
+      let G = !1;
+      const Z = {
+        file: a,
+        onError: (x) => {
+          G || (G = !0, X(j, x, Q));
+        },
+        onProgress: (x) => {
+          G || (j.percent = Math.min(100, Math.max(0, x)), R());
+        },
+        onSuccess: (x) => {
+          G || (G = !0, le(j, x, P));
+        },
+        uid: v
+      };
+      try {
+        Promise.resolve(n.customRequest(Z)).catch((x) => {
+          Z.onError(x instanceof Error ? x : new Error("上传失败"));
+        });
+      } catch (x) {
+        Z.onError(x instanceof Error ? x : new Error("上传失败"));
+      }
+    }
+    const $e = (a) => ne(a) || g.value ? !1 : n.customRequest ? !0 : (L.error("未配置 customRequest"), !1);
+    function Te(a) {
+      const v = a.file instanceof File ? a.file : void 0;
+      if (!v || ne(v)) {
+        a.onError?.(new Error("文件大小超过限制"));
+        return;
+      }
+      const P = v.uid ?? String(Date.now());
+      we(v, P, a.onSuccess ?? (() => {
+      }), a.onError ?? (() => {
+      }));
+    }
+    function Se(a) {
+      if (l.value = a.fileList.map((P) => ({ ...P })), R(), !g.value) return;
+      const v = l.value.at(-1);
+      v?.originFileObj instanceof File && p("fileSelect", { file: v.originFileObj, uid: v.uid });
+    }
+    function Ve(a) {
+      p("fileRemoved", a);
+    }
+    function Fe(a, v) {
+      const P = l.value.find((Q) => Q.uid === a);
+      P && le(P, v, () => {
+      });
+    }
+    function Be(a) {
+      const v = l.value.find((P) => P.uid === a);
+      v && X(v, new Error("上传失败"), () => {
+      });
+    }
+    function xe() {
+      return l.value.flatMap((a) => a.originFileObj instanceof File ? [a.originFileObj] : []);
+    }
+    return e({ addError: Be, addResult: Fe, getFiles: xe }), (a, v) => (i(), T("div", Ct, [
+      !y.value || l.value.length > 0 ? (i(), k(h(je), E({ key: 0 }, s.accept ? { accept: s.accept } : {}, {
+        "before-upload": $e,
+        "custom-request": Te,
+        "file-list": l.value,
+        "max-count": b.value,
+        multiple: r.value,
+        "show-upload-list": { showRemoveIcon: !y.value },
+        "list-type": "picture-card",
+        onChange: Se,
+        onPreview: Ce,
+        onRemove: Ve
+      }), {
+        default: f(() => [
+          !y.value && l.value.length < b.value ? (i(), T("div", {
+            key: 0,
+            class: "yee-file-upload__trigger",
+            style: K(u.value)
+          }, [
+            v[0] || (v[0] = $("span", {
+              class: "yee-file-upload__trigger-sign",
+              "aria-hidden": "true"
+            }, "+", -1)),
+            $("span", null, F(o.value), 1)
+          ], 4)) : S("", !0)
+        ]),
+        _: 1
+      }, 16, ["file-list", "max-count", "multiple", "show-upload-list"])) : (i(), T("span", kt, "暂无文件")),
+      w.value ? (i(), k(h(Le), {
+        key: 2,
+        class: "yee-file-upload__preview",
+        preview: { visible: C.value, onVisibleChange: ke },
+        src: w.value
+      }, null, 8, ["preview", "src"])) : S("", !0)
+    ]));
+  }
+}), so = /* @__PURE__ */ N(wt, [["__scopeId", "data-v-9d1ac9cf"]]), $t = { class: "yee-form__fields" }, Tt = { class: "yee-form__label" }, St = { class: "yee-form__actions" }, Vt = /* @__PURE__ */ A({
   name: "YeeForm",
   __name: "YeeForm",
   props: {
@@ -46,104 +320,104 @@ const Oe = ["data-theme"], Ye = /* @__PURE__ */ P({
     onSubmit: { type: Function },
     options: {}
   },
-  setup(t) {
-    const e = t, o = ue.RangePicker, s = w(e.options.collapsed ?? !0);
+  setup(s) {
+    const e = s, t = De.RangePicker, n = D(e.options.collapsed ?? !0);
     e.api.configure(e.options);
-    const n = c(() => e.api.schema.value.filter((u) => !u.hide));
-    function l(u) {
-      return e.api.getFieldValue(u.fieldName);
+    const p = c(() => e.api.schema.value.filter((m) => !m.hide));
+    function l(m) {
+      return e.api.getFieldValue(m.fieldName);
     }
-    function m(u) {
-      const p = l(u);
+    function C(m) {
+      const r = l(m);
       return {
-        ...u.componentProps,
-        ...p === void 0 ? {} : { value: p }
+        ...m.componentProps,
+        ...r === void 0 ? {} : { value: r }
       };
     }
-    function C(u, p) {
-      e.api.setFieldValue(u.fieldName, p), e.options.submitOnChange && k();
+    function w(m, r) {
+      e.api.setFieldValue(m.fieldName, r), e.options.submitOnChange && V();
     }
-    async function Y() {
+    async function B() {
       e.api.resetForm(), await e.onReset?.();
     }
-    async function k() {
+    async function V() {
       await e.onSubmit?.(e.api.getValues());
     }
-    function A(u) {
-      u.key === "Enter" && e.options.submitOnEnter && (u.preventDefault(), k());
+    function g(m) {
+      m.key === "Enter" && e.options.submitOnEnter && (m.preventDefault(), V());
     }
-    function G() {
-      s.value = !s.value, e.options.handleCollapsedChange?.(s.value);
+    function b() {
+      n.value = !n.value, e.options.handleCollapsedChange?.(n.value);
     }
-    return (u, p) => (i(), d("form", {
+    return (m, r) => (i(), T("form", {
       class: "yee-form",
-      onKeydown: A,
-      onSubmit: Q(k, ["prevent"])
+      onKeydown: g,
+      onSubmit: Re(V, ["prevent"])
     }, [
-      V("div", Ae, [
-        (i(!0), d(J, null, E(n.value, (a) => (i(), d("label", {
-          key: a.fieldName,
+      $("div", $t, [
+        (i(!0), T(fe, null, oe(p.value, (y) => (i(), T("label", {
+          key: y.fieldName,
           class: "yee-form__field"
         }, [
-          V("span", Ge, T(a.label), 1),
-          a.component === "Input" ? (i(), b(g(ce), $({
+          $("span", Tt, F(y.label), 1),
+          y.component === "Input" ? (i(), k(h(Ge), E({
             key: 0,
             ref_for: !0
-          }, m(a), {
-            "onUpdate:value": (r) => C(a, r)
-          }), null, 16, ["onUpdate:value"])) : a.component === "Select" ? (i(), b(g(me), $({
+          }, C(y), {
+            "onUpdate:value": (o) => w(y, o)
+          }), null, 16, ["onUpdate:value"])) : y.component === "Select" ? (i(), k(h(J), E({
             key: 1,
             ref_for: !0
-          }, m(a), {
-            "onUpdate:value": (r) => C(a, r)
-          }), null, 16, ["onUpdate:value"])) : (i(), b(g(o), $({
+          }, C(y), {
+            "onUpdate:value": (o) => w(y, o)
+          }), null, 16, ["onUpdate:value"])) : (i(), k(h(t), E({
             key: 2,
             ref_for: !0
-          }, m(a), {
-            "onUpdate:value": (r) => C(a, r)
+          }, C(y), {
+            "onUpdate:value": (o) => w(y, o)
           }), null, 16, ["onUpdate:value"]))
         ]))), 128))
       ]),
-      V("div", Re, [
-        N(g(F), {
+      $("div", St, [
+        q(h(U), {
           "html-type": "button",
-          onClick: Y
+          onClick: B
         }, {
-          default: v(() => [...p[0] || (p[0] = [
-            x(" 重置 ", -1)
+          default: f(() => [...r[0] || (r[0] = [
+            z(" 重置 ", -1)
           ])]),
           _: 1
         }),
-        N(g(F), {
+        q(h(U), {
           type: "primary",
           "html-type": "submit"
         }, {
-          default: v(() => [...p[1] || (p[1] = [
-            x(" 查询 ", -1)
+          default: f(() => [...r[1] || (r[1] = [
+            z(" 查询 ", -1)
           ])]),
           _: 1
         }),
-        t.options.showCollapseButton ? (i(), b(g(F), {
+        s.options.showCollapseButton ? (i(), k(h(U), {
           key: 0,
           type: "link",
           "html-type": "button",
-          onClick: G
+          onClick: b
         }, {
-          default: v(() => [
-            x(T(s.value ? "展开" : "收起"), 1)
+          default: f(() => [
+            z(F(n.value ? "展开" : "收起"), 1)
           ]),
           _: 1
-        })) : h("", !0)
+        })) : S("", !0)
       ])
     ], 32));
   }
-}), Ne = /* @__PURE__ */ O(He, [["__scopeId", "data-v-12e77340"]]);
-class ze {
-  schema = w([]);
+}), Ft = /* @__PURE__ */ N(Vt, [["__scopeId", "data-v-12e77340"]]);
+class Bt {
+  schema = D([]);
   initialValues = {};
-  values = W({});
+  values = ce({});
   configure(e) {
-    this.schema.value = e.schema.map((o) => ({ ...o })), this.initialValues = { ...e.initialValues }, this.resetForm();
+    this.schema.value = e.schema.map((t) => ({ ...t })), this.initialValues = { ...e.initialValues }, this.resetForm();
   }
   getFieldValue(e) {
     return this.values[e];
@@ -156,27 +430,27 @@ class ze {
       delete this.values[e];
     Object.assign(this.values, this.initialValues);
   }
-  setFieldValue(e, o) {
-    this.values[e] = o;
+  setFieldValue(e, t) {
+    this.values[e] = t;
   }
   setValues(e) {
     Object.assign(this.values, e);
   }
   updateSchema(e) {
-    const o = new Map(e.map((s) => [s.fieldName, s]));
-    this.schema.value = this.schema.value.map((s) => ({
-      ...s,
-      ...o.get(s.fieldName)
+    const t = new Map(e.map((n) => [n.fieldName, n]));
+    this.schema.value = this.schema.value.map((n) => ({
+      ...n,
+      ...t.get(n.fieldName)
     }));
   }
 }
-class Be {
-  formApi = new ze();
+class xt {
+  formApi = new Bt();
   searchFormVisible;
   state;
   grid;
   constructor(e) {
-    this.state = w(e), this.searchFormVisible = w(e.showSearchForm ?? !0);
+    this.state = D(e), this.searchFormVisible = D(e.showSearchForm ?? !0);
   }
   mount(e) {
     this.grid = e;
@@ -207,35 +481,35 @@ class Be {
     this.grid = void 0;
   }
 }
-let B = !1;
-function q() {
-  if (B) return;
+let re = !1;
+function ge() {
+  if (re) return;
   [
-    ge,
-    ve,
-    ye,
-    D,
-    be,
-    Ve,
-    _e,
-    Te,
-    Ce,
-    ke,
-    xe,
-    Pe,
-    Se,
-    $e,
-    Fe,
-    we
-  ].forEach((e) => M.component(e)), B = !0;
+    Je,
+    Xe,
+    Ze,
+    he,
+    et,
+    tt,
+    ot,
+    at,
+    st,
+    nt,
+    lt,
+    it,
+    rt,
+    ut,
+    ct,
+    dt
+  ].forEach((e) => ye.component(e)), re = !0;
 }
-const Ie = { class: "yee-grid" }, je = {
+const Pt = { class: "yee-grid" }, Ot = {
   key: 1,
   class: "yee-grid__separator"
-}, Ee = {
+}, Rt = {
   key: 0,
   class: "yee-grid__title"
-}, Ue = /* @__PURE__ */ P({
+}, Yt = /* @__PURE__ */ A({
   name: "YeeGrid",
   __name: "YeeGrid",
   props: {
@@ -243,176 +517,317 @@ const Ie = { class: "yee-grid" }, je = {
     tableTitle: {},
     tableTitleHelp: {}
   },
-  setup(t) {
-    const e = t, o = U(), s = X("gridRef"), n = I(z);
-    q();
-    const l = c(() => e.api.state.value), m = c(() => l.value.formOptions), C = c(() => !!(e.tableTitle || o["table-title"] || o["toolbar-actions"] || o["toolbar-tools"])), Y = c(() => Object.keys(o).filter((a) => ![
+  setup(s) {
+    const e = s, t = ae(), n = Ye("gridRef"), p = ue(se);
+    ge();
+    const l = c(() => e.api.state.value), C = c(() => l.value.formOptions), w = c(() => !!(e.tableTitle || t["table-title"] || t["toolbar-actions"] || t["toolbar-tools"])), B = c(() => Object.keys(t).filter((o) => ![
       "empty",
       "loading",
       "table-title",
       "toolbar-actions",
       "toolbar-tools"
-    ].includes(a))), k = c(() => !!l.value.gridOptions.toolbarConfig?.search), A = c(() => {
-      const a = l.value.gridOptions, r = a.proxyConfig, y = r?.ajax?.query, _ = a.toolbarConfig;
+    ].includes(o))), V = c(() => !!l.value.gridOptions.toolbarConfig?.search), g = c(() => {
+      const o = l.value.gridOptions, d = o.proxyConfig, u = d?.ajax?.query, O = o.toolbarConfig, Y = o.pagerConfig;
       return {
         align: "left",
         border: "inner",
         minHeight: 180,
         showOverflow: "tooltip",
         size: "medium",
-        ...a,
-        ...a.pagerConfig ? {
+        ...o,
+        ...Y ? {
           pagerConfig: {
             pageSize: 20,
             pageSizes: [10, 20, 30, 50, 100, 200],
-            layouts: ["Total", "Sizes", "PrevPage", "Number", "NextPage"],
-            ...a.pagerConfig
+            layouts: ["Total", "Sizes", "Home", "PrevPage", "Number", "NextPage", "End"],
+            ...Y,
+            slots: {
+              sizes: "pagerSizes",
+              ...Y.slots
+            }
           }
         } : {},
-        ...r ? {
+        ...d ? {
           proxyConfig: {
             autoLoad: !0,
             showResponseMsg: !1,
-            ...r,
+            ...d,
             response: {
               list: "items",
               result: "items",
               total: "total",
-              ...r.response
+              ...d.response
             },
-            ...r.ajax ? {
+            ...d.ajax ? {
               ajax: {
-                ...r.ajax,
-                ...y ? {
-                  query: (L) => y(L, e.api.formApi.getValues())
+                ...d.ajax,
+                ...u ? {
+                  query: (R) => u(R, e.api.formApi.getValues())
                 } : {}
               }
             } : {}
           }
         } : {},
-        ..._ || C.value ? {
+        ...O || w.value ? {
           toolbarConfig: {
             custom: !0,
             refresh: !0,
             zoom: !0,
-            ..._,
+            ...O,
             slots: {
-              ...e.tableTitle || o["table-title"] || o["toolbar-actions"] ? { buttons: "toolbarActions" } : {},
-              ...o["toolbar-tools"] || _?.search ? { tools: "toolbarTools" } : {}
+              ...e.tableTitle || t["table-title"] || t["toolbar-actions"] ? { buttons: "toolbarActions" } : {},
+              ...t["toolbar-tools"] || O?.search ? { tools: "toolbarTools" } : {}
             }
           }
         } : {}
       };
-    }), G = c(() => l.value.gridEvents ?? {});
-    Z(
-      () => n?.value.mode ?? "light",
-      (a) => M.setTheme(a),
+    }), b = c(() => l.value.gridEvents ?? {});
+    ee(
+      () => p?.value.mode ?? "light",
+      (o) => ye.setTheme(o),
       { immediate: !0 }
     );
-    async function u() {
+    async function m() {
       await e.api.reload();
     }
-    async function p() {
+    async function r() {
       await e.api.reload();
     }
-    return ee(() => {
-      s.value && e.api.mount(s.value);
-    }), te(() => e.api.unmount()), (a, r) => (i(), d("section", Ie, [
-      m.value ? oe((i(), b(Ne, {
+    function y(o, d) {
+      typeof d != "number" && typeof d != "string" || o.setPageSizeByEvent(new Event("change"), d);
+    }
+    return ze(() => {
+      n.value && e.api.mount(n.value);
+    }), Ee(() => e.api.unmount()), (o, d) => (i(), T("section", Pt, [
+      C.value ? Ae((i(), k(Ft, {
         key: 0,
-        api: t.api.formApi,
-        options: m.value,
-        "on-reset": p,
-        "on-submit": u
+        api: s.api.formApi,
+        options: C.value,
+        "on-reset": r,
+        "on-submit": m
       }, null, 8, ["api", "options"])), [
-        [ae, t.api.searchFormVisible.value]
-      ]) : h("", !0),
-      m.value && l.value.separator !== !1 ? (i(), d("div", je)) : h("", !0),
-      N(g(D), $({
+        [Me, s.api.searchFormVisible.value]
+      ]) : S("", !0),
+      C.value && l.value.separator !== !1 ? (i(), T("div", Ot)) : S("", !0),
+      q(h(he), E({
         ref_key: "gridRef",
-        ref: s,
+        ref: n,
         class: "yee-grid__table"
-      }, A.value, se(G.value)), ie({
-        toolbarActions: v((y) => [
-          f(a.$slots, "table-title", {}, () => [
-            t.tableTitle ? (i(), d("div", Ee, [
-              x(T(t.tableTitle) + " ", 1),
-              t.tableTitleHelp ? (i(), b(g(de), {
+      }, g.value, Ie(b.value)), pe({
+        toolbarActions: f((u) => [
+          _(o.$slots, "table-title", {}, () => [
+            s.tableTitle ? (i(), T("div", Rt, [
+              z(F(s.tableTitle) + " ", 1),
+              s.tableTitleHelp ? (i(), k(h(W), {
                 key: 0,
-                title: t.tableTitleHelp
+                title: s.tableTitleHelp
               }, {
-                default: v(() => [...r[1] || (r[1] = [
-                  V("span", {
+                default: f(() => [...d[1] || (d[1] = [
+                  $("span", {
                     class: "yee-grid__help",
                     tabindex: "0"
                   }, "?", -1)
                 ])]),
                 _: 1
-              }, 8, ["title"])) : h("", !0)
-            ])) : h("", !0)
+              }, 8, ["title"])) : S("", !0)
+            ])) : S("", !0)
           ], !0),
-          f(a.$slots, "toolbar-actions", R(H(y)), void 0, !0)
+          _(o.$slots, "toolbar-actions", M(I(u)), void 0, !0)
         ]),
-        toolbarTools: v((y) => [
-          f(a.$slots, "toolbar-tools", R(H(y)), void 0, !0),
-          k.value && m.value ? (i(), b(g(F), {
+        toolbarTools: f((u) => [
+          _(o.$slots, "toolbar-tools", M(I(u)), void 0, !0),
+          V.value && C.value ? (i(), k(h(U), {
             key: 0,
             size: "small",
-            onClick: r[0] || (r[0] = (_) => t.api.toggleSearchForm())
+            onClick: d[0] || (d[0] = (O) => s.api.toggleSearchForm())
           }, {
-            default: v(() => [
-              x(T(t.api.searchFormVisible.value ? "隐藏查询" : "显示查询"), 1)
+            default: f(() => [
+              z(F(s.api.searchFormVisible.value ? "隐藏查询" : "显示查询"), 1)
             ]),
             _: 1
-          })) : h("", !0)
+          })) : S("", !0)
         ]),
-        empty: v(() => [
-          f(a.$slots, "empty", {}, () => [
-            r[2] || (r[2] = V("div", { class: "yee-grid__empty" }, "暂无数据", -1))
+        pagerSizes: f(({ $pager: u, options: O, pageSize: Y }) => [
+          q(h(J), {
+            class: "yee-grid__page-size",
+            options: O,
+            value: Y,
+            onChange: (R) => y(u, R)
+          }, null, 8, ["options", "value", "onChange"])
+        ]),
+        empty: f(() => [
+          _(o.$slots, "empty", {}, () => [
+            d[2] || (d[2] = $("div", { class: "yee-grid__empty" }, "暂无数据", -1))
           ], !0)
         ]),
         _: 2
       }, [
-        E(Y.value, (y) => ({
-          name: y,
-          fn: v((_) => [
-            f(a.$slots, y, R(H(_)), void 0, !0)
+        oe(B.value, (u) => ({
+          name: u,
+          fn: f((O) => [
+            _(o.$slots, u, M(I(O)), void 0, !0)
           ])
         }))
       ]), 1040)
     ]));
   }
-}), De = /* @__PURE__ */ O(Ue, [["__scopeId", "data-v-d97be924"]]);
-function at(t) {
-  q();
-  const e = new Be(t), o = De;
-  return [P({
+}), zt = /* @__PURE__ */ N(Yt, [["__scopeId", "data-v-dd189ec9"]]);
+function no(s) {
+  ge();
+  const e = new xt(s), t = zt;
+  return [A({
     name: "YeeGrid",
     inheritAttrs: !1,
     props: {
       tableTitle: String,
       tableTitleHelp: String
     },
-    setup(n, { attrs: l, slots: m }) {
-      return le(() => e.unmount()), () => re(o, {
+    setup(p, { attrs: l, slots: C }) {
+      return de(() => e.unmount()), () => Ue(t, {
         ...l,
         api: e,
-        ...n.tableTitle ? { tableTitle: n.tableTitle } : {},
-        ...n.tableTitleHelp ? { tableTitleHelp: n.tableTitleHelp } : {}
-      }, m);
+        ...p.tableTitle ? { tableTitle: p.tableTitle } : {},
+        ...p.tableTitleHelp ? { tableTitleHelp: p.tableTitleHelp } : {}
+      }, C);
     }
   }), e];
 }
-const Me = { class: "yee-page__heading" }, qe = {
+const Et = { class: "yee-modal__header" }, At = { class: "yee-modal__title" }, Mt = { class: "yee-modal__body" }, It = { class: "yee-modal__footer" }, Ut = { class: "yee-modal__body" }, Nt = { class: "yee-modal__footer" }, jt = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  name: "YeeModal",
+  __name: "YeeModal",
+  props: /* @__PURE__ */ te({
+    cancelButtonText: { default: "取消" },
+    centered: { type: Boolean, default: !1 },
+    confirmButtonLoading: { type: Boolean, default: !1 },
+    confirmButtonText: { default: "确认" },
+    destroyOnClose: { type: Boolean, default: !0 },
+    keyboard: { type: Boolean, default: !1 },
+    maskClosable: { type: Boolean, default: !1 },
+    showCancelButton: { type: Boolean, default: !0 },
+    showConfirmButton: { type: Boolean, default: !0 },
+    title: { default: "" },
+    type: { default: "modal" },
+    width: { default: 520 }
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ te(["cancel", "close", "confirm"], ["update:open"]),
+  setup(s, { emit: e }) {
+    const t = s, n = e, p = me(s, "open"), l = ve(), C = c(() => t.type === "drawer");
+    function w(g) {
+      n("cancel", g), p.value = !1;
+    }
+    function B(g) {
+      n("confirm", g);
+    }
+    function V() {
+      n("close");
+    }
+    return (g, b) => C.value ? (i(), k(h(He), E({ key: 0 }, h(l), {
+      "destroy-on-close": t.destroyOnClose,
+      keyboard: t.keyboard,
+      "mask-closable": t.maskClosable,
+      open: p.value,
+      width: t.width,
+      onAfterOpenChange: b[0] || (b[0] = (m) => !m && V()),
+      onClose: w
+    }), {
+      title: f(() => [
+        $("div", Et, [
+          _(g.$slots, "header", {}, () => [
+            $("span", At, F(t.title), 1)
+          ], !0)
+        ])
+      ]),
+      footer: f(() => [
+        $("div", It, [
+          _(g.$slots, "footer", {}, () => [
+            t.showCancelButton ? (i(), k(h(U), {
+              key: 0,
+              onClick: w
+            }, {
+              default: f(() => [
+                z(F(t.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : S("", !0),
+            t.showConfirmButton ? (i(), k(h(U), {
+              key: 1,
+              loading: t.confirmButtonLoading,
+              type: "primary",
+              onClick: B
+            }, {
+              default: f(() => [
+                z(F(t.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : S("", !0)
+          ], !0)
+        ])
+      ]),
+      default: f(() => [
+        $("div", Mt, [
+          _(g.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["destroy-on-close", "keyboard", "mask-closable", "open", "width"])) : (i(), k(h(qe), E({ key: 1 }, h(l), {
+      centered: t.centered,
+      "destroy-on-close": t.destroyOnClose,
+      keyboard: t.keyboard,
+      "mask-closable": t.maskClosable,
+      open: p.value,
+      title: t.title,
+      width: t.width,
+      onAfterClose: V,
+      onCancel: w
+    }), {
+      footer: f(() => [
+        $("div", Nt, [
+          _(g.$slots, "footer", {}, () => [
+            t.showCancelButton ? (i(), k(h(U), {
+              key: 0,
+              onClick: w
+            }, {
+              default: f(() => [
+                z(F(t.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : S("", !0),
+            t.showConfirmButton ? (i(), k(h(U), {
+              key: 1,
+              loading: t.confirmButtonLoading,
+              type: "primary",
+              onClick: B
+            }, {
+              default: f(() => [
+                z(F(t.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : S("", !0)
+          ], !0)
+        ])
+      ]),
+      default: f(() => [
+        $("div", Ut, [
+          _(g.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["centered", "destroy-on-close", "keyboard", "mask-closable", "open", "title", "width"]));
+  }
+}), lo = /* @__PURE__ */ N(jt, [["__scopeId", "data-v-45cda799"]]), Lt = { class: "yee-page__heading" }, Dt = {
   key: 0,
   class: "yee-page__title"
-}, Le = {
+}, Gt = {
   key: 0,
   class: "yee-page__description"
-}, Ke = {
+}, Ht = {
   key: 0,
   class: "yee-page__extra"
-}, Qe = /* @__PURE__ */ P({
+}, qt = /* @__PURE__ */ A({
   name: "YeePage",
   __name: "YeePage",
   props: {
@@ -424,56 +839,181 @@ const Me = { class: "yee-page__heading" }, qe = {
     heightOffset: { default: 0 },
     title: {}
   },
-  setup(t) {
-    const e = t, o = U(), s = c(() => !!(e.description || e.title || o.description || o.extra || o.title)), n = c(() => ({
+  setup(s) {
+    const e = s, t = ae(), n = c(() => !!(e.description || e.title || t.description || t.extra || t.title)), p = c(() => ({
       "--yee-page-height-offset": typeof e.heightOffset == "number" ? `${e.heightOffset}px` : e.heightOffset
     }));
-    return (l, m) => (i(), d("section", {
-      class: S(["yee-page", { "yee-page--auto-height": t.autoContentHeight }]),
-      style: j(n.value)
+    return (l, C) => (i(), T("section", {
+      class: H(["yee-page", { "yee-page--auto-height": s.autoContentHeight }]),
+      style: K(p.value)
     }, [
-      s.value ? (i(), d("header", {
+      n.value ? (i(), T("header", {
         key: 0,
-        class: S(["yee-page__header", t.headerClass])
+        class: H(["yee-page__header", s.headerClass])
       }, [
-        V("div", Me, [
-          f(l.$slots, "title", {}, () => [
-            t.title ? (i(), d("h1", qe, T(t.title), 1)) : h("", !0)
+        $("div", Lt, [
+          _(l.$slots, "title", {}, () => [
+            s.title ? (i(), T("h1", Dt, F(s.title), 1)) : S("", !0)
           ], !0),
-          f(l.$slots, "description", {}, () => [
-            t.description ? (i(), d("p", Le, T(t.description), 1)) : h("", !0)
+          _(l.$slots, "description", {}, () => [
+            s.description ? (i(), T("p", Gt, F(s.description), 1)) : S("", !0)
           ], !0)
         ]),
-        l.$slots.extra ? (i(), d("div", Ke, [
-          f(l.$slots, "extra", {}, void 0, !0)
-        ])) : h("", !0)
-      ], 2)) : h("", !0),
-      V("main", {
-        class: S(["yee-page__content", t.contentClass])
+        l.$slots.extra ? (i(), T("div", Ht, [
+          _(l.$slots, "extra", {}, void 0, !0)
+        ])) : S("", !0)
+      ], 2)) : S("", !0),
+      $("main", {
+        class: H(["yee-page__content", s.contentClass])
       }, [
-        f(l.$slots, "default", {}, void 0, !0)
+        _(l.$slots, "default", {}, void 0, !0)
       ], 2),
-      l.$slots.footer ? (i(), d("footer", {
+      l.$slots.footer ? (i(), T("footer", {
         key: 1,
-        class: S(["yee-page__footer", t.footerClass])
+        class: H(["yee-page__footer", s.footerClass])
       }, [
-        f(l.$slots, "footer", {}, void 0, !0)
-      ], 2)) : h("", !0)
+        _(l.$slots, "footer", {}, void 0, !0)
+      ], 2)) : S("", !0)
     ], 6));
   }
-}), st = /* @__PURE__ */ O(Qe, [["__scopeId", "data-v-23464940"]]);
+}), io = /* @__PURE__ */ N(qt, [["__scopeId", "data-v-23464940"]]), Kt = { class: "yee-select__option-label" }, Qt = /* @__PURE__ */ A({
+  inheritAttrs: !1,
+  name: "YeeSelect",
+  __name: "YeeSelect",
+  props: /* @__PURE__ */ te({
+    fieldNames: {},
+    options: {}
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: ["update:value"],
+  setup(s) {
+    const e = s, t = me(s, "value"), n = ve(), p = ae(), l = c(() => ({
+      label: e.fieldNames?.label ?? "label",
+      options: e.fieldNames?.options ?? "options",
+      value: e.fieldNames?.value ?? "value"
+    })), C = c(() => n.class), w = c(() => n.style), B = c(() => {
+      const o = {};
+      for (const [d, u] of Object.entries(n))
+        d !== "class" && d !== "style" && (o[d] = u);
+      return o;
+    }), V = c(() => !p.default && !p.option);
+    function g(o) {
+      return typeof o == "number" || typeof o == "string" ? String(o) : "";
+    }
+    function b(o, d) {
+      if (o)
+        for (const u of o) {
+          const O = u[l.value.options], Y = b(O, d);
+          if (Y) return Y;
+          const R = u[l.value.value];
+          if (R === d || String(R) === String(d)) return u;
+        }
+    }
+    function m(o) {
+      return o ? g(o[l.value.label]) || g(o.title) || g(o[l.value.value]) : "";
+    }
+    const r = c(() => {
+      const o = t.value;
+      if (!(o == null || o === ""))
+        return Array.isArray(o) ? o.map((d) => m(b(e.options, d)) || g(d)).filter(Boolean).join("、") || void 0 : m(b(e.options, o)) || g(o) || void 0;
+    });
+    function y(o) {
+      return m(o);
+    }
+    return (o, d) => (i(), k(h(W), { title: r.value }, {
+      default: f(() => [
+        $("div", {
+          class: H(["yee-select", C.value]),
+          style: K(w.value)
+        }, [
+          V.value ? (i(), k(h(J), E({
+            key: 0,
+            value: t.value,
+            "onUpdate:value": d[0] || (d[0] = (u) => t.value = u)
+          }, B.value, {
+            "field-names": l.value,
+            options: s.options
+          }), {
+            option: f((u) => [
+              q(h(W), {
+                title: y(u),
+                placement: "left"
+              }, {
+                default: f(() => [
+                  $("span", Kt, F(y(u)), 1)
+                ]),
+                _: 2
+              }, 1032, ["title"])
+            ]),
+            _: 1
+          }, 16, ["value", "field-names", "options"])) : (i(), k(h(J), E({
+            key: 1,
+            value: t.value,
+            "onUpdate:value": d[1] || (d[1] = (u) => t.value = u)
+          }, B.value, {
+            "field-names": l.value,
+            options: s.options
+          }), pe({ _: 2 }, [
+            o.$slots.default ? {
+              name: "default",
+              fn: f((u) => [
+                _(o.$slots, "default", M(I(u)), void 0, !0)
+              ]),
+              key: "0"
+            } : void 0,
+            o.$slots.option ? {
+              name: "option",
+              fn: f((u) => [
+                _(o.$slots, "option", M(I(u)), void 0, !0)
+              ]),
+              key: "1"
+            } : void 0,
+            o.$slots.tagRender ? {
+              name: "tagRender",
+              fn: f((u) => [
+                _(o.$slots, "tagRender", M(I(u)), void 0, !0)
+              ]),
+              key: "2"
+            } : void 0,
+            o.$slots.dropdownRender ? {
+              name: "dropdownRender",
+              fn: f((u) => [
+                _(o.$slots, "dropdownRender", M(I(u)), void 0, !0)
+              ]),
+              key: "3"
+            } : void 0,
+            o.$slots.notFoundContent ? {
+              name: "notFoundContent",
+              fn: f((u) => [
+                _(o.$slots, "notFoundContent", M(I(u)), void 0, !0)
+              ]),
+              key: "4"
+            } : void 0
+          ]), 1040, ["value", "field-names", "options"]))
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["title"]));
+  }
+}), ro = /* @__PURE__ */ N(Qt, [["__scopeId", "data-v-64282659"]]);
 export {
-  ot as PlatformConfigProvider,
-  Ne as YeeForm,
-  ze as YeeFormApi,
-  Be as YeeGridApi,
-  st as YeePage,
-  rt as darkThemeTokens,
-  nt as lightThemeTokens,
-  z as platformThemeKey,
-  pe as resolvePlatformTheme,
-  fe as toAntDesignTheme,
-  he as toPlatformCssVariables,
-  tt as usePlatformTheme,
-  at as useYeeGrid
+  oo as PlatformConfigProvider,
+  ao as YeeDescriptions,
+  so as YeeFileUpload,
+  Ft as YeeForm,
+  Bt as YeeFormApi,
+  xt as YeeGridApi,
+  lo as YeeModal,
+  io as YeePage,
+  ro as YeeSelect,
+  fo as darkThemeTokens,
+  po as lightThemeTokens,
+  se as platformThemeKey,
+  Ke as resolvePlatformTheme,
+  Qe as toAntDesignTheme,
+  We as toPlatformCssVariables,
+  to as usePlatformTheme,
+  no as useYeeGrid
 };