operp-print-designer 1.0.0

package/dist/print-designer.es.js

@@ -0,0 +1,2964 @@
+import he, { useRef as He, useCallback as K, useState as Ce, useMemo as ee, useEffect as un } from "react";
+import { Typography as fe, App as Be, Space as re, Input as ne, Button as H, Card as me, Select as Z, InputNumber as Q, Radio as Ne, List as $e, Tag as Le, Dropdown as hn, Popconfirm as zt, message as ue, Modal as Ue, Divider as se, Collapse as fn, Empty as jt, ColorPicker as Ve, Table as pn, Form as oe, Switch as We } from "antd";
+import { PlusOutlined as Ke, SaveOutlined as It, DownloadOutlined as gn, UploadOutlined as xn, SettingOutlined as mn, DeleteOutlined as Ge, PrinterOutlined as qe, EyeOutlined as yn, FontSizeOutlined as vn, PictureOutlined as bn, TableOutlined as jn, BarcodeOutlined as Sn, MinusOutlined as wn, DatabaseOutlined as Dt, MoreOutlined as Cn, EditOutlined as Tn, CaretRightOutlined as Rn } from "@ant-design/icons";
+import { useReactToPrint as At } from "react-to-print";
+import { create as En } from "zustand";
+import Pn from "react-grid-layout";
+var Se = { exports: {} }, ge = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var St;
+function kn() {
+  if (St) return ge;
+  St = 1;
+  var o = he, d = Symbol.for("react.element"), a = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function y(g, c, b) {
+    var v, T = {}, p = null, _ = null;
+    b !== void 0 && (p = "" + b), c.key !== void 0 && (p = "" + c.key), c.ref !== void 0 && (_ = c.ref);
+    for (v in c) r.call(c, v) && !i.hasOwnProperty(v) && (T[v] = c[v]);
+    if (g && g.defaultProps) for (v in c = g.defaultProps, c) T[v] === void 0 && (T[v] = c[v]);
+    return { $$typeof: d, type: g, key: p, ref: _, props: T, _owner: s.current };
+  }
+  return ge.Fragment = a, ge.jsx = y, ge.jsxs = y, ge;
+}
+var xe = {}, wt;
+function _n() {
+  if (wt) return xe;
+  wt = 1;
+  var o = {};
+  /**
+   * @license React
+   * react-jsx-runtime.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   */
+  return o.NODE_ENV !== "production" && (function() {
+    var d = he, a = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), g = Symbol.for("react.provider"), c = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), m = Symbol.iterator, P = "@@iterator";
+    function n(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var l = m && t[m] || t[P];
+      return typeof l == "function" ? l : null;
+    }
+    var h = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(t) {
+      {
+        for (var l = arguments.length, f = new Array(l > 1 ? l - 1 : 0), S = 1; S < l; S++)
+          f[S - 1] = arguments[S];
+        E("error", t, f);
+      }
+    }
+    function E(t, l, f) {
+      {
+        var S = h.ReactDebugCurrentFrame, O = S.getStackAddendum();
+        O !== "" && (l += "%s", f = f.concat([O]));
+        var F = f.map(function(k) {
+          return String(k);
+        });
+        F.unshift("Warning: " + l), Function.prototype.apply.call(console[t], console, F);
+      }
+    }
+    var u = !1, j = !1, D = !1, N = !1, L = !1, J;
+    J = Symbol.for("react.module.reference");
+    function $(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === s || t === y || L || t === i || t === v || t === T || N || t === I || u || j || D || typeof t == "object" && t !== null && (t.$$typeof === _ || t.$$typeof === p || t.$$typeof === g || t.$$typeof === c || t.$$typeof === b || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      t.$$typeof === J || t.getModuleId !== void 0));
+    }
+    function ae(t, l, f) {
+      var S = t.displayName;
+      if (S)
+        return S;
+      var O = l.displayName || l.name || "";
+      return O !== "" ? f + "(" + O + ")" : f;
+    }
+    function le(t) {
+      return t.displayName || "Context";
+    }
+    function M(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case s:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case y:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case v:
+          return "Suspense";
+        case T:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case c:
+            var l = t;
+            return le(l) + ".Consumer";
+          case g:
+            var f = t;
+            return le(f._context) + ".Provider";
+          case b:
+            return ae(t, t.render, "ForwardRef");
+          case p:
+            var S = t.displayName || null;
+            return S !== null ? S : M(t.type) || "Memo";
+          case _: {
+            var O = t, F = O._payload, k = O._init;
+            try {
+              return M(k(F));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var C = Object.assign, z = 0, Y, q, et, tt, nt, rt, it;
+    function ot() {
+    }
+    ot.__reactDisabledLog = !0;
+    function Nt() {
+      {
+        if (z === 0) {
+          Y = console.log, q = console.info, et = console.warn, tt = console.error, nt = console.group, rt = console.groupCollapsed, it = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: ot,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        z++;
+      }
+    }
+    function $t() {
+      {
+        if (z--, z === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: C({}, t, {
+              value: Y
+            }),
+            info: C({}, t, {
+              value: q
+            }),
+            warn: C({}, t, {
+              value: et
+            }),
+            error: C({}, t, {
+              value: tt
+            }),
+            group: C({}, t, {
+              value: nt
+            }),
+            groupCollapsed: C({}, t, {
+              value: rt
+            }),
+            groupEnd: C({}, t, {
+              value: it
+            })
+          });
+        }
+        z < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ke = h.ReactCurrentDispatcher, _e;
+    function ye(t, l, f) {
+      {
+        if (_e === void 0)
+          try {
+            throw Error();
+          } catch (O) {
+            var S = O.stack.trim().match(/\n( *(at )?)/);
+            _e = S && S[1] || "";
+          }
+        return `
+` + _e + t;
+      }
+    }
+    var Oe = !1, ve;
+    {
+      var Vt = typeof WeakMap == "function" ? WeakMap : Map;
+      ve = new Vt();
+    }
+    function st(t, l) {
+      if (!t || Oe)
+        return "";
+      {
+        var f = ve.get(t);
+        if (f !== void 0)
+          return f;
+      }
+      var S;
+      Oe = !0;
+      var O = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var F;
+      F = ke.current, ke.current = null, Nt();
+      try {
+        if (l) {
+          var k = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(k.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(k, []);
+            } catch (G) {
+              S = G;
+            }
+            Reflect.construct(t, [], k);
+          } else {
+            try {
+              k.call();
+            } catch (G) {
+              S = G;
+            }
+            t.call(k.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (G) {
+            S = G;
+          }
+          t();
+        }
+      } catch (G) {
+        if (G && S && typeof G.stack == "string") {
+          for (var R = G.stack.split(`
+`), U = S.stack.split(`
+`), V = R.length - 1, W = U.length - 1; V >= 1 && W >= 0 && R[V] !== U[W]; )
+            W--;
+          for (; V >= 1 && W >= 0; V--, W--)
+            if (R[V] !== U[W]) {
+              if (V !== 1 || W !== 1)
+                do
+                  if (V--, W--, W < 0 || R[V] !== U[W]) {
+                    var X = `
+` + R[V].replace(" at new ", " at ");
+                    return t.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", t.displayName)), typeof t == "function" && ve.set(t, X), X;
+                  }
+                while (V >= 1 && W >= 0);
+              break;
+            }
+        }
+      } finally {
+        Oe = !1, ke.current = F, $t(), Error.prepareStackTrace = O;
+      }
+      var ce = t ? t.displayName || t.name : "", ie = ce ? ye(ce) : "";
+      return typeof t == "function" && ve.set(t, ie), ie;
+    }
+    function Wt(t, l, f) {
+      return st(t, !1);
+    }
+    function Bt(t) {
+      var l = t.prototype;
+      return !!(l && l.isReactComponent);
+    }
+    function be(t, l, f) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return st(t, Bt(t));
+      if (typeof t == "string")
+        return ye(t);
+      switch (t) {
+        case v:
+          return ye("Suspense");
+        case T:
+          return ye("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case b:
+            return Wt(t.render);
+          case p:
+            return be(t.type, l, f);
+          case _: {
+            var S = t, O = S._payload, F = S._init;
+            try {
+              return be(F(O), l, f);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var pe = Object.prototype.hasOwnProperty, at = {}, lt = h.ReactDebugCurrentFrame;
+    function je(t) {
+      if (t) {
+        var l = t._owner, f = be(t.type, t._source, l ? l.type : null);
+        lt.setExtraStackFrame(f);
+      } else
+        lt.setExtraStackFrame(null);
+    }
+    function Lt(t, l, f, S, O) {
+      {
+        var F = Function.call.bind(pe);
+        for (var k in t)
+          if (F(t, k)) {
+            var R = void 0;
+            try {
+              if (typeof t[k] != "function") {
+                var U = Error((S || "React class") + ": " + f + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw U.name = "Invariant Violation", U;
+              }
+              R = t[k](l, k, S, f, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (V) {
+              R = V;
+            }
+            R && !(R instanceof Error) && (je(O), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", f, k, typeof R), je(null)), R instanceof Error && !(R.message in at) && (at[R.message] = !0, je(O), x("Failed %s type: %s", f, R.message), je(null));
+          }
+      }
+    }
+    var Mt = Array.isArray;
+    function ze(t) {
+      return Mt(t);
+    }
+    function Jt(t) {
+      {
+        var l = typeof Symbol == "function" && Symbol.toStringTag, f = l && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return f;
+      }
+    }
+    function Yt(t) {
+      try {
+        return dt(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function dt(t) {
+      return "" + t;
+    }
+    function ct(t) {
+      if (Yt(t))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jt(t)), dt(t);
+    }
+    var ut = h.ReactCurrentOwner, Ht = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, ht, ft;
+    function Ut(t) {
+      if (pe.call(t, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function Kt(t) {
+      if (pe.call(t, "key")) {
+        var l = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (l && l.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function Gt(t, l) {
+      typeof t.ref == "string" && ut.current;
+    }
+    function qt(t, l) {
+      {
+        var f = function() {
+          ht || (ht = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        f.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: f,
+          configurable: !0
+        });
+      }
+    }
+    function Xt(t, l) {
+      {
+        var f = function() {
+          ft || (ft = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
+        };
+        f.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: f,
+          configurable: !0
+        });
+      }
+    }
+    var Zt = function(t, l, f, S, O, F, k) {
+      var R = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: a,
+        // Built-in properties that belong on the element
+        type: t,
+        key: l,
+        ref: f,
+        props: k,
+        // Record the component responsible for creating this element.
+        _owner: F
+      };
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(R, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: S
+      }), Object.defineProperty(R, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: O
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+    };
+    function Qt(t, l, f, S, O) {
+      {
+        var F, k = {}, R = null, U = null;
+        f !== void 0 && (ct(f), R = "" + f), Kt(l) && (ct(l.key), R = "" + l.key), Ut(l) && (U = l.ref, Gt(l, O));
+        for (F in l)
+          pe.call(l, F) && !Ht.hasOwnProperty(F) && (k[F] = l[F]);
+        if (t && t.defaultProps) {
+          var V = t.defaultProps;
+          for (F in V)
+            k[F] === void 0 && (k[F] = V[F]);
+        }
+        if (R || U) {
+          var W = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          R && qt(k, W), U && Xt(k, W);
+        }
+        return Zt(t, R, U, O, S, ut.current, k);
+      }
+    }
+    var Ie = h.ReactCurrentOwner, pt = h.ReactDebugCurrentFrame;
+    function de(t) {
+      if (t) {
+        var l = t._owner, f = be(t.type, t._source, l ? l.type : null);
+        pt.setExtraStackFrame(f);
+      } else
+        pt.setExtraStackFrame(null);
+    }
+    var De;
+    De = !1;
+    function Ae(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === a;
+    }
+    function gt() {
+      {
+        if (Ie.current) {
+          var t = M(Ie.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function en(t) {
+      return "";
+    }
+    var xt = {};
+    function tn(t) {
+      {
+        var l = gt();
+        if (!l) {
+          var f = typeof t == "string" ? t : t.displayName || t.name;
+          f && (l = `
+
+Check the top-level render call using <` + f + ">.");
+        }
+        return l;
+      }
+    }
+    function mt(t, l) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var f = tn(l);
+        if (xt[f])
+          return;
+        xt[f] = !0;
+        var S = "";
+        t && t._owner && t._owner !== Ie.current && (S = " It was passed a child from " + M(t._owner.type) + "."), de(t), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', f, S), de(null);
+      }
+    }
+    function yt(t, l) {
+      {
+        if (typeof t != "object")
+          return;
+        if (ze(t))
+          for (var f = 0; f < t.length; f++) {
+            var S = t[f];
+            Ae(S) && mt(S, l);
+          }
+        else if (Ae(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var O = n(t);
+          if (typeof O == "function" && O !== t.entries)
+            for (var F = O.call(t), k; !(k = F.next()).done; )
+              Ae(k.value) && mt(k.value, l);
+        }
+      }
+    }
+    function nn(t) {
+      {
+        var l = t.type;
+        if (l == null || typeof l == "string")
+          return;
+        var f;
+        if (typeof l == "function")
+          f = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === b || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        l.$$typeof === p))
+          f = l.propTypes;
+        else
+          return;
+        if (f) {
+          var S = M(l);
+          Lt(f, t.props, "prop", S, t);
+        } else if (l.PropTypes !== void 0 && !De) {
+          De = !0;
+          var O = M(l);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+        }
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function rn(t) {
+      {
+        for (var l = Object.keys(t.props), f = 0; f < l.length; f++) {
+          var S = l[f];
+          if (S !== "children" && S !== "key") {
+            de(t), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), de(null);
+            break;
+          }
+        }
+        t.ref !== null && (de(t), x("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+      }
+    }
+    var vt = {};
+    function bt(t, l, f, S, O, F) {
+      {
+        var k = $(t);
+        if (!k) {
+          var R = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var U = en();
+          U ? R += U : R += gt();
+          var V;
+          t === null ? V = "null" : ze(t) ? V = "array" : t !== void 0 && t.$$typeof === a ? (V = "<" + (M(t.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : V = typeof t, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", V, R);
+        }
+        var W = Qt(t, l, f, O, F);
+        if (W == null)
+          return W;
+        if (k) {
+          var X = l.children;
+          if (X !== void 0)
+            if (S)
+              if (ze(X)) {
+                for (var ce = 0; ce < X.length; ce++)
+                  yt(X[ce], t);
+                Object.freeze && Object.freeze(X);
+              } else
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              yt(X, t);
+        }
+        if (pe.call(l, "key")) {
+          var ie = M(t), G = Object.keys(l).filter(function(cn) {
+            return cn !== "key";
+          }), Fe = G.length > 0 ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!vt[ie + Fe]) {
+            var dn = G.length > 0 ? "{" + G.join(": ..., ") + ": ...}" : "{}";
+            x(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, Fe, ie, dn, ie), vt[ie + Fe] = !0;
+          }
+        }
+        return t === s ? rn(W) : nn(W), W;
+      }
+    }
+    function on(t, l, f) {
+      return bt(t, l, f, !0);
+    }
+    function sn(t, l, f) {
+      return bt(t, l, f, !1);
+    }
+    var an = sn, ln = on;
+    xe.Fragment = s, xe.jsx = an, xe.jsxs = ln;
+  })(), xe;
+}
+var Ct;
+function On() {
+  if (Ct) return Se.exports;
+  Ct = 1;
+  var o = {};
+  return o.NODE_ENV === "production" ? Se.exports = kn() : Se.exports = _n(), Se.exports;
+}
+var e = On();
+const Ee = {
+  A4: { width: 210, height: 297 },
+  A3: { width: 297, height: 420 },
+  A5: { width: 148, height: 210 },
+  Letter: { width: 215.9, height: 279.4 },
+  Legal: { width: 215.9, height: 355.6 }
+}, Tt = {
+  paperSize: "A4",
+  customWidth: 210,
+  customHeight: 297,
+  orientation: "portrait",
+  marginTop: 10,
+  marginRight: 10,
+  marginBottom: 10,
+  marginLeft: 10,
+  showHeader: !1,
+  headerContent: "页眉文字",
+  showFooter: !1,
+  footerContent: "页脚文字",
+  showPageNumber: !0,
+  pageNumberFormat: "第 {page} 页"
+}, A = 3, Re = {
+  cellSize: 1,
+  cols: 100
+}, Ft = {
+  text: "文本",
+  image: "图片",
+  table: "表格",
+  barcode: "条形码",
+  line: "分割线"
+}, zn = {
+  text: {
+    content: "双击编辑文字",
+    fontSize: 14,
+    fontWeight: "normal",
+    fontStyle: "normal",
+    textAlign: "left",
+    color: "#000000",
+    backgroundColor: "transparent"
+  },
+  image: {
+    src: "",
+    fit: "contain",
+    content: ""
+  },
+  table: {
+    rows: 3,
+    cols: 3,
+    borderWidth: 1,
+    borderColor: "#000000",
+    content: ""
+  },
+  barcode: {
+    value: "1234567890",
+    format: "CODE128",
+    content: ""
+  },
+  line: {
+    color: "#000000",
+    thickness: 1,
+    style: "solid",
+    content: ""
+  }
+};
+let Me = 0, Je = 0;
+function Rt() {
+  return `comp_${++Me}`;
+}
+function Et() {
+  return `ds_${++Je}`;
+}
+const w = En((o, d) => ({
+  components: [],
+  selectedId: null,
+  pageSettings: { ...Tt },
+  gridSettings: { ...Re },
+  previewVisible: !1,
+  templateName: "未命名模板",
+  headerFooterVisible: !1,
+  dataSources: [],
+  activeDataSourceId: null,
+  addComponent: (a, r, s) => {
+    const i = Rt(), y = Ft[a] || a, g = { ...zn[a] || {} };
+    a === "text" && (g.content = y);
+    const c = {
+      id: i,
+      type: a,
+      x: r ?? 0,
+      y: s ?? 0,
+      w: a === "line" ? 20 : 15,
+      h: a === "line" ? 1 : 8,
+      props: g,
+      ...a === "table" ? { tableColumns: [{ title: "列1" }, { title: "列2" }, { title: "列3" }] } : {}
+    };
+    o((b) => ({
+      components: [...b.components, c],
+      selectedId: i
+    }));
+  },
+  updateComponent: (a, r) => {
+    o((s) => ({
+      components: s.components.map(
+        (i) => i.id === a ? { ...i, ...r } : i
+      )
+    }));
+  },
+  selectComponent: (a) => {
+    o({ selectedId: a });
+  },
+  removeComponent: (a) => {
+    o((r) => ({
+      components: r.components.filter((s) => s.id !== a),
+      selectedId: r.selectedId === a ? null : r.selectedId
+    }));
+  },
+  setComponents: (a) => {
+    o({ components: a });
+  },
+  setPageSettings: (a) => {
+    o((r) => ({
+      pageSettings: { ...r.pageSettings, ...a }
+    }));
+  },
+  setPreviewVisible: (a) => {
+    o({ previewVisible: a });
+  },
+  setTemplateName: (a) => {
+    o({ templateName: a });
+  },
+  setHeaderFooterVisible: (a) => {
+    o({ headerFooterVisible: a });
+  },
+  // ========== 数据源管理 ==========
+  addDataSource: (a, r, s) => {
+    const y = {
+      id: Et(),
+      name: a,
+      type: r,
+      data: s,
+      createdAt: Date.now()
+    };
+    o((g) => ({
+      dataSources: [...g.dataSources, y]
+    }));
+  },
+  updateDataSource: (a, r) => {
+    o((s) => ({
+      dataSources: s.dataSources.map(
+        (i) => i.id === a ? { ...i, ...r } : i
+      )
+    }));
+  },
+  removeDataSource: (a) => {
+    o((r) => ({
+      dataSources: r.dataSources.filter((s) => s.id !== a),
+      activeDataSourceId: r.activeDataSourceId === a ? null : r.activeDataSourceId
+    }));
+  },
+  setActiveDataSourceId: (a) => {
+    o({ activeDataSourceId: a });
+  },
+  // ========== 表格列配置管理 ==========
+  updateComponentTableColumns: (a, r) => {
+    o((s) => ({
+      components: s.components.map(
+        (i) => i.id === a ? { ...i, tableColumns: r } : i
+      )
+    }));
+  },
+  exportJSON: () => {
+    const a = d(), r = {
+      version: "1.0",
+      templateName: a.templateName,
+      pageSettings: a.pageSettings,
+      components: a.components.map(({ id: s, ...i }) => i),
+      dataSources: a.dataSources.map(({ id: s, ...i }) => i)
+    };
+    return JSON.stringify(r, null, 2);
+  },
+  importJSON: (a) => {
+    try {
+      const r = JSON.parse(a);
+      if (!r.version || !r.pageSettings || !Array.isArray(r.components))
+        return "JSON 格式不正确，缺少必要字段";
+      Me = 0, Je = 0;
+      const s = r.components.map((y) => ({
+        ...y,
+        id: Rt()
+      })), i = (r.dataSources || []).map((y) => ({
+        ...y,
+        id: Et()
+      }));
+      return o({
+        components: s,
+        dataSources: i,
+        pageSettings: r.pageSettings,
+        templateName: r.templateName || "导入的模板",
+        selectedId: null,
+        activeDataSourceId: null
+      }), null;
+    } catch {
+      return "JSON 解析失败，请检查文件内容";
+    }
+  },
+  reset: () => {
+    Me = 0, Je = 0, o({
+      components: [],
+      selectedId: null,
+      pageSettings: { ...Tt },
+      gridSettings: { ...Re },
+      templateName: "未命名模板",
+      headerFooterVisible: !1,
+      previewVisible: !1,
+      dataSources: [],
+      activeDataSourceId: null
+    });
+  }
+})), { Text: Qn } = fe, In = ({ onCustomSave: o, onCustomPrint: d }) => {
+  const a = w((h) => h.templateName), r = w((h) => h.setTemplateName), s = w((h) => h.setPreviewVisible), i = w((h) => h.setHeaderFooterVisible), y = w((h) => h.selectedId), g = w((h) => h.removeComponent), c = w((h) => h.exportJSON), b = w((h) => h.importJSON), v = w((h) => h.reset), T = He(null), { message: p } = Be.useApp(), _ = K(() => {
+    y && g(y);
+  }, [y, g]), I = K(() => {
+    const h = c(), x = new Blob([h], { type: "application/json" }), E = URL.createObjectURL(x), u = document.createElement("a");
+    u.href = E, u.download = `${a || "模板"}.json`, u.click(), URL.revokeObjectURL(E), p.success("模板已导出");
+  }, [c, a, p]), m = K(() => {
+    var h;
+    (h = T.current) == null || h.click();
+  }, []), P = K(
+    (h) => {
+      var u;
+      const x = (u = h.target.files) == null ? void 0 : u[0];
+      if (!x) return;
+      const E = new FileReader();
+      E.onload = () => {
+        const j = b(E.result);
+        j ? p.error(j) : p.success("模板已导入");
+      }, E.readAsText(x), h.target.value = "";
+    },
+    [b, p]
+  ), n = K(() => {
+    v(), p.info("已新建空白模板");
+  }, [v, p]);
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      style: {
+        height: 48,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        padding: "0 16px",
+        borderBottom: "1px solid #e8e8e8",
+        background: "#fff"
+      },
+      children: [
+        /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(
+          ne,
+          {
+            value: a,
+            onChange: (h) => r(h.target.value),
+            variant: "borderless",
+            style: { width: 200, fontSize: 16, fontWeight: 600 },
+            placeholder: "模板名称"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsxs(re, { children: [
+          /* @__PURE__ */ e.jsx(H, { icon: /* @__PURE__ */ e.jsx(Ke, {}), onClick: n, children: "新建" }),
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              ref: T,
+              type: "file",
+              accept: ".json",
+              style: { display: "none" },
+              onChange: P
+            }
+          ),
+          o ? /* @__PURE__ */ e.jsx(H, { icon: /* @__PURE__ */ e.jsx(It, {}), onClick: o, type: "primary", children: "保存" }) : /* @__PURE__ */ e.jsx(H, { icon: /* @__PURE__ */ e.jsx(gn, {}), onClick: I, children: "导出" }),
+          /* @__PURE__ */ e.jsx(H, { icon: /* @__PURE__ */ e.jsx(xn, {}), onClick: m, children: "导入" }),
+          /* @__PURE__ */ e.jsx(
+            H,
+            {
+              icon: /* @__PURE__ */ e.jsx(mn, {}),
+              onClick: () => i(!0),
+              children: "页眉页脚"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            H,
+            {
+              danger: !0,
+              icon: /* @__PURE__ */ e.jsx(Ge, {}),
+              disabled: !y,
+              onClick: _,
+              children: "删除"
+            }
+          ),
+          d ? /* @__PURE__ */ e.jsx(
+            H,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ e.jsx(qe, {}),
+              onClick: d,
+              children: "打印"
+            }
+          ) : /* @__PURE__ */ e.jsx(
+            H,
+            {
+              type: "primary",
+              icon: /* @__PURE__ */ e.jsx(yn, {}),
+              onClick: () => s(!0),
+              children: "预览"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}, { Text: te } = fe, Dn = () => {
+  const o = w((i) => i.pageSettings), d = w((i) => i.setPageSettings), a = o.paperSize === "custom", r = K(
+    (i) => {
+      d({ paperSize: i });
+    },
+    [d]
+  ), s = K(
+    (i) => {
+      d({ orientation: i });
+    },
+    [d]
+  );
+  return /* @__PURE__ */ e.jsx(
+    me,
+    {
+      title: "页面设置",
+      size: "small",
+      children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx(te, { style: { fontSize: 12 }, children: "纸张大小" }),
+          /* @__PURE__ */ e.jsx(
+            Z,
+            {
+              size: "small",
+              style: { width: "100%" },
+              value: o.paperSize,
+              onChange: r,
+              options: [
+                ...Object.keys(Ee).map((i) => ({ value: i, label: i })),
+                { value: "custom", label: "自定义" }
+              ]
+            }
+          )
+        ] }),
+        a && /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ e.jsx(te, { style: { fontSize: 12 }, children: "宽度 (mm)" }),
+            /* @__PURE__ */ e.jsx(
+              Q,
+              {
+                size: "small",
+                style: { width: "100%" },
+                value: o.customWidth,
+                min: 10,
+                max: 2e3,
+                onChange: (i) => d({ customWidth: i ?? 210 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+            /* @__PURE__ */ e.jsx(te, { style: { fontSize: 12 }, children: "高度 (mm)" }),
+            /* @__PURE__ */ e.jsx(
+              Q,
+              {
+                size: "small",
+                style: { width: "100%" },
+                value: o.customHeight,
+                min: 10,
+                max: 2e3,
+                onChange: (i) => d({ customHeight: i ?? 297 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx(te, { style: { fontSize: 12 }, children: "方向" }),
+          /* @__PURE__ */ e.jsxs(
+            Ne.Group,
+            {
+              value: o.orientation,
+              onChange: (i) => s(i.target.value),
+              size: "small",
+              style: { width: "100%", display: "flex" },
+              children: [
+                /* @__PURE__ */ e.jsx(Ne.Button, { value: "portrait", style: { flex: 1, textAlign: "center" }, children: "纵向" }),
+                /* @__PURE__ */ e.jsx(Ne.Button, { value: "landscape", style: { flex: 1, textAlign: "center" }, children: "横向" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx(te, { style: { fontSize: 12 }, children: "页边距 (mm)" }),
+          /* @__PURE__ */ e.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: [
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx(te, { style: { fontSize: 11 }, children: "上" }),
+              /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: o.marginTop,
+                  min: 0,
+                  max: 100,
+                  onChange: (i) => d({ marginTop: i ?? 10 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx(te, { style: { fontSize: 11 }, children: "右" }),
+              /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: o.marginRight,
+                  min: 0,
+                  max: 100,
+                  onChange: (i) => d({ marginRight: i ?? 10 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx(te, { style: { fontSize: 11 }, children: "下" }),
+              /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: o.marginBottom,
+                  min: 0,
+                  max: 100,
+                  onChange: (i) => d({ marginBottom: i ?? 10 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { children: [
+              /* @__PURE__ */ e.jsx(te, { style: { fontSize: 11 }, children: "左" }),
+              /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: o.marginLeft,
+                  min: 0,
+                  max: 100,
+                  onChange: (i) => d({ marginLeft: i ?? 10 })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, { Text: An } = fe, Fn = [
+  { type: "text", icon: /* @__PURE__ */ e.jsx(vn, {}), label: "文本" },
+  { type: "image", icon: /* @__PURE__ */ e.jsx(bn, {}), label: "图片" },
+  { type: "table", icon: /* @__PURE__ */ e.jsx(jn, {}), label: "表格" },
+  { type: "barcode", icon: /* @__PURE__ */ e.jsx(Sn, {}), label: "条形码" },
+  { type: "line", icon: /* @__PURE__ */ e.jsx(wn, {}), label: "分割线" }
+], Nn = () => {
+  const o = w((r) => r.addComponent), d = K(
+    (r, s) => {
+      r.dataTransfer.setData("componentType", s), r.dataTransfer.effectAllowed = "copy";
+    },
+    []
+  ), a = K(
+    (r) => {
+      o(r);
+    },
+    [o]
+  );
+  return /* @__PURE__ */ e.jsx(
+    me,
+    {
+      title: "组件面板",
+      size: "small",
+      children: /* @__PURE__ */ e.jsx(re, { direction: "vertical", style: { width: "100%" }, size: 4, children: Fn.map((r) => /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          draggable: !0,
+          onDragStart: (s) => d(s, r.type),
+          onClick: () => a(r.type),
+          style: {
+            cursor: "grab",
+            padding: "8px 12px",
+            border: "1px solid #d9d9d9",
+            borderRadius: 6,
+            display: "flex",
+            alignItems: "center",
+            gap: 8,
+            background: "#fafafa",
+            userSelect: "none",
+            transition: "all 0.2s"
+          },
+          onMouseEnter: (s) => {
+            s.currentTarget.style.background = "#e6f4ff", s.currentTarget.style.borderColor = "#1677ff";
+          },
+          onMouseLeave: (s) => {
+            s.currentTarget.style.background = "#fafafa", s.currentTarget.style.borderColor = "#d9d9d9";
+          },
+          children: [
+            r.icon,
+            /* @__PURE__ */ e.jsx(An, { children: r.label })
+          ]
+        },
+        r.type
+      )) })
+    }
+  );
+};
+function Pe(o) {
+  try {
+    return JSON.parse(o);
+  } catch {
+    return null;
+  }
+}
+function Te(o, d, a) {
+  const r = `${d}Binding`, s = o.props[r];
+  if (s && s.dataSourceId && s.fieldPath) {
+    const y = a.find((g) => g.id === s.dataSourceId);
+    if (y) {
+      const g = Xe(y);
+      if (g) {
+        const c = Ye(g, s.fieldPath);
+        if (c)
+          return c;
+      }
+    }
+  }
+  return o.props[d] || (s == null ? void 0 : s.staticValue) || "";
+}
+function Ye(o, d) {
+  if (!o || !d) return "";
+  try {
+    const a = d.split(".");
+    let r = o;
+    for (const s of a) {
+      if (typeof r != "object" || r === null)
+        return "";
+      r = r[s];
+    }
+    return r != null ? String(r) : "";
+  } catch {
+    return "";
+  }
+}
+function Xe(o) {
+  const d = Pe(o.data);
+  return o.type === "object" && d && typeof d == "object" && !Array.isArray(d) ? d : null;
+}
+function Ze(o) {
+  const d = Pe(o.data);
+  return o.type === "array" && Array.isArray(d) ? d : null;
+}
+const { TextArea: $n } = ne, { Text: we, Title: er } = fe, Pt = JSON.stringify(
+  {
+    name: "张三",
+    age: 28,
+    department: "技术部",
+    email: "zhangsan@example.com"
+  },
+  null,
+  2
+), Vn = JSON.stringify(
+  [
+    { id: 1, product: "商品A", quantity: 2, price: 100 },
+    { id: 2, product: "商品B", quantity: 5, price: 80 },
+    { id: 3, product: "商品C", quantity: 1, price: 200 }
+  ],
+  null,
+  2
+), Wn = () => {
+  const o = w((p) => p.dataSources), d = w((p) => p.addDataSource), a = w((p) => p.updateDataSource), r = w((p) => p.removeDataSource), [s, i] = Ce(!1), [y, g] = Ce(null), [c, b] = Ce({
+    name: "",
+    type: "object",
+    data: ""
+  }), v = (p) => {
+    p ? (g(p.id), b({ name: p.name, type: p.type, data: p.data })) : (g(null), b({
+      name: "新数据源",
+      type: "object",
+      data: Pt
+    })), i(!0);
+  }, T = () => {
+    const p = Pe(c.data);
+    if (p === null) {
+      ue.error("JSON 格式不正确");
+      return;
+    }
+    if (c.type === "object" && (Array.isArray(p) || typeof p != "object")) {
+      ue.error("对象类型数据源必须为对象格式");
+      return;
+    }
+    if (c.type === "array" && !Array.isArray(p)) {
+      ue.error("数组类型数据源必须为数组格式");
+      return;
+    }
+    y ? (a(y, c), ue.success("数据源已更新")) : (d(c.name, c.type, c.data), ue.success("数据源已添加")), i(!1);
+  };
+  return /* @__PURE__ */ e.jsxs(
+    me,
+    {
+      title: "数据源",
+      size: "small",
+      extra: /* @__PURE__ */ e.jsx(
+        H,
+        {
+          type: "link",
+          size: "small",
+          icon: /* @__PURE__ */ e.jsx(Ke, {}),
+          onClick: () => v(),
+          children: "添加"
+        }
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          $e,
+          {
+            size: "small",
+            dataSource: o,
+            locale: { emptyText: "暂无数据源" },
+            renderItem: (p) => /* @__PURE__ */ e.jsx(
+              $e.Item,
+              {
+                actions: [
+                  /* @__PURE__ */ e.jsx(
+                    hn,
+                    {
+                      menu: {
+                        items: [
+                          {
+                            key: "edit",
+                            label: "编辑",
+                            icon: /* @__PURE__ */ e.jsx(Tn, {}),
+                            onClick: () => v(p)
+                          },
+                          {
+                            type: "divider"
+                          },
+                          {
+                            key: "delete",
+                            label: /* @__PURE__ */ e.jsx(
+                              zt,
+                              {
+                                title: "确定要删除这个数据源吗？",
+                                onConfirm: (_) => {
+                                  _ == null || _.stopPropagation(), r(p.id), ue.success("已删除");
+                                },
+                                okText: "确定",
+                                cancelText: "取消",
+                                onCancel: (_) => _ == null ? void 0 : _.stopPropagation(),
+                                children: /* @__PURE__ */ e.jsx("span", { style: { color: "#ff4d4f", cursor: "pointer" }, children: "删除" })
+                              }
+                            ),
+                            icon: /* @__PURE__ */ e.jsx(Ge, { style: { color: "#ff4d4f" } })
+                          }
+                        ]
+                      },
+                      placement: "bottomRight",
+                      children: /* @__PURE__ */ e.jsx(H, { type: "text", size: "small", icon: /* @__PURE__ */ e.jsx(Cn, {}) })
+                    }
+                  )
+                ],
+                children: /* @__PURE__ */ e.jsx(
+                  $e.Item.Meta,
+                  {
+                    avatar: /* @__PURE__ */ e.jsx(Dt, {}),
+                    title: /* @__PURE__ */ e.jsx(we, { strong: !0, children: p.name }),
+                    description: /* @__PURE__ */ e.jsx(re, { size: 4, children: /* @__PURE__ */ e.jsx(Le, { color: p.type === "object" ? "blue" : "green", children: p.type === "object" ? "对象" : "数组" }) })
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          Ue,
+          {
+            title: y ? "编辑数据源" : "添加数据源",
+            open: s,
+            onOk: T,
+            onCancel: () => i(!1),
+            okText: "保存",
+            cancelText: "取消",
+            children: /* @__PURE__ */ e.jsxs(re, { direction: "vertical", style: { width: "100%" }, size: "middle", children: [
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx(we, { strong: !0, style: { display: "block", marginBottom: 4 }, children: "名称" }),
+                /* @__PURE__ */ e.jsx(
+                  ne,
+                  {
+                    placeholder: "请输入数据源名称",
+                    value: c.name,
+                    onChange: (p) => b({ ...c, name: p.target.value })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx(we, { strong: !0, style: { display: "block", marginBottom: 4 }, children: "类型" }),
+                /* @__PURE__ */ e.jsx(
+                  Z,
+                  {
+                    options: [
+                      { label: "对象", value: "object" },
+                      { label: "数组", value: "array" }
+                    ],
+                    style: { width: "100%" },
+                    value: c.type,
+                    onChange: (p) => {
+                      b({
+                        ...c,
+                        type: p,
+                        data: p === "object" ? Pt : Vn
+                      });
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsx(se, { style: { margin: "8px 0" } }),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx(we, { strong: !0, style: { display: "block", marginBottom: 4 }, children: "JSON 数据" }),
+                /* @__PURE__ */ e.jsx(
+                  $n,
+                  {
+                    rows: 12,
+                    placeholder: "请输入 JSON 数据",
+                    value: c.data,
+                    onChange: (p) => b({ ...c, data: p.target.value })
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}, Bn = () => /* @__PURE__ */ e.jsx(
+  fn,
+  {
+    bordered: !1,
+    defaultActiveKey: ["1", "2"],
+    expandIcon: ({ isActive: o }) => /* @__PURE__ */ e.jsx(Rn, { rotate: o ? 90 : 0 }),
+    style: { height: "100%", overflowY: "auto" },
+    items: [
+      {
+        key: "1",
+        label: "页面设置",
+        children: /* @__PURE__ */ e.jsx(Dn, {})
+      },
+      {
+        key: "2",
+        label: "组件",
+        children: /* @__PURE__ */ e.jsx(Nn, {})
+      },
+      {
+        key: "3",
+        label: "数据源",
+        children: /* @__PURE__ */ e.jsx(Wn, {})
+      }
+    ]
+  }
+);
+function kt(o) {
+  const d = [];
+  d.push(1, 1, 0, 1, 1, 0, 1, 1);
+  for (let a = 0; a < o.length; a++) {
+    const s = (o.charCodeAt(a) % 103).toString(2).padStart(7, "0");
+    for (const i of s)
+      d.push(i === "1" ? 1 : 0);
+  }
+  return d.push(1, 1, 0, 0, 0, 1, 1, 0, 0, 0, 1, 1), d;
+}
+const Qe = ({ value: o, format: d }) => {
+  const a = ee(() => kt(o), [o, d]);
+  if (!o)
+    return /* @__PURE__ */ e.jsx("div", { style: { fontSize: 11, color: "#999" }, children: "请设置条形码值" });
+  const r = 2, s = 44, i = a.length * r;
+  return /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "center", overflow: "hidden", maxWidth: "100%" }, children: [
+    /* @__PURE__ */ e.jsx(
+      "canvas",
+      {
+        ref: (y) => {
+          if (!y) return;
+          const g = y.getContext("2d");
+          g && (y.width = i, y.height = s, g.clearRect(0, 0, i, s), a.forEach((c, b) => {
+            g.fillStyle = c === 1 ? "#000" : "#fff", g.fillRect(b * r, 0, r, s);
+          }));
+        },
+        style: { width: "100%", maxWidth: i, height: s }
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { style: { fontSize: 10, marginTop: 1, letterSpacing: 1 }, children: o })
+  ] });
+}, _t = he.memo(
+  ({ comp: o, selected: d, isPreview: a = !1, dataSources: r = [] }) => {
+    const s = {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      boxSizing: "border-box",
+      outline: a ? "none" : d ? "2px solid #1677ff" : "1px dashed #d9d9d9",
+      outlineOffset: -1
+    }, i = (y) => Te(o, y, r);
+    switch (o.type) {
+      case "text":
+        return /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...s,
+              fontSize: o.props.fontSize || 14,
+              fontWeight: o.props.fontWeight || "normal",
+              fontStyle: o.props.fontStyle || "normal",
+              textAlign: o.props.textAlign || "left",
+              color: o.props.color || "#000",
+              backgroundColor: o.props.backgroundColor || "transparent",
+              padding: 4,
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            children: i("content") || ""
+          }
+        );
+      case "image":
+        const y = i("src") || o.props.src;
+        return /* @__PURE__ */ e.jsx("div", { style: s, children: y ? /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: y,
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: o.props.fit || "contain"
+            },
+            alt: ""
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              width: "100%",
+              height: "100%",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              color: "#bbb",
+              fontSize: 12
+            },
+            children: "请在属性中设置图片地址"
+          }
+        ) });
+      case "table":
+        return /* @__PURE__ */ e.jsx(Ln, { comp: o, style: s, dataSources: r });
+      case "barcode":
+        const g = i("value") || o.props.value || "123456";
+        return /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...s,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: 4
+            },
+            children: /* @__PURE__ */ e.jsx(
+              Qe,
+              {
+                value: g,
+                format: o.props.format || "CODE128"
+              }
+            )
+          }
+        );
+      case "line":
+        return /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...s,
+              display: "flex",
+              alignItems: "center",
+              border: "none",
+              outline: d ? "2px solid #1677ff" : "1px dashed transparent"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              "hr",
+              {
+                style: {
+                  width: "100%",
+                  border: "none",
+                  borderTop: `${o.props.thickness || 1}px ${o.props.style || "solid"} ${o.props.color || "#000"}`,
+                  margin: 0
+                }
+              }
+            )
+          }
+        );
+      default:
+        return /* @__PURE__ */ e.jsx("div", { style: s, children: o.type });
+    }
+  }
+), Ln = ({ comp: o, style: d, dataSources: a = [] }) => {
+  const r = o.props.borderWidth || 1, s = o.props.borderColor || "#000", i = o.tableColumns || [], y = o.props.tableDataSourceId, g = y ? a.find((T) => T.id === y) : null, c = g ? Ze(g) : null;
+  if (c && c.length > 0)
+    return /* @__PURE__ */ e.jsxs(
+      "table",
+      {
+        style: {
+          ...d,
+          borderCollapse: "collapse",
+          width: "100%",
+          height: "100%"
+        },
+        children: [
+          i.length > 0 && /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { style: { backgroundColor: "#f5f5f5" }, children: i.map((T, p) => /* @__PURE__ */ e.jsx(
+            "th",
+            {
+              style: {
+                border: `${r}px solid ${s}`,
+                padding: 4,
+                fontSize: 12,
+                fontWeight: "bold",
+                textAlign: "center"
+              },
+              children: T.title
+            },
+            p
+          )) }) }),
+          /* @__PURE__ */ e.jsx("tbody", { children: c.map((T, p) => /* @__PURE__ */ e.jsx("tr", { children: i.map((_, I) => /* @__PURE__ */ e.jsx(
+            "td",
+            {
+              style: {
+                border: `${r}px solid ${s}`,
+                padding: 4,
+                fontSize: 12,
+                textAlign: "center"
+              },
+              children: _.fieldPath ? T[_.fieldPath] : ""
+            },
+            I
+          )) }, p)) })
+        ]
+      }
+    );
+  const b = o.props.rows || 3, v = Math.max(o.props.cols || 3, i.length || 3);
+  return /* @__PURE__ */ e.jsx(
+    "table",
+    {
+      style: {
+        ...d,
+        borderCollapse: "collapse",
+        width: "100%",
+        height: "100%"
+      },
+      children: /* @__PURE__ */ e.jsx("tbody", { children: Array.from({ length: b }).map((T, p) => /* @__PURE__ */ e.jsx("tr", { children: Array.from({ length: v }).map((_, I) => /* @__PURE__ */ e.jsx(
+        "td",
+        {
+          style: {
+            border: `${r}px solid ${s}`,
+            padding: 2,
+            fontSize: 12,
+            textAlign: "center"
+          },
+          children: " "
+        },
+        I
+      )) }, p)) })
+    }
+  );
+}, Ot = ({ isPreview: o = !1 }) => {
+  const d = w((n) => n.components), a = w((n) => n.selectedId), r = w((n) => n.pageSettings), s = w((n) => n.selectComponent);
+  w((n) => n.updateComponent);
+  const i = w((n) => n.setComponents), y = w((n) => n.addComponent), g = w((n) => n.gridSettings), c = w((n) => n.dataSources), b = ee(() => {
+    const n = Ee[r.paperSize];
+    if (!n)
+      return {
+        width: r.customWidth * A,
+        height: r.customHeight * A
+      };
+    const h = n.width * A, x = n.height * A;
+    return r.orientation === "landscape" ? { width: x, height: h } : { width: h, height: x };
+  }, [r]), v = ee(
+    () => ({
+      top: r.marginTop * A,
+      right: r.marginRight * A,
+      bottom: r.marginBottom * A,
+      left: r.marginLeft * A
+    }),
+    [r]
+  ), T = b.width - v.left - v.right, p = b.height - v.top - v.bottom, _ = ee(
+    () => d.map((n) => ({
+      i: n.id,
+      x: n.x,
+      y: n.y,
+      w: n.w,
+      h: n.h
+    })),
+    [d]
+  ), I = K(
+    (n) => {
+      const h = d.map((x, E) => {
+        const u = n[E];
+        return u ? { ...x, x: u.x, y: u.y, w: u.w, h: u.h } : x;
+      });
+      i(h);
+    },
+    [d, i]
+  ), m = K(
+    (n, h, x) => {
+      var D, N;
+      const E = x, u = (D = E.dataTransfer) == null ? void 0 : D.getData("componentType");
+      if (!u) return;
+      const j = (N = x.target.closest(".react-grid-layout")) == null ? void 0 : N.getBoundingClientRect();
+      if (j) {
+        const L = Math.floor((E.clientX - j.left) / (T / g.cols)), J = Math.floor((E.clientY - j.top) / (T / g.cols));
+        y(u, Math.max(0, L), Math.max(0, J));
+      } else
+        y(u);
+    },
+    [y, T, g.cols]
+  ), P = K(
+    (n) => {
+      s(n === a ? null : n);
+    },
+    [s, a]
+  );
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      style: {
+        flex: 1,
+        overflow: "auto",
+        background: "#e8e8e8",
+        display: "flex",
+        justifyContent: "center",
+        padding: "24px 0"
+      },
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          id: "print-paper",
+          style: {
+            width: b.width,
+            height: b.height,
+            background: "#fff",
+            boxShadow: "0 2px 12px rgba(0,0,0,0.15)",
+            position: "relative",
+            flexShrink: 0
+          },
+          children: [
+            r.showHeader && /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: v.left,
+                  right: v.right,
+                  height: v.top,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  fontSize: 12,
+                  color: "#999",
+                  borderBottom: "1px dashed #ddd",
+                  overflow: "hidden"
+                },
+                children: r.headerContent
+              }
+            ),
+            r.showFooter && /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  bottom: 0,
+                  left: v.left,
+                  right: v.right,
+                  height: v.bottom,
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: r.showPageNumber ? "space-between" : "center",
+                  fontSize: 12,
+                  color: "#999",
+                  borderTop: "1px dashed #ddd",
+                  overflow: "hidden",
+                  padding: "0 8px"
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx("span", { children: r.footerContent }),
+                  r.showPageNumber && /* @__PURE__ */ e.jsx("span", { children: r.pageNumberFormat.replace("{page}", "1") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                style: {
+                  position: "absolute",
+                  top: v.top,
+                  left: v.left,
+                  width: T,
+                  height: p
+                },
+                children: o ? /* @__PURE__ */ e.jsx("div", { style: { width: "100%", height: "100%", position: "relative" }, children: d.map((n) => {
+                  const h = T / g.cols, x = T / g.cols, E = {
+                    position: "absolute",
+                    left: n.x * h,
+                    top: n.y * x,
+                    width: n.w * h,
+                    height: n.h * x
+                  };
+                  return /* @__PURE__ */ e.jsx("div", { style: E, children: /* @__PURE__ */ e.jsx(_t, { comp: n, selected: !1, isPreview: !0, dataSources: c }) }, n.id);
+                }) }) : /* @__PURE__ */ e.jsx(
+                  Pn,
+                  {
+                    className: "canvas-grid",
+                    layout: _,
+                    cols: g.cols,
+                    rowHeight: T / g.cols,
+                    width: T,
+                    margin: [0, 0],
+                    containerPadding: [0, 0],
+                    onLayoutChange: I,
+                    onDrop: m,
+                    isDroppable: !0,
+                    isResizable: !0,
+                    isDraggable: !0,
+                    compactType: null,
+                    preventCollision: !0,
+                    draggableHandle: ".grid-item-drag-handle",
+                    style: { minHeight: p },
+                    children: d.map((n) => /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        className: "grid-item-drag-handle",
+                        onClick: () => P(n.id),
+                        style: { cursor: "move" },
+                        children: /* @__PURE__ */ e.jsx(_t, { comp: n, selected: n.id === a, dataSources: c })
+                      },
+                      n.id
+                    ))
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, { Text: B, Title: tr } = fe, { TextArea: Mn } = ne, Jn = () => {
+  const o = w((n) => n.components), d = w((n) => n.selectedId), a = w((n) => n.dataSources), r = w((n) => n.updateComponent), s = w((n) => n.updateComponentTableColumns), i = ee(
+    () => o.find((n) => n.id === d) || null,
+    [o, d]
+  ), [y, g] = Ce([]), c = ee(
+    () => [
+      { label: "无（使用静态值）", value: "" },
+      ...a.map((n) => ({
+        label: n.name,
+        value: n.id,
+        type: n.type
+      }))
+    ],
+    [a]
+  ), b = K(
+    (n, h) => {
+      d && r(d, {
+        props: { ...i == null ? void 0 : i.props, [n]: h }
+      });
+    },
+    [d, i, r]
+  ), v = K(
+    (n, h, x, E) => {
+      if (!d) return;
+      let u = E;
+      h && x && (u = E);
+      const j = `${n}Binding`;
+      r(d, {
+        props: {
+          ...i == null ? void 0 : i.props,
+          [n]: u,
+          [j]: {
+            dataSourceId: h,
+            fieldPath: x,
+            staticValue: E
+          }
+        }
+      });
+    },
+    [d, i, r]
+  ), T = K((n) => {
+    const h = i == null ? void 0 : i.props[`${n}Binding`], x = String((i == null ? void 0 : i.props[n]) || "");
+    return h ? {
+      field: n,
+      dataSourceId: h.dataSourceId || null,
+      fieldPath: h.fieldPath || "",
+      staticValue: h.staticValue ?? x
+    } : { field: n, dataSourceId: null, fieldPath: "", staticValue: x };
+  }, [i]);
+  if (!i)
+    return /* @__PURE__ */ e.jsx(
+      me,
+      {
+        title: "属性面板",
+        size: "small",
+        style: { height: "100%", borderRadius: 0, borderLeft: 0 },
+        styles: { body: { padding: 16 } },
+        children: /* @__PURE__ */ e.jsx(jt, { description: "请选择画布中的组件", image: jt.PRESENTED_IMAGE_SIMPLE })
+      }
+    );
+  const p = Ft[i.type] || i.type, _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(B, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 8 }, children: "位置和大小" }),
+    /* @__PURE__ */ e.jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 8 }, children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "X" }),
+        /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            size: "small",
+            style: { width: "100%" },
+            value: i.x,
+            onChange: (n) => r(d, { x: n ?? 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "Y" }),
+        /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            size: "small",
+            style: { width: "100%" },
+            value: i.y,
+            onChange: (n) => r(d, { y: n ?? 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "宽度" }),
+        /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            size: "small",
+            style: { width: "100%" },
+            value: i.w,
+            min: 1,
+            onChange: (n) => r(d, { w: n ?? 1 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "高度" }),
+        /* @__PURE__ */ e.jsx(
+          Q,
+          {
+            size: "small",
+            style: { width: "100%" },
+            value: i.h,
+            min: 1,
+            onChange: (n) => r(d, { h: n ?? 1 })
+          }
+        )
+      ] })
+    ] })
+  ] }), I = ({
+    field: n,
+    label: h,
+    placeholder: x,
+    isTextarea: E = !1
+  }) => {
+    const u = T(n), j = a.find(($) => $.id === u.dataSourceId), D = j ? Xe(j) : null, N = D ? Object.keys(D) : [], [L, J] = he.useState(u.staticValue);
+    return he.useEffect(() => {
+      J(u.staticValue);
+    }, [u.staticValue, u.dataSourceId]), /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12, display: "block", marginBottom: 4 }, children: h }),
+      /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ e.jsx(
+        Z,
+        {
+          size: "small",
+          style: { width: "100%" },
+          placeholder: "选择数据源",
+          value: u.dataSourceId || "",
+          onChange: ($) => {
+            v(
+              n,
+              $ || null,
+              $ && u.fieldPath || "",
+              u.staticValue
+            );
+          },
+          options: c
+        }
+      ) }),
+      u.dataSourceId && /* @__PURE__ */ e.jsx("div", { style: { marginBottom: 4 }, children: /* @__PURE__ */ e.jsx(
+        Z,
+        {
+          size: "small",
+          style: { width: "100%" },
+          placeholder: "选择字段",
+          value: u.fieldPath,
+          onChange: ($) => {
+            v(n, u.dataSourceId, $ || "", u.staticValue);
+          },
+          options: [
+            { label: "请选择字段", value: "" },
+            ...N.map(($) => ({ label: $, value: $ }))
+          ]
+        }
+      ) }),
+      u.dataSourceId ? /* @__PURE__ */ e.jsxs("div", { style: {
+        padding: 6,
+        background: "#f0f5ff",
+        border: "1px solid #adc6ff",
+        borderRadius: 4,
+        fontSize: 12
+      }, children: [
+        /* @__PURE__ */ e.jsx(Dt, { style: { marginRight: 4, color: "#1890ff" } }),
+        /* @__PURE__ */ e.jsx("span", { style: { fontWeight: 500 }, children: "数据绑定已启用" }),
+        j && u.fieldPath && /* @__PURE__ */ e.jsxs("span", { style: { marginLeft: 8 }, children: [
+          /* @__PURE__ */ e.jsx(Le, { color: "blue", children: j.name }),
+          /* @__PURE__ */ e.jsx(Le, { color: "green", children: u.fieldPath })
+        ] })
+      ] }) : E ? /* @__PURE__ */ e.jsx(
+        Mn,
+        {
+          rows: 3,
+          placeholder: x,
+          value: L,
+          onChange: ($) => J($.target.value),
+          onBlur: () => {
+            v(n, null, "", L);
+          }
+        }
+      ) : /* @__PURE__ */ e.jsx(
+        ne,
+        {
+          placeholder: x,
+          value: L,
+          onChange: ($) => J($.target.value),
+          onBlur: () => {
+            v(n, null, "", L);
+          }
+        }
+      )
+    ] });
+  }, m = () => {
+    const n = i.tableColumns || [], h = a.filter((C) => C.type === "array"), x = i.props.tableDataSourceId || "", E = h.find((C) => C.id === x), u = y.length > 0 ? y : n, [j, D] = he.useState({}), N = () => {
+      s(d, u);
+    }, L = () => {
+      const C = [...u, { title: `列${u.length + 1}` }];
+      g(C);
+    }, J = (C) => {
+      const z = u.filter((Y, q) => q !== C);
+      g(z);
+    }, $ = (C, z, Y) => {
+      const q = [...u];
+      q[C] = { ...q[C], [z]: Y }, g(q);
+    };
+    let ae = [];
+    if (E) {
+      const C = Pe(E.data);
+      Array.isArray(C) && C.length > 0 && typeof C[0] == "object" && (ae = Object.keys(C[0]));
+    }
+    const le = [
+      {
+        title: "列标题",
+        dataIndex: "title",
+        width: 100,
+        render: (C, z) => {
+          const Y = z.key in j ? j[z.key] : z.title;
+          return /* @__PURE__ */ e.jsx(
+            ne,
+            {
+              size: "small",
+              value: Y,
+              placeholder: "列标题",
+              onChange: (q) => {
+                D({
+                  ...j,
+                  [z.key]: q.target.value
+                });
+              },
+              onBlur: () => {
+                if (z.key in j) {
+                  $(Number(z.key), "title", j[z.key]);
+                  const q = { ...j };
+                  delete q[z.key], D(q), N();
+                }
+              }
+            }
+          );
+        }
+      },
+      {
+        title: "绑定字段",
+        dataIndex: "fieldPath",
+        width: 120,
+        render: (C, z) => /* @__PURE__ */ e.jsx(
+          Z,
+          {
+            size: "small",
+            style: { width: "100%" },
+            value: z.fieldPath || "",
+            placeholder: E ? "绑定字段" : "选择数据源先",
+            disabled: !E,
+            onChange: (Y) => {
+              $(Number(z.key), "fieldPath", Y || ""), N();
+            },
+            options: [
+              { label: "无绑定", value: "" },
+              ...ae.map((Y) => ({ label: Y, value: Y }))
+            ]
+          }
+        )
+      },
+      {
+        title: "操作",
+        width: 60,
+        render: (C, z) => /* @__PURE__ */ e.jsx(
+          zt,
+          {
+            title: "确定要删除吗?",
+            onConfirm: () => {
+              J(Number(z.key)), N();
+            },
+            okText: "确定",
+            cancelText: "取消",
+            children: /* @__PURE__ */ e.jsx(H, { type: "text", danger: !0, size: "small", icon: /* @__PURE__ */ e.jsx(Ge, {}) })
+          }
+        )
+      }
+    ], M = u.map((C, z) => ({
+      ...C,
+      key: String(z)
+    }));
+    return /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: 8 }, children: /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "表格数据源" }) }),
+      /* @__PURE__ */ e.jsx(
+        Z,
+        {
+          size: "small",
+          style: { width: "100%", marginBottom: 8 },
+          placeholder: "选择数组类型数据源",
+          value: x,
+          onChange: (C) => b("tableDataSourceId", C || ""),
+          options: [
+            { label: "无（仅静态展示）", value: "" },
+            ...h.map((C) => ({ label: C.name, value: C.id }))
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx(se, {}),
+      /* @__PURE__ */ e.jsxs(re, { style: { marginBottom: 8 }, children: [
+        /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "列配置" }),
+        /* @__PURE__ */ e.jsx(H, { size: "small", type: "dashed", icon: /* @__PURE__ */ e.jsx(Ke, {}), onClick: L }),
+        /* @__PURE__ */ e.jsx(H, { size: "small", type: "primary", onClick: N, icon: /* @__PURE__ */ e.jsx(It, {}) })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        pn,
+        {
+          dataSource: M,
+          columns: le,
+          pagination: !1,
+          size: "small",
+          bordered: !0,
+          rowKey: "key"
+        }
+      )
+    ] });
+  }, P = () => {
+    switch (i.type) {
+      case "text":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
+            I,
+            {
+              field: "content",
+              label: "内容",
+              placeholder: "请输入文本内容",
+              isTextarea: !0
+            }
+          ),
+          /* @__PURE__ */ e.jsx(se, { style: { margin: "4px 0" } }),
+          /* @__PURE__ */ e.jsx(B, { type: "secondary", style: { fontSize: 12, display: "block", marginBottom: 4 }, children: "文字样式" }),
+          /* @__PURE__ */ e.jsxs(re, { style: { width: "100%" }, direction: "vertical", size: 4, children: [
+            /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "字号" }),
+                /* @__PURE__ */ e.jsx(
+                  Q,
+                  {
+                    size: "small",
+                    style: { width: "100%" },
+                    value: i.props.fontSize || 14,
+                    min: 6,
+                    max: 200,
+                    onChange: (n) => b("fontSize", n ?? 14)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "对齐" }),
+                /* @__PURE__ */ e.jsx(
+                  Z,
+                  {
+                    size: "small",
+                    style: { width: "100%" },
+                    value: i.props.textAlign || "left",
+                    onChange: (n) => b("textAlign", n),
+                    options: [
+                      { value: "left", label: "左" },
+                      { value: "center", label: "中" },
+                      { value: "right", label: "右" }
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "字重" }),
+                /* @__PURE__ */ e.jsx(
+                  Z,
+                  {
+                    size: "small",
+                    style: { width: "100%" },
+                    value: i.props.fontWeight || "normal",
+                    onChange: (n) => b("fontWeight", n),
+                    options: [
+                      { value: "normal", label: "常规" },
+                      { value: "bold", label: "加粗" }
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "样式" }),
+                /* @__PURE__ */ e.jsx(
+                  Z,
+                  {
+                    size: "small",
+                    style: { width: "100%" },
+                    value: i.props.fontStyle || "normal",
+                    onChange: (n) => b("fontStyle", n),
+                    options: [
+                      { value: "normal", label: "常规" },
+                      { value: "italic", label: "斜体" }
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "字体颜色" }),
+                /* @__PURE__ */ e.jsx(
+                  Ve,
+                  {
+                    size: "small",
+                    value: i.props.color || "#000000",
+                    onChange: (n, h) => b("color", h)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "背景色" }),
+                /* @__PURE__ */ e.jsx(
+                  Ve,
+                  {
+                    size: "small",
+                    value: i.props.backgroundColor || "transparent",
+                    onChange: (n, h) => b("backgroundColor", h)
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] });
+      case "image":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(I, { field: "src", label: "图片地址", placeholder: "输入图片 URL" }),
+          /* @__PURE__ */ e.jsx(se, { style: { margin: "4px 0" } }),
+          /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12, marginTop: 8, display: "block" }, children: "适应方式" }),
+          /* @__PURE__ */ e.jsx(
+            Z,
+            {
+              size: "small",
+              style: { width: "100%" },
+              value: i.props.fit || "contain",
+              onChange: (n) => b("fit", n),
+              options: [
+                { value: "contain", label: "适应" },
+                { value: "cover", label: "填充" },
+                { value: "fill", label: "拉伸" }
+              ]
+            }
+          )
+        ] });
+      case "table":
+        return /* @__PURE__ */ e.jsx(m, {});
+      case "barcode":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(I, { field: "value", label: "条码值", placeholder: "输入条码内容" }),
+          /* @__PURE__ */ e.jsx(se, { style: { margin: "4px 0" } }),
+          /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12, marginTop: 8, display: "block" }, children: "格式" }),
+          /* @__PURE__ */ e.jsx(
+            Z,
+            {
+              size: "small",
+              style: { width: "100%" },
+              value: i.props.format || "CODE128",
+              onChange: (n) => b("format", n),
+              options: [{ value: "CODE128", label: "CODE128" }]
+            }
+          )
+        ] });
+      case "line":
+        return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "粗细" }),
+              /* @__PURE__ */ e.jsx(
+                Q,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: i.props.thickness || 1,
+                  min: 1,
+                  max: 20,
+                  onChange: (n) => b("thickness", n ?? 1)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "样式" }),
+              /* @__PURE__ */ e.jsx(
+                Z,
+                {
+                  size: "small",
+                  style: { width: "100%" },
+                  value: i.props.style || "solid",
+                  onChange: (n) => b("style", n),
+                  options: [
+                    { value: "solid", label: "实线" },
+                    { value: "dashed", label: "虚线" },
+                    { value: "dotted", label: "点线" }
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { marginTop: 8 }, children: [
+            /* @__PURE__ */ e.jsx(B, { style: { fontSize: 12 }, children: "颜色" }),
+            /* @__PURE__ */ e.jsx(
+              Ve,
+              {
+                size: "small",
+                value: i.props.color || "#000000",
+                onChange: (n, h) => b("color", h)
+              }
+            )
+          ] })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ e.jsx(
+    me,
+    {
+      title: `属性 - ${p}`,
+      size: "small",
+      style: { height: "100%", borderRadius: 0, borderLeft: 0 },
+      styles: { body: { padding: 16, overflowY: "auto" } },
+      children: /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+        _,
+        /* @__PURE__ */ e.jsx(se, { style: { margin: "4px 0" } }),
+        P()
+      ] })
+    }
+  );
+}, { Text: nr } = fe, Yn = () => {
+  const o = w((m) => m.previewVisible), d = w((m) => m.setPreviewVisible), a = w((m) => m.components), r = w((m) => m.pageSettings), s = w((m) => m.gridSettings) || Re, i = w((m) => m.dataSources), y = He(null), g = ee(() => {
+    const m = Ee[r.paperSize];
+    if (!m)
+      return {
+        width: r.customWidth * A,
+        height: r.customHeight * A
+      };
+    const P = m.width * A, n = m.height * A;
+    return r.orientation === "landscape" ? { width: n, height: P } : { width: P, height: n };
+  }, [r]), c = ee(
+    () => ({
+      top: r.marginTop * A,
+      right: r.marginRight * A,
+      bottom: r.marginBottom * A,
+      left: r.marginLeft * A
+    }),
+    [r]
+  ), b = g.width - c.left - c.right, v = b / s.cols, T = At({
+    contentRef: y,
+    documentTitle: "打印模板",
+    pageStyle: `
+      @page {
+        size: ${g.width / A}mm ${g.height / A}mm;
+        margin: ${r.marginTop}mm ${r.marginRight}mm ${r.marginBottom}mm ${r.marginLeft}mm;
+      }
+      @media print {
+        html, body { margin: 0; padding: 0; }
+      }
+    `
+  }), p = (m, P) => {
+    const n = m.props[`${P}Binding`];
+    if (n && n.dataSourceId && n.fieldPath) {
+      const h = i.find((x) => x.id === n.dataSourceId);
+      if (h && h.type === "object") {
+        const x = Xe(h);
+        if (x) {
+          const E = Ye(x, n.fieldPath);
+          if (E !== "")
+            return E;
+        }
+      }
+    }
+    return (n == null ? void 0 : n.staticValue) ?? String(m.props[P] || "");
+  }, _ = (m) => {
+    const P = m.props.tableDataSourceId, n = P ? i.find((D) => D.id === P) : null, h = n ? Ze(n) : null, x = m.tableColumns || [], E = m.props.borderWidth || 1, u = m.props.borderColor || "#000000", j = h || Array.from({ length: m.props.rows || 3 }).map(() => ({}));
+    return /* @__PURE__ */ e.jsxs(
+      "table",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          borderCollapse: "collapse"
+        },
+        children: [
+          /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: x.map((D, N) => /* @__PURE__ */ e.jsx(
+            "th",
+            {
+              style: {
+                border: `${E}px solid ${u}`,
+                padding: 4,
+                textAlign: "center",
+                fontSize: 12,
+                fontWeight: "bold",
+                backgroundColor: "#f5f5f5"
+              },
+              children: D.title || `列${N + 1}`
+            },
+            N
+          )) }) }),
+          /* @__PURE__ */ e.jsx("tbody", { children: j.map((D, N) => /* @__PURE__ */ e.jsx("tr", { children: x.map((L, J) => /* @__PURE__ */ e.jsx(
+            "td",
+            {
+              style: {
+                border: `${E}px solid ${u}`,
+                padding: 4,
+                textAlign: "center",
+                fontSize: 12
+              },
+              children: L.fieldPath ? Ye(D, L.fieldPath) : ""
+            },
+            J
+          )) }, N)) })
+        ]
+      }
+    );
+  }, I = (m) => {
+    const P = m.props, n = {
+      position: "absolute",
+      left: m.x * v,
+      top: m.y * v,
+      width: m.w * v,
+      height: m.h * v,
+      overflow: "hidden"
+    }, h = {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      boxSizing: "border-box"
+    };
+    switch (m.type) {
+      case "text":
+        return /* @__PURE__ */ e.jsx("div", { style: n, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...h,
+              fontSize: P.fontSize || 14,
+              fontWeight: P.fontWeight || "normal",
+              fontStyle: P.fontStyle || "normal",
+              textAlign: P.textAlign || "left",
+              color: P.color || "#000",
+              backgroundColor: P.backgroundColor || "transparent",
+              padding: 4,
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            children: p(m, "content")
+          }
+        ) }, m.id);
+      case "image":
+        return /* @__PURE__ */ e.jsx("div", { style: n, children: /* @__PURE__ */ e.jsx("div", { style: h, children: P.src ? /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: p(m, "src"),
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: P.fit || "contain"
+            },
+            alt: ""
+          }
+        ) : null }) }, m.id);
+      case "table":
+        return /* @__PURE__ */ e.jsx("div", { style: n, children: _(m) }, m.id);
+      case "barcode":
+        return /* @__PURE__ */ e.jsx("div", { style: n, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...h,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: 4
+            },
+            children: /* @__PURE__ */ e.jsx(
+              Qe,
+              {
+                value: p(m, "value"),
+                format: P.format || "CODE128"
+              }
+            )
+          }
+        ) }, m.id);
+      case "line":
+        return /* @__PURE__ */ e.jsx("div", { style: n, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...h,
+              display: "flex",
+              alignItems: "center",
+              border: "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              "hr",
+              {
+                style: {
+                  width: "100%",
+                  border: "none",
+                  borderTop: `${P.thickness || 1}px ${P.style || "solid"} ${P.color || "#000"}`,
+                  margin: 0
+                }
+              }
+            )
+          }
+        ) }, m.id);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(
+    Ue,
+    {
+      title: "打印预览",
+      open: o,
+      onCancel: () => d(!1),
+      width: g.width + 80,
+      footer: /* @__PURE__ */ e.jsxs(re, { children: [
+        /* @__PURE__ */ e.jsx(H, { onClick: () => d(!1), children: "关闭" }),
+        /* @__PURE__ */ e.jsx(H, { type: "primary", icon: /* @__PURE__ */ e.jsx(qe, {}), onClick: () => T(), children: "打印" })
+      ] }),
+      styles: { body: { padding: 16, display: "flex", flexDirection: "column", alignItems: "center" } },
+      children: [
+        /* @__PURE__ */ e.jsx(se, { style: { margin: "4px 0 12px 0" } }),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            ref: y,
+            style: {
+              width: g.width,
+              height: g.height,
+              background: "#fff",
+              border: "1px solid #d9d9d9",
+              position: "relative",
+              overflow: "hidden",
+              flexShrink: 0
+            },
+            children: [
+              r.showHeader && /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: 0,
+                    left: c.left,
+                    right: c.right,
+                    height: c.top,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    fontSize: 12,
+                    overflow: "hidden"
+                  },
+                  children: r.headerContent
+                }
+              ),
+              r.showFooter && /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    bottom: 0,
+                    left: c.left,
+                    right: c.right,
+                    height: c.bottom,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: r.showPageNumber ? "space-between" : "center",
+                    fontSize: 12,
+                    overflow: "hidden",
+                    padding: "0 8px"
+                  },
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { children: r.footerContent }),
+                    r.showPageNumber && /* @__PURE__ */ e.jsx("span", { children: r.pageNumberFormat.replace("{page}", "1") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  style: {
+                    position: "absolute",
+                    top: c.top,
+                    left: c.left,
+                    width: b,
+                    height: g.height - c.top - c.bottom
+                  },
+                  children: a.map(I)
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}, Hn = () => {
+  const o = w((s) => s.headerFooterVisible), d = w((s) => s.pageSettings), a = w((s) => s.setPageSettings), r = w((s) => s.setHeaderFooterVisible);
+  return /* @__PURE__ */ e.jsx(
+    Ue,
+    {
+      title: "页眉页脚设置",
+      open: o,
+      onCancel: () => r(!1),
+      onOk: () => r(!1),
+      width: 480,
+      children: /* @__PURE__ */ e.jsxs(oe, { layout: "vertical", style: { marginTop: 8 }, children: [
+        /* @__PURE__ */ e.jsx(oe.Item, { label: "显示页眉", children: /* @__PURE__ */ e.jsx(
+          We,
+          {
+            checked: d.showHeader,
+            onChange: (s) => a({ showHeader: s })
+          }
+        ) }),
+        d.showHeader && /* @__PURE__ */ e.jsx(oe.Item, { label: "页眉内容", children: /* @__PURE__ */ e.jsx(
+          ne,
+          {
+            value: d.headerContent,
+            onChange: (s) => a({ headerContent: s.target.value })
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(oe.Item, { label: "显示页脚", children: /* @__PURE__ */ e.jsx(
+          We,
+          {
+            checked: d.showFooter,
+            onChange: (s) => a({ showFooter: s })
+          }
+        ) }),
+        d.showFooter && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(oe.Item, { label: "页脚内容", children: /* @__PURE__ */ e.jsx(
+            ne,
+            {
+              value: d.footerContent,
+              onChange: (s) => a({ footerContent: s.target.value })
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(oe.Item, { label: "显示页码", children: /* @__PURE__ */ e.jsx(
+            We,
+            {
+              checked: d.showPageNumber,
+              onChange: (s) => a({ showPageNumber: s })
+            }
+          ) }),
+          d.showPageNumber && /* @__PURE__ */ e.jsx(oe.Item, { label: "页码格式", children: /* @__PURE__ */ e.jsx(
+            ne,
+            {
+              value: d.pageNumberFormat,
+              onChange: (s) => a({ pageNumberFormat: s.target.value }),
+              placeholder: "第 {page} 页"
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}, rr = ({
+  isPreview: o = !1,
+  initialTemplateData: d,
+  onSave: a,
+  onPrint: r
+}) => {
+  const { importJSON: s, exportJSON: i, reset: y, components: g, pageSettings: c, gridSettings: b, dataSources: v } = w(), T = He(null);
+  un(() => {
+    if (d) {
+      const u = JSON.stringify(d), j = s(u);
+      j && (console.error("导入失败:", j), y());
+    }
+  }, [d, s, y]);
+  const p = () => {
+    if (a)
+      try {
+        const u = i();
+        a(JSON.parse(u));
+      } catch (u) {
+        console.error("导出失败:", u);
+      }
+  }, _ = ee(() => {
+    const u = Ee[c.paperSize];
+    if (!u)
+      return {
+        width: c.customWidth * A,
+        height: c.customHeight * A
+      };
+    const j = u.width * A, D = u.height * A;
+    return c.orientation === "landscape" ? { width: D, height: j } : { width: j, height: D };
+  }, [c]), I = ee(
+    () => ({
+      top: c.marginTop * A,
+      right: c.marginRight * A,
+      bottom: c.marginBottom * A,
+      left: c.marginLeft * A
+    }),
+    [c]
+  ), m = _.width - I.left - I.right, P = m / ((b == null ? void 0 : b.cols) || Re.cols), n = At({
+    contentRef: T,
+    documentTitle: "打印模板",
+    pageStyle: `
+      @page {
+        size: ${_.width / A}mm ${_.height / A}mm;
+        margin: ${c.marginTop}mm ${c.marginRight}mm ${c.marginBottom}mm ${c.marginLeft}mm;
+      }
+      @media print {
+        html, body { margin: 0; padding: 0; }
+      }
+    `
+  }), h = () => {
+    r ? r() : n();
+  }, x = (u) => {
+    const j = u.props, D = {
+      position: "absolute",
+      left: u.x * P,
+      top: u.y * P,
+      width: u.w * P,
+      height: u.h * P,
+      overflow: "hidden"
+    }, N = {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      boxSizing: "border-box"
+    };
+    switch (u.type) {
+      case "text":
+        return /* @__PURE__ */ e.jsx("div", { style: D, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...N,
+              fontSize: j.fontSize || 14,
+              fontWeight: j.fontWeight || "normal",
+              fontStyle: j.fontStyle || "normal",
+              textAlign: j.textAlign || "left",
+              color: j.color || "#000",
+              backgroundColor: j.backgroundColor || "transparent",
+              padding: 4,
+              whiteSpace: "pre-wrap",
+              wordBreak: "break-word"
+            },
+            children: Te(u, "content", v)
+          }
+        ) }, u.id);
+      case "image":
+        return /* @__PURE__ */ e.jsx("div", { style: D, children: /* @__PURE__ */ e.jsx("div", { style: N, children: j.src ? /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: Te(u, "src", v),
+            style: {
+              width: "100%",
+              height: "100%",
+              objectFit: j.fit || "contain"
+            },
+            alt: ""
+          }
+        ) : null }) }, u.id);
+      case "table":
+        return /* @__PURE__ */ e.jsx("div", { style: D, children: E(u) }, u.id);
+      case "barcode":
+        return /* @__PURE__ */ e.jsx("div", { style: D, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...N,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: 4
+            },
+            children: /* @__PURE__ */ e.jsx(
+              Qe,
+              {
+                value: Te(u, "value", v),
+                format: j.format || "CODE128"
+              }
+            )
+          }
+        ) }, u.id);
+      case "line":
+        return /* @__PURE__ */ e.jsx("div", { style: D, children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...N,
+              display: "flex",
+              alignItems: "center",
+              border: "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              "hr",
+              {
+                style: {
+                  width: "100%",
+                  border: "none",
+                  borderTop: `${j.thickness || 1}px ${j.style || "solid"} ${j.color || "#000"}`,
+                  margin: 0
+                }
+              }
+            )
+          }
+        ) }, u.id);
+      default:
+        return null;
+    }
+  }, E = (u) => {
+    const j = u.props.tableDataSourceId, D = j ? v.find((M) => M.id === j) : null, N = D ? Ze(D) : null, L = u.tableColumns || [], J = u.props.borderWidth || 1, $ = u.props.borderColor || "#000000";
+    if (N && N.length > 0)
+      return /* @__PURE__ */ e.jsxs(
+        "table",
+        {
+          style: {
+            width: "100%",
+            height: "100%",
+            borderCollapse: "collapse"
+          },
+          children: [
+            L.length > 0 && /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { style: { backgroundColor: "#f5f5f5" }, children: L.map((M, C) => /* @__PURE__ */ e.jsx(
+              "th",
+              {
+                style: {
+                  border: `${J}px solid ${$}`,
+                  padding: 4,
+                  fontSize: 12,
+                  fontWeight: "bold",
+                  textAlign: "center"
+                },
+                children: M.title
+              },
+              C
+            )) }) }),
+            /* @__PURE__ */ e.jsx("tbody", { children: N.map((M, C) => /* @__PURE__ */ e.jsx("tr", { children: L.map((z, Y) => /* @__PURE__ */ e.jsx(
+              "td",
+              {
+                style: {
+                  border: `${J}px solid ${$}`,
+                  padding: 4,
+                  fontSize: 12,
+                  textAlign: "center"
+                },
+                children: z.fieldPath ? M[z.fieldPath] : ""
+              },
+              Y
+            )) }, C)) })
+          ]
+        }
+      );
+    const ae = u.props.rows || 3, le = Math.max(u.props.cols || 3, L.length || 3);
+    return /* @__PURE__ */ e.jsx(
+      "table",
+      {
+        style: {
+          width: "100%",
+          height: "100%",
+          borderCollapse: "collapse"
+        },
+        children: /* @__PURE__ */ e.jsx("tbody", { children: Array.from({ length: ae }).map((M, C) => /* @__PURE__ */ e.jsx("tr", { children: Array.from({ length: le }).map((z, Y) => /* @__PURE__ */ e.jsx(
+          "td",
+          {
+            style: {
+              border: `${J}px solid ${$}`,
+              padding: 2,
+              fontSize: 12,
+              textAlign: "center"
+            },
+            children: " "
+          },
+          Y
+        )) }, C)) })
+      }
+    );
+  };
+  return o ? /* @__PURE__ */ e.jsx(Be, { children: /* @__PURE__ */ e.jsxs("div", { style: { width: "100%", height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ e.jsx("div", { style: { padding: "12px 16px", borderBottom: "1px solid #e8e8e8", background: "#fff" }, children: /* @__PURE__ */ e.jsx(re, { children: /* @__PURE__ */ e.jsx(H, { type: "primary", icon: /* @__PURE__ */ e.jsx(qe, {}), onClick: h, children: "打印" }) }) }),
+    /* @__PURE__ */ e.jsx("div", { style: { flex: 1, display: "flex", justifyContent: "center", alignItems: "flex-start", padding: "16px", boxSizing: "border-box", overflowY: "auto", background: "#e8e8e8" }, children: /* @__PURE__ */ e.jsx("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ e.jsx(Ot, { isPreview: !0 }) }) }),
+    /* @__PURE__ */ e.jsx("div", { style: { position: "absolute", left: "-9999px", top: "-9999px" }, children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: T,
+        style: {
+          width: _.width,
+          height: _.height,
+          background: "#fff",
+          position: "relative",
+          overflow: "hidden"
+        },
+        children: [
+          c.showHeader && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: 0,
+                left: I.left,
+                right: I.right,
+                height: I.top,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                fontSize: 12,
+                overflow: "hidden"
+              },
+              children: c.headerContent
+            }
+          ),
+          c.showFooter && /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: 0,
+                left: I.left,
+                right: I.right,
+                height: I.bottom,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: c.showPageNumber ? "space-between" : "center",
+                fontSize: 12,
+                overflow: "hidden",
+                padding: "0 8px"
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { children: c.footerContent }),
+                c.showPageNumber && /* @__PURE__ */ e.jsx("span", { children: c.pageNumberFormat.replace("{page}", "1") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                top: I.top,
+                left: I.left,
+                width: m,
+                height: _.height - I.top - I.bottom
+              },
+              children: g.map(x)
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) }) : /* @__PURE__ */ e.jsx(Be, { children: /* @__PURE__ */ e.jsxs("div", { className: "app-container", children: [
+    /* @__PURE__ */ e.jsx(In, { onCustomSave: a ? p : void 0, onCustomPrint: r }),
+    /* @__PURE__ */ e.jsxs("div", { className: "app-body", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "app-left-panel", children: /* @__PURE__ */ e.jsx(Bn, {}) }),
+      /* @__PURE__ */ e.jsx(Ot, {}),
+      /* @__PURE__ */ e.jsx("div", { className: "app-right-panel", children: /* @__PURE__ */ e.jsx(Jn, {}) })
+    ] }),
+    /* @__PURE__ */ e.jsx(Yn, {}),
+    /* @__PURE__ */ e.jsx(Hn, {})
+  ] }) });
+};
+export {
+  rr as PrintDesigner,
+  Ze as getArrayFromDataSource,
+  Xe as getObjectFromDataSource,
+  Te as getRenderValue,
+  Ye as getValueByPath,
+  Pe as safeParseJSON,
+  w as useDesignerStore
+};