v0.4.34
This commit is contained in:
parent
4f4a3ed03f
commit
416495adc6
2
dist/button.js
vendored
2
dist/button.js
vendored
@ -1,4 +1,4 @@
|
||||
import { W as s, V as u, X as e } from "./common/main-DJnH3y8Z.js";
|
||||
import { W as s, V as u, X as e } from "./common/main-DwWXlZKl.js";
|
||||
import "prop-types";
|
||||
export {
|
||||
s as auth,
|
||||
|
||||
@ -17,7 +17,7 @@ import { jsx as u, jsxs as T } from "react/jsx-runtime";
|
||||
import C, { useEffect as x, useState as $, useCallback as ce, useMemo as Z, useRef as q, useContext as Ue, useId as Ye, useLayoutEffect as Sa } from "react";
|
||||
import p from "lodash";
|
||||
import Ht from "immutability-helper";
|
||||
import R from "classnames";
|
||||
import O from "classnames";
|
||||
import { Form as _e, Input as Na, Button as lt, Breadcrumb as $a, Tree as Pa, Pagination as xa, Table as Ta, Empty as Ea, Popconfirm as Fa, Tooltip as Ra, Popover as Oa } from "antd";
|
||||
import { useMergedState as La } from "rc-util";
|
||||
import Q, { FieldContext as Va, Field as Jt } from "rc-field-form";
|
||||
@ -64,10 +64,10 @@ const Xn = () => u("div", { children: "Empty" }), Be = C.createContext({ ele: {}
|
||||
}, unmount: () => {
|
||||
} }), K = ({ rootClassName: e, className: t, children: a, actions: n, title: r, subTitle: s, extras: i, style: o = {} }) => {
|
||||
const { mount: l, unmount: c } = C.useContext(Be);
|
||||
return n && K.Action({ children: n }), r && K.Title({ children: r }), s && K.SubTitle({ children: s }), i && K.Extra({ children: i }), x(() => (l("rootClassName", e), () => c(e)), [e]), u("div", { className: R("ff-container", t), style: o, children: a });
|
||||
return n && K.Action({ children: n }), r && K.Title({ children: r }), s && K.SubTitle({ children: s }), i && K.Extra({ children: i }), x(() => (l("rootClassName", e), () => c(e)), [e]), u("div", { className: O("ff-container", t), style: o, children: a });
|
||||
}, Ke = (e) => ({ children: t, className: a }) => {
|
||||
const { mount: n, unmount: r } = C.useContext(Be);
|
||||
return x(() => (n(e, C.createElement("div", { key: `ff-${e}`, className: R(`ff-popup-${e}`, a) }, t)), () => r(e)), [a, t]), null;
|
||||
return x(() => (n(e, C.createElement("div", { key: `ff-${e}`, className: O(`ff-popup-${e}`, a) }, t)), () => r(e)), [a, t]), null;
|
||||
};
|
||||
K.Action = Ke("actions"), K.Title = Ke("title"), K.SubTitle = Ke("sub-title"), K.Extra = Ke("extras"), K.propTypes = { className: A.string, style: A.object, title: A.any, subTitle: A.any, actions: A.any, extras: A.any };
|
||||
const Zn = () => u(K, { className: "ff-loading", children: T("div", { className: "loader", children: [T("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), T("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), T("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] }), T("div", { className: "square", children: [u("span", {}), u("span", {}), u("span", {})] })] }) }), er = () => u("div", { children: "NotFound" }), _t = ({ children: e }) => {
|
||||
@ -75,7 +75,7 @@ const Zn = () => u(K, { className: "ff-loading", children: T("div", { className:
|
||||
return typeof (e == null ? void 0 : e.type) == "string" ? e : u(Be.Provider, { value: { ele: t, mount: n, unmount: r }, children: C.cloneElement(e, { className: t.rootClassName, title: t.title, subTitle: t["sub-title"], actions: t.actions, extras: t.extras }) });
|
||||
};
|
||||
_t.propTypes = { children: A.element.isRequired };
|
||||
const Vt = { 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"] }, bt = ({ type: e, props: t }) => u("i", { ...t, children: u("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: (Vt[e] || Vt.info).map((a, n) => u("path", { d: a }, n)) }) }), Gt = ({ className: e, content: t, icon: a, $close: n }) => T(C.Fragment, { children: [a && u("div", { className: R("ff-notification-icon", e), children: u(bt, { type: a }) }), t] }), qa = ({}) => u(K, { children: "Confirm" });
|
||||
const Vt = { 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"] }, bt = ({ type: e, props: t }) => u("i", { ...t, children: u("svg", { viewBox: "0 0 1024 1024", width: "1em", height: "1em", fill: "currentColor", children: (Vt[e] || Vt.info).map((a, n) => u("path", { d: a }, n)) }) }), Gt = ({ className: e, content: t, icon: a, $close: n }) => T(C.Fragment, { children: [a && u("div", { className: O("ff-notification-icon", e), children: u(bt, { type: a }) }), t] }), qa = ({}) => u(K, { children: "Confirm" });
|
||||
var de, xe;
|
||||
const ee = class ee {
|
||||
constructor() {
|
||||
@ -224,11 +224,11 @@ const Ja = (e, t = {}) => Z(() => e == null ? void 0 : e.map(({ widgetByJs: a, w
|
||||
const j = p.get(i.current, y > -1 ? [y, "children", b, "children"] : [b, "children"]);
|
||||
i.current = Ht(i.current, y > -1 ? { [y]: { children: { $splice: [[b, 1, { ...w, children: j }]] } } } : { $splice: [[b, 1, { ...w, children: j }]] });
|
||||
const W = new Map(v);
|
||||
o.current.forEach((I, O) => {
|
||||
o.current.forEach((I, L) => {
|
||||
var S;
|
||||
(S = W.get(O)) != null && S.some((F) => F == f) || o.current.set(O, I.filter((F) => F !== f));
|
||||
}), W.forEach((I, O) => {
|
||||
o.current.has(O) ? o.current.set(O, p.uniq([...o.current.get(O) || [], ...I])) : o.current.set(O, I);
|
||||
(S = W.get(L)) != null && S.some((F) => F == f) || o.current.set(L, I.filter((F) => F !== f));
|
||||
}), W.forEach((I, L) => {
|
||||
o.current.has(L) ? o.current.set(L, p.uniq([...o.current.get(L) || [], ...I])) : o.current.set(L, I);
|
||||
});
|
||||
}).then(() => {
|
||||
s.current = !0, r();
|
||||
@ -247,11 +247,11 @@ const Ja = (e, t = {}) => Z(() => e == null ? void 0 : e.map(({ widgetByJs: a, w
|
||||
const o = Z(() => p.pick(n.current, ["total", "tab", "page", "pageSize", "condition", "sider", "keyword"]), [n.current]);
|
||||
return Object.assign(o, { onTabChange: (l) => i({ tab: l, page: 1 }), onPageChange: (l, c) => i({ page: l, pageSize: c }), onPageSizeChange: (l) => i({ pageSize: l, page: 1 }), onConditionChange: (l, c) => i({ keyword: c, condition: Ht(n.current.condition || {}, { $merge: l || {} }), page: 1 }), onSiderChange: (l) => i({ sider: l, page: 1 }), onKeywordChange: (l) => i({ keyword: l, page: 1 }), itemOperationsAccess: r.current, dataSource: s.current, onReload: i });
|
||||
}, Ga = ({ className: e, itemClassName: t, classNames: a = {}, dataSource: n, isPaginate: r, isItemOperations: s, isBatchOperations: i, batchOperations: o, itemOperations: l, itemOperationsAccess: c, resource: d, primaryKey: h, title: m, itemGridLayout: f, $setting: y, tabs: b, isConditionFormLayout: w, isTreeSider: v, treeSiderConfig: j }) => {
|
||||
const { getBase62params: W, onClickCallback: I, onTabChange: O } = Ue(ve), { total: S, page: F, pageSize: V, tab: B } = (W == null ? void 0 : W()) || {}, H = ce((U, L, se) => u(Ya, { className: R("ff-data-list-framework-item", t), operations: s && L ? l == null ? void 0 : l.filter((M) => !(h && M.uuid && c.has(M.uuid)) || c.get(M.uuid).includes(L == null ? void 0 : L[h])) : [], data: d ? { [d]: L } : L, children: U, onClickCallback: I }), [d, h, s, I, l, c]);
|
||||
return T("div", { className: R("ff-data-list-framework", e), children: [u(na, { className: a == null ? void 0 : a.sider, isTreeSider: v, ...j }), T("div", { className: R("ff-data-list-container", a == null ? void 0 : a.container), children: [u(vt, { className: a == null ? void 0 : a.filter, isConditionFormLayout: w }), u(aa, { title: m, className: a == null ? void 0 : a.toolbar, tabs: b, tab: B, onTabChange: O }), u(on, { ...f, className: a == null ? void 0 : a.content, style: { "--col-num": (y == null ? void 0 : y.colNum) || 1 }, primaryKey: h, itemRender: H, dataSource: n }), u(ra, { className: a == null ? void 0 : a.footer, isPaginate: r, isOperations: i, operations: o, total: S, page: F, pageSize: V })] })] });
|
||||
}, Ya = ({ className: e, operations: t, children: a, data: n, onClickCallback: r }) => T("div", { className: R("data-list-grid-layout-item-container", e), children: [a, !!(t != null && t.length) && u("div", { className: "data-list-grid-layout-item-actions", children: t.map((s) => u("span", { className: "data-list-grid-layout-item-action", children: u(N.Link, { uuid: s.uuid, type: s.type, name: s.name, widget: s.widget, widgetType: s.widgetType, widgetProps: s.widgetProps, widgetSetting: s.widgetSetting, widgetContainerProps: s.widgetContainerSetting, data: n, onAfterClick: (i) => i !== !1 && (r == null ? void 0 : r(s.isRefresh, n)) }, s.uuid || Ye()) }, (s == null ? void 0 : s.uuid) || Ye())) })] }), Qa = ({ listCode: e, className: t, classNames: a = {}, itemClassName: n, dataSource: r, columns: s, isItemOperations: i, isBatchOperations: o, batchOperations: l, itemOperations: c, itemOperationsAccess: d, resource: h, primaryKey: m, title: f, tabs: y, isPaginate: b, isTreeSider: w, treeSiderConfig: v, isConditionFormLayout: j, ...W }) => {
|
||||
const { getBase62params: I, onClickCallback: O, onTabChange: S } = Ue(ve), { total: F, page: V, tab: B, pageSize: H } = (I == null ? void 0 : I()) || {}, U = gt(c, r, d, m);
|
||||
return T("div", { className: R("ff-data-table-framework", t), children: [u(na, { className: a == null ? void 0 : a.sider, isTreeSider: w, ...v }), T("div", { className: R("ff-data-table-container", a == null ? void 0 : a.container), children: [u(vt, { listCode: e, isConditionFormLayout: j }), u(aa, { title: f, className: a == null ? void 0 : a.toolbar, tabs: y, tab: B, onTabChange: S }), u(tn, { ...W, primaryKey: m, className: "ff-data-table-content", columns: s, dataSource: r, operationRender: U ? (L) => u("div", { className: "ff-data-table-actions", children: c == null ? void 0 : c.reduce((se, M, Fe) => [...se, u(N.Link, { size: "small", uuid: M.uuid, type: M.type, name: M.name, widget: M.widget, widgetType: M.widgetType, widgetProps: M.widgetProps, widgetData: M.widgetData, widgetSetting: M.widgetSetting, widgetContainerProps: M.widgetContainerSetting, data: L, onAfterClick: (Se) => Se !== !1 && (O == null ? void 0 : O(M.isRefresh, data)) }, M.uuid || Fe)], []) }) : null }), u(ra, { isPaginate: b, isOperations: o, operations: l, total: F, page: V, pageSize: H })] })] });
|
||||
const { getBase62params: W, onClickCallback: I, onTabChange: L } = Ue(ve), { total: S, page: F, pageSize: V, tab: B } = (W == null ? void 0 : W()) || {}, H = ce((U, R, se) => u(Ya, { className: O("ff-data-list-framework-item", t), operations: s && R ? l == null ? void 0 : l.filter((M) => !(h && M.uuid && c.has(M.uuid)) || c.get(M.uuid).includes(R == null ? void 0 : R[h])) : [], data: d ? { [d]: R } : R, children: U, onClickCallback: I }), [d, h, s, I, l, c]);
|
||||
return T("div", { className: O("ff-data-list-framework", e), children: [u(na, { className: a == null ? void 0 : a.sider, isTreeSider: v, ...j }), T("div", { className: O("ff-data-list-container", a == null ? void 0 : a.container), children: [u(vt, { className: a == null ? void 0 : a.filter, isConditionFormLayout: w }), u(aa, { title: m, className: a == null ? void 0 : a.toolbar, tabs: b, tab: B, onTabChange: L }), u(on, { ...f, className: a == null ? void 0 : a.content, style: { "--col-num": (y == null ? void 0 : y.colNum) || 1 }, primaryKey: h, itemRender: H, dataSource: n }), u(ra, { className: a == null ? void 0 : a.footer, isPaginate: r, isOperations: i, operations: o, total: S, page: F, pageSize: V })] })] });
|
||||
}, Ya = ({ className: e, operations: t, children: a, data: n, onClickCallback: r }) => T("div", { className: O("data-list-grid-layout-item-container", e), children: [a, !!(t != null && t.length) && u("div", { className: "data-list-grid-layout-item-actions", children: t.map((s) => u("span", { className: "data-list-grid-layout-item-action", children: u(N.Link, { uuid: s.uuid, type: s.type, name: s.name, widget: s.widget, widgetType: s.widgetType, widgetProps: s.widgetProps, widgetSetting: s.widgetSetting, widgetContainerProps: s.widgetContainerSetting, data: n, onAfterClick: (i) => i !== !1 && (r == null ? void 0 : r(s.isRefresh, n)) }, s.uuid || Ye()) }, (s == null ? void 0 : s.uuid) || Ye())) })] }), Qa = ({ listCode: e, className: t, classNames: a = {}, itemClassName: n, dataSource: r, columns: s, isItemOperations: i, isBatchOperations: o, batchOperations: l, itemOperations: c, itemOperationsAccess: d, resource: h, primaryKey: m, title: f, tabs: y, isPaginate: b, isTreeSider: w, treeSiderConfig: v, isConditionFormLayout: j, ...W }) => {
|
||||
const { getBase62params: I, onClickCallback: L, onTabChange: S } = Ue(ve), { total: F, page: V, tab: B, pageSize: H } = (I == null ? void 0 : I()) || {}, U = gt(c, r, d, m);
|
||||
return T("div", { className: O("ff-data-table-framework", t), children: [u(na, { className: a == null ? void 0 : a.sider, isTreeSider: w, ...v }), T("div", { className: O("ff-data-table-container", a == null ? void 0 : a.container), children: [u(vt, { listCode: e, isConditionFormLayout: j }), u(aa, { title: f, className: a == null ? void 0 : a.toolbar, tabs: y, tab: B, onTabChange: S }), u(tn, { ...W, primaryKey: m, className: "ff-data-table-content", columns: s, dataSource: r, operationRender: U ? (R) => u("div", { className: "ff-data-table-actions", children: c == null ? void 0 : c.reduce((se, M, Fe) => [...se, u(N.Link, { size: "small", uuid: M.uuid, type: M.type, name: M.name, widget: M.widget, widgetType: M.widgetType, widgetProps: M.widgetProps, widgetData: M.widgetData, widgetSetting: M.widgetSetting, widgetContainerProps: M.widgetContainerSetting, data: R, onAfterClick: (Se) => Se !== !1 && (L == null ? void 0 : L(M.isRefresh, R)) }, M.uuid || Fe)], []) }) : null }), u(ra, { isPaginate: b, isOperations: o, operations: l, total: F, page: V, pageSize: H })] })] });
|
||||
}, ve = C.createContext({ listCode: "", getBase62params: (e, t) => {
|
||||
}, onReload: () => {
|
||||
}, onClickCallback: () => {
|
||||
@ -262,12 +262,12 @@ const Ja = (e, t = {}) => Z(() => e == null ? void 0 : e.map(({ widgetByJs: a, w
|
||||
}, onPageChange: () => {
|
||||
}, onPageSizeChange: () => {
|
||||
} }), Xa = ({ isItemGridLayout: e, theme: t, themeProps: a, onClickCallback: n, onReload: r, listCode: s, total: i = 0, page: o = 0, onPageChange: l, pageSize: c = 30, onPageSizeChange: d, tab: h, onTabChange: m, keyword: f, onKeywordChange: y, condition: b, onConditionChange: w, sider: v, onSiderChange: j, ...W }) => {
|
||||
const [I, O] = $();
|
||||
const [I, L] = $();
|
||||
return x(() => {
|
||||
t ? X.getWidgetComponent(t).then((S) => {
|
||||
if (!S) throw `${t} not found`;
|
||||
return S;
|
||||
}).catch((S) => ({ default: () => `${S}` })).then((S) => O(C.createElement(S.default, { ...W, $setting: a }))) : O(u(e ? Ga : Qa, { ...W, $setting: a }));
|
||||
}).catch((S) => ({ default: () => `${S}` })).then((S) => L(C.createElement(S.default, { ...W, $setting: a }))) : L(u(e ? Ga : Qa, { ...W, $setting: a }));
|
||||
}, [t, a]), u(ve.Provider, { value: { listCode: s, onClickCallback: n, onReload: r, getBase62params: (S, F) => {
|
||||
const V = { tab: h, page: o, pageSize: c, keyword: f, sider: v, condition: b, total: i };
|
||||
return S && S != "init" ? V[S] ?? F : V;
|
||||
@ -298,13 +298,13 @@ const ae = class ae {
|
||||
ge = new WeakMap(), oe = new WeakMap(), ke = new WeakMap(), tt = new WeakMap(), P(ae, ge, null), k(ae, "getInstance", () => (g(ae, ge) || D(ae, ge, new ae()), g(ae, ge)));
|
||||
let pt = ae;
|
||||
const ea = pt.getInstance(), kt = C.forwardRef(({ listCode: e, base62params: t, className: a, itemClassName: n, theme: r, themeProps: s, classNames: i }, o) => {
|
||||
const [{ resource: l, primaryKey: c, batchOperations: d = [], itemOperations: h = [], columns: m = [], themeConfig: f, theme: y, isConditionFormLayout: b = !1, isTreeSider: w, treeSiderConfig: v, isItemGridLayout: j, itemGridLayout: W, title: I, isPaginate: O, tabs: S }, F] = $({ isItemGridLayout: !1, itemGridLayout: {} }), V = _a(e, t), [{ dataSource: B, itemOperationsAccess: H, condition: U, tab: L, keyword: se, page: M, total: Fe, pageSize: Se, sider: nt, onConditionChange: Tt, onTabChange: pa, onKeywordChange: ma, onPageChange: ha, onPageSizeChange: fa, onSiderChange: ya, onReload: rt }, Et] = Ka(V, e, c, l), wa = gt(h, B, H, c), Ca = gt(d);
|
||||
const [{ resource: l, primaryKey: c, batchOperations: d = [], itemOperations: h = [], columns: m = [], themeConfig: f, theme: y, isConditionFormLayout: b = !1, isTreeSider: w, treeSiderConfig: v, isItemGridLayout: j, itemGridLayout: W, title: I, isPaginate: L, tabs: S }, F] = $({ isItemGridLayout: !1, itemGridLayout: {} }), V = _a(e, t), [{ dataSource: B, itemOperationsAccess: H, condition: U, tab: R, keyword: se, page: M, total: Fe, pageSize: Se, sider: nt, onConditionChange: Tt, onTabChange: pa, onKeywordChange: ma, onPageChange: ha, onPageSizeChange: fa, onSiderChange: ya, onReload: rt }, Et] = Ka(V, e, c, l), wa = gt(h, B, H, c), Ca = gt(d);
|
||||
return x(() => {
|
||||
let He = null;
|
||||
return e && E.get(`/api/_/${e}`).resp(({ data: Je, res: ba }) => {
|
||||
Je != null && Je.isDynamicRefresh && (He = ea.subscribe(() => rt(), ba)), F(Je);
|
||||
}).catch(() => F({})), () => He == null ? void 0 : He();
|
||||
}, [e]), C.useImperativeHandle(o, () => ({ onReload: rt, onClickCallback: Et })), u(Xa, { listCode: e, title: I, itemClassName: n, classNames: i, resource: l, primaryKey: c, theme: r || y, themeProps: s || f, isTreeSider: w, treeSiderConfig: v, isPaginate: O, tabs: S, isItemOperations: wa, isBatchOperations: Ca, batchOperations: d, itemOperations: h, isItemGridLayout: j, columns: m, itemGridLayout: W, isConditionFormLayout: b, itemOperationsAccess: H, dataSource: B, onConditionChange: Tt, onTabChange: pa, onKeywordChange: ma, onPageChange: ha, onPageSizeChange: fa, onSiderChange: ya, condition: U, tab: L, keyword: se, page: M, total: Fe, pageSize: Se, sider: nt, className: R("ff-data-list-helper", a), onReload: rt, onClickCallback: Et });
|
||||
}, [e]), C.useImperativeHandle(o, () => ({ onReload: rt, onClickCallback: Et })), u(Xa, { listCode: e, title: I, itemClassName: n, classNames: i, resource: l, primaryKey: c, theme: r || y, themeProps: s || f, isTreeSider: w, treeSiderConfig: v, isPaginate: L, tabs: S, isItemOperations: wa, isBatchOperations: Ca, batchOperations: d, itemOperations: h, isItemGridLayout: j, columns: m, itemGridLayout: W, isConditionFormLayout: b, itemOperationsAccess: H, dataSource: B, onConditionChange: Tt, onTabChange: pa, onKeywordChange: ma, onPageChange: ha, onPageSizeChange: fa, onSiderChange: ya, condition: U, tab: R, keyword: se, page: M, total: Fe, pageSize: Se, sider: nt, className: O("ff-data-list-helper", a), onReload: rt, onClickCallback: Et });
|
||||
}), ta = (e, t, a, n, r = {}, s = 0) => {
|
||||
const i = { "--grid-layout-h": `${n}`, "--grid-layout-w": `${a}`, "--grid-layout-x": `${e}`, "--grid-layout-y": `${t}`, "--grid-layout-row-height-offset": "0px" };
|
||||
return r != null && r.autoHeight ? i.height = "fit-content" : i["--grid-layout-row"] = `${n}`, r != null && r.alignItems && (i["--grid-layout-box-align-items"] = r.alignItems), r != null && r.justifyContent && (i["--grid-layout-box-justify-content"] = r.justifyContent), i["--grid-layout-box-margin"] = jt(r == null ? void 0 : r.marginTop, r == null ? void 0 : r.marginRight, r == null ? void 0 : r.marginBottom, r == null ? void 0 : r.marginLeft), i["--grid-layout-box-padding"] = jt(r == null ? void 0 : r.paddingTop, r == null ? void 0 : r.paddingRight, r == null ? void 0 : r.paddingBottom, r == null ? void 0 : r.paddingLeft), s && (i.height = `${s}px`), i;
|
||||
@ -317,7 +317,7 @@ const ea = pt.getInstance(), kt = C.forwardRef(({ listCode: e, base62params: t,
|
||||
}).catch(() => n({}));
|
||||
}, [r, t]), x(() => {
|
||||
d.setFieldsValue({ keyword: l, ...c });
|
||||
}, [JSON.stringify([l, c])]), u("div", { className: R("ff-data-list-filter", e), children: u(_e, { form: d, layout: "vertical", autoComplete: "off", onFinish: ((h = a.fields) == null ? void 0 : h.length) > 1 ? (f) => i({ [a.resource]: f[a.resource] }, f.keyword) : () => {
|
||||
}, [JSON.stringify([l, c])]), u("div", { className: O("ff-data-list-filter", e), children: u(_e, { form: d, layout: "vertical", autoComplete: "off", onFinish: ((h = a.fields) == null ? void 0 : h.length) > 1 ? (f) => i({ [a.resource]: f[a.resource] }, f.keyword) : () => {
|
||||
}, onValuesChange: (f) => {
|
||||
p.isEmpty(p.omit(f, ["keyword"])) || d.submit();
|
||||
}, children: ((m = a.fields) == null ? void 0 : m.length) > 1 ? u($t, { ...a, children: u(Za, { onReset: () => {
|
||||
@ -326,15 +326,15 @@ const ea = pt.getInstance(), kt = C.forwardRef(({ listCode: e, base62params: t,
|
||||
} }) }) : u("div", { className: "ff-data-list-filter-default-form ff-grid-layout-form", children: u("div", { className: "grid-layout-item", style: ta(20, 0, 5, 2), children: u(_e.Item, { name: ["keyword"], children: u(Na.Search, { allowClear: !0, enterButton: "搜索", placeholder: "多关键字 | 分割", onSearch: (f) => s(f) }) }) }) }) }) });
|
||||
}, Za = ({ cols: e, fields: t, onReset: a }) => {
|
||||
const [n, r] = $(!1), s = Z(() => t == null ? void 0 : t.toReversed().some((i) => i.y > 1 || i.x + i.w >= e - 5), [e, t]);
|
||||
return T(_e.Item, { label: " ", style: { "--item-span": 5 }, className: R("ff-data-list-filter-actions", { expanded: n }), children: [u(lt, { onClick: a, children: "重置" }), u(lt, { type: "primary", htmlType: "submit", children: "查询" }), s && u(N.Link, { className: "ff-data-list-filter-expanded-button", widget: () => r((i) => !i), type: "primary", name: n ? "关闭" : "展开", icon: n ? "icon-up" : "icon-down", iconPosition: "end" })] });
|
||||
return T(_e.Item, { label: " ", style: { "--item-span": 5 }, className: O("ff-data-list-filter-actions", { expanded: n }), children: [u(lt, { onClick: a, children: "重置" }), u(lt, { type: "primary", htmlType: "submit", children: "查询" }), s && u(N.Link, { className: "ff-data-list-filter-expanded-button", widget: () => r((i) => !i), type: "primary", name: n ? "关闭" : "展开", icon: n ? "icon-up" : "icon-down", iconPosition: "end" })] });
|
||||
};
|
||||
vt.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 aa = ({ className: e, title: t, tabs: a, tab: n, onTabChange: r }) => {
|
||||
const [s, i] = La((a == null ? void 0 : a[0].value) ?? (a == null ? void 0 : a[0].code), { value: n, onChange: r });
|
||||
return T("div", { className: R("ff-data-list-toolbar", e), children: [u("div", { className: "ff-data-list-title", children: t }), u($a, { className: "ff-data-list-tabs", itemRender: ({ label: o, code: l, value: c }) => u("span", { onClick: () => i(c ?? l), className: R("ff-data-list-tab", { active: (c ?? l) == s }), children: o }), items: a }), T("div", { className: "ff-data-list-actions", children: [u(N.Link, { icon: "icon-reload" }), u(N.Link, { icon: "icon-setting" })] })] });
|
||||
}, en = [{ 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" }] }] }], na = ({ className: e, width: t = 280, isTreeSider: a }) => a ? u(Pa.DirectoryTree, { className: R("ff-data-list-sider", e), style: { "--sider-width": t }, showLine: !0, showIcon: !1, treeData: en }) : null, ra = ({ className: e, operations: t, isOperations: a, isPaginate: n, total: r, page: s, pageSize: i }) => {
|
||||
return T("div", { className: O("ff-data-list-toolbar", e), children: [u("div", { className: "ff-data-list-title", children: t }), u($a, { className: "ff-data-list-tabs", itemRender: ({ label: o, code: l, value: c }) => u("span", { onClick: () => i(c ?? l), className: O("ff-data-list-tab", { active: (c ?? l) == s }), children: o }), items: a }), T("div", { className: "ff-data-list-actions", children: [u(N.Link, { icon: "icon-reload" }), u(N.Link, { icon: "icon-setting" })] })] });
|
||||
}, en = [{ 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" }] }] }], na = ({ className: e, width: t = 280, isTreeSider: a }) => a ? u(Pa.DirectoryTree, { className: O("ff-data-list-sider", e), style: { "--sider-width": t }, showLine: !0, showIcon: !1, treeData: en }) : null, ra = ({ className: e, operations: t, isOperations: a, isPaginate: n, total: r, page: s, pageSize: i }) => {
|
||||
const { onPageChange: o, onPageSizeChange: l, onClickCallback: c } = C.useContext(ve);
|
||||
return a && !p.isEmpty(t) || n ? T("div", { className: R("ff-data-list-footer", e), children: [u("div", { className: "ff-data-list-actions", children: t == null ? void 0 : t.map((d, h) => u(N, { uuid: d.uuid, type: d.type, name: d.name, widget: d.widget, widgetType: d.widgetType, widgetProps: d.widgetProps, widgetData: d.widgetData, widgetSetting: d.widgetSetting, widgetContainerProps: d.widgetContainerSetting, onAfterClick: (m) => m !== !1 && (c == null ? void 0 : c(d.isRefresh, null)) }, d.uuid || h)) }), n && u(xa, { size: "small", total: r, pageSize: i, showSizeChanger: !1, showTotal: (d) => `第 ${s} 页 / 总共 ${d} 条`, onChange: o, onShowSizeChange: l })] }) : null;
|
||||
return a && !p.isEmpty(t) || n ? T("div", { className: O("ff-data-list-footer", e), children: [u("div", { className: "ff-data-list-actions", children: t == null ? void 0 : t.map((d, h) => u(N, { uuid: d.uuid, type: d.type, name: d.name, widget: d.widget, widgetType: d.widgetType, widgetProps: d.widgetProps, widgetData: d.widgetData, widgetSetting: d.widgetSetting, widgetContainerProps: d.widgetContainerSetting, onAfterClick: (m) => m !== !1 && (c == null ? void 0 : c(d.isRefresh, null)) }, d.uuid || h)) }), n && u(xa, { size: "small", total: r, pageSize: i, showSizeChanger: !1, showTotal: (d) => `第 ${s} 页 / 总共 ${d} 条`, onChange: o, onShowSizeChange: l })] }) : null;
|
||||
}, sa = (e, t, a = !0) => a !== !0 && a-- <= 0 ? [] : p.isArray(e) && !p.isEmpty(e) ? e.reduce((n, r) => (Reflect.has(r, t) && Reflect.has(r, "children") && n.push(r[t]), Reflect.has(r, "children") && !p.isEmpty(r.children) ? n.concat(sa(r.children, t, a)) : n), []) : [], tn = ({ className: e, primaryKey: t, columns: a = [], dataSource: n = [], operationRender: r, operationWidth: s = 180, ...i }) => {
|
||||
Ye();
|
||||
const o = q(null), l = q(null), [c, d] = $([]), [h, m] = $({ width: 0, height: 0 });
|
||||
@ -350,7 +350,7 @@ const aa = ({ className: e, title: t, tabs: a, tab: n, onTabChange: r }) => {
|
||||
};
|
||||
}, []);
|
||||
const f = Ja(a);
|
||||
return u("div", { ref: l, className: R("ff-data-list-table", e), children: h.height ? u(Ta, { ...i, ref: o, rowKey: (y) => (y == null ? void 0 : y[t]) ?? Math.random(), columns: f == null ? void 0 : f.concat(r ? [{ title: "操作", align: "center", fixed: "right", width: `${Math.ceil(s / h.width * 100).toFixed(2)}%`, render: (y, b, w) => r(b, w) }] : []), dataSource: n, size: "middle", scroll: { x: "max-content", y: h.height - 50 }, pagination: !1, expandable: { defaultExpandAllRows: !0, expandRowByClick: !0, onExpandedRowsChange: d, expandedRowKeys: c } }) : null });
|
||||
return u("div", { ref: l, className: O("ff-data-list-table", e), children: h.height ? u(Ta, { ...i, ref: o, rowKey: (y) => (y == null ? void 0 : y[t]) ?? Math.random(), columns: f == null ? void 0 : f.concat(r ? [{ title: "操作", align: "center", fixed: "right", width: `${Math.ceil(s / h.width * 100).toFixed(2)}%`, render: (y, b, w) => r(b, w) }] : []), dataSource: n, size: "middle", scroll: { x: "max-content", y: h.height - 50 }, pagination: !1, expandable: { defaultExpandAllRows: !0, expandRowByClick: !0, onExpandedRowsChange: d, expandedRowKeys: c } }) : null });
|
||||
}, an = "RC_FORM_INTERNAL_HOOKS", ia = (e, { initialValue: t, initialValueLanguage: a, convertJs: n, convertJsSetting: r, type: s = "string" }, i = null) => {
|
||||
const o = q(!1), l = Ue(Va), [c, d] = $(), [h, m] = $(a != "javascript" && e ? l.getFieldValue(e) : void 0), { registerWatch: f } = l.getInternalHooks(an) || {};
|
||||
return x(() => f == null ? void 0 : f((y, b, w) => {
|
||||
@ -378,7 +378,7 @@ const aa = ({ className: e, title: t, tabs: a, tab: n, onTabChange: r }) => {
|
||||
}, [e]), r;
|
||||
}, la = ({ cols: e = 12, rowHeight: t = 21, fields: a = [], data: n, containerPadding: r = [0, 0], itemMargin: s = [4, 0], formProps: i = {}, className: o, ...l }) => {
|
||||
const [c] = Q.useForm(), d = oa(a, rn, "@pkg/ff/grid-layouts"), h = Z(() => [{ name: "__PROPS__", value: i }], [i]);
|
||||
return De(() => (c.setFieldsValue(n), () => c.resetFields()), [n]), u(Q, { fields: h, form: c, component: !1, children: u("div", { ...l, className: R("ff-grid-layout", o), style: { "--grid-layout-item-margin-y": `${(s == null ? void 0 : s[0]) || 0}px`, "--grid-layout-item-margin-x": `${(s == null ? void 0 : s[1]) || 0}px`, "--grid-layout-container-padding-y": `${(r == null ? void 0 : r[0]) || 0}px`, "--grid-layout-container-padding-x": `${(r == null ? void 0 : r[1]) || 0}px`, "--grid-layout-cols": e, "--grid-layout-row-height": `${t}px` }, children: d }) });
|
||||
return De(() => (c.setFieldsValue(n), () => c.resetFields()), [n]), u(Q, { fields: h, form: c, component: !1, children: u("div", { ...l, className: O("ff-grid-layout", o), style: { "--grid-layout-item-margin-y": `${(s == null ? void 0 : s[0]) || 0}px`, "--grid-layout-item-margin-x": `${(s == null ? void 0 : s[1]) || 0}px`, "--grid-layout-container-padding-y": `${(r == null ? void 0 : r[0]) || 0}px`, "--grid-layout-container-padding-x": `${(r == null ? void 0 : r[1]) || 0}px`, "--grid-layout-cols": e, "--grid-layout-row-height": `${t}px` }, children: d }) });
|
||||
}, rn = (e, t = {}, a = null) => (n) => {
|
||||
const { code: r, label: s, extras: i, isVirtual: o, initialValue: l, initialValueLanguage: c, convertJs: d, convertJsSetting: h, ...m } = p.merge({}, t, n), [f, y] = ia(o ? null : r, { initialValue: l, initialValueLanguage: c, convertJs: d, convertJsSetting: h, type: (m == null ? void 0 : m.type) || "string" }, a);
|
||||
return u(e, { ...m, value: f, rawValue: y, $setting: i || {} });
|
||||
@ -399,7 +399,7 @@ const rr = ({ widget: e, widgetPrefix: t = "@pkg/ff/grid-layouts", basicForm: a,
|
||||
return u(e, { ...f, value: y, rawValue: b, $setting: i || {} });
|
||||
}, on = ({ cols: e, rowHeight: t, itemMargin: a, fields: n, primaryKey: r, dataSource: s, itemClassName: i, itemRender: o = (h, m, f) => h, empty: l = u(Ea, { description: null }), className: c, style: d = {} }) => {
|
||||
const h = Ye(), m = Z(() => u(la, { cols: e, rowHeight: t, itemMargin: a, fields: n, className: i }), [n, e, t, a]);
|
||||
return u("div", { className: R("ff-data-list-content", c), style: d, children: p.isEmpty(s) ? l : s.map((f, y) => {
|
||||
return u("div", { className: O("ff-data-list-content", c), style: d, children: p.isEmpty(s) ? l : s.map((f, y) => {
|
||||
const b = o(C.cloneElement(m, { data: f }), f, y);
|
||||
return C.cloneElement(b, { key: `${h}-${(f == null ? void 0 : f[r]) || y}` });
|
||||
}) });
|
||||
@ -646,10 +646,10 @@ const we = ht.getInstance(), St = () => {
|
||||
i && X.getWidgetComponent(i).then(({ defaultProps: c = {}, default: d }) => ({ default: da(d, c, r) })).catch((c) => ({ default: () => `${c}` })).then((c) => l(C.createElement(c.default, s)));
|
||||
}, [i]), o && C.cloneElement(o, s);
|
||||
}, da = (e, t = {}, a = null) => (n) => {
|
||||
const { type: r, code: s, label: i, noStyle: o, placeholder: l, extras: c, validators: d, help: h, isVirtual: m, $isReserved: f, initialValue: y, initialValueLanguage: b, convertJs: w, convertJsSetting: v, widgetPerfix: j, boxStyle: W, widgetDecorator: I, subWidgets: O, ...S } = { ...t, ...n }, F = pn(d || {}, s, r), V = { label: i, noStyle: o, colon: !1, layout: "vertical" }, B = { placeholder: l, ...S }, H = ce((U) => U == null ? void 0 : Y(U, r), [r]);
|
||||
return u(Jt, { name: s, rules: F, initialValue: H(y), normalize: H, children: (U, L, se) => {
|
||||
const { type: r, code: s, label: i, noStyle: o, placeholder: l, extras: c, validators: d, help: h, isVirtual: m, $isReserved: f, initialValue: y, initialValueLanguage: b, convertJs: w, convertJsSetting: v, widgetPerfix: j, boxStyle: W, widgetDecorator: I, subWidgets: L, ...S } = { ...t, ...n }, F = pn(d || {}, s, r), V = { label: i, noStyle: o, colon: !1, layout: "vertical" }, B = { placeholder: l, ...S }, H = ce((U) => U == null ? void 0 : Y(U, r), [r]);
|
||||
return u(Jt, { name: s, rules: F, initialValue: H(y), normalize: H, children: (U, R, se) => {
|
||||
var M;
|
||||
return u(e, { type: r, rcform: se, itemProps: { validateStatus: L.errors.length > 0 ? "error" : "success", tooltip: h, help: L.errors.length > 0 ? L.errors.join("、") : null, required: ((M = F == null ? void 0 : F[0]) == null ? void 0 : M.required) || !1, ...V }, fieldProps: { ...B, ...U }, $setting: c || {} });
|
||||
return u(e, { type: r, rcform: se, itemProps: { validateStatus: R.errors.length > 0 ? "error" : "success", tooltip: h, help: R.errors.length > 0 ? R.errors.join("、") : null, required: ((M = F == null ? void 0 : F[0]) == null ? void 0 : M.required) || !1, ...V }, fieldProps: { ...B, ...U }, $setting: c || {} });
|
||||
} });
|
||||
}, $t = ({ cols: e = 24, rowHeight: t = 16, itemMargin: a = [8, 16], containerPadding: n = [0, 0], fields: r = [], children: s, basicForm: i = null }) => {
|
||||
const o = oa(r, da, "@pkg/ff/grid-layout-forms");
|
||||
@ -658,12 +658,12 @@ const we = ht.getInstance(), St = () => {
|
||||
$t.propTypes = { fields: A.array };
|
||||
const wn = (zt = $t, ({ code: e, layout: t, name: a, primaryKey: n = 0, style: r = {}, formProps: s = {}, form: i, isPreview: o = !1, className: l, onFinish: c, onValuesChange: d = () => {
|
||||
}, ...h }) => {
|
||||
const { align: m, autoComplete: f, resource: y, items: b, hides: w, rowHeight: v, marginX: j, marginY: W, cols: I, listenChangeFields: O, listenChangeFieldsFunc: S, pk: F, uuid: V } = gn(e), [B] = Q.useForm(i), H = Z(() => [{ name: "__PK__", value: F }, { name: "__PROPS__", value: s }, { name: "__RESOURCE__", value: y }, { name: "__LAYOUT_KEY__", value: e }, { name: "__LAYOUT_UUID__", value: V }, { name: "__PRIMARY_KEY__", value: n }], [F, e, V, y, n, s]);
|
||||
return T(Q, { className: l, name: a || e, layout: t || m, fields: H, form: B, autoComplete: f, style: { ...r, position: "relative" }, onFinish: c, onValuesChange: (U, L) => (({ changedValues: se, allValues: M, listenChangeFields: Fe, listenChangeFieldsFunc: Se, onValuesChange: nt, code: Tt }) => {
|
||||
const { align: m, autoComplete: f, resource: y, items: b, hides: w, rowHeight: v, marginX: j, marginY: W, cols: I, listenChangeFields: L, listenChangeFieldsFunc: S, pk: F, uuid: V } = gn(e), [B] = Q.useForm(i), H = Z(() => [{ name: "__PK__", value: F }, { name: "__PROPS__", value: s }, { name: "__RESOURCE__", value: y }, { name: "__LAYOUT_KEY__", value: e }, { name: "__LAYOUT_UUID__", value: V }, { name: "__PRIMARY_KEY__", value: n }], [F, e, V, y, n, s]);
|
||||
return T(Q, { className: l, name: a || e, layout: t || m, fields: H, form: B, autoComplete: f, style: { ...r, position: "relative" }, onFinish: c, onValuesChange: (U, R) => (({ changedValues: se, allValues: M, listenChangeFields: Fe, listenChangeFieldsFunc: Se, onValuesChange: nt, code: Tt }) => {
|
||||
nt(se, M), Se && Array.isArray(Fe) && we.exec(Se, { changedValues: se, allValues: M }, { getFieldValue: B.getFieldValue, setFieldValue: B.setFieldValue, setFieldsValue: B.setFieldsValue, isFieldTouched: B.isFieldTouched, isFieldsTouched: B.isFieldsTouched });
|
||||
})({ changedValues: U, allValues: L, listenChangeFields: O, listenChangeFieldsFunc: S, onValuesChange: d, code: e }), children: [u(zt, { ...h, form: B, code: e, fields: b, cols: I, rowHeight: v, itemMargin: [j, W] }), w == null ? void 0 : w.map((U) => {
|
||||
var L;
|
||||
return u(Jt, { name: U.code, children: u(fn, { form: B, name: U.code, type: U.type, initialValue: U.initialValue, initialValueLanguage: (L = U.extras) == null ? void 0 : L.initialValueLanguage }) }, JSON.stringify(U.code));
|
||||
})({ changedValues: U, allValues: R, listenChangeFields: L, listenChangeFieldsFunc: S, onValuesChange: d, code: e }), children: [u(zt, { ...h, form: B, code: e, fields: b, cols: I, rowHeight: v, itemMargin: [j, W] }), w == null ? void 0 : w.map((U) => {
|
||||
var R;
|
||||
return u(Jt, { name: U.code, children: u(fn, { form: B, name: U.code, type: U.type, initialValue: U.initialValue, initialValueLanguage: (R = U.extras) == null ? void 0 : R.initialValueLanguage }) }, JSON.stringify(U.code));
|
||||
})] }, e);
|
||||
});
|
||||
var zt;
|
||||
@ -710,22 +710,22 @@ const ua = ({ $setting: e, $close: t, extras: a, code: n, primaryKey: r, ...s })
|
||||
ft(e, t + 1);
|
||||
}), Bt.add(a), document.body.appendChild(n);
|
||||
}
|
||||
}, yt = ({ className: e, type: t, style: a = {}, ...n }) => u("span", { role: "img", className: R("ff-iconfont", e), style: a, ...n, children: u("svg", { style: { width: "1em", height: "1em", fill: "currentColor", overflow: "hidden" }, viewBox: "0 0 1024 1024", children: u("use", { xlinkHref: `#${t}` }) }) });
|
||||
}, yt = ({ className: e, type: t, style: a = {}, ...n }) => u("span", { role: "img", className: O("ff-iconfont", e), style: a, ...n, children: u("svg", { style: { width: "1em", height: "1em", fill: "currentColor", overflow: "hidden" }, viewBox: "0 0 1024 1024", children: u("use", { xlinkHref: `#${t}` }) }) });
|
||||
yt.propTypes = { className: A.string, type: A.string.isRequired, style: A.object }, yt.init = ft;
|
||||
const qe = (e) => function({ className: t, children: a, name: n, icon: r, type: s = "default", iconPosition: i = "start", noAuthType: o, onAfterClick: l, onBeforeClick: c, data: d, loading: h, disabled: m, tooltip: f, popConfirm: y, widget: b, widgetType: w, widgetData: v, widgetProps: j, widgetSetting: W, widgetContainerProps: I, ...O }) {
|
||||
const S = { type: "primary", className: R("ff-button", t), iconPosition: i };
|
||||
s === "danger" ? S.danger = !0 : s === "default" && (S.type = s), e === "link" || e === "dashed" ? (S.type = e, s === "default" && (S.className = R(S.className, "ff-default"))) : e !== "circle" && e !== "round" || (S.shape = e), r && (S.icon = u(yt, { type: r }));
|
||||
const qe = (e) => function({ className: t, children: a, name: n, icon: r, type: s = "default", iconPosition: i = "start", noAuthType: o, onAfterClick: l, onBeforeClick: c, data: d, loading: h, disabled: m, tooltip: f, popConfirm: y, widget: b, widgetType: w, widgetData: v, widgetProps: j, widgetSetting: W, widgetContainerProps: I, ...L }) {
|
||||
const S = { type: "primary", className: O("ff-button", t), iconPosition: i };
|
||||
s === "danger" ? S.danger = !0 : s === "default" && (S.type = s), e === "link" || e === "dashed" ? (S.type = e, s === "default" && (S.className = O(S.className, "ff-default"))) : e !== "circle" && e !== "round" || (S.shape = e), r && (S.icon = u(yt, { type: r }));
|
||||
const [F, V] = $(!1), [B, { disabled: H, loading: U }] = vn({ widget: b, widgetType: w, widgetData: v, widgetProps: j, widgetSetting: W, widgetContainerProps: I }, { onAfterClick: l, onBeforeClick: c });
|
||||
return u(Fa, { okText: "确定", cancelText: "取消", ...y || {}, disabled: H || m, open: F, onOpenChange: (L) => {
|
||||
if (!L) return V(L);
|
||||
y ? V(L) : B(d);
|
||||
return u(Fa, { okText: "确定", cancelText: "取消", ...y || {}, disabled: H || m, open: F, onOpenChange: (R) => {
|
||||
if (!R) return V(R);
|
||||
y ? V(R) : B(d);
|
||||
}, onConfirm: () => {
|
||||
B(d);
|
||||
}, onClick: (L) => {
|
||||
L.stopPropagation();
|
||||
}, children: u(Ra, { ...f, title: F ? null : f == null ? void 0 : f.title, trigger: ["hover", "click"], children: u(lt, { loading: U || h, disabled: H || m, ...S, ...O, children: a || n }) }) });
|
||||
}, onClick: (R) => {
|
||||
R.stopPropagation();
|
||||
}, children: u(Ra, { ...f, title: F ? null : f == null ? void 0 : f.title, trigger: ["hover", "click"], children: u(lt, { loading: U || h, disabled: H || m, ...S, ...L, children: a || n }) }) });
|
||||
}, N = qe("default"), Sn = qe("link"), Nn = qe("circle"), $n = qe("round"), Pn = qe("dashed"), Dt = ({ data: e, widget: t, widgetType: a = "fsdpf-component", children: n, widgetData: r, widgetProps: s, widgetSetting: i, widgetContainerProps: o }) => {
|
||||
const l = Ue(ve), [c, d] = $(!1), [h, m] = $("hover"), [f, y] = $({}), [b, w] = $(), { placement: v, align: j, arrow: W = { pointAtCenter: !0 }, getPopupContainer: I, ...O } = o || {};
|
||||
const l = Ue(ve), [c, d] = $(!1), [h, m] = $("hover"), [f, y] = $({}), [b, w] = $(), { placement: v, align: j, arrow: W = { pointAtCenter: !0 }, getPopupContainer: I, ...L } = o || {};
|
||||
x(() => {
|
||||
a == "grid-layout-form" ? w(C.createElement(ua, { ...r, $setting: i, code: t })) : a == "data-list" ? w(C.createElement(kt, { base62params: e, $setting: i, listCode: t })) : p.isString(t) ? X.getWidgetComponent(t).then(({ default: V }) => {
|
||||
w(C.createElement(V, { ...r, $setting: i }));
|
||||
@ -738,21 +738,21 @@ const qe = (e) => function({ className: t, children: a, name: n, icon: r, type:
|
||||
}, F = (V) => {
|
||||
d(!0), m("click");
|
||||
};
|
||||
return u(Oa, { zIndex: 1080, placement: v, onPopupClick: F, onClick: F, open: c, align: j, arrow: W, trigger: h, getPopupContainer: I, content: u(xn, { ...O, children: b && C.cloneElement(b, { ...f, $close: () => S(!1) }) }), children: n, onOpenChange: S });
|
||||
return u(Oa, { zIndex: 1080, placement: v, onPopupClick: F, onClick: F, open: c, align: j, arrow: W, trigger: h, getPopupContainer: I, content: u(xn, { ...L, children: b && C.cloneElement(b, { ...f, $close: () => S(!1) }) }), children: n, onOpenChange: S });
|
||||
}, xn = ({ title: e, className: t, children: a, width: n, height: r, ...s }) => {
|
||||
const [i, o] = $({}), l = ce((h, m) => o((f) => ({ ...f, [h]: m })), []), c = ce((h) => o((m) => ({ ...m, [h]: void 0 })), []), d = e ? C.createElement("div", { className: "ff-popup-title" }, e) : i == null ? void 0 : i.title;
|
||||
return u(Be.Provider, { value: { ele: i, mount: l, unmount: c }, children: T("div", { className: R("ff-popup ff-popover", t), style: { width: n, height: r }, ...s, children: [T("div", { className: "ff-popup-header", children: [d, i == null ? void 0 : i["sub-title"]] }), a, T("div", { className: "ff-popup-footer", children: [i == null ? void 0 : i.extras, i == null ? void 0 : i.actions] })] }) });
|
||||
return u(Be.Provider, { value: { ele: i, mount: l, unmount: c }, children: T("div", { className: O("ff-popup ff-popover", t), style: { width: n, height: r }, ...s, children: [T("div", { className: "ff-popup-header", children: [d, i == null ? void 0 : i["sub-title"]] }), a, T("div", { className: "ff-popup-footer", children: [i == null ? void 0 : i.extras, i == null ? void 0 : i.actions] })] }) });
|
||||
};
|
||||
Dt.propTypes = { widgetType: A.oneOf(["fsdpf-component", "grid-layout-form", "data-list"]) }, N.propTypes = { type: A.oneOf(["primary", "default", "danger", ""]), name: A.string, icon: A.string, iconPosition: A.oneOf(["start", "end"]), data: A.any, widget: A.any, widgetType: A.oneOf(["destroy", "redirect", "func", "fsdpf-component", "grid-layout-form", "grid-layout", "data-list"]), widgetData: A.object, widgetProps: A.object, widgetSetting: A.object, widgetContainerProps: A.object }, N.Link = Sn, N.Link.defaultProps = N.defaultProps, N.Link.propTypes = N.propTypes, N.Circle = Nn, N.Circle.defaultProps = N.defaultProps, N.Circle.propTypes = N.propTypes, N.Round = $n, N.Round.defaultProps = N.defaultProps, N.Round.propTypes = N.propTypes, N.Dashed = Pn, N.Dashed.defaultProps = N.defaultProps, N.Dashed.propTypes = N.propTypes, N.Popover = Dt;
|
||||
const Tn = ({ fields: e, formProps: t, $close: a }) => {
|
||||
const [n] = Q.useForm(), r = Z(() => [{ name: "__PROPS__", value: t }], [t]);
|
||||
return u(K, { actions: T(C.Fragment, { children: [u(N, { name: "取消", widget: () => a(!1) }), u(N, { name: "确定", type: "primary", widget: () => n.validateFields(!0).then(a) })] }), children: u(Q, { fields: r, form: n, className: "ff-modal-form", children: e == null ? void 0 : e.map(({ code: s, ...i }) => u(yn, { code: s, ...i }, s)) }) });
|
||||
}, En = ({ className: e, $close: t, children: a, title: n, subTitle: r, actions: s, extras: i, zIndex: o, ...l }) => T(Ba, { ...l, prefixCls: "ff-drawer", className: R("ff-popup", e), maskMotion: { motionAppear: !0, motionName: "mask-motion" }, motion: (c) => ({ motionAppear: !0, motionName: `panel-motion-${c}` }), children: [T("div", { className: "ff-popup-header", children: [u("button", { "aria-label": "Close", className: "ff-popup-close", onClick: l.onClose, children: u(bt, { type: "close" }) }), n, r] }), u("div", { className: "ff-popup-body", children: a }), T("div", { className: "ff-popup-footer", children: [i, s] })] }), Fn = ({ className: e, $close: t, $event: a, children: n, title: r, subTitle: s, actions: i, extras: o, zIndex: l, placement: c, ...d }) => {
|
||||
}, En = ({ className: e, $close: t, children: a, title: n, subTitle: r, actions: s, extras: i, zIndex: o, ...l }) => T(Ba, { ...l, prefixCls: "ff-drawer", className: O("ff-popup", e), maskMotion: { motionAppear: !0, motionName: "mask-motion" }, motion: (c) => ({ motionAppear: !0, motionName: `panel-motion-${c}` }), children: [T("div", { className: "ff-popup-header", children: [u("button", { "aria-label": "Close", className: "ff-popup-close", onClick: l.onClose, children: u(bt, { type: "close" }) }), n, r] }), u("div", { className: "ff-popup-body", children: a }), T("div", { className: "ff-popup-footer", children: [i, s] })] }), Fn = ({ className: e, $close: t, $event: a, children: n, title: r, subTitle: s, actions: i, extras: o, zIndex: l, placement: c, ...d }) => {
|
||||
const h = (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(Da, { ...d, ...h, prefixCls: "ff-modal", modalRender: () => T("div", { className: R("ff-modal-content ff-popup", e), children: [T("div", { className: "ff-popup-header", children: [u("button", { "aria-label": "Close", className: "ff-popup-close", onClick: d.onClose, children: u(bt, { type: "close" }) }), r, s] }), u("div", { className: "ff-popup-body", children: n }), T("div", { className: "ff-popup-footer", children: [o, i] })] }) });
|
||||
return u(Da, { ...d, ...h, prefixCls: "ff-modal", modalRender: () => T("div", { className: O("ff-modal-content ff-popup", e), children: [T("div", { className: "ff-popup-header", children: [u("button", { "aria-label": "Close", className: "ff-popup-close", onClick: d.onClose, children: u(bt, { type: "close" }) }), r, s] }), u("div", { className: "ff-popup-body", children: n }), T("div", { className: "ff-popup-footer", children: [o, i] })] }) });
|
||||
}, ga = ({ placement: e, $close: t, $event: a, children: n, title: r, ...s }) => {
|
||||
const [i, o] = $({}), [l, c] = $(!0), d = ce((y, b) => o((w) => ({ ...w, [y]: b })), []), h = ce((y) => o((b) => ({ ...b, [y]: void 0 })), []);
|
||||
let m = { ...s, className: i.rootClassName, title: i.title || r && C.createElement("div", { className: R("ff-popup-title") }, r), subTitle: i["sub-title"], actions: i.actions, extras: i.extras, children: n, $close: t, $event: a, onClose: () => c(!1) };
|
||||
let m = { ...s, className: i.rootClassName, title: i.title || r && C.createElement("div", { className: O("ff-popup-title") }, r), subTitle: i["sub-title"], actions: i.actions, extras: i.extras, children: n, $close: t, $event: a, onClose: () => c(!1) };
|
||||
const f = () => {
|
||||
t(!1);
|
||||
};
|
||||
2
dist/components.js
vendored
2
dist/components.js
vendored
@ -1,4 +1,4 @@
|
||||
import { a1 as s, U as p, a2 as n, a3 as t, a0 as d } from "./common/main-DJnH3y8Z.js";
|
||||
import { a1 as s, U as p, a2 as n, a3 as t, a0 as d } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
s as Empty,
|
||||
p as Icon,
|
||||
|
||||
2
dist/container.js
vendored
2
dist/container.js
vendored
@ -1,4 +1,4 @@
|
||||
import { Z as o, a1 as s, a2 as p, a3 as t, _ as d, a0 as n, $ as r, Y as u } from "./common/main-DJnH3y8Z.js";
|
||||
import { Z as o, a1 as s, a2 as p, a3 as t, _ as d, a0 as n, $ as r, Y as u } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
o as Context,
|
||||
s as Empty,
|
||||
|
||||
2
dist/data-converter.js
vendored
2
dist/data-converter.js
vendored
@ -1,6 +1,6 @@
|
||||
import "lodash";
|
||||
import "react";
|
||||
import { D as p } from "./common/main-DJnH3y8Z.js";
|
||||
import { D as p } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
p as default
|
||||
};
|
||||
|
||||
2
dist/data-list.js
vendored
2
dist/data-list.js
vendored
@ -1,4 +1,4 @@
|
||||
import { o as t, m as e, h as r, k as o, p as i, l, j as u, n as D, i as L, q as n, f as m, s as p, z as C, w as b, x as k, y as F, v as c } from "./common/main-DJnH3y8Z.js";
|
||||
import { o as t, m as e, h as r, k as o, p as i, l, j as u, n as D, i as L, q as n, f as m, s as p, z as C, w as b, x as k, y as F, v as c } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
t as DataListContent,
|
||||
e as DataListContext,
|
||||
|
||||
2
dist/data-list/utils.js
vendored
2
dist/data-list/utils.js
vendored
@ -1,5 +1,5 @@
|
||||
import "lodash";
|
||||
import { b as a } from "../common/main-DJnH3y8Z.js";
|
||||
import { b as a } from "../common/main-DwWXlZKl.js";
|
||||
export {
|
||||
a as getDefaultExpandRowKeys
|
||||
};
|
||||
|
||||
2
dist/grid-layout-form.js
vendored
2
dist/grid-layout-form.js
vendored
@ -1,4 +1,4 @@
|
||||
import { L as s, N as r, M as u, K as o, S as t, Q as d, T as m, P as F, O as i } from "./common/main-DJnH3y8Z.js";
|
||||
import { L as s, N as r, M as u, K as o, S as t, Q as d, T as m, P as F, O as i } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
s as GridLayoutForm,
|
||||
r as GridLayoutFormHelper,
|
||||
|
||||
2
dist/grid-layout-form/utils.js
vendored
2
dist/grid-layout-form/utils.js
vendored
@ -1,5 +1,5 @@
|
||||
import "lodash";
|
||||
import { ae as a } from "../common/main-DJnH3y8Z.js";
|
||||
import { ae as a } from "../common/main-DwWXlZKl.js";
|
||||
export {
|
||||
a as getOptionItemByValue
|
||||
};
|
||||
|
||||
2
dist/grid-layout.js
vendored
2
dist/grid-layout.js
vendored
@ -1,4 +1,4 @@
|
||||
import { c as d, d as e, H as u, G as i, u as t, e as o } from "./common/main-DJnH3y8Z.js";
|
||||
import { c as d, d as e, H as u, G as i, u as t, e as o } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
d as GridLayout,
|
||||
e as GridLayoutWidget,
|
||||
|
||||
2
dist/grid-layout/utils.js
vendored
2
dist/grid-layout/utils.js
vendored
@ -1,4 +1,4 @@
|
||||
import { a as t } from "../common/main-DJnH3y8Z.js";
|
||||
import { a as t } from "../common/main-DwWXlZKl.js";
|
||||
export {
|
||||
t as getBoxStyle
|
||||
};
|
||||
|
||||
2
dist/hooks.js
vendored
2
dist/hooks.js
vendored
@ -1,7 +1,7 @@
|
||||
import "lodash";
|
||||
import "rc-field-form";
|
||||
import "react";
|
||||
import { F as r, E as o, I as p, B as f, C as i, J as m, A as c } from "./common/main-DJnH3y8Z.js";
|
||||
import { F as r, E as o, I as p, B as f, C as i, J as m, A as c } from "./common/main-DwWXlZKl.js";
|
||||
import { default as E } from "rc-util/lib/hooks/useMergedState";
|
||||
export {
|
||||
r as useDeepEffect,
|
||||
|
||||
2
dist/iconfont.js
vendored
2
dist/iconfont.js
vendored
@ -2,7 +2,7 @@ import "react/jsx-runtime";
|
||||
import "react";
|
||||
import "prop-types";
|
||||
import "classnames";
|
||||
import { U as a } from "./common/main-DJnH3y8Z.js";
|
||||
import { U as a } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
a as default
|
||||
};
|
||||
|
||||
2
dist/index.js
vendored
2
dist/index.js
vendored
@ -1,4 +1,4 @@
|
||||
import { ac as t, ad as e, a8 as o, a9 as n, a4 as p, aa as c, a7 as r, a6 as f, a5 as l, ab as u } from "./common/main-DJnH3y8Z.js";
|
||||
import { ac as t, ad as e, a8 as o, a9 as n, a4 as p, aa as c, a7 as r, a6 as f, a5 as l, ab as u } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
t as AppContext,
|
||||
e as AppGlobalParamsContext,
|
||||
|
||||
2
dist/res-ws.js
vendored
2
dist/res-ws.js
vendored
@ -1,5 +1,5 @@
|
||||
import "lodash";
|
||||
import { R as a } from "./common/main-DJnH3y8Z.js";
|
||||
import { R as a } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
a as default
|
||||
};
|
||||
|
||||
2
dist/utils.js
vendored
2
dist/utils.js
vendored
@ -1,5 +1,5 @@
|
||||
import "lodash";
|
||||
import { g as a, r as i, t as o } from "./common/main-DJnH3y8Z.js";
|
||||
import { g as a, r as i, t as o } from "./common/main-DwWXlZKl.js";
|
||||
export {
|
||||
a as getWidgetPropsData,
|
||||
i as replaceKeys,
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "ff",
|
||||
"private": true,
|
||||
"version": "0.4.33",
|
||||
"version": "0.4.34",
|
||||
"author": "www.fsdpf.com",
|
||||
"type": "module",
|
||||
"main": "./dist/index.js",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user