epic-designer-cjh/dist/col-81177f23.js

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

import { defineComponent as c, inject as m, computed as d, h as u, renderSlot as s } from "vue";
import { r as f } from "./Row-0b9fdcc9.js";
import { c8 as a } from "./index-97ce4605.js";
import { f as i } from "./format-length-59d2d3ae.js";
import "./use-rtl-d05cb593.js";
import "./index-e2a664aa.js";
import "./use-style-b9e822e4.js";
import "./use-memo-01b53d71.js";
const g = {
  span: {
    type: [String, Number],
    default: 1
  },
  push: {
    type: [String, Number],
    default: 0
  },
  pull: {
    type: [String, Number],
    default: 0
  },
  offset: {
    type: [String, Number],
    default: 0
  }
}, h = c({
  name: "Col",
  props: g,
  setup(r) {
    const e = m(f, null);
    return e || a("col", "`n-col` must be placed inside `n-row`."), {
      mergedClsPrefix: e.mergedClsPrefixRef,
      gutter: e.gutterRef,
      stylePadding: d(() => `${i(e.verticalGutterRef.value, {
        c: 0.5
      })} ${i(e.horizontalGutterRef.value, { c: 0.5 })}`),
      mergedPush: d(() => Number(r.push) - Number(r.pull))
    };
  },
  render() {
    const { $slots: r, span: e, mergedPush: t, offset: l, stylePadding: n, gutter: p, mergedClsPrefix: o } = this;
    return u("div", { class: [
      `${o}-col`,
      {
        [`${o}-col--${e}-span`]: !0,
        [`${o}-col--${t}-push`]: t > 0,
        [`${o}-col--${-t}-pull`]: t < 0,
        [`${o}-col--${l}-offset`]: l
      }
    ], style: {
      padding: n
    } }, p ? u("div", null, r) : r);
  }
}), S = c({
  props: {
    record: {
      type: Object,
      require: !0,
      default: () => ({})
    }
  },
  setup(r, { slots: e }) {
    return () => {
      const t = {
        ...r.record,
        title: r.record.label
      }, l = t.children;
      return delete t.children, u(h, t, {
        default: () => s(
          e,
          "edit-node",
          {},
          () => l.map((n) => s(e, "node", { record: n }))
        )
      });
    };
  }
});
export {
  S as default
};