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

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-customClass-editor.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as C, useModel as _, ref as u, computed as g, unref as o, watchEffect as S } from "vue";
-import { useI18n as M } from "../../../../../utils/i18n.js";
-import { deepClone as E, getDSByName as h } from "../../../../../utils/util.js";
-import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
-import { useDesigner as b } from "../../../form-widget/useFormDesigner.js";
-const k = /* @__PURE__ */ C({
-  name: v.dataTableCustomClassEditor,
+import { defineComponent as c, useModel as f, ref as r, computed as C, unref as o, watchEffect as _, resolveComponent as i, createBlock as v, openBlock as g, withCtx as M, createVNode as E } from "vue";
+import { useI18n as b } from "../../../../../utils/i18n.js";
+import { deepClone as w } from "../../../../../utils/util.js";
+import { EditorTypeEnum as h } from "../../../../../constants/EditorTypeEnum.js";
+import { useDesigner as x } from "../../../form-widget/useFormDesigner.js";
+const P = /* @__PURE__ */ c({
+  name: h.dataTableCustomClassEditor,
   componentName: "PropertyEditor",
   __name: "data-table-customClass-editor",
   props: {
@@ -16,29 +16,32 @@ const k = /* @__PURE__ */ C({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(d, { expose: m }) {
-    m();
-    const f = _(d, "optionModel"), { designer: e } = b(), { i18nt: p } = M(), n = u([]), s = u([]), l = (t) => {
-      if (s.value.length = 0, !t)
-        return;
-      const a = h(o(e).formConfig, t);
-      a && a.dataSets && a.dataSets.forEach((r) => {
-        o(s).push({
-          name: r.name,
-          remark: r.remark
-        });
-      });
-    }, c = g(() => !o(e).formConfig || !o(e).formConfig.dataSources ? [] : o(e).formConfig.dataSources);
-    S(() => {
-      var t, a;
-      e != null && e.value && (n.value = E((a = (t = o(e)) == null ? void 0 : t.getCssClassList) == null ? void 0 : a.call(t)), o(e).handleEvent("form-css-updated", (r) => {
-        n.value = r;
+  setup(m) {
+    const l = f(m, "optionModel"), { designer: e } = x(), { i18nt: u } = b(), a = r([]);
+    return r([]), C(() => !o(e).formConfig || !o(e).formConfig.dataSources ? [] : o(e).formConfig.dataSources), _(() => {
+      var t, s;
+      e != null && e.value && (a.value = w((s = (t = o(e)) == null ? void 0 : t.getCssClassList) == null ? void 0 : s.call(t)), o(e).handleEvent("form-css-updated", (n) => {
+        a.value = n;
       }));
-    });
-    const i = { optionModel: f, designer: e, i18nt: p, cssClassList: n, dataSetList: s, loadDataSet: l, dataSourceList: c };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+    }), (t, s) => {
+      const n = i("a-select"), p = i("a-form-item");
+      return g(), v(p, {
+        label: o(u)("designer.setting.customClass")
+      }, {
+        default: M(() => [
+          E(n, {
+            value: l.value.customClass,
+            "onUpdate:value": s[0] || (s[0] = (d) => l.value.customClass = d),
+            allowClear: "",
+            mode: "tags",
+            options: a.value
+          }, null, 8, ["value", "options"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  k as default
+  P as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue.js

@@ -1,68 +1,4 @@
-import b from "./data-table-dsEnabled-editor.vue2.js";
-import { resolveComponent as o, createElementBlock as g, openBlock as n, Fragment as _, createVNode as t, createBlock as i, createCommentVNode as r, withCtx as d, createTextVNode as p, toDisplayString as E } from "vue";
-import k from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function h(M, a, c, e, v, w) {
-  const s = o("a-switch"), l = o("a-form-item"), m = o("a-button");
-  return n(), g(
-    _,
-    null,
-    [
-      t(l, {
-        label: e.i18nt("designer.setting.dsEnabled")
-      }, {
-        default: d(() => [
-          t(s, {
-            checked: e.optionModel.dsEnabled,
-            "onUpdate:checked": a[0] || (a[0] = (f) => e.optionModel.dsEnabled = f)
-          }, null, 8, ["checked"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      e.optionModel.dsEnabled ? r("v-if", !0) : (n(), i(l, {
-        key: 0,
-        label: e.i18nt("designer.setting.tableDataEdit")
-      }, {
-        default: d(() => [
-          t(m, {
-            type: "primary",
-            shape: "round",
-            onClick: e.openTableDataEdit
-          }, {
-            default: d(() => [
-              p(
-                E(e.i18nt("designer.setting.editAction")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"])),
-      t(e.CodeModalEditor, {
-        ref: "CodeModalEditorRef",
-        mode: "json",
-        readonly: !1,
-        isShowEventHeader: !1,
-        title: e.i18nt("designer.setting.tableDataEdit"),
-        onSave: e.handleUpdate
-      }, null, 8, ["title"]),
-      e.optionModel.dsEnabled ? (n(), i(e.HttpEditor, {
-        key: 1,
-        label: e.i18nt("designer.setting.editAPIConfig"),
-        "selected-widget": c.selectedWidget,
-        optionModel: e.optionModel
-      }, null, 8, ["label", "selected-widget", "optionModel"])) : r("v-if", !0)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const D = /* @__PURE__ */ k(b, [["render", h], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue"]]);
+import f from "./data-table-dsEnabled-editor.vue2.js";
 export {
-  D as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-dsEnabled-editor.vue2.js

@@ -1,16 +1,16 @@
-import { defineComponent as m, mergeModels as c, useModel as f, ref as n, unref as i } from "vue";
-import { useI18n as b } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as g } from "../../../../../constants/EditorTypeEnum.js";
-import E from "../../../../http-editor/index.vue.js";
-import M from "../../../../code-editor/code-modal-editor.vue.js";
-import { message as _ } from "ant-design-vue";
-import { useDesigner as O } from "../../../form-widget/useFormDesigner.js";
-const q = /* @__PURE__ */ m({
-  name: g.dataTableDsEnabledEditor,
+import { defineComponent as M, mergeModels as y, useModel as k, ref as p, resolveComponent as i, createElementBlock as C, openBlock as r, Fragment as D, createVNode as a, createBlock as u, createCommentVNode as f, unref as t, withCtx as s, createTextVNode as w, toDisplayString as S } from "vue";
+import { useI18n as N } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as O } from "../../../../../constants/EditorTypeEnum.js";
+import x from "../../../../http-editor/index.vue.js";
+import B from "../../../../code-editor/code-modal-editor.vue.js";
+import { message as T } from "ant-design-vue";
+import { useDesigner as A } from "../../../form-widget/useFormDesigner.js";
+const W = /* @__PURE__ */ M({
+  name: O.dataTableDsEnabledEditor,
   inheritAttrs: !1,
   __name: "data-table-dsEnabled-editor",
-  props: /* @__PURE__ */ c({
-    selectedWidget: { type: Object, required: !0 }
+  props: /* @__PURE__ */ y({
+    selectedWidget: {}
   }, {
     optionModel: {
       type: Object,
@@ -20,20 +20,68 @@ const q = /* @__PURE__ */ m({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(d, { expose: s }) {
-    s();
-    const { designer: l } = O(), e = f(d, "optionModel"), { i18nt: a } = b(), t = n(""), o = n(null), r = { designer: l, optionModel: e, i18nt: a, tableDataOptions: t, CodeModalEditorRef: o, handleUpdate: (p) => {
+  setup(g) {
+    A();
+    const e = k(g, "optionModel"), { i18nt: o } = N(), c = p(""), l = p(null), b = (d) => {
       try {
-        e.value.dataSource = JSON.parse(p);
-      } catch (u) {
-        _.error(a("designer.hint.invalidOptionsData") + u.message);
+        e.value.dataSource = JSON.parse(d);
+      } catch (n) {
+        T.error(o("designer.hint.invalidOptionsData") + n.message);
       }
-    }, openTableDataEdit: () => {
-      t.value = JSON.stringify(i(e).dataSource, null, "  "), o.value && o.value.open(i(t));
-    }, HttpEditor: E, CodeModalEditor: M };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    }, _ = () => {
+      c.value = JSON.stringify(t(e).dataSource, null, "  "), l.value && l.value.open(t(c));
+    };
+    return (d, n) => {
+      const E = i("a-switch"), m = i("a-form-item"), v = i("a-button");
+      return r(), C(D, null, [
+        a(m, {
+          label: t(o)("designer.setting.dsEnabled")
+        }, {
+          default: s(() => [
+            a(E, {
+              checked: e.value.dsEnabled,
+              "onUpdate:checked": n[0] || (n[0] = (h) => e.value.dsEnabled = h)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        e.value.dsEnabled ? f("", !0) : (r(), u(m, {
+          key: 0,
+          label: t(o)("designer.setting.tableDataEdit")
+        }, {
+          default: s(() => [
+            a(v, {
+              type: "primary",
+              shape: "round",
+              onClick: _
+            }, {
+              default: s(() => [
+                w(S(t(o)("designer.setting.editAction")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"])),
+        a(B, {
+          ref_key: "CodeModalEditorRef",
+          ref: l,
+          mode: "json",
+          readonly: !1,
+          isShowEventHeader: !1,
+          title: t(o)("designer.setting.tableDataEdit"),
+          onSave: b
+        }, null, 8, ["title"]),
+        e.value.dsEnabled ? (r(), u(x, {
+          key: 1,
+          label: t(o)("designer.setting.editAPIConfig"),
+          "selected-widget": d.selectedWidget,
+          optionModel: e.value
+        }, null, 8, ["label", "selected-widget", "optionModel"])) : f("", !0)
+      ], 64);
+    };
   }
 });
 export {
-  q as default
+  W as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue.js

@@ -1,201 +1,5 @@
-import S from "./data-table-pagination-editor.vue2.js";
-import { resolveComponent as a, createElementBlock as p, openBlock as d, Fragment as s, createVNode as o, withCtx as i, createBlock as c, createCommentVNode as w, createTextVNode as m, toDisplayString as _, renderList as u } from "vue";
+import o from "./data-table-pagination-editor.vue2.js";
 /* empty css                                  */
-import z from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function M(P, t, y, e, C, U) {
-  const r = a("a-switch"), k = a("a-button"), b = a("a-space"), l = a("a-form-item"), f = a("a-select-option"), g = a("a-select"), h = a("a-form"), v = a("a-drawer");
-  return d(), p(
-    s,
-    null,
-    [
-      o(l, {
-        label: e.i18nt("designer.setting.showPagination")
-      }, {
-        default: i(() => [
-          o(b, null, {
-            default: i(() => [
-              o(r, {
-                checked: e.optionModel.showPagination,
-                "onUpdate:checked": t[0] || (t[0] = (n) => e.optionModel.showPagination = n)
-              }, null, 8, ["checked"]),
-              e.optionModel.showPagination ? (d(), c(k, {
-                key: 0,
-                type: "primary",
-                shape: "round",
-                size: "small",
-                onClick: e.editPagination
-              }, {
-                default: i(() => [
-                  m(
-                    _(e.i18nt("designer.setting.edit")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })) : w("v-if", !0)
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      o(v, {
-        class: "editor-Selection-drawer",
-        open: e.visible,
-        "onUpdate:open": t[7] || (t[7] = (n) => e.visible = n),
-        title: e.i18nt("designer.setting.pagination"),
-        placement: "right"
-      }, {
-        default: i(() => [
-          o(h, {
-            class: "editor-Selection-form",
-            model: e.optionModel.pagination,
-            layout: "horizontal"
-          }, {
-            default: i(() => [
-              o(l, {
-                label: e.i18nt("designer.setting.defaultPageSize")
-              }, {
-                default: i(() => [
-                  o(g, {
-                    value: e.optionModel.pagination.pageSize,
-                    "onUpdate:value": t[1] || (t[1] = (n) => e.optionModel.pagination.pageSize = n)
-                  }, {
-                    default: i(() => [
-                      (d(!0), p(
-                        s,
-                        null,
-                        u(e.pageSizeList, (n) => (d(), c(f, {
-                          key: n,
-                          value: n
-                        }, {
-                          default: i(() => [
-                            m(
-                              _(n),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["value"]))),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["value"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"]),
-              o(l, {
-                label: e.i18nt("designer.setting.specifyPageSizeOptions")
-              }, {
-                default: i(() => [
-                  o(g, {
-                    mode: "tags",
-                    value: e.optionModel.pagination.pageSizeOptions,
-                    "onUpdate:value": t[2] || (t[2] = (n) => e.optionModel.pagination.pageSizeOptions = n),
-                    onChange: e.pageSizeOptionsChange
-                  }, {
-                    default: i(() => [
-                      (d(!0), p(
-                        s,
-                        null,
-                        u(e.pageSizeOptionsList, (n) => (d(), c(f, {
-                          key: n,
-                          value: n
-                        }, {
-                          default: i(() => [
-                            m(
-                              _(n),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["value"]))),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["value"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"]),
-              o(l, {
-                label: e.i18nt("designer.setting.hideOnSinglePage")
-              }, {
-                default: i(() => [
-                  o(r, {
-                    checked: e.optionModel.pagination.hideOnSinglePage,
-                    "onUpdate:checked": t[3] || (t[3] = (n) => e.optionModel.pagination.hideOnSinglePage = n)
-                  }, null, 8, ["checked"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"]),
-              o(l, {
-                label: e.i18nt("designer.setting.showQuickJumper")
-              }, {
-                default: i(() => [
-                  o(r, {
-                    checked: e.optionModel.pagination.showQuickJumper,
-                    "onUpdate:checked": t[4] || (t[4] = (n) => e.optionModel.pagination.showQuickJumper = n)
-                  }, null, 8, ["checked"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"]),
-              o(l, {
-                label: e.i18nt("designer.setting.showSizeChanger")
-              }, {
-                default: i(() => [
-                  o(r, {
-                    checked: e.optionModel.pagination.showSizeChanger,
-                    "onUpdate:checked": t[5] || (t[5] = (n) => e.optionModel.pagination.showSizeChanger = n)
-                  }, null, 8, ["checked"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"]),
-              o(l, {
-                label: e.i18nt("designer.setting.position")
-              }, {
-                default: i(() => [
-                  o(g, {
-                    value: e.selectPosition,
-                    "onUpdate:value": t[6] || (t[6] = (n) => e.selectPosition = n),
-                    options: e.positionList
-                  }, null, 8, ["value", "options"])
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["label"])
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["model"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["open", "title"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const J = /* @__PURE__ */ z(S, [["render", M], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue"]]);
 export {
-  J as default
+  o as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-pagination-editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as _, useModel as h, ref as i, computed as r, unref as n } from "vue";
-import { useI18n as S } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as L } from "../../../../../constants/EditorTypeEnum.js";
-const O = /* @__PURE__ */ _({
+import { defineComponent as N, useModel as R, ref as m, computed as z, unref as i, resolveComponent as u, createElementBlock as v, openBlock as r, Fragment as f, createVNode as a, withCtx as o, createBlock as b, createCommentVNode as J, createTextVNode as _, toDisplayString as h, renderList as C } from "vue";
+import { useI18n as Q } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as V } from "../../../../../constants/EditorTypeEnum.js";
+const A = /* @__PURE__ */ N({
   inheritAttrs: !1,
-  name: L.paginationEditor,
+  name: V.paginationEditor,
   __name: "data-table-pagination-editor",
   props: {
     optionModel: {
@@ -14,35 +14,181 @@ const O = /* @__PURE__ */ _({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(l, { expose: u }) {
-    u();
-    const t = h(l, "optionModel"), { i18nt: g } = S(), a = i(!1), m = i(["10", "20", "50", "100"]), d = i([
+  setup(P) {
+    const n = R(P, "optionModel"), { i18nt: l } = Q(), g = m(!1), O = m(["10", "20", "50", "100"]), y = m([
       { value: "topLeft ", label: "topLeft " },
       { value: "topCenter", label: "topCenter" },
       { value: "topRight", label: "topRight" },
       { value: "bottomLeft", label: "bottomLeft" },
       { value: "bottomCenter", label: "bottomCenter" },
       { value: "bottomRight", label: "bottomRight" }
-    ]), f = () => {
-      t.value.pagination.pageSize = n(p)[0] || 20;
-    }, b = () => {
-      a.value = !0;
-    }, p = r(() => {
-      const e = n(t).pagination.pageSizeOptions.map(
-        (o) => Number(o)
+    ]), L = () => {
+      n.value.pagination.pageSize = i(k)[0] || 20;
+    }, U = () => {
+      g.value = !0;
+    }, k = z(() => {
+      const d = i(n).pagination.pageSizeOptions.map(
+        (t) => Number(t)
       );
-      return e.length === 0 ? [] : e.sort((o, v) => o - v);
-    }), c = r({
+      return d.length === 0 ? [] : d.sort((t, s) => t - s);
+    }), S = z({
       get() {
-        return n(t).pagination.position[0];
+        return i(n).pagination.position[0];
       },
-      set(e) {
-        t.value.pagination.position[0] = e;
+      set(d) {
+        n.value.pagination.position[0] = d;
       }
-    }), s = { optionModel: t, i18nt: g, visible: a, pageSizeOptionsList: m, positionList: d, pageSizeOptionsChange: f, editPagination: b, pageSizeList: p, selectPosition: c };
-    return Object.defineProperty(s, "__isScriptSetup", { enumerable: !1, value: !0 }), s;
+    });
+    return (d, t) => {
+      const s = u("a-switch"), M = u("a-button"), x = u("a-space"), p = u("a-form-item"), w = u("a-select-option"), c = u("a-select"), B = u("a-form"), E = u("a-drawer");
+      return r(), v(f, null, [
+        a(p, {
+          label: i(l)("designer.setting.showPagination")
+        }, {
+          default: o(() => [
+            a(x, null, {
+              default: o(() => [
+                a(s, {
+                  checked: n.value.showPagination,
+                  "onUpdate:checked": t[0] || (t[0] = (e) => n.value.showPagination = e)
+                }, null, 8, ["checked"]),
+                n.value.showPagination ? (r(), b(M, {
+                  key: 0,
+                  type: "primary",
+                  shape: "round",
+                  size: "small",
+                  onClick: U
+                }, {
+                  default: o(() => [
+                    _(h(i(l)("designer.setting.edit")), 1)
+                  ]),
+                  _: 1
+                })) : J("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        a(E, {
+          class: "editor-Selection-drawer",
+          open: g.value,
+          "onUpdate:open": t[7] || (t[7] = (e) => g.value = e),
+          title: i(l)("designer.setting.pagination"),
+          placement: "right"
+        }, {
+          default: o(() => [
+            a(B, {
+              class: "editor-Selection-form",
+              model: n.value.pagination,
+              layout: "horizontal"
+            }, {
+              default: o(() => [
+                a(p, {
+                  label: i(l)("designer.setting.defaultPageSize")
+                }, {
+                  default: o(() => [
+                    a(c, {
+                      value: n.value.pagination.pageSize,
+                      "onUpdate:value": t[1] || (t[1] = (e) => n.value.pagination.pageSize = e)
+                    }, {
+                      default: o(() => [
+                        (r(!0), v(f, null, C(k.value, (e) => (r(), b(w, {
+                          key: e,
+                          value: e
+                        }, {
+                          default: o(() => [
+                            _(h(e), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(p, {
+                  label: i(l)("designer.setting.specifyPageSizeOptions")
+                }, {
+                  default: o(() => [
+                    a(c, {
+                      mode: "tags",
+                      value: n.value.pagination.pageSizeOptions,
+                      "onUpdate:value": t[2] || (t[2] = (e) => n.value.pagination.pageSizeOptions = e),
+                      onChange: L
+                    }, {
+                      default: o(() => [
+                        (r(!0), v(f, null, C(O.value, (e) => (r(), b(w, {
+                          key: e,
+                          value: e
+                        }, {
+                          default: o(() => [
+                            _(h(e), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 128))
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(p, {
+                  label: i(l)("designer.setting.hideOnSinglePage")
+                }, {
+                  default: o(() => [
+                    a(s, {
+                      checked: n.value.pagination.hideOnSinglePage,
+                      "onUpdate:checked": t[3] || (t[3] = (e) => n.value.pagination.hideOnSinglePage = e)
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(p, {
+                  label: i(l)("designer.setting.showQuickJumper")
+                }, {
+                  default: o(() => [
+                    a(s, {
+                      checked: n.value.pagination.showQuickJumper,
+                      "onUpdate:checked": t[4] || (t[4] = (e) => n.value.pagination.showQuickJumper = e)
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(p, {
+                  label: i(l)("designer.setting.showSizeChanger")
+                }, {
+                  default: o(() => [
+                    a(s, {
+                      checked: n.value.pagination.showSizeChanger,
+                      "onUpdate:checked": t[5] || (t[5] = (e) => n.value.pagination.showSizeChanger = e)
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                a(p, {
+                  label: i(l)("designer.setting.position")
+                }, {
+                  default: o(() => [
+                    a(c, {
+                      value: S.value,
+                      "onUpdate:value": t[6] || (t[6] = (e) => S.value = e),
+                      options: y.value
+                    }, null, 8, ["value", "options"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["open", "title"])
+      ], 64);
+    };
   }
 });
 export {
-  O as default
+  A as default
 };