@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

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

@@ -0,0 +1,52 @@
+import m from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as p, openBlock as g, withCtx as t, createVNode as n, createTextVNode as l, toDisplayString as s } from "vue";
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "actionColumnPosition-editor",
+  mixins: [m],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  computed: {
+    noLabelSetting() {
+      return this.selectedWidget.type === "static-text" || this.selectedWidget.type === "html-text";
+    }
+  }
+};
+function b(e, i, a, C, v, h) {
+  const r = o("a-radio-button"), d = o("a-radio-group"), c = o("a-form-item");
+  return g(), p(c, {
+    label: e.i18nt("designer.setting.actionColumnPosition")
+  }, {
+    default: t(() => [
+      n(d, {
+        value: a.optionModel.actionColumnPosition,
+        "onUpdate:value": i[0] || (i[0] = (u) => a.optionModel.actionColumnPosition = u),
+        class: "radio-group-custom"
+      }, {
+        default: t(() => [
+          n(r, { value: "left" }, {
+            default: t(() => [
+              l(s(e.i18nt("designer.setting.leftAlign")), 1)
+            ]),
+            _: 1
+          }),
+          n(r, { value: "right" }, {
+            default: t(() => [
+              l(s(e.i18nt("designer.setting.rightAlign")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const y = /* @__PURE__ */ _(f, [["render", b]]);
+export {
+  y as default
+};

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

@@ -0,0 +1,31 @@
+import a from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as l, openBlock as p, withCtx as c, createVNode as f } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  name: "addonAfter-editor",
+  mixins: [a],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(n, e, t, u, b, x) {
+  const r = o("a-input"), d = o("a-form-item");
+  return p(), l(d, {
+    label: n.i18nt("designer.setting.addonAfter")
+  }, {
+    default: c(() => [
+      f(r, {
+        type: "text",
+        value: t.optionModel.addonAfter,
+        "onUpdate:value": e[0] || (e[0] = (i) => t.optionModel.addonAfter = i)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ m(s, [["render", _]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,31 @@
+import a from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as l, openBlock as p, withCtx as c, createVNode as f } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  name: "addonBefore-editor",
+  mixins: [a],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(n, e, o, u, B, b) {
+  const r = t("a-input"), d = t("a-form-item");
+  return p(), l(d, {
+    label: n.i18nt("designer.setting.addonBefore")
+  }, {
+    default: c(() => [
+      f(r, {
+        type: "text",
+        value: o.optionModel.addonBefore,
+        "onUpdate:value": e[0] || (e[0] = (i) => o.optionModel.addonBefore = i)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ m(s, [["render", _]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,30 @@
+import c from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as i, openBlock as d, withCtx as s, createVNode as m } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "allowClear-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(l, e, o, w, C, u) {
+  const n = t("a-switch"), r = t("a-form-item");
+  return d(), i(r, {
+    label: l.i18nt("designer.setting.allowClear")
+  }, {
+    default: s(() => [
+      m(n, {
+        checked: o.optionModel.allowClear,
+        "onUpdate:checked": e[0] || (e[0] = (a) => o.optionModel.allowClear = a)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const g = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,43 @@
+import s from "../../../../utils/i18n.js";
+import { resolveComponent as t, createElementBlock as l, openBlock as m, createVNode as e, withCtx as o, createTextVNode as u, toDisplayString as _ } from "vue";
+import f from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "appendButton-editor",
+  mixins: [s],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function g(n, i, d, b, h, k) {
+  const a = t("a-divider"), r = t("a-form-item"), c = t("a-switch");
+  return m(), l("div", null, [
+    e(r, { "label-width": "0" }, {
+      default: o(() => [
+        e(a, { class: "custom-divider" }, {
+          default: o(() => [
+            u(_(n.i18nt("designer.setting.inputButton")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    e(r, {
+      label: n.i18nt("designer.setting.appendButton")
+    }, {
+      default: o(() => [
+        e(c, {
+          checked: d.optionModel.appendButton,
+          "onUpdate:checked": i[0] || (i[0] = (p) => d.optionModel.appendButton = p)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"])
+  ]);
+}
+const j = /* @__PURE__ */ f(B, [["render", g]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,30 @@
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as c, openBlock as r, withCtx as s, createVNode as l } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "appendButtonDisabled-editor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(n, e, t, u, b, B) {
+  const d = o("a-switch"), i = o("a-form-item");
+  return r(), c(i, {
+    label: n.i18nt("designer.setting.appendButtonDisabled")
+  }, {
+    default: s(() => [
+      l(d, {
+        checked: t.optionModel.appendButtonDisabled,
+        "onUpdate:checked": e[0] || (e[0] = (a) => t.optionModel.appendButtonDisabled = a)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const g = /* @__PURE__ */ m(_, [["render", f]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,30 @@
+import d from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as r, openBlock as a, withCtx as s, createVNode as m } from "vue";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = {
+  name: "autoFullWidth-editor",
+  mixins: [d],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(n, t, e, f, h, W) {
+  const i = o("a-switch"), l = o("a-form-item");
+  return a(), r(l, {
+    label: n.i18nt("designer.setting.autoFullWidth")
+  }, {
+    default: s(() => [
+      m(i, {
+        checked: e.optionModel.autoFullWidth,
+        "onUpdate:checked": t[0] || (t[0] = (c) => e.optionModel.autoFullWidth = c)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const g = /* @__PURE__ */ u(p, [["render", _]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,30 @@
+import i from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as s, openBlock as m, withCtx as a, createVNode as l } from "vue";
+import p from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "border-editor",
+  mixins: [i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(r, e, o, b, u, h) {
+  const n = t("a-switch"), c = t("a-form-item");
+  return m(), s(c, {
+    label: r.i18nt("designer.setting.border")
+  }, {
+    default: a(() => [
+      l(n, {
+        checked: o.optionModel.border,
+        "onUpdate:checked": e[0] || (e[0] = (d) => o.optionModel.border = d)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  j as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import f from "./button-list-editor.vue2.js";
+export {
+  f as default
+};