epic-designer-cjh/dist/index-b623bea3.js

基于vue3的设计器,可视化开发页面表单

import { g as te } from "./_commonjsHelpers-c5d32002.js";
import { i as F } from "./interopRequireDefault-40f894e3.js";
import { r as re } from "./_vue_commonjs-external-eb7fec7f.js";
import { r as oe, a as ne } from "./public_api-1267ff2a.js";
import { r as ae, a as le, b as ie, c as de, d as se, e as ce } from "./useConfigInject-d85d8c62.js";
import { r as ue } from "./vnode-45aa23d5.js";
import { r as pe, a as fe } from "./CollapsePanel-b6221e20.js";
import { r as ve } from "./RightOutlined-b89f2ac6.js";
import { r as me } from "./firstNotUndefined-57974c1b.js";
import { r as ge } from "./collapseMotion-cf2619c2.js";
import { r as $e } from "./index-977e4f68.js";
function ye(i, o) {
  for (var n = 0; n < o.length; n++) {
    const c = o[n];
    if (typeof c != "string" && !Array.isArray(c)) {
      for (const s in c)
        if (s !== "default" && !(s in i)) {
          const v = Object.getOwnPropertyDescriptor(c, s);
          v && Object.defineProperty(i, s, v.get ? v : {
            enumerable: !0,
            get: () => c[s]
          });
        }
    }
  }
  return Object.freeze(Object.defineProperty(i, Symbol.toStringTag, { value: "Module" }));
}
var W = {}, G = {}, C = {}, V;
function be() {
  if (V)
    return C;
  V = 1;
  var i = F;
  Object.defineProperty(C, "__esModule", {
    value: !0
  }), C.genBaseStyle = C.default = void 0;
  var o = i(oe()), n = $e(), c = ae(), s = le();
  const v = (a) => {
    const {
      componentCls: e,
      collapseContentBg: u,
      padding: x,
      collapseContentPaddingHorizontal: P,
      collapseHeaderBg: K,
      collapseHeaderPadding: d,
      collapsePanelBorderRadius: p,
      lineWidth: $,
      lineType: S,
      colorBorder: A,
      colorText: _,
      colorTextHeading: y,
      colorTextDisabled: q,
      fontSize: D,
      lineHeight: O,
      marginSM: B,
      paddingSM: E,
      motionDurationSlow: w,
      fontSizeIcon: M
    } = a, I = `${$}px ${S} ${A}`;
    return {
      [e]: (0, o.default)((0, o.default)({}, (0, s.resetComponent)(a)), {
        backgroundColor: K,
        border: I,
        borderBottom: 0,
        borderRadius: `${p}px`,
        "&-rtl": {
          direction: "rtl"
        },
        [`& > ${e}-item`]: {
          borderBottom: I,
          "&:last-child": {
            [`
            &,
            & > ${e}-header`]: {
              borderRadius: `0 0 ${p}px ${p}px`
            }
          },
          [`> ${e}-header`]: {
            position: "relative",
            display: "flex",
            flexWrap: "nowrap",
            alignItems: "flex-start",
            padding: d,
            color: y,
            lineHeight: O,
            cursor: "pointer",
            transition: `all ${w}, visibility 0s`,
            [`> ${e}-header-text`]: {
              flex: "auto"
            },
            "&:focus": {
              outline: "none"
            },
            // >>>>> Arrow
            [`${e}-expand-icon`]: {
              height: D * O,
              display: "flex",
              alignItems: "center",
              paddingInlineEnd: B
            },
            [`${e}-arrow`]: (0, o.default)((0, o.default)({}, (0, s.resetIcon)()), {
              fontSize: M,
              svg: {
                transition: `transform ${w}`
              }
            }),
            // >>>>> Text
            [`${e}-header-text`]: {
              marginInlineEnd: "auto"
            }
          },
          [`${e}-header-collapsible-only`]: {
            cursor: "default",
            [`${e}-header-text`]: {
              flex: "none",
              cursor: "pointer"
            },
            [`${e}-expand-icon`]: {
              cursor: "pointer"
            }
          },
          [`${e}-icon-collapsible-only`]: {
            cursor: "default",
            [`${e}-expand-icon`]: {
              cursor: "pointer"
            }
          },
          [`&${e}-no-arrow`]: {
            [`> ${e}-header`]: {
              paddingInlineStart: E
            }
          }
        },
        [`${e}-content`]: {
          color: _,
          backgroundColor: u,
          borderTop: I,
          [`& > ${e}-content-box`]: {
            padding: `${x}px ${P}px`
          },
          "&-hidden": {
            display: "none"
          }
        },
        [`${e}-item:last-child`]: {
          [`> ${e}-content`]: {
            borderRadius: `0 0 ${p}px ${p}px`
          }
        },
        [`& ${e}-item-disabled > ${e}-header`]: {
          "\n          &,\n          & > .arrow\n        ": {
            color: q,
            cursor: "not-allowed"
          }
        },
        // ========================== Icon Position ==========================
        [`&${e}-icon-position-end`]: {
          [`& > ${e}-item`]: {
            [`> ${e}-header`]: {
              [`${e}-expand-icon`]: {
                order: 1,
                paddingInlineEnd: 0,
                paddingInlineStart: B
              }
            }
          }
        }
      })
    };
  };
  C.genBaseStyle = v;
  const r = (a) => {
    const {
      componentCls: e
    } = a, u = `> ${e}-item > ${e}-header ${e}-arrow svg`;
    return {
      [`${e}-rtl`]: {
        [u]: {
          transform: "rotate(180deg)"
        }
      }
    };
  }, b = (a) => {
    const {
      componentCls: e,
      collapseHeaderBg: u,
      paddingXXS: x,
      colorBorder: P
    } = a;
    return {
      [`${e}-borderless`]: {
        backgroundColor: u,
        border: 0,
        [`> ${e}-item`]: {
          borderBottom: `1px solid ${P}`
        },
        [`
        > ${e}-item:last-child,
        > ${e}-item:last-child ${e}-header
      `]: {
          borderRadius: 0
        },
        [`> ${e}-item:last-child`]: {
          borderBottom: 0
        },
        [`> ${e}-item > ${e}-content`]: {
          backgroundColor: "transparent",
          borderTop: 0
        },
        [`> ${e}-item > ${e}-content > ${e}-content-box`]: {
          paddingTop: x
        }
      }
    };
  }, m = (a) => {
    const {
      componentCls: e,
      paddingSM: u
    } = a;
    return {
      [`${e}-ghost`]: {
        backgroundColor: "transparent",
        border: 0,
        [`> ${e}-item`]: {
          borderBottom: 0,
          [`> ${e}-content`]: {
            backgroundColor: "transparent",
            border: 0,
            [`> ${e}-content-box`]: {
              paddingBlock: u
            }
          }
        }
      }
    };
  };
  var g = (0, c.genComponentStyleHook)("Collapse", (a) => {
    const e = (0, c.mergeToken)(a, {
      collapseContentBg: a.colorBgContainer,
      collapseHeaderBg: a.colorFillAlter,
      collapseHeaderPadding: `${a.paddingSM}px ${a.padding}px`,
      collapsePanelBorderRadius: a.borderRadiusLG,
      collapseContentPaddingHorizontal: 16
      // Fixed value
    });
    return [v(e), b(e), m(e), r(e), (0, n.genCollapseMotion)(e)];
  });
  return C.default = g, C;
}
(function(i) {
  var o = F;
  Object.defineProperty(i, "__esModule", {
    value: !0
  }), Object.defineProperty(i, "collapseProps", {
    enumerable: !0,
    get: function() {
      return r.collapseProps;
    }
  }), i.default = void 0;
  var n = re, c = o(ne()), s = ie(), v = ue(), r = pe(), b = de(), m = o(ve()), g = o(me()), a = o(se()), e = o(ce()), u = o(ge()), x = o(be());
  function P(d) {
    let p = d;
    if (!Array.isArray(p)) {
      const $ = typeof p;
      p = $ === "number" || $ === "string" ? [p] : [];
    }
    return p.map(($) => String($));
  }
  var K = (0, n.defineComponent)({
    compatConfig: {
      MODE: 3
    },
    name: "ACollapse",
    inheritAttrs: !1,
    props: (0, s.initDefaultProps)((0, r.collapseProps)(), {
      accordion: !1,
      destroyInactivePanel: !1,
      bordered: !0,
      openAnimation: (0, u.default)("ant-motion-collapse", !1),
      expandIconPosition: "start"
    }),
    slots: Object,
    setup(d, p) {
      let {
        attrs: $,
        slots: S,
        emit: A
      } = p;
      const _ = (0, n.ref)(P((0, g.default)([d.activeKey, d.defaultActiveKey])));
      (0, n.watch)(() => d.activeKey, () => {
        _.value = P(d.activeKey);
      }, {
        deep: !0
      });
      const {
        prefixCls: y,
        direction: q
      } = (0, e.default)("collapse", d), [D, O] = (0, x.default)(y), B = (0, n.computed)(() => {
        const {
          expandIconPosition: t
        } = d;
        return t !== void 0 ? t : q.value === "rtl" ? "end" : "start";
      }), E = (t) => {
        const {
          expandIcon: l = S.expandIcon
        } = d, f = l ? l(t) : (0, n.createVNode)(m.default, {
          rotate: t.isActive ? 90 : void 0
        }, null);
        return (0, n.createVNode)("div", {
          class: [`${y.value}-expand-icon`, O.value],
          onClick: () => ["header", "icon"].includes(d.collapsible) && M(t.panelKey)
        }, [(0, s.isValidElement)(Array.isArray(l) ? f[0] : f) ? (0, v.cloneElement)(f, {
          class: `${y.value}-arrow`
        }, !1) : f]);
      }, w = (t) => {
        d.activeKey === void 0 && (_.value = t);
        const l = d.accordion ? t[0] : t;
        A("update:activeKey", l), A("change", l);
      }, M = (t) => {
        let l = _.value;
        if (d.accordion)
          l = l[0] === t ? [] : [t];
        else {
          l = [...l];
          const f = l.indexOf(t);
          f > -1 ? l.splice(f, 1) : l.push(t);
        }
        w(l);
      }, I = (t, l) => {
        var f, h, N;
        if ((0, s.isEmptyElement)(t))
          return;
        const z = _.value, {
          accordion: U,
          destroyInactivePanel: L,
          collapsible: J,
          openAnimation: Q
        } = d, R = String((f = t.key) !== null && f !== void 0 ? f : l), {
          header: Y = (N = (h = t.children) === null || h === void 0 ? void 0 : h.header) === null || N === void 0 ? void 0 : N.call(h),
          headerClass: Z,
          collapsible: T,
          disabled: k
        } = t.props || {};
        let j = !1;
        U ? j = z[0] === R : j = z.indexOf(R) > -1;
        let H = T ?? J;
        (k || k === "") && (H = "disabled");
        const ee = {
          key: R,
          panelKey: R,
          header: Y,
          headerClass: Z,
          isActive: j,
          prefixCls: y.value,
          destroyInactivePanel: L,
          openAnimation: Q,
          accordion: U,
          onItemClick: H === "disabled" ? null : M,
          expandIcon: E,
          collapsible: H
        };
        return (0, v.cloneElement)(t, ee);
      }, X = () => {
        var t;
        return (0, s.flattenChildren)((t = S.default) === null || t === void 0 ? void 0 : t.call(S)).map(I);
      };
      return () => {
        const {
          accordion: t,
          bordered: l,
          ghost: f
        } = d, h = (0, a.default)(y.value, {
          [`${y.value}-borderless`]: !l,
          [`${y.value}-icon-position-${B.value}`]: !0,
          [`${y.value}-rtl`]: q.value === "rtl",
          [`${y.value}-ghost`]: !!f,
          [$.class]: !!$.class
        }, O.value);
        return D((0, n.createVNode)("div", (0, c.default)((0, c.default)({
          class: h
        }, (0, b.getDataAndAriaProps)($)), {}, {
          style: $.style,
          role: t ? "tablist" : null
        }), [X()]));
      };
    }
  });
  i.default = K;
})(G);
(function(i) {
  Object.defineProperty(i, "__esModule", {
    value: !0
  }), Object.defineProperty(i, "CollapsePanel", {
    enumerable: !0,
    get: function() {
      return n.default;
    }
  }), Object.defineProperty(i, "collapsePanelProps", {
    enumerable: !0,
    get: function() {
      return n.collapsePanelProps;
    }
  }), Object.defineProperty(i, "collapseProps", {
    enumerable: !0,
    get: function() {
      return o.collapseProps;
    }
  }), i.default = void 0;
  var o = s(G), n = s(fe);
  function c(r) {
    if (typeof WeakMap != "function")
      return null;
    var b = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap();
    return (c = function(g) {
      return g ? m : b;
    })(r);
  }
  function s(r, b) {
    if (!b && r && r.__esModule)
      return r;
    if (r === null || typeof r != "object" && typeof r != "function")
      return { default: r };
    var m = c(b);
    if (m && m.has(r))
      return m.get(r);
    var g = {}, a = Object.defineProperty && Object.getOwnPropertyDescriptor;
    for (var e in r)
      if (e !== "default" && Object.prototype.hasOwnProperty.call(r, e)) {
        var u = a ? Object.getOwnPropertyDescriptor(r, e) : null;
        u && (u.get || u.set) ? Object.defineProperty(g, e, u) : g[e] = r[e];
      }
    return g.default = r, m && m.set(r, g), g;
  }
  o.default.Panel = n.default, o.default.install = function(r) {
    return r.component(o.default.name, o.default), r.component(n.default.name, n.default), r;
  };
  var v = o.default;
  i.default = v;
})(W);
const he = /* @__PURE__ */ te(W), Me = /* @__PURE__ */ ye({
  __proto__: null,
  default: he
}, [W]);
export {
  Me as i
};