1179 lines
90 KiB
JavaScript
1179 lines
90 KiB
JavaScript
var Ln = Object.defineProperty;
|
|
var zt = (e) => {
|
|
throw TypeError(e);
|
|
};
|
|
var Vn = (e, t, n) => t in e ? Ln(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
var $ = (e, t, n) => Vn(e, typeof t != "symbol" ? t + "" : t, n), Bt = (e, t, n) => t.has(e) || zt("Cannot " + n);
|
|
var y = (e, t, n) => (Bt(e, t, "read from private field"), n ? n.call(e) : t.get(e)), j = (e, t, n) => t.has(e) ? zt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), U = (e, t, n, a) => (Bt(e, t, "write to private field"), a ? a.call(e, n) : t.set(e, n), n);
|
|
var Wt = (e, t, n, a) => ({
|
|
set _(r) {
|
|
U(e, t, r, n);
|
|
},
|
|
get _() {
|
|
return y(e, t, a);
|
|
}
|
|
});
|
|
import { jsx as u, jsxs as O } from "react/jsx-runtime";
|
|
import S, { useEffect as V, useState as A, useCallback as G, useRef as K, useContext as ie, useMemo as q, useId as yt, isValidElement as In, useLayoutEffect as Mn } from "react";
|
|
import b from "prop-types";
|
|
import F from "classnames";
|
|
import * as Dt from "react-is";
|
|
import { useNotification as zn } from "rc-notification";
|
|
import m from "lodash";
|
|
import Z, { Field as Rt, FieldContext as en } from "rc-field-form";
|
|
import { M as pt, N as Le, a as Ve, _ as wt, S as Bn } from "./vender-FNiQWFaA.js";
|
|
import tn from "immutability-helper";
|
|
import { Space as Wn, Form as et, Input as Dn, Button as nt, Pagination as Un, Tree as qn, Breadcrumb as Kn, Table as _n, Empty as Hn, Popover as Jn, Popconfirm as Gn, Tooltip as Yn } from "antd";
|
|
import { useMergedState as Xn } from "rc-util";
|
|
import { generatePath as Qn, useInRouterContext as nn, useParams as Zn, useLocation as ea, createBrowserRouter as ta, Navigate as na } from "react-router-dom";
|
|
import "rc-util/lib/hooks/useMergedState";
|
|
import aa from "rc-drawer";
|
|
import ra from "rc-dialog";
|
|
var Fe, ze, Re, ue, Pe, ve;
|
|
class an {
|
|
constructor(t, n) {
|
|
j(this, Fe, /* @__PURE__ */ new Map());
|
|
j(this, ze, !0);
|
|
j(this, Re, []);
|
|
j(this, ue);
|
|
j(this, Pe, () => y(this, ue));
|
|
j(this, ve, () => Promise.resolve());
|
|
$(this, "get", (...t) => new Promise((n, a) => {
|
|
const r = JSON.stringify(t);
|
|
if (y(this, Fe).has(r)) return n(y(this, ve).call(this, y(this, ue), ...t));
|
|
if (y(this, ue) === void 0) y(this, Re).push([t, n, a]), y(this, ze) && (U(this, ze, !1), Promise.resolve(typeof y(this, Pe) == "function" ? y(this, Pe).call(this) : y(this, Pe)).then((i) => U(this, ue, i || null)).finally(() => {
|
|
y(this, Re).forEach(([i, o, s]) => {
|
|
try {
|
|
const l = y(this, ve).call(this, y(this, ue), ...i);
|
|
y(this, Fe).set(JSON.stringify(i), l), o(l);
|
|
} catch (l) {
|
|
s(l);
|
|
}
|
|
}), y(this, Re).length = 0;
|
|
}));
|
|
else {
|
|
const i = y(this, ve).call(this, y(this, ue), ...t);
|
|
y(this, Fe).set(r, i), n(i);
|
|
}
|
|
}));
|
|
U(this, ve, n), U(this, Pe, t);
|
|
}
|
|
}
|
|
Fe = new WeakMap(), ze = new WeakMap(), Re = new WeakMap(), ue = new WeakMap(), Pe = new WeakMap(), ve = new WeakMap();
|
|
const Pr = () => u("div", { children: "Empty" }), Ke = S.createContext({ ele: {}, mount: () => {
|
|
}, unmount: () => {
|
|
} }), J = ({ rootClassName: e, className: t, children: n, actions: a, title: r, subTitle: i, extras: o, style: s = {} }) => {
|
|
const { mount: l, unmount: d } = S.useContext(Ke);
|
|
return J.Action({ children: a }), J.Title({ children: r }), J.SubTitle({ children: i }), J.Extra({ children: o }), V(() => (l("rootClassName", e), () => d(e)), [e]), u("div", { className: F("ff-container", t), style: s, children: n });
|
|
}, Ze = (e) => ({ children: t, className: n }) => {
|
|
const { mount: a, unmount: r } = S.useContext(Ke);
|
|
return V(() => (t && a(e, S.createElement("div", { key: `ff-${e}`, className: F(`ff-popup-${e}`, n) }, t)), () => r(e)), [n, t]), null;
|
|
};
|
|
J.Action = Ze("actions"), J.Title = Ze("title"), J.SubTitle = Ze("sub-title"), J.Extra = Ze("extras"), J.propTypes = { className: b.string, style: b.object, title: b.any, subTitle: b.any, actions: b.any, extras: b.any };
|
|
const vr = () => u(J, { className: "ff-loading", children: O("div", { className: "loader", children: [O("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), O("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), O("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), O("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] })] }) }), $r = () => u("div", { children: "NotFound" }), rn = ({ children: e }) => {
|
|
const [t, n] = A({}), a = G((i, o) => n((s) => ({ ...s, [i]: o })), []), r = G((i) => n((o) => ({ ...o, [i]: void 0 })), []);
|
|
return typeof (e == null ? void 0 : e.type) == "string" ? e : u(Ke.Provider, { value: { ele: t, mount: a, unmount: r }, children: S.cloneElement(e, { className: t.rootClassName, title: t.title, subTitle: t["sub-title"], actions: t.actions, extras: t.extras }) });
|
|
};
|
|
rn.propTypes = { children: b.element.isRequired };
|
|
const Ut = { close: ["M563.8 512l262.5-312.9c4.4-5.2 0.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9c-4.4 5.2-0.7 13.1 6.1 13.1h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"], check: ["M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474c-6.1-7.7-15.3-12.2-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1 0.4-12.8-6.3-12.8z"], info: ["M512 224m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z", "M544 392h-64c-4.4 0-8 3.6-8 8v464c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V400c0-4.4-3.6-8-8-8z"] }, Ot = ({ type: e, props: t }) => u("i", { ...t, children: u("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: (Ut[e] || Ut.info).map((n, a) => u("path", { d: n }, a)) }) }), on = ({ className: e, content: t, icon: n, $close: a }) => O(S.Fragment, { children: [n && u("div", { className: F("ff-notification-icon", e), children: u(Ot, { type: n }) }), t] }), ia = ({}) => u(J, { children: "Confirm" });
|
|
var me, Oe;
|
|
const oe = class oe {
|
|
constructor() {
|
|
j(this, Oe, /* @__PURE__ */ new Map());
|
|
$(this, "init", (t) => U(this, Oe, new Map(t)));
|
|
$(this, "check", (t) => !y(this, Oe).has(t) || y(this, Oe).get(t));
|
|
if (y(oe, me)) return y(oe, me);
|
|
}
|
|
};
|
|
me = new WeakMap(), Oe = new WeakMap(), j(oe, me, null), $(oe, "getInstance", () => (y(oe, me) || U(oe, me, new oe()), y(oe, me)));
|
|
let bt = oe;
|
|
const oa = bt.getInstance(), sa = (e, t, n = "children") => {
|
|
if (m.isEmpty(e)) return {};
|
|
const a = m.find(e, ["value", t]);
|
|
if (!m.isEmpty(a)) return a;
|
|
const r = e.length;
|
|
for (let i = 0; i < r; i++) {
|
|
const { [n]: o } = e[i], s = sa(o, t, n);
|
|
if (!m.isEmpty(s)) return s;
|
|
}
|
|
return {};
|
|
}, sn = (e = "Input", t = "@pkg/ff/grid-layout-forms") => e != null && e.startsWith("@") || e != null && e.startsWith("blob:") ? e : `${t}/${e}`;
|
|
var he, Be;
|
|
const se = class se {
|
|
constructor() {
|
|
j(this, Be, null);
|
|
$(this, "init", (t) => U(this, Be, t));
|
|
$(this, "get", (t, n) => m.get(y(this, Be), t, n));
|
|
if (y(se, he)) return y(se, he);
|
|
}
|
|
};
|
|
he = new WeakMap(), Be = new WeakMap(), j(se, he, null), $(se, "getInstance", () => (y(se, he) || U(se, he, new se()), y(se, he)));
|
|
let Ct = se;
|
|
const Ie = Ct.getInstance(), qt = { null2json: (e) => Object.create(), null2array: (e) => [], null2number: (e) => 0, null2bool: (e) => !1, null2string: (e) => "", null2integer: (e) => 0, null2float: (e) => 0, string2json: (e) => e ? JSON.parse(e) : "{}", string2array: (e) => e.substr(0, 1) === "[" && e.substr(-1) === "]" ? JSON.parse(e) : e.split(","), string2number: (e) => e == "" ? 0 : +e, string2integer: (e) => e == "" ? 0 : +e, string2float: (e) => e == "" ? 0 : +e, string2bool: (e) => {
|
|
switch (`${e}`.toLowerCase()) {
|
|
case "0":
|
|
case "false":
|
|
case "[]":
|
|
case "{}":
|
|
return !1;
|
|
}
|
|
return !!e;
|
|
}, string2string: (e) => e, json2json: (e) => e, json2array: (e) => e ? Object.values(e) : [], json2number: (e) => Object.keys(e).length, json2integer: (e) => Object.keys(e).length, json2float: (e) => Object.keys(e).length, json2bool: (e) => Object.keys(e).length > 0, json2string: (e) => e ? JSON.stringify(e) : "", array2json: (e) => ({ ...e }), array2array: (e) => e, array2number: (e) => e.length, array2integer: (e) => e.length, array2float: (e) => e.length, array2bool: (e) => e.length > 0, array2string: (e) => JSON.stringify(e), number2json: (e) => ({}), number2array: (e) => [e], number2number: (e) => e, number2integer: (e) => e, number2float: (e) => e, number2bool: (e) => !!e, number2string: (e) => e.toString(), boolean2json: (e) => ({}), boolean2array: (e) => [], boolean2number: (e) => +e, boolean2integer: (e) => +e, boolean2float: (e) => +e, boolean2bool: (e) => e, boolean2string: (e) => e ? "true" : "false" }, ae = (e, t) => {
|
|
let n = "string";
|
|
n = Array.isArray(e) ? "array" : typeof e, m.isObject(e) && (n = "json");
|
|
const a = `${n}2${t}`;
|
|
return Reflect.has(qt, a) ? qt[a](e) : e;
|
|
}, la = (e) => e === null ? "null" : Array.isArray(e) ? "array" : typeof e == "object" ? "json" : typeof e == "boolean" ? "bool" : typeof e == "string" ? "string" : typeof e == "number" ? Number.isInteger(e) ? "integer" : "float" : typeof e, _e = (e = {}, t = {}, n = {}, a = "") => ln(e, (r, i) => i === "type" && r === "code") ? cn(e, t, n, a) : dn(e, t, a), ln = (e, t = () => !1) => m.some(e, (n) => !!m.some(n, t) || (m.isEmpty(n) || !m.isPlainObject(n) && !m.isArray(n) ? void 0 : ln(n, t))), cn = async (e = {}, t = {}, n = {}, a = "") => {
|
|
let r = /* @__PURE__ */ Object.create(null);
|
|
for (let i in e) {
|
|
let o;
|
|
if (Reflect.has(e[i], "type") && ["code", "field", "router", "query", "string"].includes(e[i].type)) {
|
|
const { type: s, value: l = "", default: d = a } = e[i];
|
|
switch (s) {
|
|
case "code":
|
|
try {
|
|
o = await xe.exec(l, t, n);
|
|
} catch (c) {
|
|
console.error("getWidgetPropsData", c);
|
|
}
|
|
break;
|
|
case "field":
|
|
o = m.get(t, l) ?? m.get(t, l.substring(l.indexOf(".") + 1));
|
|
break;
|
|
case "router":
|
|
case "query":
|
|
o = Se.getPageParams(l);
|
|
break;
|
|
case "string":
|
|
o = l;
|
|
}
|
|
o ?? (o = d);
|
|
} else o = await cn(e[i], t, n, a);
|
|
m.set(r, i, o);
|
|
}
|
|
return r;
|
|
}, dn = (e = {}, t = {}, n = "") => Object.keys(e || {}).reduce((a, r) => {
|
|
if (m.isPlainObject(e[r])) {
|
|
let i;
|
|
if (Reflect.has(e[r], "type") && ["field", "router", "query", "string"].includes(e[r].type)) {
|
|
const { type: o, value: s = "", default: l = n } = e[r];
|
|
switch (o) {
|
|
case "field":
|
|
i = m.get(t, s) ?? m.get(t, s.substring(s.indexOf(".") + 1));
|
|
break;
|
|
case "router":
|
|
case "query":
|
|
i = Se.getPageParams(s);
|
|
break;
|
|
case "string":
|
|
i = s;
|
|
}
|
|
i ?? (i = l);
|
|
} else i = dn(e[r], t, n);
|
|
m.set(a, r, i);
|
|
}
|
|
return a;
|
|
}, {}), mt = (e, t) => e && typeof e == "object" ? Array.isArray(e) ? e.map((n) => mt(n, t)) : Object.keys(e).reduce((n, a) => (t[a] ? n[t[a]] = mt(e[a], t) : n[a] = mt(e[a], t), n), {}) : e, Nr = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
|
|
const t = 16 * Math.random() | 0;
|
|
return (e === "x" ? t : 3 & t | 8).toString(16);
|
|
}), Tr = (e) => {
|
|
var t, n;
|
|
return e ? (n = (t = e.match(/^@pkg(?:[^\/]*\/){3}(?<name>[^\/]+)/)) == null ? void 0 : t.groups) == null ? void 0 : n.name : "";
|
|
}, Fr = (e) => {
|
|
var t, n;
|
|
return e ? (n = (t = e.match(/^@pkg(?:[^\/]*\/){2}(?<category>[^\/]+)/)) == null ? void 0 : t.groups) == null ? void 0 : n.category : "";
|
|
}, Rr = (e) => {
|
|
var t, n;
|
|
return e ? (n = (t = e.match(/^@pkg(?:[^\/]*\/){1}(?<owner>[^\/]+)/)) == null ? void 0 : t.groups) == null ? void 0 : n.owner : "";
|
|
}, ca = (e, t = 32, n = "auto") => {
|
|
const a = kt(e), r = n === "auto" ? "x64" : n;
|
|
if (t === 32) return pt.x86.hash32(a).toString();
|
|
if (t === 128) return r === "x64" ? pt.x64.hash128(a) : pt.x86.hash128(a);
|
|
throw new Error("bits 只能是 32 或 128");
|
|
}, kt = (e) => e == null ? "null" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "function" ? e.toString() : Array.isArray(e) ? "[" + e.map(kt).join(",") + "]" : typeof e == "object" ? "{" + Object.keys(e).sort().map((t) => `${t}:${kt(e[t])}`).join(",") + "}" : String(e), da = () => {
|
|
let e = 1;
|
|
const t = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new Map();
|
|
return (...a) => a.length === 0 ? "" : a.map((r) => {
|
|
return String((i = r) === null || typeof i != "object" && typeof i != "function" ? (n.has(i) || n.set(i, e++), n.get(i)) : (t.has(i) || t.set(i, e++), t.get(i)));
|
|
var i;
|
|
}).join("::");
|
|
}, ua = (e) => {
|
|
if (!e || typeof e != "string" || e.startsWith("/") || e.startsWith("./") || e.startsWith("../")) return !1;
|
|
try {
|
|
let t = e.startsWith("//") ? `http:${e}` : e;
|
|
return t.includes("://") || t.startsWith("//") || (t = `http://${t}`), !!new URL(t).hostname;
|
|
} catch {
|
|
return !1;
|
|
}
|
|
}, Or = (e, t = "") => {
|
|
if (!e || typeof e != "string" || ua(e)) return e;
|
|
let n = t;
|
|
return !n && typeof window < "u" && window.location && (n = `${window.location.protocol}//${window.location.host}`), e.startsWith("/") ? n ? `${n}${e}` : e : n ? `${n}/${e}` : e;
|
|
};
|
|
var rt, We, De, it;
|
|
const ot = class ot {
|
|
constructor(...t) {
|
|
j(this, We, []);
|
|
j(this, De, (t) => {
|
|
var n;
|
|
for (let a of t) Array.isArray(a[0]) ? y(this, De).call(this, a) : y(this, We).push(y(n = ot, rt).call(n, a[0], a[1]));
|
|
});
|
|
$(this, "toValue", async (t, n = null) => {
|
|
const a = { getValue: () => t, getRecord: () => n };
|
|
let r = t;
|
|
for (const i of y(this, We)) try {
|
|
const o = await i;
|
|
if (typeof o != "function") {
|
|
console.warn("middleware is not a function, skip:", o);
|
|
continue;
|
|
}
|
|
r = await o.call(a, r);
|
|
} catch (o) {
|
|
console.error("middleware error, skip:", o);
|
|
}
|
|
return r;
|
|
});
|
|
$(this, "toRender", (t, n, a = null) => S.createElement(y(this, it), { value: t, record: n }, a));
|
|
j(this, it, ({ value: t, record: n, children: a }) => {
|
|
const [r, i] = A(a);
|
|
return Je(() => {
|
|
let o = !1;
|
|
return i(a), this.toValue(t, n).then((s) => !o && i(s)).catch((s) => !o && i(`${s}`)), () => o = !0;
|
|
}, [t, n]), r;
|
|
});
|
|
y(this, De).call(this, t);
|
|
}
|
|
};
|
|
rt = new WeakMap(), We = new WeakMap(), De = new WeakMap(), it = new WeakMap(), j(ot, rt, m.memoize((t, n) => {
|
|
if (typeof t == "function") return t(n);
|
|
if (typeof t == "string") return re.getWidgetComponent(t).then((a) => {
|
|
var r;
|
|
return ((r = a.default) == null ? void 0 : r.call(a, n)) || ((i) => i);
|
|
});
|
|
throw new TypeError("middleware must be a string or a function");
|
|
}, da()));
|
|
let at = ot;
|
|
const ee = S.createContext({ listCode: "", classNames: {}, getBase62params: (e, t) => {
|
|
}, onReload: () => {
|
|
}, onClickCallback: () => {
|
|
}, onConditionChange: () => {
|
|
}, onTabChange: () => {
|
|
}, onSiderChange: () => {
|
|
}, onKeywordChange: () => {
|
|
}, onPageChange: () => {
|
|
}, onPageSizeChange: () => {
|
|
}, reload: () => {
|
|
}, setPage: () => {
|
|
}, setPageSize: () => {
|
|
}, setTab: () => {
|
|
}, setSider: () => {
|
|
}, setKeyword: () => {
|
|
}, setCondition: () => {
|
|
} }), Kt = ({ className: e, record: t, column: n, ...a }) => {
|
|
if (n != null && n.editableByJs && (n != null && n.uuid)) {
|
|
const { formSetting: r = { primaryKey: "id" }, widgetSetting: i = {}, widgetContainerSetting: o = {} } = (n == null ? void 0 : n.editableByJsSetting) || {};
|
|
return u(v.Popover, { widget: ga, widgetData: { record: t, column: n }, widgetSetting: { widgetSetting: i, formSetting: r }, widgetContainerProps: { title: n != null && n.title ? `${n.title} - 编辑` : "编辑", ...o, width: (o == null ? void 0 : o.width) || 260, arrow: !0 }, children: u("td", { className: F("ff-data-list-cell-editable", e), ...a }) });
|
|
}
|
|
return u("td", { className: e, ...a });
|
|
}, ga = ({ record: e, column: t, $close: n, $setting: a }) => {
|
|
const r = K(la(m.get(e, t == null ? void 0 : t.dataIndex))), { listCode: i, onClickCallback: o } = ie(ee), [s] = Z.useForm(), { formSetting: l, widgetSetting: d } = a, c = (l == null ? void 0 : l.primaryKey) || "id", g = () => {
|
|
s.setFieldsValue({ value: m.get(e, t == null ? void 0 : t.dataIndex), __PROPS__: e });
|
|
};
|
|
return Je(() => g(), [e, t == null ? void 0 : t.dataIndex, i]), u(J, { actions: O(S.Fragment, { children: [u(v, { size: "small", onClick: g, children: "重置" }), O(Wn.Compact, { block: !0, children: [u(v, { size: "small", widget: n, children: "取消" }), u(v, { type: "primary", size: "small", widget: () => s.validateFields().then(({ value: h }) => {
|
|
const p = m.get(e, c.substring(c.indexOf(".") + 1));
|
|
if (!p) throw "获取更新主键失败!";
|
|
L.put(`/api/${i}-storeBy-${t == null ? void 0 : t.uuid}/${p}`, { value: h }).msg(() => o(2, e)).then(n);
|
|
}).catch(console.warn), children: "保存" })] })] }), children: O(Z, { form: s, children: [u(At, { label: "", type: r.current, code: "value", widget: t == null ? void 0 : t.editableByJs, extras: d }), u(Rt, { noStyle: !0, name: ["__PROPS__"], children: () => {
|
|
} })] }) });
|
|
}, pa = (e) => function(t) {
|
|
return e(t, getRecord());
|
|
}, ma = (e, t = {}) => q(() => e == null ? void 0 : e.map(({ widgetByJs: n, widgetByJsSetting: a, ...r }, i) => {
|
|
const o = (l) => ({ record: l, column: r });
|
|
let s = [];
|
|
return n && s.push([n, a]), s.length > 0 ? (r != null && r.render && s.push([pa, r.render]), { ...r, onCell: o, render: (l, d) => new at(s).toRender(l, d, "-") }) : { ...r, onCell: o };
|
|
}), [e, t]), ha = (e = {}) => q(() => {
|
|
var t;
|
|
return e.body ?? (e.body = { cell: Kt }), (t = e.body).cell ?? (t.cell = Kt), e;
|
|
}, [e]), Er = (e) => {
|
|
const [t, n] = A({});
|
|
return V(() => {
|
|
let a = !1;
|
|
return e && L.get(`/api/_/${e}`).then((r) => m.pick(r, ["uuid", "name", "code", "resource", "marginX", "marginY", "cols", "rowHeight", "primaryKey", "columns", "itemOperations", "batchOperations", "isConditionFormLayout", "layout", "tabs", "pageSize", "layoutConfig"])).then((r) => !a && n(r)), () => a = !0;
|
|
}, [e]), t;
|
|
}, jr = (e, t = {}) => {
|
|
const [n, a] = A({ dataSource: [] });
|
|
return He(() => {
|
|
let r = !1;
|
|
return e && L.get(`/api/${e}/${L.encode({ page: 1, ...t })}`).then((i) => !r && a(i)), () => r = !0;
|
|
}, [e, t]), n;
|
|
}, un = (e = [], t = /* @__PURE__ */ new Map(), n = "id", a) => {
|
|
const r = G(a ? (i) => m.get(i, n, m.get(i, [a, n])) : (i) => m.get(i, n), [n, a]);
|
|
return G((i) => e == null ? void 0 : e.filter((o) => !o.uuid || !t.has(o.uuid) || t.get(o.uuid).some((s) => s == r(i))), [e, t, r]);
|
|
}, St = (e = [], t = /* @__PURE__ */ new Map(), n = [], a = "id", r) => {
|
|
const i = G(r ? (o) => m.get(o, a, m.get(o, [r, a])) : (o) => m.get(o, a), [a, r]);
|
|
return q(() => {
|
|
if (m.isEmpty(e) || !e.some(({ uuid: s }) => oa.check(s))) return !1;
|
|
if (m.isEmpty(t) || m.isEmpty(n)) return !0;
|
|
const o = n.map((s) => i(s));
|
|
return e.some(({ uuid: s }) => !s || !t.has(s) || t.get(s).some((l) => o.some((d) => d == l)));
|
|
}, [e, n, t, i]);
|
|
}, fa = (e, t, n = "id", a = null) => {
|
|
const r = ct(), i = K(!1), o = K(e.dataSource), s = K(e.itemOperationsAccess);
|
|
return V(() => (o.current = e.dataSource, s.current = e.itemOperationsAccess, () => i.current = !1), [e.dataSource, e.itemOperationsAccess]), i.current && (e.dataSource = o.current, e.itemOperationsAccess = s.current), [e, (l = 0, d = null) => {
|
|
var c, g;
|
|
if (i.current = !1, l === 1) return (c = e.onReload) == null ? void 0 : c.call(e);
|
|
if (l === 2) {
|
|
const h = m.get(d, "__PARENT_ID__", ""), p = m.get(d, n, m.get(d, [a, n], "")), f = m.findIndex(o.current, ["__PARENT_ID__", h]), w = m.findIndex(f > -1 ? m.get(o.current, [f, "children"]) : o.current, [n, p]);
|
|
if (w === -1) return (g = e.onReload) == null ? void 0 : g.call(e);
|
|
Promise.all([L.get(`/api/${t}/detail/${p}`), L.post(`/api/${t}/list-operations-access`, { ids: p })]).then(([C, k]) => {
|
|
const x = m.get(o.current, f > -1 ? [f, "children", w, "children"] : [w, "children"]);
|
|
o.current = tn(o.current, f > -1 ? { [f]: { children: { $splice: [[w, 1, { ...C, children: x }]] } } } : { $splice: [[w, 1, { ...C, children: x }]] });
|
|
const P = new Map(k);
|
|
s.current.forEach((E, R) => {
|
|
var B;
|
|
(B = P.get(R)) != null && B.some((I) => I == p) || s.current.set(R, E.filter((I) => I !== p));
|
|
}), P.forEach((E, R) => {
|
|
s.current.has(R) ? s.current.set(R, m.uniq([...s.current.get(R) || [], ...E])) : s.current.set(R, E);
|
|
});
|
|
}).then(() => {
|
|
i.current = !0, r();
|
|
});
|
|
}
|
|
}];
|
|
}, ya = (e, t) => {
|
|
const n = ct(), a = K(t), r = K(/* @__PURE__ */ new Map()), i = K([]), o = m.throttle((l) => {
|
|
i.current = [], L.list(e, m.pick({ ...a.current, ...l }, ["tab", "page", "pageSize", "condition", "sider", "keyword"])).then(({ keyword: d, condition: c, total: g, tab: h, sider: p, page: f, pageSize: w, operationsAccess: C, dataSource: k }) => {
|
|
a.current = { tab: h, condition: c, sider: p, keyword: d, total: g, pageSize: w, page: k != null && k.length ? f : 1 }, i.current = k, r.current = new Map(C), n();
|
|
});
|
|
}, 380, { leading: !1, trailing: !0 });
|
|
Je(() => {
|
|
i.current = [], e && o(t);
|
|
}, [e, t]);
|
|
const s = q(() => m.pick(a.current, ["total", "tab", "page", "pageSize", "condition", "sider", "keyword"]), [a.current]);
|
|
return Object.assign(s, { onTabChange: (l) => o({ tab: l, page: 1 }), onPageChange: (l, d) => o({ page: l, pageSize: d }), onPageSizeChange: (l) => o({ pageSize: l, page: 1 }), onConditionChange: (l, d) => o({ keyword: d, condition: tn(a.current.condition || {}, { $merge: l || {} }), page: 1 }), onSiderChange: (l) => o({ sider: l, page: 1 }), onKeywordChange: (l) => o({ keyword: l, page: 1 }), itemOperationsAccess: r.current, dataSource: i.current, onReload: o, payload: t == null ? void 0 : t.payload });
|
|
}, wa = ({ listCode: e, className: t, layouts: n = {}, dataSource: a, isPaginate: r, isItemOperations: i, isBatchOperations: o, batchOperations: s, itemOperations: l, itemOperationsAccess: d, resource: c, primaryKey: g, title: h, itemGridLayout: p, $setting: f, tabs: w, isConditionFormLayout: C, isTreeSider: k, treeSiderConfig: x }) => {
|
|
const { classNames: P, onClickCallback: E } = ie(ee), R = m.pick(f, ["column", "colWidth", "beforeRender", "afterRender", "style"]), B = un(l, d, g, c), I = G((M, T, z) => u(ba, { className: F("ff-data-list-framework-item", P.item), operations: i ? B(T) : [], data: c ? { [c]: T } : T, children: M, onClickCallback: E }), [c, g, i, E, l, d]);
|
|
return O("div", { className: F("ff-data-list-framework", t), children: [u(n.sider, { isTreeSider: k, ...x }), O("div", { className: F("ff-data-list-container", P == null ? void 0 : P.container), children: [u(n.filter, { isConditionFormLayout: C }), u(n.toolbar, { title: h, tabs: w }), u(Ea, { ...R, ...p, primaryKey: g, itemRender: I, dataSource: a }), u(n.footer, { isPaginate: r, isOperations: o, operations: s })] })] });
|
|
}, ba = ({ className: e, operations: t, children: n, data: a, onClickCallback: r }) => O("div", { className: F("data-list-grid-layout-item-container", e), children: [n, !!(t != null && t.length) && u("div", { className: "data-list-grid-layout-item-actions", children: t.map((i) => u("span", { className: "data-list-grid-layout-item-action", children: u(v.Link, { uuid: i.uuid, type: i.type, name: i.name, widget: i.widget, widgetType: i.widgetType, widgetProps: i.widgetProps, widgetSetting: i.widgetSetting, widgetContainerProps: i.widgetContainerSetting, data: a, confirm: i.confirm, onAfterClick: (o) => o !== !1 && (r == null ? void 0 : r(i.isRefresh, a)) }, i.uuid || yt()) }, (i == null ? void 0 : i.uuid) || yt())) })] }), Ca = ({ listCode: e, className: t, layouts: n = {}, dataSource: a, columns: r, isItemOperations: i, isBatchOperations: o, batchOperations: s, itemOperations: l, itemOperationsAccess: d, resource: c, primaryKey: g, title: h, tabs: p, isPaginate: f, isTreeSider: w, treeSiderConfig: C, isConditionFormLayout: k, ...x }) => {
|
|
const { classNames: P, onClickCallback: E } = ie(ee), R = un(l, d, g, c), B = St(l, d, a, g, c);
|
|
return O("div", { className: F("ff-data-table-framework", t), children: [u(n.sider, { isTreeSider: w, ...C }), O("div", { className: F("ff-data-table-container", P == null ? void 0 : P.container), children: [u(n.filter, { isConditionFormLayout: k }), u(n.toolbar, { title: h, tabs: p }), u($a, { ...x, primaryKey: g, className: "ff-data-table-content", columns: r, dataSource: a, operationRender: B ? (I) => {
|
|
var M;
|
|
return u("div", { className: "ff-data-table-actions", children: (M = R(I)) == null ? void 0 : M.map((T, z) => u(v.Link, { size: "small", uuid: T.uuid, type: T.type, name: T.name, widget: T.widget, widgetType: T.widgetType, widgetProps: T.widgetProps, widgetData: T.widgetData, widgetSetting: T.widgetSetting, widgetContainerProps: T.widgetContainerSetting, data: I, confirm: T.confirm, onAfterClick: (N) => N !== !1 && (E == null ? void 0 : E(T.isRefresh, I)) }, T.uuid || z)) });
|
|
} : null }), u(n.footer, { isPaginate: f, isOperations: o, operations: s })] })] });
|
|
}, Et = (e = [], t, n = null) => {
|
|
var a;
|
|
return (a = m.sortBy(e, ["y", "x"])) == null ? void 0 : a.map(({ i: r, x: i, y: o, w: s, h: l, field: { boxStyle: d, ...c } = {} }, g) => u("div", { className: "grid-layout-item", style: gn(i, o, s, l, d), children: u(t, { ...c, basicForm: n }) }, r ?? g));
|
|
}, gn = (e, t, n, a, r = {}, i = 0) => {
|
|
const o = { "--grid-layout-h": `${a}`, "--grid-layout-w": `${n}`, "--grid-layout-x": `${e}`, "--grid-layout-y": `${t}`, "--grid-layout-row-height-offset": "0px" };
|
|
return r != null && r.autoHeight ? o.height = "fit-content" : o["--grid-layout-row"] = `${a}`, r != null && r.alignItems && (o["--grid-layout-box-align-items"] = r.alignItems), r != null && r.justifyContent && (o["--grid-layout-box-justify-content"] = r.justifyContent), o["--grid-layout-box-margin"] = _t(r == null ? void 0 : r.marginTop, r == null ? void 0 : r.marginRight, r == null ? void 0 : r.marginBottom, r == null ? void 0 : r.marginLeft), o["--grid-layout-box-padding"] = _t(r == null ? void 0 : r.paddingTop, r == null ? void 0 : r.paddingRight, r == null ? void 0 : r.paddingBottom, r == null ? void 0 : r.paddingLeft), i && (o.height = `${i}px`), o;
|
|
}, _t = (e, t, n, a) => `${e || 0}px ${t || 0}px ${n || 0}px ${a || 0}px`, Ar = (e = "Text", t = "@pkg/ff/grid-layouts") => e != null && e.startsWith("@") || e != null && e.startsWith("blob:") ? e : `${t}/${e}`, pn = ({ className: e, isConditionFormLayout: t }) => {
|
|
var h, p;
|
|
const [n, a] = A({}), { listCode: r, onKeywordChange: i, onConditionChange: o, getBase62params: s, classNames: l } = S.useContext(ee), { keyword: d, condition: c } = (s == null ? void 0 : s()) || {}, [g] = et.useForm();
|
|
return V(() => {
|
|
r && t && L.get(`/api/_/${r}/list-condition-form-layout`).then(({ resource: f, marginX: w, marginY: C, rowHeight: k, cols: x, fields: P }) => {
|
|
a({ resource: f, itemMargin: [w, C], rowHeight: k, cols: x, fields: P });
|
|
}).catch(() => a({}));
|
|
}, [r, t]), V(() => {
|
|
g.setFieldsValue({ keyword: d, ...c });
|
|
}, [JSON.stringify([d, c])]), u("div", { className: F("ff-data-list-filter", l.filter, e), children: u(et, { form: g, layout: "vertical", autoComplete: "off", onFinish: ((h = n.fields) == null ? void 0 : h.length) > 1 ? (f) => o({ [n.resource]: f[n.resource] }, f.keyword) : () => {
|
|
}, onValuesChange: (f) => {
|
|
m.isEmpty(m.omit(f, ["keyword"])) || g.submit();
|
|
}, children: ((p = n.fields) == null ? void 0 : p.length) > 1 ? u(Lt, { ...n, children: u(ka, { onReset: () => {
|
|
const { keyword: f, condition: w } = s("init") || {};
|
|
g.setFieldsValue({ keyword: f, ...w });
|
|
} }) }) : u("div", { className: "ff-data-list-filter-default-form ff-grid-layout-form", children: u("div", { className: "grid-layout-item", style: gn(20, 0, 5, 2), children: u(et.Item, { name: ["keyword"], children: u(Dn.Search, { allowClear: !0, enterButton: "搜索", placeholder: "多关键字 | 分割", onSearch: (f) => i(f) }) }) }) }) }) });
|
|
}, ka = ({ cols: e, fields: t, onReset: n }) => {
|
|
const [a, r] = A(!1), i = q(() => t == null ? void 0 : t.toReversed().some((o) => o.y > 1 || o.x + o.w >= e - 5), [e, t]);
|
|
return O(et.Item, { label: " ", style: { "--item-span": 5 }, className: F("ff-data-list-filter-actions", { expanded: a }), children: [u(nt, { onClick: n, children: "重置" }), u(nt, { type: "primary", htmlType: "submit", children: "查询" }), i && u(v.Link, { className: "ff-data-list-filter-expanded-button", widget: () => r((o) => !o), type: "primary", name: a ? "关闭" : "展开", icon: a ? "icon-up" : "icon-down", iconPosition: "end" })] });
|
|
};
|
|
pn.reservedFields = [{ x: 0, y: 0, h: 3, w: 5, field: { isVirtual: !0, widgetPrefix: "@pkg/ff/grid-layout-forms", widget: "Input", code: "keyword", label: "关键字", placeholder: "多关键字 | 分割", extras: { prefix: "icon-search" } } }];
|
|
const Sa = ({ className: e, operations: t, isOperations: n, isPaginate: a }) => {
|
|
const { onPageChange: r, onPageSizeChange: i, onClickCallback: o, getBase62params: s } = S.useContext(ee), { total: l, page: d, pageSize: c } = (s == null ? void 0 : s()) || {};
|
|
return n && !m.isEmpty(t) || a ? O("div", { className: F("ff-data-list-footer", e), children: [u("div", { className: "ff-data-list-actions", children: t == null ? void 0 : t.map((g, h) => u(v, { uuid: g.uuid, type: g.type, name: g.name, widget: g.widget, widgetType: g.widgetType, widgetProps: g.widgetProps, widgetData: g.widgetData, widgetSetting: g.widgetSetting, widgetContainerProps: g.widgetContainerSetting, onAfterClick: (p) => p !== !1 && (o == null ? void 0 : o(g.isRefresh, null)) }, g.uuid || h)) }), a && u(Un, { size: "small", total: l, pageSize: c, showSizeChanger: !1, showTotal: (g) => `第 ${d} 页 / 总共 ${g} 条`, onChange: r, onShowSizeChange: i })] }) : null;
|
|
}, xa = [{ title: "parent 1", key: "0-0", children: [{ title: "parent 1-0", key: "0-0-0", disabled: !0, children: [{ title: "leaf", key: "0-0-0-0", disableCheckbox: !0 }, { title: "leaf", key: "0-0-0-1" }] }, { title: "parent 1-1", key: "0-0-1", children: [{ title: u("span", { style: { color: "#1677ff" }, children: "sss" }), key: "0-0-1-0" }] }] }], Pa = ({ className: e, width: t = 280, isTreeSider: n }) => {
|
|
const { classNames: a } = ie(ee);
|
|
return n ? u(qn.DirectoryTree, { className: F("ff-data-list-sider", a.sider, e), style: { "--sider-width": t }, showLine: !0, showIcon: !1, treeData: xa }) : null;
|
|
}, va = ({ className: e, title: t, tabs: n }) => {
|
|
const { getBase62params: a, onTabChange: r, onReload: i, classNames: o } = ie(ee), { tab: s } = (a == null ? void 0 : a()) || {}, [l, d] = Xn((n == null ? void 0 : n[0].value) ?? (n == null ? void 0 : n[0].code), { value: s, onChange: r });
|
|
return O("div", { className: F("ff-data-list-toolbar", o.toolbar, e), children: [u("div", { className: "ff-data-list-title", children: t }), u(Kn, { className: "ff-data-list-tabs", itemRender: ({ label: c, code: g, value: h }) => u("span", { onClick: () => d(h ?? g), className: F("ff-data-list-tab", { active: (h ?? g) == l }), children: c }), items: n }), O("div", { className: "ff-data-list-actions", children: [u(v.Link, { icon: "icon-reload", widget: () => i() }), u(v.Link, { icon: "icon-setting" })] })] });
|
|
}, mn = ({ isItemGridLayout: e, theme: t, themeProps: n, onClickCallback: a, onReload: r, listCode: i, total: o = 0, page: s = 0, onPageChange: l, pageSize: d = 30, onPageSizeChange: c, tab: g, onTabChange: h, keyword: p, onKeywordChange: f, condition: w, onConditionChange: C, sider: k, onSiderChange: x, layouts: P, classNames: E = {}, payload: R = {}, ...B }) => {
|
|
const [I, M] = A(), T = G((N, _) => {
|
|
const W = { tab: g, page: s, pageSize: d, keyword: p, sider: k, condition: w, total: o, payload: R };
|
|
return N && N != "init" ? m.get(W, N, _) : W;
|
|
}, [JSON.stringify(w), JSON.stringify(R), g, s, d, p, k, o]), z = q(() => {
|
|
let N = { sider: Pa, filter: pn, footer: Sa, toolbar: va };
|
|
P === !1 ? N = { sider: null, filter: null, footer: null, toolbar: null } : m.isPlainObject(P) && (N = Object.assign({}, N, P));
|
|
for (const _ in N) if (N[_]) {
|
|
if (In(N[_])) {
|
|
const W = N[_];
|
|
N[_] = (pe) => S.cloneElement(W, pe);
|
|
}
|
|
} else N[_] = () => u(S.Fragment, {});
|
|
return N;
|
|
}, [P]);
|
|
return V(() => {
|
|
t ? re.getWidgetComponent(t).then((N) => {
|
|
if (!N) throw `${t} not found`;
|
|
return N;
|
|
}).catch((N) => ({ default: () => `${N}` })).then((N) => M(S.createElement(N.default, { ...B, layouts: z, $setting: n }))) : M(u(e ? wa : Ca, { ...B, layouts: z, $setting: n }));
|
|
}, [t, n]), u(ee.Provider, { value: { classNames: E, listCode: i, onClickCallback: a, onReload: r, getBase62params: T, onPageChange: l, onPageSizeChange: c, onTabChange: h, onSiderChange: x, onKeywordChange: f, onConditionChange: C, setPage: l, setPageSize: c, setTab: h, setSider: x, setKeyword: f, setCondition: C }, children: I && S.cloneElement(I, B) });
|
|
};
|
|
mn.propTypes = { classNames: b.exact({ sider: b.string, filter: b.string, footer: b.string, toolbar: b.string, container: b.string, content: b.string, item: b.string }), layouts: b.oneOfType([b.exact({ sider: b.oneOfType([b.elementType, b.element]), filter: b.oneOfType([b.elementType, b.element]), footer: b.oneOfType([b.elementType, b.element]), toolbar: b.oneOfType([b.elementType, b.element]) }), b.bool]) };
|
|
var fe, ge, $e, st;
|
|
const le = class le {
|
|
constructor() {
|
|
j(this, ge, null);
|
|
j(this, $e, /* @__PURE__ */ new Map());
|
|
j(this, st, () => {
|
|
if (y(this, ge)) return y(this, ge).port.postMessage({ command: "status", data: [] });
|
|
U(this, ge, new SharedWorker(new URL("/ff-worker/res-ws.js", self.location))), y(this, ge).port.onmessage = (t) => {
|
|
var n, a;
|
|
(n = t.data) != null && n.uuid ? y(this, $e).forEach((r, i) => {
|
|
var o;
|
|
(r == "*" || (o = r == null ? void 0 : r.includes) != null && o.call(r, t.data.uuid)) && i(t.data);
|
|
}) : ((a = t.data) == null ? void 0 : a.readyState) == WebSocket.CLOSED && L.get("/api/user-api-token").then(({ token: r, expire_at: i }) => {
|
|
y(this, ge).port.postMessage({ command: "initWs", data: [`ws${m.trimStart(L.appUrl, "http")}api/user-resource-status-ws?token=${r}`] });
|
|
});
|
|
}, y(this, ge).port.postMessage({ command: "status", data: [] });
|
|
});
|
|
$(this, "subscribe", (t, n = []) => (n ? Array.isArray(n) && n.length == 0 ? n = "*" : Array.isArray(n) || (n = [n].flat()) : n = "*", y(this, $e).set(t, n), y(this, $e).size == 1 && y(this, st).call(this), () => this.unsubscribe(t)));
|
|
$(this, "unsubscribe", (t) => y(this, $e).delete(t));
|
|
if (y(le, fe)) return y(le, fe);
|
|
}
|
|
};
|
|
fe = new WeakMap(), ge = new WeakMap(), $e = new WeakMap(), st = new WeakMap(), j(le, fe, null), $(le, "getInstance", () => (y(le, fe) || U(le, fe, new le()), y(le, fe)));
|
|
let xt = le;
|
|
const hn = xt.getInstance(), jt = S.forwardRef(({ listCode: e, base62params: t, className: n, theme: a, themeProps: r, layouts: i, classNames: o }, s) => {
|
|
const [{ resource: l, primaryKey: d, batchOperations: c = [], itemOperations: g = [], columns: h = [], themeConfig: p, theme: f, isConditionFormLayout: w = !1, isTreeSider: C, treeSiderConfig: k, isItemGridLayout: x, itemGridLayout: P, title: E, isPaginate: R, tabs: B }, I] = A({ isItemGridLayout: !1, itemGridLayout: {} }), M = ya(e, t), [{ dataSource: T, itemOperationsAccess: z, condition: N, tab: _, keyword: W, page: pe, total: Ye, pageSize: Xe, sider: ut, onConditionChange: Q, onTabChange: vn, onKeywordChange: $n, onPageChange: Nn, onPageSizeChange: Tn, onSiderChange: Fn, onReload: gt, payload: Rn }, Mt] = fa(M, e, d, l), On = St(g, z, T, d), En = St(c);
|
|
V(() => {
|
|
let te = null;
|
|
return e && L.get(`/api/_/${e}`).resp(({ data: Qe, res: An }) => {
|
|
Qe != null && Qe.isDynamicRefresh && (te = hn.subscribe(() => gt(), An)), I(Qe);
|
|
}).catch(() => I({})), () => te == null ? void 0 : te();
|
|
}, [e]), S.useImperativeHandle(s, () => ({ onReload: gt, onClickCallback: Mt }));
|
|
const jn = { listCode: e, title: E, classNames: o, layouts: i, resource: l, primaryKey: d, theme: a || f, themeProps: r || p, isTreeSider: C, treeSiderConfig: k, isPaginate: R, tabs: B, isItemOperations: On, itemOperations: g == null ? void 0 : g.map((te) => m.isEmpty(te == null ? void 0 : te.confirm) ? te : { ...te, confirm: Object.assign({}, te.confirm, { getPopupContainer: () => document.body }) }), isBatchOperations: En, batchOperations: c, isItemGridLayout: x, columns: h, itemGridLayout: P, isConditionFormLayout: w, itemOperationsAccess: z, dataSource: T, onConditionChange: Q, onTabChange: vn, onKeywordChange: $n, onPageChange: Nn, onPageSizeChange: Tn, onSiderChange: Fn, condition: N, tab: _, keyword: W, page: pe, total: Ye, pageSize: Xe, sider: ut, payload: Rn };
|
|
return u(mn, { ...jn, className: F("ff-data-list-helper", n), onReload: gt, onClickCallback: Mt });
|
|
}), fn = (e, t, n = !0) => n !== !0 && n-- <= 0 ? [] : m.isArray(e) && !m.isEmpty(e) ? e.reduce((a, r) => (Reflect.has(r, t) && Reflect.has(r, "children") && a.push(r[t]), Reflect.has(r, "children") && !m.isEmpty(r.children) ? a.concat(fn(r.children, t, n)) : a), []) : [], $a = ({ className: e, primaryKey: t, columns: n = [], dataSource: a = [], operationRender: r, operationWidth: i = 180, components: o = {}, ...s }) => {
|
|
const { classNames: l } = ie(ee), d = K(null), c = K(null), [g, h] = A([]), [p, f] = A({ width: 0, height: 0 });
|
|
V(() => {
|
|
h(fn(a, t));
|
|
}, [a, t]), Mn(() => {
|
|
const k = new ResizeObserver(() => {
|
|
var x;
|
|
f({ width: ((x = d.current) == null ? void 0 : x.nativeElement.querySelector(".ant-table-body").scrollWidth) || c.current.offsetWidth, height: c.current.offsetHeight });
|
|
});
|
|
return c.current && k.observe(c.current), () => {
|
|
c.current && k.unobserve(c.current);
|
|
};
|
|
}, []);
|
|
const w = ma(n), C = ha(o);
|
|
return u("div", { ref: c, className: F("ff-data-list-table", l.content, e), children: p.height ? u(_n, { bordered: !0, ...s, components: C, ref: d, rowKey: (k) => (k == null ? void 0 : k[t]) ?? Math.random(), columns: w == null ? void 0 : w.concat(r ? [{ title: "操作", align: "center", fixed: "right", width: `${Math.ceil(i / p.width * 100).toFixed(2)}%`, render: (k, x, P) => r(x, P) }] : []), dataSource: a, size: "middle", scroll: { x: "max-content", y: p.height - 50 }, pagination: !1, expandable: { defaultExpandAllRows: !0, expandRowByClick: !0, onExpandedRowsChange: h, expandedRowKeys: g } }) : null });
|
|
}, Na = "RC_FORM_INTERNAL_HOOKS", Ta = (e) => {
|
|
const [t, n] = S.useState({ items: [] });
|
|
return V(() => {
|
|
e && L.get(`/api/_/${e}`).then(({ uuid: a, code: r, name: i, resource: o, primaryKey: s, marginX: l, marginY: d, cols: c, rowHeight: g, fields: h, theme: p, themeSetting: f }) => ({ uuid: a, code: r, name: i, resource: o, primaryKey: s, marginX: l, marginY: d, cols: c, rowHeight: g, theme: p, themeProps: f, items: h })).then(n);
|
|
}, [e]), t;
|
|
}, Fa = (e, { initialValue: t, initialValueLanguage: n, convertJs: a, convertJsSetting: r, type: i = "string" }, o = null) => {
|
|
const s = K(!1), l = ie(en), [d, c] = A(), [g, h] = A(n != "javascript" && e ? l.getFieldValue(e) : void 0), { registerWatch: p } = l.getInternalHooks(Na) || {};
|
|
return V(() => p == null ? void 0 : p((f, w, C) => {
|
|
if (!s.current) return;
|
|
const k = m.get(w, e);
|
|
m.isEqual(k, g) || h(ae(k, i));
|
|
}), [g]), V(() => {
|
|
n == "javascript" && t ? xe.exec(t, {}, { getFieldValueForBasicForm: (f) => o ? o.getFieldValue(f) : l.getFieldValue(f), getFieldValue: (f) => l.getFieldValue(f) }).then((f) => h(ae(f, i))).catch((f) => notification.error({ message: `布局数据错误: ${JSON.stringify(f)}` })).finally(() => s.current = !0) : (t && h(ae(t ?? l.getFieldValue(e), i)), s.current = !0);
|
|
}, [t, n]), He(() => {
|
|
s.current && a && new at([a, r]).toValue(g, l.getFieldsValue(!0)).then(c).catch((f) => {
|
|
c(f), console.error("布局数据转换错误: ", f, a);
|
|
});
|
|
}, [g, a, r]), [d ?? g, g];
|
|
}, Lr = (e, t, n = null) => q(() => Et(e, t, n), [e]), yn = (e, t, n = {}, a = {}, r = {}, i = null) => {
|
|
const o = ie(en), s = ct(), l = K(!0), d = K([]), [c, g] = A(t), [h, p] = A(), f = Z.useWatch((w) => JSON.stringify(m.pick(w, d.current)), o) || "{}";
|
|
return Je(() => {
|
|
e && xe.exec(e, n, { ...a, getFieldValueForBasicForm: (w) => r ? r.getFieldValue(w) : null, getFieldValue: m.wrap(o.getFieldValue, (w, C) => (d.current.some((k) => m.isEqual(k, C)) || (d.current.push(C), s()), w == null ? void 0 : w(C))), isFieldTouched: o.isFieldTouched, isFieldsTouched: o.isFieldsTouched }).then((w) => {
|
|
l.current && (g(w), p(null));
|
|
}).catch((w) => {
|
|
l.current && (g(t), p(w));
|
|
});
|
|
}, [e, f, o, n, a]), V(() => () => l.current = !1, []), e ? [i ? ae(c, i) : c, h] : [i ? ae(t, i) : t, null];
|
|
}, Ra = ({ widget: e, widgetPrefix: t = "@pkg/ff/grid-layouts", basicForm: n, ...a }) => {
|
|
const r = e != null && e.startsWith("@") || e != null && e.startsWith("blob:") ? e : `${t}/${e}`, [i, o] = A();
|
|
return V(() => {
|
|
r && re.getWidgetComponent(r).then(({ defaultProps: s = {}, default: l }) => ({ default: Oa(l, s, n) })).catch((s) => ({ default: () => `${s}` })).then((s) => o(S.createElement(s.default, a)));
|
|
}, [r]), i;
|
|
}, Oa = (e, t = {}, n = null) => (a) => {
|
|
const { code: r, label: i, extras: o, isVirtual: s, initialValue: l, initialValueLanguage: d, convertJs: c, convertJsSetting: g, value: h, ...p } = m.merge({}, t, a), [f, w] = Fa(s ? null : r, { initialValue: l, initialValueLanguage: d, convertJs: c, convertJsSetting: g, type: (p == null ? void 0 : p.type) || "string" }, n), C = q(() => {
|
|
const P = Object.keys((t == null ? void 0 : t.extras) || {});
|
|
return m.over([m.partialRight(m.pick, P), m.partialRight(m.omit, P)]);
|
|
}, [t == null ? void 0 : t.extras]), [k, x] = C(p);
|
|
return u(e, { ...x, value: f, rawValue: w, $setting: Object.assign({}, o, k) });
|
|
}, wn = ({ theme: e, basicForm: t, items: n = [{ key: "default", label: "默认" }], fields: a = [], itemRender: r, chunks: i = [], children: o, $setting: s = {}, ...l }) => {
|
|
const [d, c] = A();
|
|
V(() => {
|
|
e ? re.getWidgetComponent(e).then((h) => {
|
|
if (!(h != null && h.default)) throw "not found";
|
|
return h;
|
|
}).catch((h) => ({ default: () => `${e} ${h}` })).then((h) => c(S.createElement(h.default, {}))) : c(null);
|
|
}, [e]);
|
|
const g = q(() => n == null ? void 0 : n.map((h) => ({ ...h, children: r(h, a == null ? void 0 : a.filter((p) => !(p != null && p.group) && h.key == "default" || p.group == h.key), h.key == "default" ? o : null) })).concat(i), [n, o, i]);
|
|
return d && S.cloneElement(d, { items: g, basicForm: t, $setting: { ...s, ...l } });
|
|
}, bn = ({ name: e, form: t = null, basicForm: n = null, style: a = {}, className: r, cols: i = 12, rowHeight: o = 21, containerPadding: s = [0, 0], itemMargin: l = [4, 0], formProps: d = {}, formFields: c = [], fields: g = [], data: h, theme: p, themeProps: f = {}, children: w, ...C }) => {
|
|
const [k] = Z.useForm(t), x = q(() => [{ name: "__PROPS__", value: d }].concat(c), [d, c]);
|
|
He(() => (k.setFieldsValue(h), () => k.resetFields()), [h]);
|
|
const P = (E, R, B) => {
|
|
const I = Et(R, Ra, n);
|
|
return O("div", { className: F("ff-grid-layout", r), style: { ...a, "--grid-layout-item-margin-y": `${(l == null ? void 0 : l[0]) || 0}px`, "--grid-layout-item-margin-x": `${(l == null ? void 0 : l[1]) || 0}px`, "--grid-layout-container-padding-y": `${(s == null ? void 0 : s[0]) || 0}px`, "--grid-layout-container-padding-x": `${(s == null ? void 0 : s[1]) || 0}px`, "--grid-layout-cols": i, "--grid-layout-row-height": `${o}px` }, children: [I, B && S.cloneElement(B, { cols: i, rowHeight: o, itemMargin: l, containerPadding: s, fields: R, basicForm: n })] });
|
|
};
|
|
return u(Z, { ...C, fields: x, form: k, component: !1, children: p ? u(wn, { ...f, theme: p, itemRender: P, fields: g, children: w, basicForm: n }) : P(0, g, w) });
|
|
}, Vr = /* @__PURE__ */ ((e) => function({ code: t, data: n, ...a }) {
|
|
const { uuid: r, resource: i, items: o, hides: s, rowHeight: l, marginX: d, marginY: c, cols: g, theme: h, themeProps: p } = Ta(t), f = q(() => [{ name: "__RESOURCE__", value: i }, { name: "__LAYOUT_KEY__", value: t }, { name: "__LAYOUT_UUID__", value: r }], [t, r, i]);
|
|
return i && u(e, { name: t, theme: h, themeProps: p, ...a, fields: o, formFields: f, rowHeight: l, cols: g, itemMargin: [d, c], data: i ? { [i]: n } : n });
|
|
})(bn), Ea = ({ column: e = 0, colWidth: t = 0, cols: n, rowHeight: a, itemMargin: r, fields: i, primaryKey: o, dataSource: s, itemClassName: l, beforeRender: d = null, afterRender: c = null, itemRender: g = (w, C, k) => w, empty: h = u(Hn, { description: null }), className: p, style: f = {} }) => {
|
|
const { classNames: w } = ie(ee), C = q(() => u(bn, { cols: n, rowHeight: a, itemMargin: r, fields: i, className: l }), [i, n, a, r]), k = m.isEmpty(s);
|
|
return O("div", { className: F("ff-data-list-content", w.content, p), style: Object.assign({}, f, e && { "--col-num": e }, t && { "--col-width": t }), children: [d == null ? void 0 : d(s), k ? h : s.map((x, P) => {
|
|
const E = g(S.cloneElement(C, { data: x }), x, P);
|
|
return S.cloneElement(E, { key: `${(x == null ? void 0 : x[o]) ?? P}-${ca(x)}` });
|
|
}), c == null ? void 0 : c(s)] });
|
|
}, ja = ({ component: e, $props: t }) => {
|
|
const { base62params: n } = _e(t, {});
|
|
return u(J, { children: u(jt, { listCode: e, base62params: L.decode(n) }) });
|
|
}, Ir = () => u(Cn, {}), Cn = () => "Empty", Aa = ({ component: e, $setting: t, $props: n }) => {
|
|
const [a, r] = A();
|
|
V(() => {
|
|
if (!e) return r(u(Cn, { description: null }));
|
|
re.getWidgetComponent(e).catch((o) => ({ default: () => `${o}` })).then((o) => S.createElement(o.default, { $setting: t })).then(r);
|
|
}, [e]);
|
|
const i = _e(n, {});
|
|
return a ? S.cloneElement(a, i) : null;
|
|
}, Mr = () => "NotFoundPage";
|
|
var ye, ne, we, be, Ue, qe;
|
|
const ce = class ce {
|
|
constructor() {
|
|
j(this, ne, /* @__PURE__ */ new Map());
|
|
j(this, we, {});
|
|
j(this, be, null);
|
|
$(this, "init", (t, n) => {
|
|
U(this, ne, t), U(this, we, n);
|
|
});
|
|
$(this, "get", (t) => (y(this, ne).has(t) || (t = Array.from(y(this, ne).keys()).find((n) => y(this, ne).get(n).uri === t)), y(this, ne).get(t) || {}));
|
|
$(this, "redirect", (t, n, a = {}) => {
|
|
const { uri: r, type: i, widgetProps: o } = this.get(t) || {}, { router: s, query: l, ...d } = n || {}, c = Object.assign({}, d, s), g = Object.assign({}, d, l);
|
|
i == "list" && (c.base62params = L.encode(c != null && c.base62params ? c.base62params : c));
|
|
let h = Qn(r || t, c);
|
|
const p = new URLSearchParams();
|
|
for (const f in o || {}) (o == null ? void 0 : o.type) == "query" && Object.has(g, f) && p.append(f, JSON.stringify(g[f]));
|
|
return p.size > 0 && (h = `${h}?${p.toString()}`), a != null && a.isOpenWindow ? window.open(h) : y(this, be).navigate(h, { replace: !!(a != null && a.isReplaceRouteHistory) });
|
|
});
|
|
$(this, "getMenus", (t) => {
|
|
var n;
|
|
return ((n = y(this, we)) == null ? void 0 : n[t]) || [];
|
|
});
|
|
$(this, "findMenuPathByUuid", (t) => {
|
|
let n = [];
|
|
for (const a in y(this, we)) if (n = y(this, Ue).call(this, y(this, we)[a], t, [a]), n.length > 1) return n;
|
|
return n;
|
|
});
|
|
$(this, "getMenusByRouteUuid", (t) => y(this, qe).call(this, t, Object.values(y(this, we)).flat()));
|
|
j(this, Ue, (t, n, a = []) => {
|
|
if (m.isEmpty(t)) return a;
|
|
for (const { uuid: r, children: i } of t) {
|
|
if (r == n) return a.concat(r);
|
|
if (!m.isEmpty(i)) return a.concat(r, y(this, Ue).call(this, i, n));
|
|
}
|
|
return a;
|
|
});
|
|
j(this, qe, (t, n) => {
|
|
var r;
|
|
let a = [];
|
|
for (const i of n) i.widgetType == "redirect" && (i.uuid == t || i.widget == t ? a.push(i) : (r = i.children) != null && r.length && (a = a.concat(y(this, qe).call(this, t, i.children))));
|
|
return a;
|
|
});
|
|
$(this, "getCurrentMenu", () => {
|
|
const { uuid: t } = this.getCurrentRoute() || {};
|
|
if (!t) return;
|
|
const n = this.getMenusByRouteUuid(t);
|
|
return m.isEmpty(n) ? void 0 : n[0];
|
|
});
|
|
$(this, "getCurrentRoute", (t = 0) => {
|
|
var a;
|
|
const n = (a = y(this, be).state.matches[y(this, be).state.matches.length - 1 - t]) == null ? void 0 : a.route;
|
|
if (!n) return null;
|
|
for (let [r, i] of y(this, ne)) if (i.uri === n.path) return i;
|
|
return null;
|
|
});
|
|
$(this, "getPageParams", (t) => {
|
|
var r, i, o;
|
|
let n = "", a = {};
|
|
if (nn()) a = Zn(), n = (r = ea()) == null ? void 0 : r.search;
|
|
else {
|
|
const { location: s = {}, matches: l = [] } = ((i = y(this, be)) == null ? void 0 : i.state) || {};
|
|
a = ((o = l[l.length - 1]) == null ? void 0 : o.params) || {}, n = s.search;
|
|
}
|
|
return n && new URLSearchParams(n).forEach((s, l) => {
|
|
a[l] = s;
|
|
}), t ? m.get(a, t) : a;
|
|
});
|
|
$(this, "createBrowserRouter", (t = {}) => {
|
|
if (y(this, ne).size == 0) return null;
|
|
const n = Ie.get("Common.WEBSITE_DEFAULT_THEME", "@pkg/ff/frameworks/DefaultTheme"), a = Ie.get(re.checkUserToken() ? "Common.WEBSITE_LOGIN_REDIRECT" : "Common.WEBSITE_DEFAULT", "/index"), r = { [n]: 0 }, i = (s, l) => () => Promise.all([re.getWidgetComponent(s), _e(l)]).then(([d, c]) => [d.default || function() {
|
|
return `${s}`;
|
|
}, c]).then(([d, c]) => ({ Component: () => S.createElement(rn, {}, S.createElement(d, { $setting: c })) })), o = Array.from(y(this, ne).values()).reduce((s, { uuid: l, uri: d, name: c, type: g, component: h, widgetSetting: p, widgetProps: f, isLogin: w, isLayout: C, extra: k }) => {
|
|
let x = {}, P = 0;
|
|
switch (g) {
|
|
case "list":
|
|
x.element = S.createElement(ja, { component: h, $props: f });
|
|
break;
|
|
case "fsdpf-component":
|
|
x.element = S.createElement(Aa, { key: h, component: h, $setting: p, $props: f });
|
|
}
|
|
const E = (k == null ? void 0 : k.theme) ?? (k == null ? void 0 : k.layout);
|
|
if (E) {
|
|
const R = (k == null ? void 0 : k.themeProps) ?? (k == null ? void 0 : k.layoutProps);
|
|
if (!r[E]) return r[E] = s.length, [...s, { path: "/", lazy: i(E, R), children: [{ path: d, ...x }] }];
|
|
P = r[E];
|
|
}
|
|
return C && P > -1 ? (s[P].children.push({ path: d, ...x }), s) : [...s, { path: d, ...x }];
|
|
}, [{ path: "/", lazy: i(n, {}), children: [] }]);
|
|
return o.push({ index: !0, element: S.createElement(La, { to: a, replace: !0 }) }), U(this, be, ta(o, t));
|
|
});
|
|
if (y(ce, ye)) return y(ce, ye);
|
|
}
|
|
};
|
|
ye = new WeakMap(), ne = new WeakMap(), we = new WeakMap(), be = new WeakMap(), Ue = new WeakMap(), qe = new WeakMap(), j(ce, ye, null), $(ce, "getInstance", () => (y(ce, ye) || U(ce, ye, new ce()), y(ce, ye)));
|
|
let Pt = ce;
|
|
const La = ({ to: e, replace: t }) => nn() ? S.createElement(na, { to: e, replace: t }) : (window.document.location = e, "redirect"), Se = Pt.getInstance(), Te = new Worker(new URL("/ff-worker/index.js", self.location)), Ht = { getConfigure: (e) => Ie.get(e), route: { redirect: (...e) => Se.redirect(...e), getPageParams: (...e) => Se.getPageParams(...e), getCurrentRoute: () => Se.getCurrentRoute() }, popup: { notification: (...e) => X.notification(...e), success: (...e) => X.success(...e), error: (...e) => X.error(...e), form: (...e) => X.form(...e), modal: (...e) => X.modal(...e), confirm: (...e) => X.confirm(...e) } };
|
|
var lt, Ee, Ce;
|
|
const D = class D {
|
|
constructor() {
|
|
$(this, "exec", (t, n = {}, a = {}, r = "") => new Promise((i, o) => {
|
|
if (!/^(?!\s*(\/\/|\/\*|\*)).*?\S+/m.test(t)) return i();
|
|
const s = Wt(D, lt)._++;
|
|
y(D, Ee).set(s, a), D.mQueue.set(s, [i, o]), Te.postMessage({ id: s, session: r, category: "eval", method: t, args: n });
|
|
}));
|
|
$(this, "clear", (t) => Te.postMessage({ session: t, category: "clear" }));
|
|
if (y(D, Ce)) return y(D, Ce);
|
|
Promise.resolve().then(() => sr).then((t) => {
|
|
Ht.http = t.http;
|
|
}), Te.addEventListener("message", ({ data: { id: t, task_id: n, method: a, args: r, category: i, data: o, error: s, session: l } }) => {
|
|
if (i === "eval" && D.mQueue.has(t)) s !== null ? D.mQueue.get(t)[1](s) : D.mQueue.get(t)[0](o), y(D, Ee).delete(t), D.mQueue.delete(t);
|
|
else if (i === "util") try {
|
|
const d = m.get(Ht, a.split("/")) || m.get(y(D, Ee).get(n), a.split("/"));
|
|
if (!m.isFunction(d)) throw `${a} not found`;
|
|
Promise.resolve(Reflect.apply(d, void 0, r)).then((c) => {
|
|
Te.postMessage({ id: t, task_id: n, category: i, method: a, args: r, session: l, data: c, error: null });
|
|
}).catch((c) => {
|
|
Te.postMessage({ id: t, task_id: n, category: i, method: a, args: r, session: l, data: null, error: c });
|
|
});
|
|
} catch (d) {
|
|
Te.postMessage({ id: t, task_id: n, category: i, method: a, args: r, session: l, data: null, error: d });
|
|
}
|
|
}, !1);
|
|
}
|
|
};
|
|
lt = new WeakMap(), Ee = new WeakMap(), Ce = new WeakMap(), $(D, "mQueue", /* @__PURE__ */ new Map()), j(D, lt, 0), j(D, Ee, /* @__PURE__ */ new Map()), j(D, Ce, null), $(D, "getInstance", () => (y(D, Ce) || U(D, Ce, new D()), y(D, Ce)));
|
|
let vt = D;
|
|
const xe = vt.getInstance(), ct = () => {
|
|
const e = K(!0), [, t] = S.useReducer((n) => n + 1, 0);
|
|
return V(() => () => e.current = !1, []), () => e.current && t();
|
|
}, zr = (e) => {
|
|
const t = K();
|
|
return V(() => {
|
|
t.current = e;
|
|
}, [e]), t.current;
|
|
}, Br = (e) => {
|
|
const [t, n] = A(e), a = K(null), r = G((i, o) => {
|
|
a.current = o, n(i);
|
|
}, []);
|
|
return V(() => {
|
|
a.current && (a.current(t), a.current = null);
|
|
}, [t]), [t, r];
|
|
}, He = (e = (a) => {
|
|
}, t, n = m.isEqual) => {
|
|
const a = S.useRef();
|
|
n(t, a.current) || (a.current = m.cloneDeep(t)), S.useEffect(e, [a.current]);
|
|
}, Je = He, kn = (e, t = "string") => {
|
|
var n;
|
|
if (!Array.isArray(e)) return e;
|
|
for (let a = 0; a < e.length; a++) e[a].value = ae((n = e[a]) == null ? void 0 : n.value, t), e[a] && Reflect.has(e[a], "children") && (e[a].children = kn(e[a].children, t));
|
|
return e;
|
|
}, Wr = (e, t = "json", n = "string", a, r = null) => {
|
|
const [i] = Z.useForm(a), [o, s] = A([{ label: "无", value: "", disabled: !0 }]), l = K([]), d = Z.useWatch((c) => l.current.length === 0 ? null : m.pick(c, l.current), i) || null;
|
|
return V(() => {
|
|
Array.isArray(e) ? s(e) : t === "javascript" && e ? xe.exec(e, {}, { getFieldValue: (c) => (l.current.includes(c) || l.current.push(c), i.getFieldValue(c)), getFieldValueForBasicForm: (c) => (l.current.includes(c) || l.current.push(c), r ? r.getFieldValue(c) : i.getFieldValue(c)) }).then((c) => {
|
|
s(ae(c, "array"));
|
|
}).catch((c) => console.error("useOptions", c)) : e && s(ae(e, "array"));
|
|
}, [e, t, d]), kn(o, n);
|
|
}, Dr = (e) => {
|
|
const [t, n] = A(), a = { type: "GET" };
|
|
if (typeof e == "string" ? a.url = e : m.isPlainObject(e) && Object.assign(a, e), !(a != null && a.url)) throw "url is required";
|
|
const r = (i) => L.request(a, !1).resp((o) => (console.log("useSubscribeRequest", i), n(o), o));
|
|
return He(() => {
|
|
let i = null;
|
|
return r().then((o) => {
|
|
i = hn.subscribe(m.throttle(r, 180, { leading: !1, trailing: !0 }), o.res);
|
|
}), () => i == null ? void 0 : i();
|
|
}, a), t;
|
|
}, Va = (e) => {
|
|
const [t, n] = S.useState({ items: [], hides: [] });
|
|
return S.useEffect(() => {
|
|
e && L.get(`/api/_/${e}`).then(({ pk: a, uuid: r, code: i, resource: o, align: s, cols: l, rowHeight: d, marginX: c, marginY: g, listenChangeFields: h, listenChangeFieldsFunc: p, fields: f, theme: w, themeSetting: C }) => ({ pk: a, uuid: r, code: i, resource: o, align: s, cols: l, rowHeight: d, marginX: c, marginY: g, theme: w, themeProps: C, listenChangeFields: h, listenChangeFieldsFunc: p, ...f.reduce((k, x) => {
|
|
var P;
|
|
return (P = x == null ? void 0 : x.field) != null && P.hidden ? k.hides.push(x == null ? void 0 : x.field) : k.items.push(x), k;
|
|
}, { items: [], hides: [] }) })).then(n);
|
|
}, [e]), t;
|
|
}, Ia = ({ max: e = 0, min: t = 0, type: n = "", message: a, pattern: r, required: i = !1, validator: o } = {}, s, l) => {
|
|
const [d, c] = A([]);
|
|
return V(() => {
|
|
const g = [];
|
|
if (i) {
|
|
let h = l;
|
|
switch (l) {
|
|
case "number":
|
|
case "string":
|
|
case "array":
|
|
break;
|
|
case "bool":
|
|
h = "boolean";
|
|
break;
|
|
case "json":
|
|
h = "object";
|
|
}
|
|
g.push({ type: h, required: !0, whitespace: !0, message: "该项必填" });
|
|
}
|
|
switch (n) {
|
|
case "string":
|
|
g.push({ type: n, max: e, min: t, message: a || (t && e ? `字符必须在 ${t} ~ ${e} 之间` : `${e ? "最多能有" : "最少要有"} ${t || e} 个字符`) });
|
|
break;
|
|
case "pattern":
|
|
g.push({ type: "string", pattern: r, message: a });
|
|
break;
|
|
case "validator":
|
|
o && g.push(({ getFieldValue: h }) => ({ validator: async (p, f) => {
|
|
const w = await xe.exec(o, { value: f, fieldName: s }, { getFieldValue: h });
|
|
return m.isString(w) && w ? Promise.reject(w) : m.isBoolean(w) && !w ? Promise.reject(a) : Promise.resolve();
|
|
} }));
|
|
}
|
|
c(g);
|
|
}, [e, t, n, a, r, i, o]), d;
|
|
}, Ma = (e, t, n) => {
|
|
const [a, r] = A(null);
|
|
return V(() => {
|
|
const { initDataUri: i = `/api/${e}`, initDataMethod: o = "GET" } = n || {};
|
|
t && L.request({ method: o, url: m.trimEnd(`${i}/${t}`, "/") }).then((s) => {
|
|
r(s);
|
|
});
|
|
}, [e, t, n]), a;
|
|
}, za = (e, t, n) => G((a, r = { serialize: (i) => i, onSuccess: () => {
|
|
}, onFail: (i) => (i == null ? void 0 : i.errorFields) && X.error("请先完善表单信息", { duration: 2e3 }) }) => {
|
|
const i = a.getFieldValue("__RESOURCE__"), { submitDataUri: o = `/api/${e}`, submitDataMethod: s = "POST" } = n || {};
|
|
return a.validateFields().then((l) => i ? m.pick(l, [i]) : l).then(r.serialize).then((l) => L.request({ method: s, url: m.trimEnd(`${o}/${t || ""}`, "/"), data: l }).msg(r.onSuccess)).catch(r.onFail);
|
|
}, [e, t, n]), Ba = (e, t, n, a) => {
|
|
const r = Ma(t, n, a);
|
|
V(() => {
|
|
r ? e.setFieldsValue(r) : e.resetFields();
|
|
}, [e, r]);
|
|
const i = za(t, n, a);
|
|
return m.partial(i, e);
|
|
}, Wa = (e, t, n = [], a = {}) => {
|
|
const r = K({}), i = K(), o = m.debounce(ct(), 180), s = ["disabled", "required"], l = (h, p) => {
|
|
s.includes(h) && (r.current[h] = p), o();
|
|
}, d = q(() => ({ setDisabled: (h) => l("disabled", h), setRequired: (h) => l("required", h), getDisabled: () => r.current.disabled, getRequired: () => r.current.required }), [t]), [c, g] = yn(t, -1, {}, d, a);
|
|
if (!g && i.current != c && (c >= 0 || !m.isEmpty(n == null ? void 0 : n[c]))) {
|
|
i.current = c;
|
|
const { widget: h, widgetPrefix: p, props: f } = n == null ? void 0 : n[c];
|
|
e = sn(h, p), r.current = m.merge(f, m.pick(r.current, s));
|
|
}
|
|
return [e, r.current];
|
|
}, Jt = (e) => e === void 0 || e === !1 ? "" : (Array.isArray(e) ? e : [e]).join("_"), Ur = ({ value: e, onChange: t }, n = null) => {
|
|
const a = K(), [r] = Z.useForm(n), i = K({});
|
|
return Je(() => {
|
|
m.isEqual(a.current, e) || r.setFieldsValue(e);
|
|
}, [e]), V(() => () => r.resetFields(), []), [q(() => r.__INTERNAL__ ? r : { ...r, __INTERNAL__: { itemRef: (o) => (s) => {
|
|
const l = Jt(o);
|
|
s ? i.current[l] = s : delete i.current[l];
|
|
} }, scrollToField: (o, s = {}) => {
|
|
console.warn("useMergedFormValuesChange scrollToField not work, unreferenced antd form");
|
|
}, focusField: (o) => {
|
|
console.warn("useMergedFormValuesChange focusField not work, unreferenced antd form");
|
|
}, getFieldInstance: (o) => {
|
|
const s = Jt(o);
|
|
return i.current[s];
|
|
} }, [r]), (o, s) => {
|
|
a.current = s, t == null || t(s);
|
|
}];
|
|
}, At = ({ widget: e = "Input", widgetPrefix: t = "@pkg/ff/grid-layout-forms", widgetDecorator: n, subWidgets: a = [], basicForm: r, ...i }) => {
|
|
const o = sn(e, t), [s, l] = Wa(o, n, a, r), [d, c] = A();
|
|
return V(() => {
|
|
s && re.getWidgetComponent(s).then(({ defaultProps: g = {}, default: h }) => ({ default: Da(h, g, r) })).catch((g) => ({ default: () => `${g}` })).then((g) => c(S.createElement(g.default, i)));
|
|
}, [s]), d && S.cloneElement(d, { ...i, ...l });
|
|
}, Da = (e, t = {}, n = null) => (a) => {
|
|
const { type: r, code: i, label: o, noStyle: s, placeholder: l, required: d = !1, extras: c, validators: g, help: h, isVirtual: p, $isReserved: f, initialValue: w, initialValueLanguage: C, ...k } = m.omit(m.merge({}, t, a), ["convertJs", "convertJsSetting", "widget", "widgetPerfix", "widgetDecorator", "subWidgets", "boxStyle"]), x = Ia(Object.assign({}, g, d ? { required: !0 } : {}), i, r), P = q(() => {
|
|
const M = Object.keys((t == null ? void 0 : t.extras) || {});
|
|
return m.over([m.partialRight(m.pick, M), m.partialRight(m.omit, M)]);
|
|
}, [t == null ? void 0 : t.extras]), [E, R] = P(k), B = { label: o, noStyle: s, colon: !1, layout: "vertical" }, I = G((M) => M == null ? void 0 : ae(M, r), [r]);
|
|
return u(Rt, { name: i, rules: x, initialValue: I(w), normalize: I, children: (M, T, z) => {
|
|
var N;
|
|
return u(e, { type: r, rcform: z, basicForm: n, itemProps: { validateStatus: T.errors.length > 0 ? "error" : "success", tooltip: h || null, help: T.errors.length > 0 ? T.errors.join("、") : null, required: ((N = x == null ? void 0 : x[0]) == null ? void 0 : N.required) || !1, ...B }, fieldProps: { placeholder: l, ...R, ...M }, $setting: Object.assign({}, c, E) });
|
|
} });
|
|
}, Lt = ({ name: e, form: t = null, basicForm: n = null, style: a = {}, className: r, cols: i = 24, rowHeight: o = 16, itemMargin: s = [8, 16], containerPadding: l = [0, 0], fields: d = [], hides: c = [], primaryKey: g = 0, formProps: h = {}, formFields: p = [], listenChangeFields: f, listenChangeFieldsFunc: w, onValuesChange: C, theme: k, themeProps: x = {}, children: P, ...E }) => {
|
|
const [R] = Z.useForm(t), B = G((T, z) => {
|
|
C == null || C(T, z), w && Array.isArray(f) && xe.exec(w, { changedValues: T, allValues: z }, { getFieldValue: R.getFieldValue, setFieldValue: R.setFieldValue, setFieldsValue: R.setFieldsValue, isFieldTouched: R.isFieldTouched, isFieldsTouched: R.isFieldsTouched }).catch((N) => console.error("onFormValuesChange", e, N));
|
|
}, [e, R, C, f, w]), I = q(() => [{ name: "__PROPS__", value: h }, { name: "__PRIMARY_KEY__", value: g }].concat(p), [g, h, p]), M = (T, z, N) => {
|
|
const _ = Et(z, At, n);
|
|
return O("div", { className: F("ff-grid-layout-form", r), style: { ...a, "--grid-layout-item-margin-x": `${(s == null ? void 0 : s[0]) ?? 8}px`, "--grid-layout-item-margin-y": `${(s == null ? void 0 : s[1]) ?? 16}px`, "--grid-layout-container-padding-y": `${(l == null ? void 0 : l[0]) || 0}px`, "--grid-layout-container-padding-x": `${(l == null ? void 0 : l[1]) || 0}px`, "--grid-layout-cols": i, "--grid-layout-row-height": `${o}px` }, children: [_, N && S.cloneElement(N, { cols: i, rowHeight: o, itemMargin: s, containerPadding: l, fields: z, basicForm: n })] });
|
|
};
|
|
return O(Z, { ...E, form: R, fields: I, onValuesChange: B, children: [k ? u(wn, { ...x, theme: k, itemRender: M, fields: d, children: P, basicForm: n }) : M(0, d, P), c == null ? void 0 : c.map((T) => {
|
|
var z;
|
|
return u(Rt, { name: T.code, children: u(Ua, { form: R, basicForm: n, name: T.code, type: T.type, initialValue: T.initialValue, initialValueLanguage: (z = T.extras) == null ? void 0 : z.initialValueLanguage }) }, JSON.stringify(T.code));
|
|
})] });
|
|
}, Ua = ({ type: e, initialValue: t, initialValueLanguage: n, onChange: a, basicForm: r }) => {
|
|
const [i, o] = yn(n == "javascript" && t, n == "javascript" ? void 0 : t, {}, {}, r);
|
|
return V(() => {
|
|
n == "javascript" ? a(ae(i, e)) : t && a(ae(t, e));
|
|
}, [e, t, i]), null;
|
|
};
|
|
Lt.propTypes = { fields: b.array, hides: b.array };
|
|
const qa = /* @__PURE__ */ ((e) => ({ code: t, isPreview: n = !1, ...a }) => {
|
|
const { align: r, autoComplete: i, resource: o, items: s, hides: l, rowHeight: d, marginX: c, marginY: g, cols: h, listenChangeFields: p, listenChangeFieldsFunc: f, pk: w, uuid: C, theme: k, themeProps: x } = Va(t), P = q(() => [{ name: "__PK__", value: w }, { name: "__RESOURCE__", value: o }, { name: "__LAYOUT_KEY__", value: t }, { name: "__LAYOUT_UUID__", value: C }], [w, t, C, o]);
|
|
return u(e, { name: t, autoComplete: i, theme: k, themeProps: x, ...a, formFields: P, listenChangeFields: p, listenChangeFieldsFunc: f, fields: s, hides: l, cols: h, rowHeight: d, itemMargin: [c, g] });
|
|
})(Lt), Sn = ({ $setting: e, $close: t, extras: n, code: a, primaryKey: r, ...i }) => {
|
|
const [o] = Z.useForm(), s = Ba(o, a, r, e);
|
|
return u(J, { actions: O(S.Fragment, { children: [u(v, { name: (e == null ? void 0 : e.okText) || "保存", type: "primary", widget: () => s({ onSuccess: t }) }), u(v, { name: (e == null ? void 0 : e.cancelText) || "取消", widget: () => t(!1) })] }), extras: n, children: u(qa, { form: o, code: a, primaryKey: r, ...i }) });
|
|
}, Gt = /* @__PURE__ */ new Set(), $t = (e = [], t = 0) => {
|
|
const n = e[t];
|
|
if (n.length && !Gt.has(n)) {
|
|
const a = document.createElement("script");
|
|
a.setAttribute("src", n), a.setAttribute("data-namespace", n), e.length > t + 1 && (a.onload = () => {
|
|
$t(e, t + 1);
|
|
}, a.onerror = () => {
|
|
$t(e, t + 1);
|
|
}), Gt.add(n), document.body.appendChild(a);
|
|
}
|
|
}, Nt = ({ className: e, type: t, style: n = {}, ...a }) => u("span", { role: "img", className: F("ff-iconfont", e), style: n, ...a, children: u("svg", { style: { width: "1em", height: "1em", fill: "currentColor", overflow: "hidden" }, viewBox: "0 0 1024 1024", children: u("use", { xlinkHref: `#${t}` }) }) });
|
|
Nt.propTypes = { className: b.string, type: b.string.isRequired, style: b.object }, Nt.init = $t;
|
|
const Ka = (e, t, n, a) => Se.redirect(n, t, a), _a = (e, t = {}, n, a = {}) => {
|
|
var i;
|
|
const r = (i = a.router) == null ? void 0 : i.reduce((o, [s, l, d]) => {
|
|
const c = m.get(t, ["router", s]);
|
|
if (!c && c !== 0 && l) throw `请传入 ${d}`;
|
|
return `${o}/${c}`;
|
|
}, `/api/${n}`);
|
|
return L.del(r, t.param).msg();
|
|
}, Yt = (e, t, n, { status: { loading: a, disabled: r }, setStatus: i }) => {
|
|
const o = { loading: (s) => s === void 0 ? a : i((l) => ({ ...l, loading: s })), disabled: (s) => s === void 0 ? r : i((l) => ({ ...l, disabled: s })) };
|
|
return m.isFunction(n) ? n.call(null, { ...t, ...o }) : m.isString(n) && n ? xe.exec(n, t, o) : null;
|
|
}, Xt = (e, t, n, a, r) => m.isString(n) && n ? re.getWidgetComponent(n).then(({ default: i }) => X.modal(i, { ...t, $setting: a }, r != null && r.title ? { ...r, title: m.template(r.title)(e) } : r)).catch((i) => {
|
|
X.error(n, { content: i.toString() });
|
|
}) : X.modal(n, { ...t, $setting: a }, r != null && r.title ? { ...r, title: m.template(r.title)(e) } : r), Ha = (e, t, n, a, r) => X.modal(Sn, { ...t, $setting: a, code: n }, r != null && r.title ? { ...r, title: m.template(r.title)(e) } : r), Ja = (e, t, n, a, r) => X.modal(jt, { base62params: t, $setting: a, listCode: n }, r != null && r.title ? { ...r, title: m.template(r.title)(e) } : r), Ga = ({ widget: e, widgetType: t, widgetData: n, widgetProps: a, widgetSetting: r, widgetContainerProps: i }, { onAfterClick: o, onBeforeClick: s } = {}) => {
|
|
const l = ie(ee), [d, c] = A({ leading: !0, trailing: !1 }), g = q(() => {
|
|
switch (t) {
|
|
case "redirect":
|
|
return m.partialRight(Ka, e, r);
|
|
case "func":
|
|
return m.partialRight(Yt, (r == null ? void 0 : r.code) ?? e, { status: d, setStatus: c });
|
|
case "component":
|
|
case "fsdpf-component":
|
|
return m.partialRight(Xt, e, r, i);
|
|
case "grid-layout-form":
|
|
return m.partialRight(Ha, e, r, i);
|
|
case "data-list":
|
|
return m.partialRight(Ja, e, r, i);
|
|
case "destroy":
|
|
return m.partialRight(_a, e, r, i);
|
|
default:
|
|
if (It(e) || S.isValidElement(e)) return m.partialRight(Xt, e, r, i);
|
|
if (m.isFunction(e)) return m.partialRight(Yt, (r == null ? void 0 : r.code) || e, { status: d, setStatus: c });
|
|
}
|
|
return (...h) => console.error("useButton unknown widgetType", t, ...h);
|
|
}, [e, t]);
|
|
return [m.debounce((h) => (s == null || s(h), Promise.resolve(_e(a, h, { list: l })).then((p) => g(h, { ...n, ...p })).then((p) => o == null ? void 0 : o(p)).catch(console.error)), 300, { leading: !0, trailing: !1 }), d];
|
|
}, xn = ({ type: e, name: t, className: n, icon: a, iconPosition: r, size: i }, o = "default") => q(() => {
|
|
const s = { type: "primary", className: F("ff-button", n), iconPosition: r, size: i };
|
|
return e === "danger" ? s.danger = !0 : e === "default" && (s.type = e), o === "link" || o === "dashed" ? (s.type = o, e === "default" && (s.className = F(s.className, "ff-default"))) : o !== "circle" && o !== "round" || (s.shape = o), a && (s.icon = u(Nt, { type: a })), t && (s.children = t), s;
|
|
}, [o, e, n, a, r]), dt = ({ data: e, widget: t, widgetType: n = "fsdpf-component", widgetData: a, widgetProps: r, widgetSetting: i, widgetContainerProps: o, onAfterClick: s, onBeforeClick: l, children: d, extras: c }) => {
|
|
const g = ie(ee), [h, p] = A(!1), [f, w] = A("hover"), [C, k] = A({}), [x, P] = A(), { placement: E, align: R, zIndex: B, arrow: I = { pointAtCenter: !0 }, getPopupContainer: M, isPopupMountBodyContainer: T = !1, ...z } = o || {};
|
|
V(() => {
|
|
n == "grid-layout-form" ? P(S.createElement(Sn, { ...a, $setting: i, code: t })) : n == "data-list" ? P(S.createElement(jt, { base62params: e, $setting: i, listCode: t })) : m.isString(t) ? re.getWidgetComponent(t).then(({ default: W }) => {
|
|
P(S.createElement(W, { ...a, $setting: i }));
|
|
}).catch((W) => P(W.toString())) : It(t) ? P(S.createElement(t, { ...a, $setting: i })) : S.isValidElement(t) && P(S.cloneElement(t, { ...a, $setting: i }));
|
|
}, [t, n, a]), V(() => {
|
|
Promise.resolve(_e(r, e, { list: g })).then(k);
|
|
}, [r, e, g.getBase62params]);
|
|
const N = (W, pe = !1) => (p(W), !W && w("hover"), W ? l == null ? void 0 : l(C) : s == null ? void 0 : s(pe)), _ = (W) => {
|
|
p(!0), w("click");
|
|
};
|
|
return u(Jn, { zIndex: B, placement: E, onPopupClick: _, onClick: _, open: h, align: R, arrow: I, trigger: f, getPopupContainer: M || T ? void 0 : (W) => W, content: u(Ya, { ...z, extras: c, children: x && S.cloneElement(x, { ...C, $close: (W) => N(!1, W) }) }), children: d, onOpenChange: N });
|
|
}, Ya = ({ title: e, className: t, classNames: n, children: a, extras: r, width: i, height: o, ...s }) => {
|
|
const [l, d] = A({}), c = G((f, w) => d((C) => ({ ...C, [f]: w })), []), g = G((f) => d((w) => ({ ...w, [f]: void 0 })), []), h = e ? S.createElement("div", { className: "ff-popup-title" }, e) : l == null ? void 0 : l.title, p = r ?? S.createElement("div", { className: "ff-popup-reserved-extras" }, r);
|
|
return u(Ke.Provider, { value: { ele: l, mount: c, unmount: g }, children: O("div", { className: F("ff-popup ff-popover", t, l.rootClassName), style: { width: i ?? 260, height: o }, ...s, children: [O("div", { className: F("ff-popup-header", "ff-popover-header", n == null ? void 0 : n.header), children: [h, l == null ? void 0 : l["sub-title"]] }), u("div", { className: F("ff-popup-body", "ff-popover-body", n == null ? void 0 : n.body), children: a }), O("div", { className: F("ff-popup-footer", "ff-popover-footer", n == null ? void 0 : n.footer), children: [p, l == null ? void 0 : l.extras, l == null ? void 0 : l.actions] })] }) });
|
|
};
|
|
dt.propTypes = { widgetType: b.oneOf(["fsdpf-component", "grid-layout-form", "data-list"]) };
|
|
const Ge = (e) => function({ className: t, variant: n, children: a, name: r, icon: i, type: o = "default", iconPosition: s = "start", noAuthType: l, onAfterClick: d, onBeforeClick: c, data: g, loading: h, disabled: p, tooltip: f, confirm: w, widget: C = () => {
|
|
}, widgetType: k, widgetData: x, widgetProps: P, widgetSetting: E, widgetContainerProps: R, ...B }) {
|
|
const { mode: I, ...M } = R || {}, T = xn({ className: t, name: r, type: o, icon: i, iconPosition: s }, n ?? e), z = u(nt, { ...T, ...B, children: a || r });
|
|
if (I === "popover" && !["destroy", "redirect", "func"].includes(k)) return u(dt, { data: g, widget: C, widgetType: k, widgetData: x, widgetProps: P, widgetSetting: E, widgetContainerProps: M, onAfterClick: d, onBeforeClick: c, children: z });
|
|
const N = m.isEmpty(f) || !f.enabled ? {} : f, _ = m.isEmpty(w) ? { enabled: !1 } : Object.assign({ enabled: !0 }, w), [W, pe] = A(!1), [Ye, { disabled: Xe, loading: ut }] = Ga({ widget: C, widgetType: k, widgetData: x, widgetProps: P, widgetSetting: E, widgetContainerProps: M }, { onAfterClick: d, onBeforeClick: c });
|
|
return u(Gn, { okText: "确定", cancelText: "取消", getPopupContainer: (Q) => Q, ..._, disabled: Xe || p, open: W, onOpenChange: (Q) => {
|
|
if (!Q) return pe(Q);
|
|
_.enabled ? pe(Q) : Ye(g);
|
|
}, onConfirm: (Q) => {
|
|
Ye(g, Q);
|
|
}, onClick: (Q) => {
|
|
Q.stopPropagation();
|
|
}, children: u(Yn, { getPopupContainer: (Q) => Q, ...N, title: W ? null : N == null ? void 0 : N.title, trigger: ["hover", "click"], children: S.cloneElement(z, { loading: ut || h, disabled: Xe || p }) }) });
|
|
}, v = Ge("default");
|
|
v.propTypes = { type: b.oneOf(["primary", "default", "danger", ""]), size: b.oneOf(["large", "middle", "small"]), name: b.string, icon: b.string, iconPosition: b.oneOf(["start", "end"]), data: b.any, widget: b.any, widgetType: b.oneOf(["destroy", "redirect", "func", "component", "fsdpf-component", "grid-layout-form", "grid-layout", "data-list"]), widgetData: b.object, widgetProps: b.object, widgetSetting: b.object, widgetContainerProps: b.object, tooltip: b.exact({ title: b.string.isRequired, placement: b.oneOf(["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]), enabled: b.oneOfType([b.bool, b.number]), getPopupContainer: b.func }), confirm: b.exact({ title: b.string.isRequired, cancelText: b.string, okText: b.string, okType: b.oneOf(["primary", "default", "danger", ""]), placement: b.oneOf(["top", "left", "right", "bottom", "topLeft", "topRight", "bottomLeft", "bottomRight", "leftTop", "leftBottom", "rightTop", "rightBottom"]), enabled: b.oneOfType([b.bool, b.number]), getPopupContainer: b.func, arrow: b.oneOfType([b.bool, b.exact({ pointAtCenter: b.bool })]) }) };
|
|
const Xa = Ge("link"), Qa = Ge("circle"), Za = Ge("round"), er = Ge("dashed"), Qt = ({ options: e = [], triggerWeights: t = ["grid-layout-form", "grid-layout", "fsdpf-component", "print"], onAfterClick: n = (p, f, w) => {
|
|
}, onBeforeClick: a = (p, f, w) => {
|
|
}, labelVariant: r = "link", labelSize: i, labelRender: o, btnVariant: s, btnSize: l, btnRender: d = (p, f) => u(v, { ...p, data: f }, p.uuid || yt()), widgetContainerProps: c = {}, children: g, data: h }) => {
|
|
if (m.isEmpty(e)) return g;
|
|
const [p, f] = q(() => (e || []).reduce((C, k) => {
|
|
const x = t.indexOf(k.widgetType);
|
|
return x === -1 ? C[1].push(k) : C[0] ? x < t.indexOf(C[0].widgetType) ? (C[1].push(C[0]), C[0] = k) : C[1].push(k) : C[0] = k, C;
|
|
}, [null, []]), [e, t]);
|
|
o ? g = o(p, h) || g : g || (g = u(nt, { ...xn(Object.assign(p != null && p.name || p != null && p.icon ? {} : { icon: "icon-location" }, p, { size: i }), r) }));
|
|
const w = f.map((C) => d(Object.assign({ uuid: C.uuid, type: C.type, name: C.name, widget: C.widget, widgetType: C.widgetType, widgetProps: C.widgetProps, widgetData: C.widgetData, widgetSetting: C.widgetSetting, widgetContainerProps: C.widgetContainerSetting, confirm: C.confirm, onAfterClick: m.partialRight(n, C, h), onBeforeClick: m.partialRight(a, C, h) }, { size: l, variant: s }), h));
|
|
return u(dt, { widget: p == null ? void 0 : p.widget, widgetType: p == null ? void 0 : p.widgetType, widgetProps: p == null ? void 0 : p.widgetProps, widgetSetting: p == null ? void 0 : p.widgetSetting, widgetContainerProps: Object.assign({}, c, p == null ? void 0 : p.widgetContainerProps), data: h, widgetData: p == null ? void 0 : p.widgetData, extras: w, onAfterClick: m.partialRight(n, p, h), onBeforeClick: m.partialRight(a, p, h), children: g });
|
|
};
|
|
Qt.propTypes = { triggerWeights: b.array, options: b.arrayOf(b.shape({ ...v.propTypes, widgetType: v.propTypes.widgetType.isRequired })), btnSize: v.propTypes.size, btnRender: b.func, btnVariant: b.oneOf(["", "default", "link", "circle", "round", "dashed"]), labelVariant: b.oneOf(["", "default", "link", "circle", "round", "dashed"]), labelRender: b.func, labelSize: v.propTypes.size, onAfterClick: b.func, onBeforeClick: b.func, widgetContainerProps: v.propTypes.widgetContainerProps, data: v.propTypes.data }, v.Link = Xa, v.Link.defaultProps = v.defaultProps, v.Link.propTypes = v.propTypes, v.Circle = Qa, v.Circle.defaultProps = v.defaultProps, v.Circle.propTypes = v.propTypes, v.Round = Za, v.Round.defaultProps = v.defaultProps, v.Round.propTypes = v.propTypes, v.Dashed = er, v.Dashed.defaultProps = v.defaultProps, v.Dashed.propTypes = v.propTypes, v.Popover = dt, v.GroupPopover = Qt;
|
|
const tr = ({ fields: e, formProps: t, $close: n }) => {
|
|
const [a] = Z.useForm(), r = q(() => [{ name: "__PROPS__", value: t }], [t]);
|
|
return u(J, { actions: O(S.Fragment, { children: [u(v, { name: "取消", widget: () => n(!1) }), u(v, { name: "确定", type: "primary", widget: () => a.validateFields(!0).then(n) })] }), children: u(Z, { fields: r, form: a, className: "ff-modal-form", children: e == null ? void 0 : e.map(({ code: i, ...o }) => u(At, { code: i, ...o }, i)) }) });
|
|
}, nr = ({ className: e, classNames: t, $close: n, children: a, title: r, subTitle: i, actions: o, extras: s, ...l }) => O(aa, { ...l, prefixCls: "ff-drawer", className: F("ff-popup", e), maskMotion: { motionAppear: !0, motionName: "mask-motion" }, motion: (d) => ({ motionAppear: !0, motionName: `panel-motion-${d}` }), children: [O("div", { className: F("ff-popup-header", "ff-drawer-header", t == null ? void 0 : t.header), children: [u("button", { "aria-label": "Close", className: F("ff-popup-close", "ff-drawer-close", t == null ? void 0 : t.close), onClick: l.onClose, children: u(Ot, { type: "close" }) }), r, i] }), u("div", { className: F("ff-popup-body", "ff-drawer-body", t == null ? void 0 : t.body), children: a }), O("div", { className: F("ff-popup-footer", "ff-drawer-footer", t == null ? void 0 : t.footer), children: [s, o] })] }), ar = ({ className: e, classNames: t, $close: n, $event: a, children: r, title: i, subTitle: o, actions: s, extras: l, placement: d, ...c }) => {
|
|
const g = (a == null ? void 0 : a.pageX) === void 0 ? { animation: null, maskAnimation: null, mousePosition: { x: null, y: null } } : { animation: "zoom", maskAnimation: "fade", mousePosition: { x: a == null ? void 0 : a.pageX, y: a == null ? void 0 : a.pageY } };
|
|
return u(ra, { ...c, ...g, prefixCls: "ff-modal", modalRender: () => O("div", { className: F("ff-modal-content ff-popup", e), children: [O("div", { className: F("ff-popup-header", "ff-modal-header", t == null ? void 0 : t.header), children: [u("button", { "aria-label": "Close", className: F("ff-popup-close", "ff-modal-close", t == null ? void 0 : t.close), onClick: c.onClose, children: u(Ot, { type: "close" }) }), i, o] }), u("div", { className: F("ff-popup-body", "ff-modal-body", t == null ? void 0 : t.body), children: r }), O("div", { className: F("ff-popup-footer", "ff-modal-footer", t == null ? void 0 : t.footer), children: [l, s] })] }) });
|
|
}, Pn = ({ placement: e, $close: t, $event: n, children: a, title: r, ...i }) => {
|
|
const [o, s] = A({}), [l, d] = A(!0), c = G((f, w) => s((C) => ({ ...C, [f]: w })), []), g = G((f) => s((w) => ({ ...w, [f]: void 0 })), []);
|
|
let h = { ...i, className: o.rootClassName, title: o.title || r && S.createElement("div", { className: F("ff-popup-title") }, r), subTitle: o["sub-title"], actions: o.actions, extras: o.extras, children: a, $close: t, $event: n, onClose: () => d(!1) };
|
|
const p = () => {
|
|
t(!1);
|
|
};
|
|
return u(Ke.Provider, { value: { ele: o, mount: c, unmount: g }, children: e && e !== "center" ? u(nr, { ...h, placement: e, open: l, afterOpenChange: (f) => !f && p() }) : u(ar, { ...h, visible: l, afterClose: p }) });
|
|
};
|
|
Pn.propTypes = { placement: b.oneOf(["center", "left", "top", "right", "bottom"]) };
|
|
const Y = () => {
|
|
const [e, t] = zn({ maxCount: 6, motion: { motionName: "ff-notification-fade", motionAppear: !0, motionEnter: !0, motionLeave: !0, onLeaveStart: (i) => {
|
|
const { offsetHeight: o } = i;
|
|
return { height: o };
|
|
}, onLeaveActive: () => ({ height: 0, opacity: 0, margin: 0 }) }, prefixCls: "ff-notification" }), [, n] = S.useReducer((i) => i + 1, 0);
|
|
V(() => {
|
|
Y.$onClick = a, Y.$queue.forEach(([i, o, s], l, d) => {
|
|
r([o, s], ...i), delete d[l];
|
|
});
|
|
}, []);
|
|
const a = (i, o = {}, s = {}) => new Promise((l, d) => r([l, d], i, o, s)), r = ([i, o], s, l = {}, d = {}) => {
|
|
const c = Y.$index++, g = (h) => ((p, f) => (Y.$popups.delete(p), n(), f == null ? void 0 : f()))(c, () => i(h));
|
|
if (s === on) return e.open({ ...d, key: c, content: S.createElement(s, { ...l, $close: () => e.close(c) }) });
|
|
Y.$popups.set(c, S.createElement(Pn, { maskClosable: !1, $event: l == null ? void 0 : l.$event, ...d, key: c, $close: g }, S.isValidElement(s) ? S.cloneElement(s, { ...l, $close: g }) : s != null && s.name || Dt.isForwardRef(s) || (s == null ? void 0 : s.$$typeof) === Dt.ForwardRef ? S.createElement(s, { ...l, $close: g }) : s)), n();
|
|
};
|
|
return O(S.Fragment, { children: [Array.from(Y.$popups).map(([i, o]) => o), t] });
|
|
};
|
|
Y.$popups = /* @__PURE__ */ new Map(), Y.$index = 0, Y.$queue = [], Y.$onClick = (...e) => new Promise((t, n) => {
|
|
Y.$queue.push([e, t, n]);
|
|
});
|
|
const Zt = (e, t, n = {}) => Y.$onClick(e, t, n), ht = (e, { showProgress: t, duration: n, ...a } = { duration: 1.5 }) => Y.$onClick(on, { content: e, ...a }, { showProgress: t, duration: n }), X = { modal: Zt, confirm: (e, t = {}) => Y.$onClick(ia, { content: e, ...t }, { placement: "center" }), form: (e, t = {}, n = {}) => Zt(tr, { formProps: n, fields: e }, { placement: "center", ...t }).then((a) => {
|
|
if (a === !1) throw !1;
|
|
return a;
|
|
}), notification: ht, success: (e, t = { duration: 1.5 }) => ht(e, { ...t, className: "ff-notification-success", icon: "check" }), error: (e, t = { duration: 1.5 }) => ht(e, { ...t, className: "ff-notification-error", icon: "close" }) };
|
|
Le.configure({ showSpinner: !1 }), Ve.interceptors.request.use((e) => {
|
|
e.headers.Platform = "web", e.headers.SaaS = window.localStorage.getItem("SaaS");
|
|
const t = window.localStorage.getItem(tt);
|
|
return e.headers.Authorization = t ? `Bearer ${t} ` : void 0, Le.inc(), e;
|
|
}, (e) => (Le.done(), Promise.reject({ code: -1, msg: e }))), Ve.interceptors.response.use(({ data: e, headers: t }) => (Le.done(), { ...e, res: t == null ? void 0 : t.res }), function(e) {
|
|
return Le.done(), Promise.reject(e.message);
|
|
}), window.addEventListener("unhandledrejection", wt.onUnhandledRejection), wt.onMsg = (e, t) => X[[0, 1].includes(e) ? "success" : "error"](t).then(() => e === 20300 && Se.redirect(Ie.get("Common.WEBSITE_LOGIN_PAGE")));
|
|
var Ne, je;
|
|
const H = class H {
|
|
constructor() {
|
|
$(this, "appUrl", "");
|
|
return y(H, Ne) || (U(H, je, new wt()), U(H, Ne, new Proxy(this, { get: (t, n) => n === "init" ? t.init : n === "appUrl" ? t.appUrl : y(H, je)[n] }))), y(H, Ne);
|
|
}
|
|
init(t, n, a) {
|
|
Ve.defaults.baseURL = this.appUrl = a, Ve.defaults.timeout = 15e3, y(H, je).init(t, n, Ve);
|
|
}
|
|
};
|
|
Ne = new WeakMap(), je = new WeakMap(), j(H, Ne, null), j(H, je, null), $(H, "getInstance", () => y(H, Ne) ?? U(H, Ne, new H()));
|
|
let Tt = H;
|
|
const L = Tt.getInstance();
|
|
class Vt extends Error {
|
|
constructor(t, n) {
|
|
super(n), Error.captureStackTrace && Error.captureStackTrace(this, Vt), !n instanceof Me && (this.name = `${t} Error Runtime`);
|
|
}
|
|
}
|
|
class Me extends Error {
|
|
constructor(t, ...n) {
|
|
super(...n), Error.captureStackTrace && Error.captureStackTrace(this, Me), this.name = `${t} Not Found`;
|
|
}
|
|
}
|
|
const ft = "mine", tt = "token";
|
|
var ke, Ae;
|
|
const de = class de {
|
|
constructor() {
|
|
j(this, Ae, /* @__PURE__ */ new Map());
|
|
$(this, "setVendor", (t, n) => y(this, Ae).set(t, new an(n, async (a, r) => {
|
|
var o, s;
|
|
if (!(a != null && a.default)) throw "@pkg not found";
|
|
let i = () => r;
|
|
switch ("function") {
|
|
case typeof (i = (o = a.default) == null ? void 0 : o[`./${r}/index.jsx`]):
|
|
case typeof (i = (s = a.default) == null ? void 0 : s[`./${r}/index.js`]):
|
|
return i();
|
|
}
|
|
throw new Me(r);
|
|
})));
|
|
$(this, "getWidgetComponent", async (t) => {
|
|
if (!t) throw "getWidgetComponent widget is required";
|
|
if (t != null && t.startsWith("blob:") || t != null && t.startsWith("http:") || t != null && t.startsWith("https:")) return await import(t);
|
|
const [, n] = t == null ? void 0 : t.split("@pkg/");
|
|
if (!n) throw new Me(t);
|
|
try {
|
|
return y(this, Ae).has("pkg") ? await y(this, Ae).get("pkg").get(n) : await import(`${L.appUrl}/api/pkg-import/web?name=${t}`);
|
|
} catch (a) {
|
|
throw new Vt(t, a);
|
|
}
|
|
});
|
|
$(this, "getRoutes", () => L.get("/api/my-router").then((t) => [...t, { uuid: "data-list-setting", isLayout: !0, uri: "/data-list-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/DataListSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "grid-layout-setting", isLayout: !0, uri: "/grid-layout-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/GridLayoutSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "grid-layout-form-setting", isLayout: !0, uri: "/grid-layout-form-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/GridLayoutFormSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "resource-api-setting", isLayout: !0, uri: "/resource-api-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/ResourceApiSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "charts-setting", isLayout: !0, uri: "/resource-api-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/ChartsSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "fsm-setting", isLayout: !0, uri: "/fsm-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/FsmSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "component-setting", isLayout: !0, uri: "/component-setting/:category/:categoryUuid", type: "fsdpf-component", component: "@pkg/ff-design/components/ComponentSetting", extra: { layout: "@pkg/ff-design/frameworks/DesignTheme" } }, { uuid: "login", uri: "/login", name: "登录", type: "fsdpf-component", isLogin: !1, component: "@pkg/ff/components/Login" }, { uuid: "not-found", uri: "*", name: "Not Found", type: "fsdpf-component", isLogin: !1, component: "@pkg/ff/components/NotFound" }].map(({ uuid: n, ...a }) => [n, { uuid: n, ...a }])).then((t) => new Map(t)));
|
|
$(this, "getMenus", () => L.get("/api/my-menu"));
|
|
$(this, "getConfigure", () => L.get("api/init-configure"));
|
|
$(this, "getWidgetOperationAuth", () => L.get("/api/init-widget-operation-auth").then((t) => t.reduce((n, { uuid: a, auth: r }) => [...n, [a, r]], [])));
|
|
$(this, "getPhoneNumber", (t) => L.get(`/api/user-wx-phone-number/${t}`));
|
|
$(this, "getUserToken", () => {
|
|
const t = window.localStorage.getItem(tt);
|
|
if (!t) return "";
|
|
const n = t.split(".");
|
|
if (!Array.isArray(n) || n.length !== 3) throw "登录令牌无效!";
|
|
const { iat: a } = JSON.parse(window.atob(n[1]));
|
|
if (Math.floor((/* @__PURE__ */ new Date()).getTime() / 1e3) - a > 2592e3) throw "登录令牌已过期, 请重新登录!";
|
|
return t;
|
|
});
|
|
$(this, "checkUserToken", () => {
|
|
try {
|
|
return !!this.getUserToken();
|
|
} catch {
|
|
return !1;
|
|
}
|
|
});
|
|
$(this, "getUserInfo", (t = !0) => {
|
|
var n;
|
|
try {
|
|
const a = this.getUserToken();
|
|
if (!a) return Promise.resolve(null);
|
|
const { iat: r } = JSON.parse(window.atob((n = a == null ? void 0 : a.split(".")) == null ? void 0 : n[1])), { iat: i, ...o } = L.decode(window.localStorage.getItem(ft) || "", {});
|
|
return i === r ? Promise.resolve(o) : L.get("/api/mine-info").then(({ User: s = null }) => (window.localStorage.setItem(ft, L.encode({ ...s, iat: r })), s));
|
|
} catch (a) {
|
|
console.error(a), t && X.error("请登录").then(this.logout);
|
|
}
|
|
return Promise.resolve(null);
|
|
});
|
|
$(this, "login", (t, n, a = {}) => L.post("/api/user-token", { username: t, passwd: Bn.hash(n), platform: "web", ...a }).then(({ token: r }) => (window.localStorage.setItem(tt, r), r)));
|
|
$(this, "logout", (t) => (window.localStorage.removeItem(ft), window.localStorage.removeItem(tt), t == null ? void 0 : t()));
|
|
if (y(de, ke)) return y(de, ke);
|
|
}
|
|
};
|
|
ke = new WeakMap(), Ae = new WeakMap(), j(de, ke, null), $(de, "getInstance", () => (y(de, ke) || U(de, ke, new de()), y(de, ke)));
|
|
let Ft = de;
|
|
const re = Ft.getInstance(), rr = S.createContext({ user: {}, initUser: () => {
|
|
}, initUserComplete: !1 }), ir = S.createContext({ set: () => {
|
|
}, get: () => {
|
|
}, assign: () => {
|
|
}, currentRoute: () => {
|
|
} }), It = (e) => !!(e != null && e.name) && (e.prototype instanceof S.Component || /^[A-Z]/.test(e.name)), or = (e, t) => {
|
|
if (!e || typeof window > "u") return;
|
|
let n = document.querySelector(`style[ff-style-token="${t}"]`);
|
|
return n ? (n.innerHTML = e, e) : (n = document.createElement("style"), n.setAttribute("ff-style-token", t), n.setAttribute("type", "text/css"), n.innerHTML = e, document.head.appendChild(n), e);
|
|
}, sr = Object.freeze(Object.defineProperty({ __proto__: null, AppContext: rr, AppGlobalParamsContext: ir, cache: an, configure: Ie, default: re, func: xe, http: L, insertStyle: or, isReactComponent: It, route: Se }, Symbol.toStringTag, { value: "Module" }));
|
|
export {
|
|
ct as $,
|
|
mn as A,
|
|
pn as B,
|
|
va as C,
|
|
at as D,
|
|
Pa as E,
|
|
Sa as F,
|
|
Vr as G,
|
|
Na as H,
|
|
jt as I,
|
|
ee as J,
|
|
$a as K,
|
|
Ea as L,
|
|
wa as M,
|
|
Ca as N,
|
|
ma as O,
|
|
ha as P,
|
|
Er as Q,
|
|
hn as R,
|
|
jr as S,
|
|
un as T,
|
|
St as U,
|
|
fa as V,
|
|
ya as W,
|
|
ja as X,
|
|
Aa as Y,
|
|
Ir as Z,
|
|
Mr as _,
|
|
sn as a,
|
|
zr as a0,
|
|
Br as a1,
|
|
He as a2,
|
|
Je as a3,
|
|
Wr as a4,
|
|
Dr as a5,
|
|
qa as a6,
|
|
Lt as a7,
|
|
At as a8,
|
|
Sn as a9,
|
|
Se as aA,
|
|
rr as aB,
|
|
ir as aC,
|
|
Va as aa,
|
|
Ia as ab,
|
|
Ma as ac,
|
|
za as ad,
|
|
Ba as ae,
|
|
Wa as af,
|
|
Ur as ag,
|
|
Nt as ah,
|
|
v as ai,
|
|
oa as aj,
|
|
Ga as ak,
|
|
J as al,
|
|
Ke as am,
|
|
rn as an,
|
|
Y as ao,
|
|
X as ap,
|
|
Pr as aq,
|
|
vr as ar,
|
|
$r as as,
|
|
re as at,
|
|
It as au,
|
|
or as av,
|
|
L as aw,
|
|
an as ax,
|
|
Ie as ay,
|
|
xe as az,
|
|
la as b,
|
|
_e as c,
|
|
ln as d,
|
|
Tr as e,
|
|
Fr as f,
|
|
sa as g,
|
|
Rr as h,
|
|
ca as i,
|
|
ua as j,
|
|
Or as k,
|
|
gn as l,
|
|
da as m,
|
|
Ar as n,
|
|
Et as o,
|
|
fn as p,
|
|
bn as q,
|
|
mt as r,
|
|
Ra as s,
|
|
ae as t,
|
|
Nr as u,
|
|
wn as v,
|
|
Ta as w,
|
|
Fa as x,
|
|
Lr as y,
|
|
yn as z
|
|
};
|