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

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

@@ -1,7 +1,544 @@
-import o from "./boxModel-editor.vue2.js";
+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";
 /* empty css                     */
-import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7e82120e"]]);
+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"]]);
 export {
-  p as default
+  Co as default
 };