@kp-ui/lowcode 2.15.0-alpha.6 → 2.15.0-alpha.8

package/src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as p, useModel as d } from "vue";
-import { useI18n as u } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as s } from "../../../../../constants/EditorTypeEnum.js";
-import { useEditor as m } from "../useEditor.js";
-const _ = /* @__PURE__ */ p({
-  name: s.colHeightEditor,
+import { defineComponent as a, useModel as s, resolveComponent as t, createElementBlock as c, openBlock as f, createVNode as n, unref as i, withCtx as _ } from "vue";
+import { useI18n as g } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as b } from "../../../../../constants/EditorTypeEnum.js";
+import { useEditor as h } from "../useEditor.js";
+const x = /* @__PURE__ */ a({
+  name: b.colHeightEditor,
   __name: "colHeight-editor",
   props: {
     optionModel: {
@@ -14,12 +14,29 @@ const _ = /* @__PURE__ */ p({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const { i18nt: r } = u(), i = d(o, "optionModel"), { inputNumberHandler: n } = m(), e = { i18nt: r, optionModel: i, inputNumberHandler: n };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(l) {
+    const { i18nt: r } = g(), e = s(l, "optionModel"), { inputNumberHandler: u } = h();
+    return (v, o) => {
+      const p = t("a-input-number"), m = t("a-form-item");
+      return f(), c("div", null, [
+        n(m, {
+          label: i(r)("designer.setting.gridColHeight")
+        }, {
+          default: _(() => [
+            n(p, {
+              value: e.value.colHeight,
+              "onUpdate:value": o[0] || (o[0] = (d) => e.value.colHeight = d),
+              onInput: i(u),
+              min: 0,
+              class: "hide-spin-button"
+            }, null, 8, ["value", "onInput"])
+          ]),
+          _: 1
+        }, 8, ["label"])
+      ]);
+    };
   }
 });
 export {
-  _ as default
+  x as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -1,125 +1,7 @@
-import f from "./gutter-editor.vue2.js";
-import { resolveComponent as d, createElementBlock as v, openBlock as b, createVNode as t, withCtx as l, createTextVNode as g, toDisplayString as r, createElementVNode as m, mergeProps as C } from "vue";
+import t from "./gutter-editor.vue2.js";
 /* empty css                   */
-import h from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const k = { class: "col-item" }, w = { class: "col-span-title" };
-function y(x, n, i, e, V, N) {
-  const _ = d("a-divider"), a = d("a-form-item"), u = d("a-input-number"), s = d("a-button");
-  return b(), v("div", null, [
-    t(a, { "label-width": "0" }, {
-      default: l(() => [
-        t(_, { class: "custom-divider" }, {
-          default: l(() => [
-            g(
-              r(e.i18nt("designer.setting.columnSetting")),
-              1
-              /* TEXT */
-            )
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ]),
-      _: 1
-      /* STABLE */
-    }),
-    t(a, {
-      label: e.i18nt("designer.setting.gutter")
-    }, {
-      default: l(() => [
-        t(u, {
-          value: e.optionModel.gutter,
-          "onUpdate:value": n[0] || (n[0] = (o) => e.optionModel.gutter = o),
-          style: { width: "100%" }
-        }, null, 8, ["value"])
-      ]),
-      _: 1
-      /* STABLE */
-    }, 8, ["label"]),
-    t(a, {
-      label: e.i18nt("designer.setting.colsOfGrid")
-    }, null, 8, ["label"]),
-    t(a, { "label-width": "0" }, {
-      default: l(() => [
-        t(e.Draggable, C({
-          list: i.selectedWidget.cols,
-          "item-key": "id"
-        }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
-          tag: "transition-group",
-          "component-data": { name: "fade" },
-          handle: ".drag-handler"
-        }), {
-          item: l(({ element: o, index: p }) => [
-            m("li", k, [
-              m(
-                "span",
-                w,
-                r(e.i18nt("designer.setting.colSpanTitle")) + r(p + 1),
-                1
-                /* TEXT */
-              ),
-              t(u, {
-                value: o.options.span,
-                "onUpdate:value": (c) => o.options.span = c,
-                min: 1,
-                max: 24,
-                onChange: n[1] || (n[1] = (c, S) => e.spanChanged(i.selectedWidget)),
-                class: "cell-span-input"
-              }, null, 8, ["value", "onUpdate:value"]),
-              t(s, {
-                circle: "",
-                shape: "plain",
-                size: "small",
-                type: "danger",
-                onClick: (c) => e.deleteCol(i.selectedWidget, p),
-                class: "col-delete-button"
-              }, {
-                default: l(() => n[3] || (n[3] = [
-                  g(" 删除 ")
-                ])),
-                _: 2,
-                __: [3]
-              }, 1032, ["onClick"]),
-              t(s, {
-                circle: "",
-                shape: "plain",
-                size: "small",
-                class: "col-delete-button drag-handler"
-              }, {
-                default: l(() => [
-                  t(e.SvgIcon, { "icon-class": "icon-move1" })
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["list"]),
-        m("div", null, [
-          t(s, {
-            type: "primary",
-            onClick: n[2] || (n[2] = (o) => e.addNewCol(i.selectedWidget))
-          }, {
-            default: l(() => [
-              g(
-                r(e.i18nt("designer.setting.addColumn")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ])
-      ]),
-      _: 1
-      /* STABLE */
-    })
-  ]);
-}
-const B = /* @__PURE__ */ h(f, [["render", y], ["__scopeId", "data-v-e65866d5"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue"]]);
+import o from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-53af80d2"]]);
 export {
-  B as default
+  m as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as l, mergeModels as a, useModel as m, unref as o } from "vue";
-import { useI18n as c } from "../../../../../utils/i18n.js";
-import { SvgIcon as f } from "tmgc2-share";
-import g from "../../../../../lib/vuedraggable/src/vuedraggable.js";
-import { EditorTypeEnum as C } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as _ } from "../../../form-widget/useFormDesigner.js";
-const w = /* @__PURE__ */ l({
-  name: C.gutterEditor,
+import { defineComponent as w, mergeModels as k, useModel as E, resolveComponent as r, createElementBlock as S, openBlock as N, createVNode as t, withCtx as l, createTextVNode as g, toDisplayString as u, unref as o, createElementVNode as f, mergeProps as V } from "vue";
+import { useI18n as W } from "../../../../../utils/i18n.js";
+import { SvgIcon as G } from "tmgc2-share";
+import O from "../../../../../lib/vuedraggable/src/vuedraggable.js";
+import { EditorTypeEnum as H } from "../../../../../constants/EditorTypeEnum.js";
+import { useDesigner as T } from "../../../form-widget/useFormDesigner.js";
+const U = { class: "col-item" }, z = { class: "col-span-title" }, A = /* @__PURE__ */ w({
+  name: H.gutterEditor,
   __name: "gutter-editor",
-  props: /* @__PURE__ */ a({
-    selectedWidget: { type: Object, required: !0 }
+  props: /* @__PURE__ */ k({
+    selectedWidget: {}
   }, {
     optionModel: {
       type: Object,
@@ -18,25 +18,114 @@ const w = /* @__PURE__ */ l({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(i, { expose: d }) {
-    d();
-    const { i18nt: s } = c(), { designer: e } = _(), p = m(i, "optionModel"), n = { i18nt: s, designer: e, optionModel: p, spanChanged: function(t) {
-      let r = 0;
-      t.cols.forEach((u) => {
-        r += u.options.span;
-      }), r > 24 && console.log("列栅格之和超出24"), o(e).saveCurrentHistoryStep();
-    }, deleteCol: function(t, r) {
-      o(e).deleteColOfGrid(t, r), o(e).emitHistoryChange();
-    }, addNewCol: function(t) {
-      o(e).addNewColOfGrid(t), o(e).emitHistoryChange();
-    }, get SvgIcon() {
-      return f;
-    }, get Draggable() {
-      return g;
-    } };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+  setup(b) {
+    const { i18nt: i } = W(), { designer: s } = T(), _ = E(b, "optionModel"), h = function(n) {
+      let e = 0;
+      n.cols.forEach((p) => {
+        e += p.options.span;
+      }), e > 24 && console.log("列栅格之和超出24"), o(s).saveCurrentHistoryStep();
+    }, y = function(n, e) {
+      o(s).deleteColOfGrid(n, e), o(s).emitHistoryChange();
+    }, M = function(n) {
+      o(s).addNewColOfGrid(n), o(s).emitHistoryChange();
+    };
+    return (n, e) => {
+      const p = r("a-divider"), d = r("a-form-item"), v = r("a-input-number"), m = r("a-button");
+      return N(), S("div", null, [
+        t(d, { "label-width": "0" }, {
+          default: l(() => [
+            t(p, { class: "custom-divider" }, {
+              default: l(() => [
+                g(u(o(i)("designer.setting.columnSetting")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        t(d, {
+          label: o(i)("designer.setting.gutter")
+        }, {
+          default: l(() => [
+            t(v, {
+              value: _.value.gutter,
+              "onUpdate:value": e[0] || (e[0] = (a) => _.value.gutter = a),
+              style: { width: "100%" }
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        t(d, {
+          label: o(i)("designer.setting.colsOfGrid")
+        }, null, 8, ["label"]),
+        t(d, { "label-width": "0" }, {
+          default: l(() => [
+            t(o(O), V({
+              list: n.selectedWidget.cols,
+              "item-key": "id"
+            }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
+              tag: "transition-group",
+              "component-data": { name: "fade" },
+              handle: ".drag-handler"
+            }), {
+              item: l(({ element: a, index: C }) => [
+                f("li", U, [
+                  f("span", z, u(o(i)("designer.setting.colSpanTitle")) + u(C + 1), 1),
+                  t(v, {
+                    value: a.options.span,
+                    "onUpdate:value": (c) => a.options.span = c,
+                    min: 1,
+                    max: 24,
+                    onChange: e[1] || (e[1] = (c, B) => h(n.selectedWidget)),
+                    class: "cell-span-input"
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  t(m, {
+                    circle: "",
+                    shape: "plain",
+                    size: "small",
+                    type: "danger",
+                    onClick: (c) => y(n.selectedWidget, C),
+                    class: "col-delete-button"
+                  }, {
+                    default: l(() => e[3] || (e[3] = [
+                      g(" 删除 ")
+                    ])),
+                    _: 2,
+                    __: [3]
+                  }, 1032, ["onClick"]),
+                  t(m, {
+                    circle: "",
+                    shape: "plain",
+                    size: "small",
+                    class: "col-delete-button drag-handler"
+                  }, {
+                    default: l(() => [
+                      t(o(G), { "icon-class": "icon-move1" })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"]),
+            f("div", null, [
+              t(m, {
+                type: "primary",
+                onClick: e[2] || (e[2] = (a) => M(n.selectedWidget))
+              }, {
+                default: l(() => [
+                  g(u(o(i)("designer.setting.addColumn")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 });
 export {
-  w as default
+  A as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue.js

@@ -1,25 +1,4 @@
 import f from "./grid-col-offset-editor.vue2.js";
-import { resolveComponent as t, createBlock as l, openBlock as m, withCtx as s, createVNode as a } from "vue";
-import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function c(d, o, _, e, u, g) {
-  const n = t("a-input-number"), r = t("a-form-item");
-  return m(), l(r, {
-    label: e.i18nt("designer.setting.colOffsetTitle")
-  }, {
-    default: s(() => [
-      a(n, {
-        value: e.optionModel.offset,
-        "onUpdate:value": o[0] || (o[0] = (i) => e.optionModel.offset = i),
-        min: 0,
-        max: 24,
-        style: { width: "100%" }
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const k = /* @__PURE__ */ p(f, [["render", c], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue"]]);
 export {
-  k as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as n, useModel as p } from "vue";
-import { useI18n as d } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as s } from "../../../../../constants/EditorTypeEnum.js";
-const m = /* @__PURE__ */ n({
-  name: s.gridColOffsetEditor,
+import { defineComponent as m, useModel as p, resolveComponent as t, createBlock as s, openBlock as u, unref as a, withCtx as d, createVNode as c } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ m({
+  name: M.gridColOffsetEditor,
   __name: "grid-col-offset-editor",
   props: {
     optionModel: {
@@ -13,12 +13,27 @@ const m = /* @__PURE__ */ n({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const { i18nt: r } = d(), i = p(o, "optionModel"), e = { i18nt: r, optionModel: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(n) {
+    const { i18nt: i } = _(), e = p(n, "optionModel");
+    return (v, o) => {
+      const r = t("a-input-number"), l = t("a-form-item");
+      return u(), s(l, {
+        label: a(i)("designer.setting.colOffsetTitle")
+      }, {
+        default: d(() => [
+          c(r, {
+            value: e.value.offset,
+            "onUpdate:value": o[0] || (o[0] = (f) => e.value.offset = f),
+            min: 0,
+            max: 24,
+            style: { width: "100%" }
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  m as default
+  C as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue.js

@@ -1,25 +1,4 @@
-import i from "./grid-col-pull-editor.vue2.js";
-import { resolveComponent as t, createBlock as p, openBlock as m, withCtx as a, createVNode as c } from "vue";
-import d from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function s(u, o, _, e, f, g) {
-  const n = t("a-input-number"), r = t("a-form-item");
-  return m(), p(r, {
-    label: e.i18nt("designer.setting.colPullTitle")
-  }, {
-    default: a(() => [
-      c(n, {
-        value: e.optionModel.pull,
-        "onUpdate:value": o[0] || (o[0] = (l) => e.optionModel.pull = l),
-        min: 0,
-        max: 24,
-        style: { width: "100%" }
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const k = /* @__PURE__ */ d(i, [["render", s], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue"]]);
+import f from "./grid-col-pull-editor.vue2.js";
 export {
-  k as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as n, useModel as p } from "vue";
-import { useI18n as d } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as l } from "../../../../../constants/EditorTypeEnum.js";
-const a = /* @__PURE__ */ n({
-  name: l.gridColPullEditor,
+import { defineComponent as p, useModel as m, resolveComponent as t, createBlock as a, openBlock as d, unref as s, withCtx as c, createVNode as _ } from "vue";
+import { useI18n as f } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as M } from "../../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ p({
+  name: M.gridColPullEditor,
   __name: "grid-col-pull-editor",
   props: {
     optionModel: {
@@ -13,12 +13,27 @@ const a = /* @__PURE__ */ n({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const { i18nt: r } = d(), i = p(o, "optionModel"), e = { i18nt: r, optionModel: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(l) {
+    const { i18nt: n } = f(), e = m(l, "optionModel");
+    return (v, o) => {
+      const i = t("a-input-number"), r = t("a-form-item");
+      return d(), a(r, {
+        label: s(n)("designer.setting.colPullTitle")
+      }, {
+        default: c(() => [
+          _(i, {
+            value: e.value.pull,
+            "onUpdate:value": o[0] || (o[0] = (u) => e.value.pull = u),
+            min: 0,
+            max: 24,
+            style: { width: "100%" }
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  a as default
+  C as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue.js

@@ -1,25 +1,4 @@
-import l from "./grid-col-push-editor.vue2.js";
-import { resolveComponent as t, createBlock as p, openBlock as m, withCtx as s, createVNode as a } from "vue";
-import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function d(u, o, _, e, f, g) {
-  const n = t("a-input-number"), r = t("a-form-item");
-  return m(), p(r, {
-    label: e.i18nt("designer.setting.colPushTitle")
-  }, {
-    default: s(() => [
-      a(n, {
-        value: e.optionModel.push,
-        "onUpdate:value": o[0] || (o[0] = (i) => e.optionModel.push = i),
-        min: 0,
-        max: 24,
-        style: { width: "100%" }
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const x = /* @__PURE__ */ c(l, [["render", d], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue"]]);
+import f from "./grid-col-push-editor.vue2.js";
 export {
-  x as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as n, useModel as p } from "vue";
-import { useI18n as d } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as s } from "../../../../../constants/EditorTypeEnum.js";
-const a = /* @__PURE__ */ n({
-  name: s.gridColPushEditor,
+import { defineComponent as p, useModel as m, resolveComponent as t, createBlock as s, openBlock as a, unref as d, withCtx as c, createVNode as _ } from "vue";
+import { useI18n as f } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
+const x = /* @__PURE__ */ p({
+  name: h.gridColPushEditor,
   __name: "grid-col-push-editor",
   props: {
     optionModel: {
@@ -13,12 +13,27 @@ const a = /* @__PURE__ */ n({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const { i18nt: r } = d(), i = p(o, "optionModel"), e = { i18nt: r, optionModel: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(n) {
+    const { i18nt: i } = f(), e = m(n, "optionModel");
+    return (M, o) => {
+      const r = t("a-input-number"), u = t("a-form-item");
+      return a(), s(u, {
+        label: d(i)("designer.setting.colPushTitle")
+      }, {
+        default: c(() => [
+          _(r, {
+            value: e.value.push,
+            "onUpdate:value": o[0] || (o[0] = (l) => e.value.push = l),
+            min: 0,
+            max: 24,
+            style: { width: "100%" }
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  a as default
+  x as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue.js

@@ -1,22 +1,4 @@
-import s from "./grid-col-responsive-editor.vue2.js";
-import { resolveComponent as n, createBlock as c, openBlock as p, withCtx as d, createVNode as l } from "vue";
-import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function a(_, o, f, e, g, v) {
-  const r = n("a-switch"), t = n("a-form-item");
-  return p(), c(t, {
-    label: e.i18nt("designer.setting.responsive")
-  }, {
-    default: d(() => [
-      l(r, {
-        checked: e.optionModel.responsive,
-        "onUpdate:checked": o[0] || (o[0] = (i) => e.optionModel.responsive = i)
-      }, null, 8, ["checked"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const w = /* @__PURE__ */ m(s, [["render", a], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue"]]);
+import f from "./grid-col-responsive-editor.vue2.js";
 export {
-  w as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as n, useModel as p } from "vue";
-import { useI18n as s } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as d } from "../../../../../constants/EditorTypeEnum.js";
-const a = /* @__PURE__ */ n({
-  name: d.gridColResponsiveEditor,
+import { defineComponent as d, useModel as l, resolveComponent as t, createBlock as c, openBlock as a, unref as m, withCtx as u, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ d({
+  name: v.gridColResponsiveEditor,
   __name: "grid-col-responsive-editor",
   props: {
     optionModel: {
@@ -13,12 +13,24 @@ const a = /* @__PURE__ */ n({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const { i18nt: r } = s(), i = p(o, "optionModel"), e = { i18nt: r, optionModel: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(n) {
+    const { i18nt: i } = _(), e = l(n, "optionModel");
+    return (M, o) => {
+      const r = t("a-switch"), s = t("a-form-item");
+      return a(), c(s, {
+        label: m(i)("designer.setting.responsive")
+      }, {
+        default: u(() => [
+          f(r, {
+            checked: e.value.responsive,
+            "onUpdate:checked": o[0] || (o[0] = (p) => e.value.responsive = p)
+          }, null, 8, ["checked"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  a as default
+  C as default
 };