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

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

@@ -1,10 +1,10 @@
-import { defineComponent as u, useModel as s, ref as l } from "vue";
-import { useI18n as d } from "../../../../../utils/i18n.js";
-import p from "../../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as m } from "tmgc2-share";
-import { EditorTypeEnum as a } from "../../../../../constants/EditorTypeEnum.js";
-const B = /* @__PURE__ */ u({
-  name: a.showButtonsColumnEditor,
+import { defineComponent as x, useModel as y, ref as M, resolveComponent as u, createElementBlock as T, openBlock as _, Fragment as E, createVNode as e, unref as a, withCtx as o, createBlock as U, createCommentVNode as F, createTextVNode as r, toDisplayString as c, createElementVNode as W } from "vue";
+import { useI18n as N } from "../../../../../utils/i18n.js";
+import V from "../../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as A } from "tmgc2-share";
+import { EditorTypeEnum as D } from "../../../../../constants/EditorTypeEnum.js";
+const j = { class: "dialog-footer" }, S = /* @__PURE__ */ x({
+  name: D.showButtonsColumnEditor,
   inheritAttrs: !1,
   __name: "data-table-showButtonsColumn-editor",
   props: {
@@ -21,16 +21,155 @@ const B = /* @__PURE__ */ u({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(e, { expose: n }) {
-    n();
-    const i = s(e, "optionModel"), { i18nt: r } = d(), t = l(!1), o = { optionModel: i, i18nt: r, showButtonsEditDialog: t, editButtonsColumn: () => {
-      t.value = !0;
-    }, ActionButtonListDialog: p, get TpfModal() {
-      return m;
-    } };
-    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
+  setup(b) {
+    const l = y(b, "optionModel"), { i18nt: s } = N(), i = M(!1), v = () => {
+      i.value = !0;
+    };
+    return (q, t) => {
+      const C = u("a-switch"), p = u("a-button"), g = u("a-space"), d = u("a-form-item"), w = u("a-input"), m = u("a-col"), B = u("a-input-number"), f = u("a-select-option"), k = u("a-select"), h = u("a-row");
+      return _(), T(E, null, [
+        e(d, {
+          label: a(s)("designer.setting.showButtonsColumn")
+        }, {
+          default: o(() => [
+            e(g, null, {
+              default: o(() => [
+                e(C, {
+                  checked: l.value.showButtonsColumn,
+                  "onUpdate:checked": t[0] || (t[0] = (n) => l.value.showButtonsColumn = n)
+                }, null, 8, ["checked"]),
+                l.value.showButtonsColumn ? (_(), U(p, {
+                  key: 0,
+                  type: "primary",
+                  shape: "round",
+                  onClick: v
+                }, {
+                  default: o(() => [
+                    r(c(a(s)("designer.setting.editAction")), 1)
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        e(a(A), {
+          title: a(s)("designer.setting.buttonsColumnEdit"),
+          visible: i.value,
+          "onUpdate:visible": t[6] || (t[6] = (n) => i.value = n),
+          "show-close": !0,
+          dialogClass: "drag-dialog",
+          "append-to-body": "",
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          "destroy-on-close": !0,
+          width: "1250px",
+          mask: !1
+        }, {
+          footer: o(() => [
+            W("div", j, [
+              e(p, {
+                size: "default",
+                onClick: t[5] || (t[5] = (n) => i.value = !1)
+              }, {
+                default: o(() => [
+                  r(c(a(s)("designer.hint.closePreview")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: o(() => [
+            e(h, { gutter: 8 }, {
+              default: o(() => [
+                e(m, { span: 11 }, {
+                  default: o(() => [
+                    e(d, {
+                      name: "buttonsColumnTitle",
+                      label: a(s)("designer.setting.buttonsColumnTitle")
+                    }, {
+                      default: o(() => [
+                        e(w, {
+                          value: l.value.buttonsColumnTitle,
+                          "onUpdate:value": t[1] || (t[1] = (n) => l.value.buttonsColumnTitle = n)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }),
+                e(m, { span: 6 }, {
+                  default: o(() => [
+                    e(d, {
+                      name: "buttonsColumnWidth",
+                      label: a(s)("designer.setting.buttonsColumnWidth")
+                    }, {
+                      default: o(() => [
+                        e(B, {
+                          value: l.value.buttonsColumnWidth,
+                          "onUpdate:value": t[2] || (t[2] = (n) => l.value.buttonsColumnWidth = n)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }),
+                e(m, { span: 5 }, {
+                  default: o(() => [
+                    e(d, {
+                      name: "buttonsColumnFixed",
+                      label: a(s)("designer.setting.fixedColumn")
+                    }, {
+                      default: o(() => [
+                        e(k, {
+                          value: l.value.buttonsColumnFixed,
+                          "onUpdate:value": t[3] || (t[3] = (n) => l.value.buttonsColumnFixed = n),
+                          allowClear: "",
+                          style: { width: "100%" }
+                        }, {
+                          default: o(() => [
+                            e(f, { value: "left" }, {
+                              default: o(() => t[7] || (t[7] = [
+                                r("left")
+                              ])),
+                              _: 1,
+                              __: [7]
+                            }),
+                            e(f, { value: "right" }, {
+                              default: o(() => t[8] || (t[8] = [
+                                r("right")
+                              ])),
+                              _: 1,
+                              __: [8]
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e(V, {
+              data: l.value.operationButtons,
+              "onUpdate:data": t[4] || (t[4] = (n) => l.value.operationButtons = n),
+              parmas: "scope"
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"])
+      ], 64);
+    };
   }
 });
 export {
-  B as default
+  S as default
 };

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

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

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

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

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

@@ -1,9 +1,9 @@
-import a from "../../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as c, openBlock as d, withCtx as p, createVNode as m } from "vue";
+import s from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as d, openBlock as a, withCtx as p, createVNode as m } from "vue";
 import l from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
   name: "stripe-editor",
-  mixins: [a],
+  mixins: [s],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -14,22 +14,21 @@ const _ = {
   },
   methods: {}
 };
-function f(n, e, t, b, g, u) {
+function f(n, e, t, u, b, h) {
   const r = o("a-switch"), i = o("a-form-item");
-  return d(), c(i, {
+  return a(), d(i, {
     label: n.i18nt("designer.setting.stripe")
   }, {
     default: p(() => [
       m(r, {
         checked: t.optionModel.stripe,
-        "onUpdate:checked": e[0] || (e[0] = (s) => t.optionModel.stripe = s)
+        "onUpdate:checked": e[0] || (e[0] = (c) => t.optionModel.stripe = c)
       }, null, 8, ["checked"])
     ]),
     _: 1
-    /* STABLE */
   }, 8, ["label"]);
 }
-const w = /* @__PURE__ */ l(_, [["render", f], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-stripe-editor.vue"]]);
+const j = /* @__PURE__ */ l(_, [["render", f]]);
 export {
-  w as default
+  j as default
 };

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

@@ -1,111 +1,7 @@
-import m from "./data-table-tableColumns-editor.vue2.js";
-import { resolveComponent as d, createElementBlock as f, openBlock as g, Fragment as c, createVNode as t, withCtx as i, createTextVNode as l, toDisplayString as a, createElementVNode as b } from "vue";
+import o from "./data-table-tableColumns-editor.vue2.js";
 /* empty css                                    */
-import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = { class: "add-btn t-flex t-justify-center t-mt-[10px]" };
-function C(v, n, u, e, y, x) {
-  const o = d("a-button"), s = d("a-form-item");
-  return g(), f(
-    c,
-    null,
-    [
-      t(s, {
-        label: e.i18nt("designer.setting.tableColEdit")
-      }, {
-        default: i(() => [
-          t(o, {
-            type: "primary",
-            shape: "round",
-            onClick: e.openSetting
-          }, {
-            default: i(() => [
-              l(
-                a(e.i18nt("designer.setting.editAction")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      t(e.TpfModal, {
-        title: e.i18nt("designer.setting.tableColEdit"),
-        visible: e.dialogVisible,
-        "onUpdate:visible": n[2] || (n[2] = (r) => e.dialogVisible = r),
-        width: "1280px",
-        height: "70vh"
-      }, {
-        footerRight: i(() => [
-          t(o, {
-            size: "default",
-            onClick: n[1] || (n[1] = (r) => e.dialogVisible = !1)
-          }, {
-            default: i(() => [
-              l(
-                a(e.i18nt("designer.hint.cancel")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }),
-          t(o, {
-            size: "default",
-            type: "primary",
-            onClick: e.colSubmit
-          }, {
-            default: i(() => [
-              l(
-                a(e.i18nt("designer.hint.confirm")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        default: i(() => [
-          t(e.Table, { onRegister: e.register }, null, 8, ["onRegister"]),
-          b("div", p, [
-            t(o, {
-              title: e.i18nt("designer.setting.addTableColumn"),
-              type: "primary",
-              size: "medium",
-              onClick: n[0] || (n[0] = (r) => e.addCol())
-            }, {
-              default: i(() => [
-                l(
-                  a(e.i18nt("designer.setting.addTableColumn")),
-                  1
-                  /* TEXT */
-                )
-              ]),
-              _: 1
-              /* STABLE */
-            }, 8, ["title"])
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["title", "visible"]),
-      t(e.CodeModalEditor, {
-        onSave: e.saveColumnRender,
-        ref: "CodeModalEditorRef",
-        title: e.i18nt("designer.setting.renderFunction"),
-        "fn-params": "scope"
-      }, null, 8, ["title"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const V = /* @__PURE__ */ _(m, [["render", C], ["__scopeId", "data-v-a9a559be"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"]]);
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7b45f4f"]]);
 export {
-  V as default
+  m as default
 };