@flyto/farco 1.5.2 → 1.6.0

package/dist/chunk-69da04a0.js

@@ -0,0 +1,878 @@
+import { defineComponent as R, computed as N, openBlock as y, createElementBlock as q, normalizeClass as de, normalizeStyle as z, createElementVNode as O, useSlots as le, ref as C, nextTick as ne, onMounted as _e, resolveComponent as ge, createBlock as F, createSlots as j, withCtx as m, renderSlot as h, Fragment as K, unref as t, createVNode as g, mergeProps as S, renderList as T, normalizeProps as w, guardReactiveProps as E, createTextVNode as W, toDisplayString as L, createCommentVNode as M, mergeModels as Q, useModel as oe, inject as ce, reactive as re, provide as me, toRef as te, resolveDynamicComponent as ie, h as ue } from "vue";
+import { Space as he, Divider as H, Modal as ke, Input as $e, FormItem as Ce, Tooltip as Se, GridItem as Be, Form as qe, Grid as Fe } from "@arco-design/web-vue";
+import { _ as Pe } from "./chunk-db179b28.js";
+import { F as Oe } from "./chunk-f3768b0d.js";
+import { _ as Ie } from "./chunk-2d4cc9ab.js";
+import { _ as we } from "./chunk-3659754f.js";
+import { _ as Ee } from "./chunk-867494bd.js";
+import { _ as Te } from "./chunk-3e27c862.js";
+import { _ as De } from "./chunk-18dd07f2.js";
+import { _ as je } from "./chunk-8a4bafe4.js";
+import { _ as Ne } from "./chunk-0f50b26a.js";
+import { _ as Re } from "./chunk-995c23b4.js";
+import { _ as G, x as Le, l as Me } from "./chunk-28ba1e67.js";
+import { f as ye, a as be } from "./chunk-c9e8fc0f.js";
+import { g as Ae, i as Ve, a as We, _ as xe, I as ze } from "./chunk-cf90d627.js";
+import { _ as pe } from "./chunk-451afd44.js";
+const Ke = {
+  contentClass: {
+    type: [String, Object, Array]
+  },
+  data: {
+    type: Object,
+    default: null
+  },
+  defaultData: {
+    type: Object,
+    default: null
+  },
+  gridProps: {
+    type: Object,
+    default: () => ({})
+  },
+  itemSpan: {
+    type: [Object, Number],
+    default: () => ({ span: { xxl: 6, xl: 8, lg: 8, md: 12, sm: 24, xs: 24 } })
+  },
+  labelWidth: {
+    type: [Number, String],
+    default: "80px"
+  },
+  items: {
+    type: Array,
+    default: () => [],
+    required: !0
+  }
+}, Qe = R({
+  name: "IconSearch",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, { emit: u }) {
+    const o = Ae("icon"), d = N(() => [o, `${o}-search`, { [`${o}-spin`]: e.spin }]), a = N(() => {
+      const p = {};
+      return e.size && (p.fontSize = Ve(e.size) ? `${e.size}px` : e.size), e.rotate && (p.transform = `rotate(${e.rotate}deg)`), p;
+    });
+    return {
+      cls: d,
+      innerStyle: a,
+      onClick: (p) => {
+        u("click", p);
+      }
+    };
+  }
+}), Ue = ["stroke-width", "stroke-linecap", "stroke-linejoin"];
+function He(e, u, o, d, a, k) {
+  return y(), q("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: de(e.cls),
+    style: z(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: u[0] || (u[0] = (...p) => e.onClick && e.onClick(...p))
+  }, u[1] || (u[1] = [
+    O("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+  ]), 14, Ue);
+}
+var X = /* @__PURE__ */ We(Qe, [["render", He]]);
+const Ge = Object.assign(X, {
+  install: (e, u) => {
+    var o;
+    const d = (o = u == null ? void 0 : u.iconPrefix) != null ? o : "";
+    e.component(d + X.name, X);
+  }
+}), Xe = {
+  defaultData: {
+    type: Object,
+    default: null
+  },
+  keyProp: {
+    required: !0,
+    type: String,
+    default: ""
+  },
+  textProp: {
+    required: !0,
+    type: String,
+    default: ""
+  },
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  allowClear: {
+    type: Boolean,
+    default: !0
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  queryListOptions: {
+    required: !0
+  },
+  popupProps: {
+    type: Object,
+    default: () => ({})
+  },
+  onBeforeOk: {
+    type: Function,
+    default: null
+  }
+}, Ze = {
+  popupProps: {
+    type: Object,
+    default: () => ({
+      title: "\u8BF7\u9009\u62E9"
+    })
+  },
+  unmountOnClose: {
+    type: Boolean,
+    default: !0
+  },
+  queryListOptions: {
+    required: !0,
+    type: Object
+  },
+  defaultSelectedRows: {
+    type: Array,
+    default: null
+  },
+  onBeforeOk: {
+    type: Function
+  }
+}, Z = {
+  id: {
+    type: String,
+    required: !0
+  },
+  simple: {
+    type: Boolean,
+    default: !1
+  },
+  title: {
+    type: [String, Boolean],
+    default: !1
+  },
+  filterCollapseable: {
+    type: Boolean,
+    default: !1
+  },
+  filterCollapseStatus: {
+    type: Boolean,
+    default: null
+  },
+  queryBtnText: {
+    type: String,
+    default: "\u67E5\u8BE2"
+  },
+  queryBtnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  queryBtnLoading: {
+    type: Boolean,
+    default: !0
+  },
+  onBeforeQuery: {
+    type: Function,
+    default: null
+  },
+  resetBtnText: {
+    type: String,
+    default: "\u91CD\u7F6E"
+  },
+  resetBtnProps: {
+    type: Object,
+    default: () => ({})
+  },
+  tableData: {
+    type: Function,
+    default: null
+  },
+  autoQuery: {
+    type: Boolean,
+    default: !0
+  },
+  filterItems: {
+    type: [Array, Boolean],
+    default: []
+  },
+  fFormProps: {
+    type: Object,
+    default: () => ({})
+  },
+  tableCols: {
+    type: Array,
+    default: () => []
+  },
+  fTableProps: {
+    type: Object,
+    default: () => ({})
+  }
+}, Je = { class: "f-query-list__filter-handle" }, Ye = {
+  key: 0,
+  class: "icon"
+}, et = { class: "f-query-list__filter-handle" }, tt = { class: "f-query-list__table" }, x = "filter_", J = "table_", lt = /* @__PURE__ */ R({
+  __name: "fquery-list",
+  props: {
+    ...Z,
+    tableCols: {
+      ...Z.tableCols,
+      type: Array
+    },
+    tableData: {
+      ...Z.tableData,
+      type: Function
+    }
+  },
+  emits: [
+    "queryClick",
+    "resetClick",
+    "update:filterCollapseStatus",
+    "filterCollapseChange"
+  ],
+  setup(e, { expose: u, emit: o }) {
+    const d = o, a = e, k = le(), { filterSlotsNames: p, tableSlotNames: $ } = Object.keys(k).reduce(
+      (l, b) => (b.startsWith(x) && l.filterSlotsNames.push(
+        b.replace(new RegExp(`^${x}`), "")
+      ), b.startsWith(J) && l.tableSlotNames.push(
+        b.replace(new RegExp(`^${J}`), "")
+      ), l),
+      { filterSlotsNames: [], tableSlotNames: [] }
+    ), n = C(), i = C(), r = C(!1);
+    async function s() {
+      var b, D, _, B, A, V;
+      const l = Le({
+        ...(b = n.value) == null ? void 0 : b.data
+      });
+      if (d("queryClick", l), await ((D = a == null ? void 0 : a.onBeforeQuery) == null ? void 0 : D.call(a)) !== !1 && !await ((B = (_ = n.value) == null ? void 0 : _.ins) == null ? void 0 : B.validate()))
+        if (a.queryBtnLoading) {
+          r.value = !0;
+          try {
+            await ((A = i.value) == null ? void 0 : A.replayMethodData(l));
+          } finally {
+            r.value = !1;
+          }
+        } else
+          (V = i.value) == null || V.replayMethodData(l);
+    }
+    function f() {
+      var l, b;
+      d("resetClick"), (b = (l = n.value) == null ? void 0 : l.ins) == null || b.resetFields();
+    }
+    const c = a.filterCollapseStatus !== null ? N({
+      get() {
+        return v(a.filterCollapseStatus), a.filterCollapseStatus;
+      },
+      set(l) {
+        d("update:filterCollapseStatus", l);
+      }
+    }) : C(a.filterCollapseable);
+    function v(l = !c.value) {
+      !a.filterCollapseable || (c.value = l, ne(() => {
+        U(
+          c.value ? "shrink" : "closeAllCollapse"
+        ), d("filterCollapseChange", c.value);
+      }));
+    }
+    const P = C(), I = C(0), se = C(!1);
+    function U(l) {
+      var D, _, B;
+      const b = (D = n.value) == null ? void 0 : D.$el;
+      if (!b || l === "expand") {
+        I.value = 0;
+        return;
+      }
+      if (c.value)
+        I.value = ((_ = P == null ? void 0 : P.value) == null ? void 0 : _.scrollHeight) || 0;
+      else {
+        const A = b.scrollHeight, V = (((B = b.querySelector(".arco-grid-item")) == null ? void 0 : B.scrollHeight) || 0) * 2;
+        se.value = A > V, I.value = A - V;
+      }
+      setTimeout(() => {
+        P.value && (P.value.style.transition = "all 0.3s");
+      }, 100);
+    }
+    return _e(() => {
+      a.autoQuery && s(), ne(() => {
+        U("shrink");
+      });
+    }), u({
+      query: s,
+      filterIns: n,
+      tableIns: i
+    }), (l, b) => {
+      const D = ge("a-card");
+      return y(), F(D, {
+        class: "f-query-list",
+        bordered: !1
+      }, j({
+        default: m(() => [
+          h(l.$slots, "filter-prepend"),
+          l.filterItems !== !1 ? (y(), q(K, { key: 0 }, [
+            a.simple ? (y(), F(t(he), {
+              key: 0,
+              class: "f-query-list__filter--simple"
+            }, {
+              default: m(() => [
+                g(t(fe), S({
+                  ref_key: "fFormIns",
+                  ref: n,
+                  class: "f-query-list__filter-form"
+                }, l.fFormProps, {
+                  items: l.fFormProps.items || l.filterItems
+                }), j({ _: 2 }, [
+                  T(t(p), (_) => ({
+                    name: _,
+                    fn: m((B) => [
+                      h(l.$slots, `${x}${_}`, w(E(B)))
+                    ])
+                  }))
+                ]), 1040, ["items"]),
+                O("div", Je, [
+                  g(t(G), S({ icon: "IconSearch" }, l.queryBtnProps, {
+                    loading: r.value,
+                    onClick: s
+                  }), null, 16, ["loading"])
+                ])
+              ]),
+              _: 3
+            })) : (y(), q(K, { key: 1 }, [
+              a.filterCollapseable ? (y(), F(t(H), {
+                key: 0,
+                class: "f-query-list__top-divider-right-orientation",
+                orientation: "right",
+                margin: "15px",
+                style: { "margin-bottom": "2px" }
+              }, {
+                default: m(() => [
+                  O("span", {
+                    onClick: b[0] || (b[0] = (_) => c.value = !t(c))
+                  }, [
+                    g(t(pe), {
+                      name: "IconDown",
+                      rotate: t(c) ? 0 : 180,
+                      pointer: !0
+                    }, null, 8, ["rotate"]),
+                    W(" " + L(t(c) ? "\u66F4\u591A\u6761\u4EF6" : "\u6536\u8D77\u6761\u4EF6"), 1)
+                  ])
+                ]),
+                _: 1
+              })) : M("", !0),
+              O("div", {
+                style: z({
+                  overflow: "hidden",
+                  padding: t(c) ? "0" : "15px 0",
+                  transition: "all 0.3s"
+                })
+              }, [
+                O("div", {
+                  ref_key: "filterWarpRef",
+                  ref: P,
+                  class: de(["f-query-list__filter", {
+                    "f-query-list__filter-collapseable": a.filterCollapseable
+                  }]),
+                  style: z({
+                    marginBottom: `-${I.value}px`
+                  })
+                }, [
+                  g(t(fe), S({
+                    ref_key: "fFormIns",
+                    ref: n,
+                    class: "f-query-list__filter-form"
+                  }, l.fFormProps, {
+                    items: l.fFormProps.items || l.filterItems
+                  }), j({ _: 2 }, [
+                    T(t(p), (_) => ({
+                      name: _,
+                      fn: m((B) => [
+                        h(l.$slots, `${x}${_}`, w(E(B)))
+                      ])
+                    }))
+                  ]), 1040, ["items"]),
+                  O("div", {
+                    class: "f-query-list__filter-divider",
+                    style: z({
+                      marginBottom: t(c) ? "0px" : `${I.value - 5}px`
+                    })
+                  }, [
+                    se.value ? (y(), q("div", Ye, [
+                      g(t(pe), {
+                        name: "IconDownCircle",
+                        size: 20,
+                        rotate: I.value ? 0 : 180,
+                        pointer: !0,
+                        tooltip: I.value ? "\u5C55\u5F00\u6240\u6709\u7B5B\u9009\u6761\u4EF6" : "\u6536\u8D77",
+                        onClick: b[1] || (b[1] = (_) => U(
+                          I.value ? "expand" : "shrink"
+                        ))
+                      }, null, 8, ["rotate", "tooltip"])
+                    ])) : M("", !0),
+                    g(t(H), {
+                      class: "divider",
+                      direction: "vertical"
+                    })
+                  ], 4),
+                  O("div", et, [
+                    g(t(G), S({ icon: "IconSearch" }, l.queryBtnProps, {
+                      loading: r.value,
+                      onClick: s
+                    }), {
+                      default: m(() => [
+                        W(L(l.queryBtnText), 1)
+                      ]),
+                      _: 1
+                    }, 16, ["loading"]),
+                    g(t(G), S({
+                      type: "secondary",
+                      icon: "IconRefresh"
+                    }, l.resetBtnProps, { onClick: f }), {
+                      default: m(() => [
+                        W(L(l.resetBtnText), 1)
+                      ]),
+                      _: 1
+                    }, 16)
+                  ])
+                ], 6)
+              ], 4),
+              g(t(H), {
+                class: "f-query-list__divider",
+                style: { marginTop: "0px" }
+              })
+            ], 64))
+          ], 64)) : M("", !0),
+          h(l.$slots, "table-prepend"),
+          O("div", tt, [
+            g(t(xe), S({
+              id: `f-query-list__table-${l.id}`,
+              ref_key: "fTableIns",
+              ref: i
+            }, l.fTableProps, {
+              data: e.tableData,
+              cols: e.tableCols,
+              "no-immediately-method-data": !0
+            }), j({ _: 2 }, [
+              T(t($), (_) => ({
+                name: _,
+                fn: m((B) => [
+                  h(l.$slots, `${J}${_}`, w(E(B)))
+                ])
+              }))
+            ]), 1040, ["id", "data", "cols"])
+          ])
+        ]),
+        _: 2
+      }, [
+        l.title || l.$slots.title ? {
+          name: "title",
+          fn: m(() => [
+            h(l.$slots, "title", {}, () => [
+              W(L(l.title), 1)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+}), ot = /* @__PURE__ */ R({
+  __name: "fpop-choice",
+  props: /* @__PURE__ */ Q(Ze, {
+    visible: { type: Boolean, default: !1 },
+    visibleModifiers: {}
+  }),
+  emits: /* @__PURE__ */ Q({
+    ok(e, u) {
+      return { data: e, e: u };
+    }
+  }, ["update:visible"]),
+  setup(e, { expose: u, emit: o }) {
+    const d = o, a = e, k = oe(e, "visible"), p = N(() => {
+      const r = a.queryListOptions || {};
+      return {
+        ...r,
+        fTableProps: {
+          ...r.fTableProps,
+          defaultSelectedRows: a.defaultSelectedRows
+        }
+      };
+    }), $ = C();
+    function n(...r) {
+      var s, f, c, v;
+      d(
+        "ok",
+        {
+          keys: (f = (s = $.value) == null ? void 0 : s.tableIns) == null ? void 0 : f.selectedRowKeys,
+          list: (v = (c = $.value) == null ? void 0 : c.tableIns) == null ? void 0 : v.selectedRows
+        },
+        ...r
+      );
+    }
+    function i(...r) {
+      var s, f, c, v;
+      a.onBeforeOk ? a.onBeforeOk(
+        {
+          keys: ((f = (s = $.value) == null ? void 0 : s.tableIns) == null ? void 0 : f.selectedRowKeys) || [],
+          list: ((v = (c = $.value) == null ? void 0 : c.tableIns) == null ? void 0 : v.selectedRows) || []
+        },
+        ...r
+      ) : r[0](!0);
+    }
+    return u({
+      qlIns: $,
+      open() {
+        k.value = !0;
+      },
+      close() {
+        k.value = !1;
+      }
+    }), (r, s) => (y(), F(t(ke), S({
+      visible: k.value,
+      "onUpdate:visible": s[0] || (s[0] = (f) => k.value = f),
+      "body-style": { paddingTop: 0, paddingBottom: 0 },
+      draggable: "",
+      width: "80%"
+    }, r.popupProps, {
+      "mask-closable": !1,
+      "unmount-on-close": a.unmountOnClose,
+      "on-before-ok": i,
+      onOk: n
+    }), {
+      default: m(() => [
+        g(t(lt), S({
+          ref_key: "qlIns",
+          ref: $,
+          class: "f-choice-query"
+        }, p.value), null, 16)
+      ]),
+      _: 1
+    }, 16, ["visible", "unmount-on-close"]));
+  }
+}), rt = { class: "f-search" }, at = /* @__PURE__ */ R({
+  __name: "fsearch",
+  props: /* @__PURE__ */ Q(Xe, {
+    modelValue: {
+      default: []
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e, { expose: u }) {
+    const o = e, d = C(), a = oe(e, "modelValue"), k = N(
+      () => a.value.map((f) => f[o.textProp || ""]).join(",")
+    ), p = C(), $ = N(() => {
+      const f = {
+        fTableProps: {
+          selectionConfig: {
+            type: "radio",
+            tagLabelKey: o.textProp
+          },
+          rowKey: o.keyProp
+        }
+      };
+      return Me.exports.merge(f, o.queryListOptions), f;
+    });
+    function n(f) {
+      var v, P;
+      (v = d.value) == null || v.blur(), f.target.tagName.toLocaleUpperCase() !== "SVG" ? (P = p.value) == null || P.open() : a.value = [];
+    }
+    const i = (f, c) => {
+      o.onBeforeOk ? o.onBeforeOk(f, (v) => {
+        v && (a.value = f.list), c(v);
+      }) : (a.value = f.list, c(!0));
+    }, r = ce(ye, null), s = N(
+      () => o.placeholder || `\u8BF7\u9009\u62E9${((r == null ? void 0 : r.label) || "\u2026\u2026").replace(/[： | :]$/, "")}`
+    );
+    return o.defaultData && (a.value = o.defaultData), u(
+      re({
+        data: a,
+        openPopChoice: n
+      })
+    ), (f, c) => {
+      var v;
+      return y(), q("div", rt, [
+        g(t($e), {
+          ref_key: "inputRef",
+          ref: d,
+          "model-value": k.value,
+          placeholder: s.value,
+          "allow-clear": o.allowClear,
+          onClick: n
+        }, {
+          suffix: m(() => [
+            g(t(Ge))
+          ]),
+          _: 1
+        }, 8, ["model-value", "placeholder", "allow-clear"]),
+        g(t(ot), {
+          ref_key: "popChoiceRef",
+          ref: p,
+          "query-list-options": $.value,
+          "popup-props": {
+            title: `\u8BF7\u9009\u62E9${((v = t(r)) == null ? void 0 : v.label) || "\u2026\u2026"}`,
+            ...o.popupProps
+          },
+          "default-selected-rows": a.value,
+          "on-before-ok": i
+        }, null, 8, ["query-list-options", "popup-props", "default-selected-rows"])
+      ]);
+    };
+  }
+}), ae = "custom", ve = {
+  [ae]: null,
+  input: Pe,
+  text: Oe,
+  select: Ie,
+  radio: we,
+  checkbox: Ee,
+  switch: Te,
+  date: De,
+  range: je,
+  "ml-input": Ne,
+  textarea: Re,
+  search: at
+}, st = {
+  prop: {
+    type: String,
+    default: null
+  },
+  comp: {
+    required: !0,
+    type: String,
+    default: null,
+    validator: (e) => Object.keys(ve).includes(e)
+  },
+  render: {
+    type: Function,
+    default: null,
+    validator: (e, u) => u.comp === ae
+  },
+  compProps: {
+    type: Object,
+    default: null
+  },
+  label: {
+    type: String,
+    default: ""
+  },
+  hideLabel: {
+    type: Boolean,
+    default: (e) => !e.label
+  },
+  tooltip: {
+    type: String,
+    default: null
+  },
+  required: {
+    type: Boolean,
+    default: !1
+  },
+  rules: {
+    type: [Object, Array],
+    default(e) {
+      return e.required ? [{ required: !0, message: `${e.label}\u4E0D\u80FD\u4E3A\u7A7A` }] : null;
+    }
+  }
+}, nt = {
+  key: 0,
+  class: "f-form-item__prepend"
+}, it = {
+  key: 3,
+  class: "f-form-item__append"
+}, Y = "comp_", ut = /* @__PURE__ */ R({
+  __name: "fform-item",
+  props: /* @__PURE__ */ Q(st, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const u = ce(be, { data: {} }), o = e, d = oe(e, "modelValue"), a = le(), { curSlotKeys: k, compSlotKeys: p } = Object.keys(a).reduce(
+      (n, i) => (i.startsWith(Y) ? n.compSlotKeys.push(i.replace(Y, "")) : i !== "default" && n.curSlotKeys.push(i), n),
+      {
+        curSlotKeys: [],
+        compSlotKeys: []
+      }
+    ), $ = o.comp ? ve[o.comp] : null;
+    return me(
+      ye,
+      re({
+        prop: te(o, "prop"),
+        label: te(o, "label")
+      })
+    ), (n, i) => (y(), F(t(Ce), {
+      "row-class": "f-form-item",
+      label: o.label,
+      "hide-label": o.hideLabel,
+      required: n.required,
+      rules: n.rules
+    }, j({
+      label: m((r) => [
+        h(n.$slots, "label", w(E(r)), () => [
+          O("span", null, L(o.label), 1),
+          o.tooltip || n.$slots.tooltip ? (y(), F(t(Se), { key: 0 }, {
+            content: m(() => [
+              h(n.$slots, "tooltip", {}, () => [
+                (y(!0), q(K, null, T(o.tooltip.split(`
+`) || [], (s) => (y(), q("div", null, L(s), 1))), 256))
+              ])
+            ]),
+            default: m(() => [
+              g(t(ze), { style: { "margin-left": "3px" } })
+            ]),
+            _: 3
+          })) : M("", !0)
+        ])
+      ]),
+      default: m(() => [
+        n.$slots.prepend ? (y(), q("div", nt, [
+          h(n.$slots, "prepend", w(E(t(u).data)))
+        ])) : M("", !0),
+        o.comp === t(ae) ? h(n.$slots, "default", {
+          key: 1,
+          data: t(u).data
+        }, () => [
+          (y(), F(ie(o.render), {
+            data: t(u).data
+          }, null, 8, ["data"]))
+        ]) : (y(), F(ie(t($)), S({ key: 2 }, o.compProps, {
+          modelValue: d.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (r) => d.value = r)
+        }), j({ _: 2 }, [
+          T(t(p), (r) => ({
+            name: r,
+            fn: m((s) => [
+              h(n.$slots, `${Y}${r}`, w(E(s)))
+            ])
+          }))
+        ]), 1040, ["modelValue"])),
+        n.$slots.append ? (y(), q("div", it, [
+          h(n.$slots, "append", w(E(t(u).data)))
+        ])) : M("", !0)
+      ]),
+      _: 2
+    }, [
+      T(t(k), (r) => ({
+        name: r,
+        fn: m((s) => [
+          h(n.$slots, r, w(E(s)))
+        ])
+      }))
+    ]), 1032, ["label", "hide-label", "required", "rules"]));
+  }
+}), ee = "item-", fe = /* @__PURE__ */ R({
+  __name: "fform",
+  props: Ke,
+  setup(e, { expose: u }) {
+    const o = R({
+      inheritAttrs: !1,
+      props: {
+        gridItemProps: {
+          type: Object,
+          default: () => ({})
+        }
+      },
+      setup(i, { attrs: r, slots: s }) {
+        return () => ue(
+          Be,
+          i.gridItemProps,
+          () => ue(
+            ut,
+            {
+              ...r,
+              field: r.prop
+            },
+            s
+          )
+        );
+      }
+    }), d = e, a = le();
+    function k(i) {
+      return i ? Object.keys(a).reduce((r, s) => (s.startsWith(`${ee}${i}`) && r.push(
+        s.replace(new RegExp(`^${ee}${i}_`), "")
+      ), r), []) : [];
+    }
+    const p = d.data ? te(d, "data") : C({ ...d.defaultData }), $ = typeof d.itemSpan == "number" ? { span: d.itemSpan } : d.itemSpan, n = C();
+    return me(be, re({ data: p })), u({
+      data: p,
+      setFieldValue: (i, r) => {
+        if (d.data)
+          throw new Error("\u5728\u975E\u53D7\u63A7\u6A21\u5F0F\u4E0B\uFF0C\u4E0D\u652F\u6301\u66F4\u65B0\u6570\u636E");
+        p.value[i] = r;
+      },
+      ins: n
+    }), (i, r) => (y(), F(t(qe), {
+      ref_key: "formRef",
+      ref: n,
+      class: "f-form",
+      model: t(p),
+      "auto-label-width": !0
+    }, {
+      default: m(() => [
+        h(i.$slots, "prepend", { data: t(p) }),
+        g(t(Fe), S(i.gridProps, { class: i.contentClass }), {
+          default: m(() => [
+            (y(!0), q(K, null, T(i.items, (s) => (y(), F(t(o), S({
+              key: s.prop,
+              modelValue: t(p)[s.prop],
+              "onUpdate:modelValue": (f) => t(p)[s.prop] = f
+            }, { ref_for: !0 }, s, {
+              "grid-item-props": s.gridItemProps || t($),
+              "label-col-flex": s.labelColFlex || i.labelWidth
+            }), j({ _: 2 }, [
+              T(k(s.slotName || ""), (f) => ({
+                name: f,
+                fn: m((c) => [
+                  h(i.$slots, `${ee}${s.slotName}_${f}`, S({ ref_for: !0 }, c))
+                ])
+              }))
+            ]), 1040, ["modelValue", "onUpdate:modelValue", "grid-item-props", "label-col-flex"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["class"]),
+        h(i.$slots, "append", { data: t(p) })
+      ]),
+      _: 3
+    }, 8, ["model"]));
+  }
+});
+export {
+  ae as C,
+  fe as _,
+  ut as a,
+  lt as b,
+  ot as c,
+  at as d,
+  ve as e,
+  Ke as f,
+  st as g,
+  Z as h,
+  Ze as i,
+  Xe as j
+};