@yeepay/yee-boss-ui 0.1.16 → 0.1.18

package/dist/form-api-DbIL_dvg.js

@@ -0,0 +1,201 @@
+import { defineComponent as I, shallowRef as r, computed as d, onMounted as U, nextTick as D, onBeforeUnmount as j, openBlock as i, createElementBlock as f, withModifiers as z, createElementVNode as h, Fragment as L, renderList as A, toDisplayString as w, renderSlot as G, createBlock as S, resolveDynamicComponent as K, mergeProps as $, createCommentVNode as R, createVNode as N, unref as v, withCtx as y, createTextVNode as g, reactive as q } from "vue";
+import { TreeSelect as H, TimeRangePicker as J, TimePicker as Q, Textarea as W, Switch as X, Slider as Z, Select as ee, Segmented as te, Rate as oe, RangePicker as ne, RadioGroup as ae, Radio as se, Mentions as ie, InputPassword as le, InputNumber as ue, Input as re, DatePicker as ce, CheckboxGroup as me, Checkbox as pe, Cascader as de, AutoComplete as fe, Button as C } from "ant-design-vue";
+import { Y as he } from "./YeeFileUpload-DvRN1D-j.js";
+import { _ as ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ye = {
+  AutoComplete: fe,
+  Cascader: de,
+  Checkbox: pe,
+  CheckboxGroup: me,
+  DatePicker: ce,
+  Input: re,
+  InputNumber: ue,
+  InputPassword: le,
+  Mentions: ie,
+  Radio: se,
+  RadioGroup: ae,
+  RangePicker: ne,
+  Rate: oe,
+  Segmented: te,
+  Select: ee,
+  Slider: Z,
+  Switch: X,
+  Textarea: W,
+  TimePicker: Q,
+  TimeRangePicker: J,
+  TreeSelect: H,
+  Upload: he
+}, ge = {
+  Checkbox: "checked",
+  Radio: "checked",
+  Switch: "checked",
+  Upload: "fileList"
+}, Ce = { class: "yee-ui-form__label" }, be = { class: "yee-ui-form__actions" }, ke = /* @__PURE__ */ I({
+  name: "YeeForm",
+  __name: "YeeForm",
+  props: {
+    api: {},
+    onReset: { type: Function },
+    onSubmit: { type: Function },
+    options: {}
+  },
+  setup(l) {
+    const e = l, a = r(e.options.collapsed ?? !0), s = r(3), u = r(null);
+    let c;
+    e.api.configure(e.options);
+    const b = d(() => e.api.schema.value.filter((t) => !t.hide)), x = d(() => Math.max(1, e.options.collapsedRows ?? 1) * s.value), B = d(() => !e.options.showCollapseButton || !a.value ? b.value : b.value.slice(0, x.value));
+    function k() {
+      const t = u.value;
+      if (!t) return;
+      const n = getComputedStyle(t).gridTemplateColumns.split(" ").map((o) => o.trim()).filter(Boolean);
+      n.length > 0 && (s.value = n.length);
+    }
+    U(async () => {
+      await D(), k(), typeof ResizeObserver < "u" && u.value && (c = new ResizeObserver(k), c.observe(u.value));
+    }), j(() => {
+      c?.disconnect();
+    });
+    function V(t) {
+      return e.api.getFieldValue(t.fieldName);
+    }
+    function _(t) {
+      return t !== "Custom";
+    }
+    function M(t) {
+      return _(t.component) ? ye[t.component] : void 0;
+    }
+    function P(t) {
+      return _(t.component) ? ge[t.component] ?? "value" : "value";
+    }
+    function O(t) {
+      const n = V(t), o = P(t);
+      return {
+        ...t.componentProps,
+        ...n === void 0 ? {} : { [o]: n },
+        [`onUpdate:${o}`]: (p) => F(t, p)
+      };
+    }
+    function F(t, n) {
+      e.api.setFieldValue(
+        t.fieldName,
+        n
+      ), e.options.submitOnChange && m();
+    }
+    async function T() {
+      e.api.resetForm(), await e.onReset?.();
+    }
+    async function m() {
+      await e.onSubmit?.(e.api.getValues());
+    }
+    function Y(t) {
+      t.key === "Enter" && e.options.submitOnEnter && (t.preventDefault(), m());
+    }
+    function E() {
+      a.value = !a.value, e.options.handleCollapsedChange?.(a.value);
+    }
+    return (t, n) => (i(), f("form", {
+      class: "yee-ui-form",
+      onKeydown: Y,
+      onSubmit: z(m, ["prevent"])
+    }, [
+      h("div", {
+        ref_key: "fieldsElement",
+        ref: u,
+        class: "yee-ui-form__fields"
+      }, [
+        (i(!0), f(L, null, A(B.value, (o) => (i(), f("label", {
+          key: o.fieldName,
+          class: "yee-ui-form__field"
+        }, [
+          h("span", Ce, w(o.label), 1),
+          G(t.$slots, o.fieldName, {
+            field: o,
+            setValue: (p) => F(o, p),
+            value: V(o),
+            values: l.api.getValues()
+          }, () => [
+            o.component !== "Custom" ? (i(), S(K(M(o)), $({
+              key: 0,
+              ref_for: !0
+            }, O(o)), null, 16)) : R("", !0)
+          ], !0)
+        ]))), 128))
+      ], 512),
+      h("div", be, [
+        N(v(C), {
+          "html-type": "button",
+          onClick: T
+        }, {
+          default: y(() => [...n[0] || (n[0] = [
+            g(" 重置 ", -1)
+          ])]),
+          _: 1
+        }),
+        N(v(C), {
+          type: "primary",
+          "html-type": "submit"
+        }, {
+          default: y(() => [...n[1] || (n[1] = [
+            g(" 查询 ", -1)
+          ])]),
+          _: 1
+        }),
+        l.options.showCollapseButton ? (i(), S(v(C), {
+          key: 0,
+          type: "link",
+          "html-type": "button",
+          onClick: E
+        }, {
+          default: y(() => [
+            g(w(a.value ? "展开" : "收起"), 1)
+          ]),
+          _: 1
+        })) : R("", !0)
+      ])
+    ], 32));
+  }
+}), Se = /* @__PURE__ */ ve(ke, [["__scopeId", "data-v-13cadc25"]]);
+class Re {
+  /** 当前表单 Schema，由组件初始化，可通过 updateSchema 动态更新。 */
+  schema = r([]);
+  initialValues = {};
+  values = q({});
+  /** @internal 使用配置初始化 Schema 和字段值。 */
+  configure(e) {
+    this.schema.value = e.schema.map((a) => ({ ...a })), this.initialValues = { ...e.initialValues }, this.resetForm();
+  }
+  /** 获取指定字段值，并保留 TValues 中声明的字段类型。 */
+  getFieldValue(e) {
+    return this.values[e];
+  }
+  /** 获取当前全部字段值的浅拷贝。 */
+  getValues() {
+    return { ...this.values };
+  }
+  /** 将字段值恢复为 initialValues。 */
+  resetForm() {
+    for (const e of Object.keys(this.values))
+      delete this.values[e];
+    Object.assign(this.values, this.initialValues);
+  }
+  /** 设置指定字段值，字段名和值必须与 TValues 保持一致。 */
+  setFieldValue(e, a) {
+    this.values[e] = a;
+  }
+  /** 批量更新已声明字段的值。 */
+  setValues(e) {
+    Object.assign(this.values, e);
+  }
+  /** 按字段名动态更新 Schema。 */
+  updateSchema(e) {
+    const a = new Map(e.map((s) => [s.fieldName, s]));
+    this.schema.value = this.schema.value.map((s) => ({
+      ...s,
+      ...a.get(s.fieldName)
+    }));
+  }
+}
+export {
+  Se as Y,
+  Re as a
+};

package/dist/form.d.ts

@@ -0,0 +1 @@
+export * from './components/form';

package/dist/form.js

@@ -0,0 +1,5 @@
+import { Y as r, a } from "./form-api-DbIL_dvg.js";
+export {
+  r as YeeForm,
+  a as YeeFormApi
+};

package/dist/grid.d.ts

@@ -0,0 +1 @@
+export * from './components/grid';

package/dist/grid.js

@@ -0,0 +1,5 @@
+import { Y as i, u as s } from "./use-yee-grid-rYoenViE.js";
+export {
+  i as YeeGridApi,
+  s as useYeeGrid
+};

package/dist/index-DZP16zRG.js

@@ -0,0 +1,261 @@
+import { defineComponent as q, useModel as I, useAttrs as G, useSlots as J, useId as K, computed as d, openBlock as a, createBlock as s, unref as t, mergeProps as $, createSlots as D, withCtx as o, createElementVNode as n, renderSlot as f, createTextVNode as h, toDisplayString as y, createCommentVNode as r, createElementBlock as C, createVNode as v, mergeModels as F, h as Q } from "vue";
+import { FullscreenExitOutlined as R, FullscreenOutlined as U, CloseOutlined as X } from "@ant-design/icons-vue";
+import { Drawer as Z, Button as u, Modal as ee, Tooltip as te } from "ant-design-vue";
+import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const le = { class: "yee-ui-modal__header" }, ae = ["id"], se = { class: "yee-ui-modal__title" }, ne = {
+  key: 1,
+  class: "yee-ui-modal__header-actions"
+}, re = { class: "yee-ui-modal__body" }, de = { class: "yee-ui-modal__footer" }, ie = { class: "yee-ui-modal__header" }, ue = ["id"], ce = { class: "yee-ui-modal__title" }, fe = { class: "yee-ui-modal__header-actions" }, ye = { class: "yee-ui-modal__body" }, pe = { class: "yee-ui-modal__footer" }, me = /* @__PURE__ */ q({
+  inheritAttrs: !1,
+  name: "YeeModal",
+  __name: "YeeModal",
+  props: /* @__PURE__ */ F({
+    cancelButtonText: { default: "取消" },
+    centered: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !0 },
+    confirmButtonLoading: { type: Boolean, default: !1 },
+    confirmButtonText: { default: "确认" },
+    destroyOnClose: { type: Boolean, default: !0 },
+    fullscreen: { type: Boolean, default: !1 },
+    fullscreenButton: { type: Boolean, default: !0 },
+    keyboard: { type: Boolean, default: !1 },
+    maskClosable: { type: Boolean, default: !1 },
+    open: { type: Boolean },
+    showCancelButton: { type: Boolean, default: !0 },
+    showConfirmButton: { type: Boolean, default: !0 },
+    style: { type: [Boolean, null, String, Object, Array] },
+    title: { default: "" },
+    type: { default: "modal" },
+    width: { default: 520 },
+    wrapProps: {}
+  }, {
+    open: { type: Boolean, default: !1 },
+    openModifiers: {}
+  }),
+  emits: /* @__PURE__ */ F(["cancel", "close", "confirm", "update:fullscreen"], ["update:open"]),
+  setup(g, { emit: L }) {
+    const e = g, k = L, B = I(g, "open"), b = I(e, "fullscreen"), m = G(), M = J(), w = K(), x = d(() => e.type === "drawer"), i = d(() => !x.value && b.value), p = d(() => !!(e.title || M.header)), Y = d(() => p.value || e.closable), E = d(() => p.value || e.fullscreenButton || e.closable), O = d(() => i.value ? "退出全屏" : "进入全屏"), H = d(() => {
+      const l = Object.prototype.hasOwnProperty.call(e.wrapProps ?? {}, "aria-labelledby");
+      return {
+        ...e.wrapProps,
+        "aria-labelledby": l ? e.wrapProps?.["aria-labelledby"] : p.value ? w : void 0
+      };
+    }), N = d(() => {
+      if (i.value)
+        return {
+          height: "100%",
+          margin: 0,
+          maxWidth: "100vw",
+          paddingBottom: 0,
+          top: 0,
+          width: "100vw"
+        };
+    });
+    function T() {
+      const { style: l, ..._ } = m;
+      return _;
+    }
+    function V() {
+      return [m.style, e.style].filter(Boolean);
+    }
+    function z() {
+      return [m.style, e.style, N.value].filter(Boolean);
+    }
+    const A = () => M.closeIcon?.() ?? m.closeIcon ?? Q(X);
+    function c(l) {
+      k("cancel", l), B.value = !1;
+    }
+    function S(l) {
+      k("confirm", l);
+    }
+    function P() {
+      k("close");
+    }
+    function j() {
+      b.value = !b.value;
+    }
+    return (l, _) => x.value ? (a(), s(t(Z), $({ key: 0 }, T(), {
+      class: "yee-ui-modal-drawer",
+      closable: !1,
+      "destroy-on-close": e.destroyOnClose,
+      keyboard: e.keyboard,
+      "mask-closable": e.maskClosable,
+      open: B.value,
+      style: V(),
+      width: e.width,
+      onAfterOpenChange: _[0] || (_[0] = (W) => !W && P()),
+      onClose: c
+    }), D({
+      footer: o(() => [
+        n("div", de, [
+          f(l.$slots, "footer", {}, () => [
+            e.showCancelButton ? (a(), s(t(u), {
+              key: 0,
+              onClick: c
+            }, {
+              default: o(() => [
+                h(y(e.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : r("", !0),
+            e.showConfirmButton ? (a(), s(t(u), {
+              key: 1,
+              loading: e.confirmButtonLoading,
+              type: "primary",
+              onClick: S
+            }, {
+              default: o(() => [
+                h(y(e.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : r("", !0)
+          ], !0)
+        ])
+      ]),
+      default: o(() => [
+        n("div", re, [
+          f(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      Y.value ? {
+        name: "title",
+        fn: o(() => [
+          n("div", le, [
+            p.value ? (a(), C("div", {
+              key: 0,
+              id: t(w),
+              class: "yee-ui-modal__heading"
+            }, [
+              f(l.$slots, "header", {}, () => [
+                n("span", se, y(e.title), 1)
+              ], !0)
+            ], 8, ae)) : r("", !0),
+            e.closable ? (a(), C("div", ne, [
+              v(t(u), {
+                "aria-label": "关闭",
+                class: "yee-ui-modal__header-action",
+                size: "small",
+                type: "text",
+                onClick: c
+              }, {
+                default: o(() => [
+                  v(A)
+                ]),
+                _: 1
+              })
+            ])) : r("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["destroy-on-close", "keyboard", "mask-closable", "open", "style", "width"])) : (a(), s(t(ee), $({ key: 1 }, T(), {
+      centered: i.value ? !1 : e.centered,
+      class: {
+        "yee-ui-modal": !0,
+        "yee-ui-modal--fullscreen": i.value
+      },
+      closable: !1,
+      "destroy-on-close": e.destroyOnClose,
+      keyboard: e.keyboard,
+      "mask-closable": e.maskClosable,
+      open: B.value,
+      style: z(),
+      width: i.value ? "100vw" : e.width,
+      "wrap-props": H.value,
+      onAfterClose: P,
+      onCancel: c
+    }), D({
+      footer: o(() => [
+        n("div", pe, [
+          f(l.$slots, "footer", {}, () => [
+            e.showCancelButton ? (a(), s(t(u), {
+              key: 0,
+              onClick: c
+            }, {
+              default: o(() => [
+                h(y(e.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : r("", !0),
+            e.showConfirmButton ? (a(), s(t(u), {
+              key: 1,
+              loading: e.confirmButtonLoading,
+              type: "primary",
+              onClick: S
+            }, {
+              default: o(() => [
+                h(y(e.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : r("", !0)
+          ], !0)
+        ])
+      ]),
+      default: o(() => [
+        n("div", ye, [
+          f(l.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      E.value ? {
+        name: "title",
+        fn: o(() => [
+          n("div", ie, [
+            p.value ? (a(), C("div", {
+              key: 0,
+              id: t(w),
+              class: "yee-ui-modal__heading"
+            }, [
+              f(l.$slots, "header", {}, () => [
+                n("span", ce, y(e.title), 1)
+              ], !0)
+            ], 8, ue)) : r("", !0),
+            n("div", fe, [
+              e.fullscreenButton ? (a(), s(t(te), {
+                key: 0,
+                title: O.value
+              }, {
+                default: o(() => [
+                  v(t(u), {
+                    "aria-label": O.value,
+                    "aria-pressed": i.value,
+                    class: "yee-ui-modal__header-action",
+                    size: "small",
+                    type: "text",
+                    onClick: j
+                  }, {
+                    default: o(() => [
+                      i.value ? (a(), s(t(R), { key: 0 })) : (a(), s(t(U), { key: 1 }))
+                    ]),
+                    _: 1
+                  }, 8, ["aria-label", "aria-pressed"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : r("", !0),
+              e.closable ? (a(), s(t(u), {
+                key: 1,
+                "aria-label": "关闭",
+                class: "yee-ui-modal__header-action",
+                size: "small",
+                type: "text",
+                onClick: c
+              }, {
+                default: o(() => [
+                  v(A)
+                ]),
+                _: 1
+              })) : r("", !0)
+            ])
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["centered", "class", "destroy-on-close", "keyboard", "mask-closable", "open", "style", "width", "wrap-props"]));
+  }
+}), _e = /* @__PURE__ */ oe(me, [["__scopeId", "data-v-7424b0ee"]]), be = _e;
+export {
+  be as Y
+};

package/dist/index-kF3hvw2Z.js

@@ -0,0 +1,132 @@
+import { defineComponent as F, useModel as G, useSlots as H, useAttrs as J, useTemplateRef as K, shallowRef as Q, computed as n, openBlock as y, createBlock as S, unref as d, mergeProps as g, withCtx as u, createElementVNode as N, normalizeStyle as W, normalizeClass as X, createSlots as O, createVNode as Z, toDisplayString as ee, renderList as A, renderSlot as R, normalizeProps as Y, guardReactiveProps as x, mergeModels as te } from "vue";
+import { Tooltip as j, Select as oe } from "ant-design-vue";
+import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const le = { class: "yee-ui-select__option-label" }, se = /* @__PURE__ */ F({
+  inheritAttrs: !1,
+  name: "YeeSelect",
+  __name: "YeeSelect",
+  props: /* @__PURE__ */ te({
+    fieldNames: {},
+    options: {}
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: ["update:value"],
+  setup(c, { expose: z }) {
+    const h = oe, s = c, i = G(c, "value"), p = H(), f = J(), v = K("select"), C = Q(!1), l = n(() => ({
+      label: s.fieldNames?.label ?? "label",
+      options: s.fieldNames?.options ?? "options",
+      value: s.fieldNames?.value ?? "value"
+    })), B = n(() => f.class), M = n(() => f.style), w = n(() => {
+      const e = {};
+      for (const [t, o] of Object.entries(f))
+        t !== "class" && t !== "style" && t !== "onDropdownVisibleChange" && (e[t] = o);
+      return e;
+    }), P = n(() => !p.default && !p.option), V = n(() => Object.keys(p)), $ = n(() => V.value.filter(
+      (e) => e !== "default" && e !== "option"
+    ));
+    function E(e) {
+      const t = f.onDropdownVisibleChange;
+      if (typeof t == "function") {
+        t(e);
+        return;
+      }
+      t?.forEach((o) => o?.(e));
+    }
+    function D(e) {
+      C.value = e, E(e);
+    }
+    function a(e) {
+      return typeof e == "number" || typeof e == "string" ? String(e) : "";
+    }
+    function m(e, t) {
+      if (e)
+        for (const o of e) {
+          const r = o[l.value.options], _ = m(r, t);
+          if (_) return _;
+          const k = o[l.value.value];
+          if (k === t || String(k) === String(t)) return o;
+        }
+    }
+    function b(e) {
+      return e ? a(e[l.value.label]) || a(e.title) || a(e[l.value.value]) : "";
+    }
+    const L = n(() => {
+      const e = i.value;
+      if (!(e == null || e === ""))
+        return Array.isArray(e) ? e.map((t) => b(m(s.options, t)) || a(t)).filter(Boolean).join("、") || void 0 : b(m(s.options, e)) || a(e) || void 0;
+    });
+    function T(e) {
+      return b(e);
+    }
+    function U() {
+      v.value?.blur();
+    }
+    function I() {
+      v.value?.focus();
+    }
+    function q(...e) {
+      v.value?.scrollTo(...e);
+    }
+    return z({ blur: U, focus: I, scrollTo: q }), (e, t) => (y(), S(d(j), g(C.value ? { open: !1 } : {}, { title: L.value }), {
+      default: u(() => [
+        N("div", {
+          class: X(["yee-ui-select", B.value]),
+          style: W(M.value)
+        }, [
+          P.value ? (y(), S(d(h), g({
+            key: 0,
+            ref: "select",
+            value: i.value,
+            "onUpdate:value": t[0] || (t[0] = (o) => i.value = o)
+          }, w.value, {
+            "field-names": l.value,
+            options: c.options,
+            onDropdownVisibleChange: D
+          }), O({
+            option: u((o) => [
+              Z(d(j), {
+                title: T(o),
+                placement: "left"
+              }, {
+                default: u(() => [
+                  N("span", le, ee(T(o)), 1)
+                ]),
+                _: 2
+              }, 1032, ["title"])
+            ]),
+            _: 2
+          }, [
+            A($.value, (o) => ({
+              name: o,
+              fn: u((r) => [
+                R(e.$slots, o, Y(x(r)), void 0, !0)
+              ])
+            }))
+          ]), 1040, ["value", "field-names", "options"])) : (y(), S(d(h), g({
+            key: 1,
+            ref: "select",
+            value: i.value,
+            "onUpdate:value": t[1] || (t[1] = (o) => i.value = o)
+          }, w.value, {
+            "field-names": l.value,
+            options: c.options,
+            onDropdownVisibleChange: D
+          }), O({ _: 2 }, [
+            A(V.value, (o) => ({
+              name: o,
+              fn: u((r) => [
+                R(e.$slots, o, Y(x(r)), void 0, !0)
+              ])
+            }))
+          ]), 1040, ["value", "field-names", "options"]))
+        ], 6)
+      ]),
+      _: 3
+    }, 16, ["title"]));
+  }
+}), ie = /* @__PURE__ */ ne(se, [["__scopeId", "data-v-8acc9d8f"]]), ce = ie;
+export {
+  ce as Y
+};

package/dist/index.d.ts

@@ -1,10 +1,8 @@
-export * from './constants';
-export { default as PlatformConfigProvider } from './components/PlatformConfigProvider.vue';
-export type { PlatformConfigProviderProps, PlatformConfigProviderSlots, } from './components/platform-config-provider/types';
+export * from './core';
 export * from './components/descriptions';
 export * from './components/ellipsis-text';
+export * from './components/app-shell';
 export * from './components/file-upload';
-export * from './components/file-preview';
 export * from './components/form';
 export * from './components/grid';
 export * from './components/modal';