@kp-ui/lowcode 2.15.0-alpha.2 → 2.15.0-alpha.4

package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue.js

@@ -1,544 +1,7 @@
-import x from "./boxModel-editor.vue2.js";
-import { resolveComponent as s, createElementBlock as g, openBlock as m, createVNode as n, createCommentVNode as p, createElementVNode as e, withCtx as i, createTextVNode as v, toDisplayString as l, Fragment as M } from "vue";
+import o from "./boxModel-editor.vue2.js";
 /* empty css                     */
-import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const w = { class: "box-model-container" }, I = { class: "property-group" }, U = { class: "property-group-title" }, N = { class: "property-item" }, k = { class: "property-label" }, H = { class: "property-item" }, S = { class: "property-label" }, C = { class: "property-item" }, B = { class: "property-label" }, R = { class: "property-item" }, O = { class: "property-label" }, T = { class: "property-group" }, L = { class: "property-group-title" }, V = { class: "property-item" }, E = { class: "property-label" }, W = { class: "property-item" }, X = { class: "property-label" }, Y = { class: "property-item" }, z = { class: "property-label" }, D = { class: "property-item" }, F = { class: "property-label" }, P = { class: "property-group border-group" }, j = { class: "property-group-title" }, q = { class: "property-item" }, A = { class: "property-label" }, G = { class: "property-item" }, J = { class: "property-label" }, K = { class: "property-item" }, Q = { class: "property-label" }, Z = { class: "property-item" }, $ = { class: "property-label" }, oo = { class: "property-item" }, eo = { class: "property-label" }, to = { class: "property-group border-group" }, no = { class: "property-group-title" }, lo = { class: "property-item" }, io = { class: "property-label" }, ro = { class: "property-group border-group" }, ao = { class: "property-group-title" }, so = { class: "property-item" }, po = { class: "property-label" }, vo = { class: "property-item" }, _o = { class: "property-label" }, bo = { class: "property-item" }, uo = { class: "property-label" }, go = { class: "property-item" }, mo = { class: "property-label" }, co = { class: "property-item" }, Mo = { class: "property-label" }, yo = { class: "property-item" }, ho = { class: "property-label" };
-function xo(fo, t, wo, o, Io, Uo) {
-  const y = s("a-divider"), r = s("a-input-number"), a = s("a-col"), _ = s("a-row"), c = s("a-switch"), b = s("a-select-option"), h = s("a-select"), u = s("a-input");
-  return m(), g("div", w, [
-    n(y, { class: "custom-divider" }, {
-      default: i(() => [
-        v(
-          l(o.i18nt("盒模型配置")),
-          1
-          /* TEXT */
-        )
-      ]),
-      _: 1
-      /* STABLE */
-    }),
-    p(" 内边距设置 "),
-    e("div", I, [
-      e(
-        "div",
-        U,
-        l(o.i18nt("Padding")),
-        1
-        /* TEXT */
-      ),
-      n(_, { gutter: 8 }, {
-        default: i(() => [
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", N, [
-                e(
-                  "div",
-                  k,
-                  l(o.i18nt("designer.setting.top")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.paddingTop,
-                  "onUpdate:value": t[0] || (t[0] = (d) => o.optionModel.boxModel.paddingTop = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", H, [
-                e(
-                  "div",
-                  S,
-                  l(o.i18nt("designer.setting.right")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.paddingRight,
-                  "onUpdate:value": t[1] || (t[1] = (d) => o.optionModel.boxModel.paddingRight = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      n(_, {
-        gutter: 8,
-        style: { "margin-top": "8px" }
-      }, {
-        default: i(() => [
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", C, [
-                e(
-                  "div",
-                  B,
-                  l(o.i18nt("designer.setting.bottom")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.paddingBottom,
-                  "onUpdate:value": t[2] || (t[2] = (d) => o.optionModel.boxModel.paddingBottom = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", R, [
-                e(
-                  "div",
-                  O,
-                  l(o.i18nt("designer.setting.left")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.paddingLeft,
-                  "onUpdate:value": t[3] || (t[3] = (d) => o.optionModel.boxModel.paddingLeft = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    p(" 外边距设置 "),
-    e("div", T, [
-      e(
-        "div",
-        L,
-        l(o.i18nt("Margin")),
-        1
-        /* TEXT */
-      ),
-      n(_, { gutter: 8 }, {
-        default: i(() => [
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", V, [
-                e(
-                  "div",
-                  E,
-                  l(o.i18nt("designer.setting.top")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.marginTop,
-                  "onUpdate:value": t[4] || (t[4] = (d) => o.optionModel.boxModel.marginTop = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", W, [
-                e(
-                  "div",
-                  X,
-                  l(o.i18nt("designer.setting.right")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.marginRight,
-                  "onUpdate:value": t[5] || (t[5] = (d) => o.optionModel.boxModel.marginRight = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      n(_, {
-        gutter: 8,
-        style: { "margin-top": "8px" }
-      }, {
-        default: i(() => [
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", Y, [
-                e(
-                  "div",
-                  z,
-                  l(o.i18nt("designer.setting.bottom")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.marginBottom,
-                  "onUpdate:value": t[6] || (t[6] = (d) => o.optionModel.boxModel.marginBottom = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          n(a, { span: 12 }, {
-            default: i(() => [
-              e("div", D, [
-                e(
-                  "div",
-                  F,
-                  l(o.i18nt("designer.setting.left")),
-                  1
-                  /* TEXT */
-                ),
-                n(r, {
-                  value: o.optionModel.boxModel.marginLeft,
-                  "onUpdate:value": t[7] || (t[7] = (d) => o.optionModel.boxModel.marginLeft = d),
-                  onInput: o.inputNumberHandler,
-                  min: 0,
-                  style: { width: "100%" },
-                  "addon-after": "px"
-                }, null, 8, ["value", "onInput"])
-              ])
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    p(" 边框设置 "),
-    e("div", P, [
-      e(
-        "div",
-        j,
-        l(o.i18nt("designer.setting.border")),
-        1
-        /* TEXT */
-      ),
-      e("div", q, [
-        e(
-          "div",
-          A,
-          l(o.i18nt("designer.setting.showBorder")),
-          1
-          /* TEXT */
-        ),
-        n(c, {
-          checked: o.optionModel.boxModel.borderShow,
-          "onUpdate:checked": t[8] || (t[8] = (d) => o.optionModel.boxModel.borderShow = d)
-        }, null, 8, ["checked"])
-      ]),
-      o.optionModel.boxModel.borderShow ? (m(), g(
-        M,
-        { key: 0 },
-        [
-          e("div", G, [
-            e(
-              "div",
-              J,
-              l(o.i18nt("designer.setting.borderStyle")),
-              1
-              /* TEXT */
-            ),
-            n(h, {
-              value: o.optionModel.boxModel.borderStyle,
-              "onUpdate:value": t[9] || (t[9] = (d) => o.optionModel.boxModel.borderStyle = d)
-            }, {
-              default: i(() => [
-                n(b, { value: "solid" }, {
-                  default: i(() => [
-                    v(
-                      l(o.i18nt("designer.setting.solid")),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                n(b, { value: "dashed" }, {
-                  default: i(() => [
-                    v(
-                      l(o.i18nt("designer.setting.dashed")),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                n(b, { value: "dotted" }, {
-                  default: i(() => [
-                    v(
-                      l(o.i18nt("designer.setting.dotted")),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }),
-                n(b, { value: "double" }, {
-                  default: i(() => [
-                    v(
-                      l(o.i18nt("designer.setting.double")),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 1
-                  /* STABLE */
-                })
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["value"])
-          ]),
-          e("div", K, [
-            e(
-              "div",
-              Q,
-              l(o.i18nt("designer.setting.borderWidth")),
-              1
-              /* TEXT */
-            ),
-            n(r, {
-              value: o.optionModel.boxModel.borderWidth,
-              "onUpdate:value": t[10] || (t[10] = (d) => o.optionModel.boxModel.borderWidth = d),
-              onInput: o.inputNumberHandler,
-              min: 0,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ]),
-          e("div", Z, [
-            e(
-              "div",
-              $,
-              l(o.i18nt("designer.setting.borderColor")),
-              1
-              /* TEXT */
-            ),
-            n(u, {
-              value: o.optionModel.boxModel.borderColor,
-              "onUpdate:value": t[11] || (t[11] = (d) => o.optionModel.boxModel.borderColor = d),
-              type: "color",
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : p("v-if", !0),
-      e("div", oo, [
-        e(
-          "div",
-          eo,
-          l(o.i18nt("designer.setting.borderRadius")),
-          1
-          /* TEXT */
-        ),
-        n(r, {
-          value: o.optionModel.boxModel.borderRadius,
-          "onUpdate:value": t[12] || (t[12] = (d) => o.optionModel.boxModel.borderRadius = d),
-          onInput: o.inputNumberHandler,
-          min: 0,
-          style: { width: "100%" },
-          "addon-after": "px"
-        }, null, 8, ["value", "onInput"])
-      ])
-    ]),
-    p(" 背景颜色设置 "),
-    e("div", to, [
-      e(
-        "div",
-        no,
-        l(o.i18nt("designer.setting.backgroundColor")),
-        1
-        /* TEXT */
-      ),
-      e("div", lo, [
-        e(
-          "div",
-          io,
-          l(o.i18nt("designer.setting.backgroundColor")),
-          1
-          /* TEXT */
-        ),
-        n(u, {
-          value: o.optionModel.boxModel.backgroundColor,
-          "onUpdate:value": t[13] || (t[13] = (d) => o.optionModel.boxModel.backgroundColor = d),
-          type: "color",
-          style: { width: "100%" }
-        }, null, 8, ["value"])
-      ])
-    ]),
-    p(" 阴影设置 "),
-    e("div", ro, [
-      e(
-        "div",
-        ao,
-        l(o.i18nt("designer.setting.shadow")),
-        1
-        /* TEXT */
-      ),
-      e("div", so, [
-        e(
-          "div",
-          po,
-          l(o.i18nt("designer.setting.enableShadow")),
-          1
-          /* TEXT */
-        ),
-        n(c, {
-          checked: o.optionModel.boxModel.shadowShow,
-          "onUpdate:checked": t[14] || (t[14] = (d) => o.optionModel.boxModel.shadowShow = d)
-        }, null, 8, ["checked"])
-      ]),
-      o.optionModel.boxModel.shadowShow ? (m(), g(
-        M,
-        { key: 0 },
-        [
-          e("div", vo, [
-            e(
-              "div",
-              _o,
-              l(o.i18nt("designer.setting.shadowOffsetX")),
-              1
-              /* TEXT */
-            ),
-            n(r, {
-              value: o.optionModel.boxModel.shadowOffsetX,
-              "onUpdate:value": t[15] || (t[15] = (d) => o.optionModel.boxModel.shadowOffsetX = d),
-              onInput: o.inputNumberHandler,
-              min: -100,
-              max: 100,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ]),
-          e("div", bo, [
-            e(
-              "div",
-              uo,
-              l(o.i18nt("designer.setting.shadowOffsetY")),
-              1
-              /* TEXT */
-            ),
-            n(r, {
-              value: o.optionModel.boxModel.shadowOffsetY,
-              "onUpdate:value": t[16] || (t[16] = (d) => o.optionModel.boxModel.shadowOffsetY = d),
-              onInput: o.inputNumberHandler,
-              min: -100,
-              max: 100,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ]),
-          e("div", go, [
-            e(
-              "div",
-              mo,
-              l(o.i18nt("designer.setting.shadowBlur")),
-              1
-              /* TEXT */
-            ),
-            n(r, {
-              value: o.optionModel.boxModel.shadowBlur,
-              "onUpdate:value": t[17] || (t[17] = (d) => o.optionModel.boxModel.shadowBlur = d),
-              onInput: o.inputNumberHandler,
-              min: 0,
-              max: 100,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ]),
-          e("div", co, [
-            e(
-              "div",
-              Mo,
-              l(o.i18nt("designer.setting.shadowSpread")),
-              1
-              /* TEXT */
-            ),
-            n(r, {
-              value: o.optionModel.boxModel.shadowSpread,
-              "onUpdate:value": t[18] || (t[18] = (d) => o.optionModel.boxModel.shadowSpread = d),
-              onInput: o.inputNumberHandler,
-              min: -100,
-              max: 100,
-              style: { width: "100%" },
-              "addon-after": "px"
-            }, null, 8, ["value", "onInput"])
-          ]),
-          e("div", yo, [
-            e(
-              "div",
-              ho,
-              l(o.i18nt("designer.setting.shadowColor")),
-              1
-              /* TEXT */
-            ),
-            n(u, {
-              value: o.optionModel.boxModel.shadowColor,
-              "onUpdate:value": t[19] || (t[19] = (d) => o.optionModel.boxModel.shadowColor = d),
-              type: "color",
-              style: { width: "100%" }
-            }, null, 8, ["value"])
-          ])
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : p("v-if", !0)
-    ])
-  ]);
-}
-const Co = /* @__PURE__ */ f(x, [["render", xo], ["__scopeId", "data-v-a46594b1"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7e82120e"]]);
 export {
-  Co as default
+  p as default
 };