@yeepay/yee-boss-ui 0.1.18 → 0.1.20

package/dist/use-yee-grid-ClKZU8CY.js

@@ -0,0 +1,85 @@
+import { shallowRef as s, defineComponent as l, onBeforeUnmount as n, h as u, defineAsyncComponent as d } from "vue";
+import { Y as h } from "./form-api-0148j8ew.js";
+class m {
+  /** 查询表单控制器。 */
+  formApi = new h();
+  /** 查询表单当前是否可见。 */
+  searchFormVisible;
+  /** 当前 Grid 初始化配置。 */
+  state;
+  grid;
+  constructor(e) {
+    this.state = s(e), this.searchFormVisible = s(e.showSearchForm ?? !0);
+  }
+  /** @internal 由 YeeGrid 挂载底层 VXE Grid 实例。 */
+  mount(e) {
+    this.grid = e;
+  }
+  /** 保留当前页码并执行查询，可在查询前合并表单值。 */
+  query = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("query"));
+  /** 回到第一页并重新查询，可在查询前合并表单值。 */
+  reload = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("reload"));
+  /** 合并更新 VXE Grid 配置。 */
+  setGridOptions(e) {
+    this.setState({
+      gridOptions: {
+        ...this.state.value.gridOptions,
+        ...e
+      }
+    });
+  }
+  /** 设置表格加载状态。 */
+  setLoading(e) {
+    this.setGridOptions({ loading: e });
+  }
+  /** 合并更新 useYeeGrid 初始化配置。 */
+  setState(e) {
+    this.state.value = {
+      ...this.state.value,
+      ...e
+    };
+  }
+  /** 切换查询表单显隐，并返回切换后的状态。 */
+  toggleSearchForm(e) {
+    return this.searchFormVisible.value = e ?? !this.searchFormVisible.value, this.searchFormVisible.value;
+  }
+  /** @internal 清理底层 VXE Grid 实例引用。 */
+  unmount() {
+    this.grid = void 0;
+  }
+}
+let i = !1;
+function c() {
+  if (!(i || typeof document > "u")) {
+    if (document.querySelector("link[data-yee-grid-styles]")) {
+      i = !0;
+      return;
+    }
+    i = !0, import("@yeepay/yee-boss-ui/grid.css");
+  }
+}
+const p = d(() => import("./YeeGrid-CF-0OZUj.js"));
+function b(r) {
+  c();
+  const e = new m(r);
+  return [l({
+    name: "YeeGrid",
+    inheritAttrs: !1,
+    props: {
+      tableTitle: String,
+      tableTitleHelp: String
+    },
+    setup(t, { attrs: a, slots: o }) {
+      return n(() => e.unmount()), () => u(p, {
+        ...a,
+        api: e,
+        ...t.tableTitle ? { tableTitle: t.tableTitle } : {},
+        ...t.tableTitleHelp ? { tableTitleHelp: t.tableTitleHelp } : {}
+      }, o);
+    }
+  }), e];
+}
+export {
+  m as Y,
+  b as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yeepay/yee-boss-ui",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "运营后台平台公共 UI 与主题基础能力",
   "license": "UNLICENSED",
   "type": "module",
@@ -43,6 +43,7 @@
       "types": "./dist/grid.d.ts",
       "import": "./dist/grid.js"
     },
+    "./grid.css": "./dist/grid.css",
     "./tailwind-preset": {
       "types": "./dist/tailwind-preset.d.ts",
       "import": "./dist/tailwind-preset.js"

package/dist/form-api-DbIL_dvg.js

@@ -1,201 +0,0 @@
-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
-};