@kp-ui/lowcode 2.14.0-beta.11 → 2.14.0-beta.13

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

@@ -1,13 +1,19 @@
-import { defineComponent as j, ref as k, resolveComponent as h, createElementBlock as I, openBlock as s, Fragment as q, createVNode as o, unref as n, withCtx as d, createTextVNode as v, toDisplayString as m, createElementVNode as T, createBlock as r, createCommentVNode as u, normalizeClass as G } from "vue";
-import { useI18n as J } from "../../../../../utils/i18n.js";
-import K from "../../../../code-editor/code-modal-editor.vue.js";
-import { cloneDeep as D } from "lodash-es";
-import { TpfModal as P } from "tmgc2-share";
-import { message as Q } from "ant-design-vue";
-const X = { class: "table-wrap" }, Y = {
+import { defineComponent as X, ref as z, computed as Y, resolveComponent as _, createElementBlock as N, openBlock as c, Fragment as Z, createVNode as m, unref as u, withCtx as r, createTextVNode as v, toDisplayString as C, createElementVNode as B, createBlock as p, createCommentVNode as g, normalizeClass as ee, nextTick as te } from "vue";
+import { useI18n as le } from "../../../../../utils/i18n.js";
+import ne from "../../../../code-editor/code-modal-editor.vue.js";
+import { cloneDeep as E } from "lodash-es";
+import { TpfModal as ie } from "tmgc2-share";
+import { message as M } from "ant-design-vue";
+const ae = {
+  class: "table-wrap"
+}, de = {
   key: 2,
-  style: { "text-align": "center" }
-}, Z = { class: "add-btn" }, de = /* @__PURE__ */ j({
+  style: {
+    "text-align": "center"
+  }
+}, se = {
+  class: "add-btn"
+}, fe = /* @__PURE__ */ X({
   name: "tableColumns-editor",
   inheritAttrs: !1,
   __name: "data-table-tableColumns-editor",
@@ -16,318 +22,354 @@ const X = { class: "table-wrap" }, Y = {
     selectedWidget: {},
     optionModel: {}
   },
-  setup(S, { expose: W }) {
-    const { i18nt: t } = J(), _ = S, x = k(null), f = k(!1), e = k([]), C = k(null), A = [
-      { value: "left", label: "left" },
-      { value: "center", label: "center" },
-      { value: "right", label: "right" }
-    ], E = [
-      {
-        title: "序号",
-        dataIndex: "index",
-        width: 100,
-        fixed: "left",
-        rowDrag: !0,
-        resizable: !0,
-        customRender: ({ index: c }) => c + 1
-      },
-      {
-        title: t("designer.setting.columnName"),
-        dataIndex: "dataIndex",
-        resizable: !0,
-        width: 150
-      },
-      {
-        title: t("designer.setting.columnLabel"),
-        dataIndex: "title",
-        align: "center",
-        resizable: !0,
-        width: 100
-      },
-      {
-        title: t("designer.setting.columnWidth"),
-        dataIndex: "width",
-        resizable: !0,
-        width: 120
-      },
-      {
-        title: t("designer.setting.visibleColumn"),
-        dataIndex: "show",
-        resizable: !0,
-        width: 90
-      },
-      {
-        title: t("designer.setting.sortableColumn"),
-        dataIndex: "sorter",
-        resizable: !0,
-        width: 90
-      },
-      {
-        title: t("designer.setting.resizableColumn"),
-        dataIndex: "resizable",
-        resizable: !0,
-        width: 120
-      },
-      {
-        title: t("designer.setting.ellipsisColumn"),
-        dataIndex: "ellipsis",
-        resizable: !0,
-        width: 150
-      },
-      {
-        title: t("designer.setting.fixedColumn"),
-        dataIndex: "fixed",
-        resizable: !0,
-        width: 100
-      },
-      {
-        title: t("designer.setting.alignTypeOfColumn"),
-        dataIndex: "align",
-        resizable: !0,
-        width: 100
-      },
-      {
-        title: t("designer.setting.customRender"),
-        dataIndex: "customRender",
-        width: 120,
-        resizable: !0,
-        fixed: "right"
-      },
-      {
-        title: t("designer.setting.actionColumn"),
-        dataIndex: "action",
-        width: 80,
-        fixed: "right"
+  setup($, {
+    expose: V
+  }) {
+    const {
+      i18nt: t
+    } = le(), I = $, A = z(null), w = z(!1), s = z([]), R = z(null), T = z(!0), O = [{
+      value: "left",
+      label: "left"
+    }, {
+      value: "center",
+      label: "center"
+    }, {
+      value: "right",
+      label: "right"
+    }], L = Y(() => [{
+      title: "序号",
+      dataIndex: "index",
+      width: 150,
+      fixed: "left",
+      rowDrag: !0,
+      resizable: !0,
+      customRender: ({
+        record: i,
+        index: l
+      }) => {
+        const e = (f, h, b = []) => {
+          for (let k = 0; k < h.length; k++) {
+            const y = h[k];
+            if (y.columnId === f.columnId)
+              return [...b, k + 1].join(".");
+            if (y.children) {
+              const U = e(f, y.children, [...b, k + 1]);
+              if (U) return U;
+            }
+          }
+          return "";
+        };
+        return e(i, s.value);
+      }
+    }, {
+      title: t("designer.setting.columnName"),
+      dataIndex: "dataIndex",
+      resizable: !0,
+      width: 150
+    }, {
+      title: t("designer.setting.columnLabel"),
+      dataIndex: "title",
+      align: "center",
+      resizable: !0,
+      width: 100
+    }, {
+      title: t("designer.setting.columnWidth"),
+      dataIndex: "width",
+      resizable: !0,
+      width: 120
+    }, {
+      title: t("designer.setting.visibleColumn"),
+      dataIndex: "show",
+      resizable: !0,
+      width: 90
+    }, {
+      title: t("designer.setting.sortableColumn"),
+      dataIndex: "sorter",
+      resizable: !0,
+      width: 90
+    }, {
+      title: t("designer.setting.resizableColumn"),
+      dataIndex: "resizable",
+      resizable: !0,
+      width: 120
+    }, {
+      title: t("designer.setting.ellipsisColumn"),
+      dataIndex: "ellipsis",
+      resizable: !0,
+      width: 150
+    }, {
+      title: t("designer.setting.fixedColumn"),
+      dataIndex: "fixed",
+      resizable: !0,
+      width: 100
+    }, {
+      title: t("designer.setting.alignTypeOfColumn"),
+      dataIndex: "align",
+      resizable: !0,
+      width: 100
+    }, {
+      title: t("designer.setting.customRender"),
+      dataIndex: "customRender",
+      width: 120,
+      resizable: !0,
+      fixed: "right"
+    }, {
+      title: t("designer.setting.actionColumn"),
+      dataIndex: "action",
+      width: 160,
+      fixed: "right"
+    }]), F = (i, l) => {
+      var e;
+      R.value = i, (e = A.value) == null || e.open(l.customRender || "");
+    }, H = (i) => {
+      R.value !== null && (s.value[R.value].customRender = i);
+    }, P = {
+      isAutoWidth: !1,
+      columnId: "",
+      show: !0,
+      width: 150,
+      sorter: !1,
+      customRender: "",
+      fixed: "",
+      align: "left",
+      title: "标题名",
+      dataIndex: "",
+      resizable: !0,
+      showSorterTooltip: !1,
+      children: []
+    }, j = () => {
+      const i = {
+        ...P,
+        columnId: (/* @__PURE__ */ new Date()).getTime()
+      };
+      s.value.push(i), I.designer.emitHistoryChange();
+    }, d = (i) => {
+      let l = s.value;
+      for (let e = 0; e < i.length; e++) {
+        const f = i[e];
+        if (Array.isArray(l))
+          l = l[f];
+        else
+          return l;
+        e !== i.length - 1 && (l = l.children || []);
+      }
+      return l;
+    }, D = (i, l, e) => {
+      for (let f = 0; f < i.length; f++) {
+        const h = i[f];
+        if (h.columnId === l.columnId) {
+          h.children || (h.children = []), h.children.push(e);
+          return;
+        }
+        h.children && D(h.children, l, e);
       }
-    ], M = (c, g) => {
-      var p;
-      C.value = c, (p = x.value) == null || p.open(g.customRender || "");
-    }, N = (c) => {
-      C.value !== null && (e.value[C.value].customRender = c);
-    }, V = () => {
-      const c = {
-        isAutoWidth: !1,
-        columnId: (/* @__PURE__ */ new Date()).getTime(),
-        show: !0,
-        width: 150,
-        sorter: !1,
-        customRender: "",
-        fixed: "",
-        align: "left",
-        title: "标题名",
-        dataIndex: "",
-        resizable: !0,
-        showSorterTooltip: !1
+    }, S = (i, l) => i.filter((e) => {
+      if (e.columnId === l)
+        return !1;
+      if (e.children && Array.isArray(e.children) && e.children.length > 0) {
+        const f = S(e.children, l);
+        e.children = f;
+      }
+      return !0;
+    }), q = (i, l) => {
+      if (s.value.length === 1 && !s.value[0].children)
+        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      if (s.value.length === 1 && s.value[0].children.length === 0)
+        return M.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      s.value = S(s.value, i.columnId);
+    }, G = async (i, l) => {
+      const e = {
+        ...s.value[l],
+        children: void 0,
+        columnId: (/* @__PURE__ */ new Date()).getTime()
       };
-      e.value.push(c), _.designer.emitHistoryChange();
-    }, $ = (c) => {
-      if (e.value.length === 1)
-        return Q.warning(t("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
-      e.value.splice(c, 1);
-    }, B = () => {
-      _.optionModel.tableColumns = D(e.value), f.value = !1;
-    }, z = () => {
-      f.value = !0, e.value = D(_.optionModel.tableColumns);
+      T.value = !1, D(s.value, i, e), await te(), T.value = !0;
+    }, J = () => {
+      I.optionModel.tableColumns = E(s.value), w.value = !1;
+    }, W = () => {
+      w.value = !0, s.value = E(I.optionModel.tableColumns);
     };
-    return W({
-      openSetting: z
-    }), (c, g) => {
-      const p = h("a-button"), O = h("a-form-item"), w = h("a-input"), b = h("a-switch"), U = h("a-select-option"), R = h("a-select"), F = h("a-space"), L = h("s-table");
-      return s(), I(q, null, [
-        o(O, {
-          label: n(t)("designer.setting.tableColEdit")
+    return V({
+      openSetting: W
+    }), (i, l) => {
+      const e = _("a-button"), f = _("a-form-item"), h = _("a-input"), b = _("a-switch"), k = _("a-select-option"), y = _("a-select"), U = _("a-space"), K = _("s-table");
+      return c(), N(Z, null, [m(f, {
+        label: u(t)("designer.setting.tableColEdit")
+      }, {
+        default: r(() => [m(e, {
+          type: "primary",
+          shape: "round",
+          onClick: W
         }, {
-          default: d(() => [
-            o(p, {
-              type: "primary",
-              shape: "round",
-              onClick: z
-            }, {
-              default: d(() => [
-                v(m(n(t)("designer.setting.editAction")), 1)
-              ]),
-              _: 1
-            })
-          ]),
+          default: r(() => [v(C(u(t)("designer.setting.editAction")), 1)]),
           _: 1
-        }, 8, ["label"]),
-        o(n(P), {
-          title: n(t)("designer.setting.tableColEdit"),
-          visible: f.value,
-          "onUpdate:visible": g[2] || (g[2] = (i) => f.value = i),
-          width: "1200px"
+        })]),
+        _: 1
+      }, 8, ["label"]), m(u(ie), {
+        title: u(t)("designer.setting.tableColEdit"),
+        visible: w.value,
+        "onUpdate:visible": l[2] || (l[2] = (o) => w.value = o),
+        width: "1200px"
+      }, {
+        footerRight: r(() => [m(e, {
+          size: "default",
+          onClick: l[1] || (l[1] = (o) => w.value = !1)
         }, {
-          footerRight: d(() => [
-            o(p, {
-              size: "default",
-              onClick: g[1] || (g[1] = (i) => f.value = !1)
+          default: r(() => [v(C(u(t)("designer.hint.cancel")), 1)]),
+          _: 1
+        }), m(e, {
+          size: "default",
+          type: "primary",
+          onClick: J
+        }, {
+          default: r(() => [v(C(u(t)("designer.hint.confirm")), 1)]),
+          _: 1
+        })]),
+        default: r(() => [B("div", ae, [T.value ? (c(), p(K, {
+          key: 0,
+          class: "tpf-surely-table",
+          "aria-hidden": "false",
+          dataSource: s.value,
+          style: {
+            width: "100%"
+          },
+          deepWatchDataSource: "",
+          "cell-style": {
+            padding: "0"
+          },
+          height: "600",
+          id: "singleTable",
+          size: "default",
+          scroll: {
+            y: 300,
+            x: 300
+          },
+          pagination: !1,
+          resizable: "",
+          "row-key": (o) => o.columnId,
+          columns: L.value
+        }, {
+          bodyCell: r(({
+            column: o,
+            record: x,
+            index: Q,
+            recordIndexs: a
+          }) => [o.dataIndex === "dataIndex" ? (c(), p(h, {
+            key: 0,
+            value: d(a).dataIndex,
+            "onUpdate:value": (n) => d(a).dataIndex = n
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "title" ? (c(), p(h, {
+            key: 1,
+            value: d(a).title,
+            "onUpdate:value": (n) => d(a).title = n
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "width" ? (c(), N("div", de, [m(b, {
+            "checked-children": u(t)("designer.setting.autoWidth"),
+            checked: s.value[a[0]].isAutoWidth,
+            "onUpdate:checked": (n) => s.value[a[0]].isAutoWidth = n
+          }, null, 8, ["checked-children", "checked", "onUpdate:checked"]), x.isAutoWidth ? g("", !0) : (c(), p(h, {
+            key: 0,
+            value: d(a).width,
+            "onUpdate:value": (n) => d(a).width = n
+          }, null, 8, ["value", "onUpdate:value"]))])) : g("", !0), o.dataIndex === "show" ? (c(), p(b, {
+            key: 3,
+            checked: d(a).show,
+            "onUpdate:checked": (n) => d(a).show = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "sorter" ? (c(), p(b, {
+            key: 4,
+            checked: d(a).sorter,
+            "onUpdate:checked": (n) => d(a).sorter = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "resizable" ? (c(), p(b, {
+            key: 5,
+            checked: d(a).resizable,
+            "onUpdate:checked": (n) => d(a).resizable = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "ellipsis" ? (c(), p(b, {
+            key: 6,
+            checked: d(a).ellipsis,
+            "onUpdate:checked": (n) => d(a).ellipsis = n
+          }, null, 8, ["checked", "onUpdate:checked"])) : g("", !0), o.dataIndex === "fixed" ? (c(), p(y, {
+            key: 7,
+            value: d(a).fixed,
+            "onUpdate:value": (n) => d(a).fixed = n,
+            allowClear: "",
+            style: {
+              width: "100%"
+            }
+          }, {
+            default: r(() => [m(k, {
+              value: "left"
             }, {
-              default: d(() => [
-                v(m(n(t)("designer.hint.cancel")), 1)
-              ]),
+              default: r(() => [v(C(u(t)("designer.setting.fixedLeft")), 1)]),
               _: 1
-            }),
-            o(p, {
-              size: "default",
-              type: "primary",
-              onClick: B
+            }), m(k, {
+              value: "right"
             }, {
-              default: d(() => [
-                v(m(n(t)("designer.hint.confirm")), 1)
-              ]),
+              default: r(() => [v(C(u(t)("designer.setting.fixedRight")), 1)]),
               _: 1
-            })
-          ]),
-          default: d(() => [
-            T("div", X, [
-              o(L, {
-                class: "tpf-surely-table",
-                "aria-hidden": "false",
-                dataSource: e.value,
-                style: { width: "100%" },
-                deepWatchDataSource: "",
-                "cell-style": { padding: "0" },
-                height: "600",
-                id: "singleTable",
-                size: "default",
-                scroll: { y: 300, x: 300 },
-                pagination: !1,
-                resizable: "",
-                "row-key": (i) => i.columnId,
-                columns: E
-              }, {
-                bodyCell: d(({ column: i, record: y, index: H, recordIndexs: l }) => [
-                  i.dataIndex === "dataIndex" ? (s(), r(w, {
-                    key: 0,
-                    value: e.value[l[0]].dataIndex,
-                    "onUpdate:value": (a) => e.value[l[0]].dataIndex = a
-                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
-                  i.dataIndex === "title" ? (s(), r(w, {
-                    key: 1,
-                    value: e.value[l[0]].title,
-                    "onUpdate:value": (a) => e.value[l[0]].title = a
-                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
-                  i.dataIndex === "width" ? (s(), I("div", Y, [
-                    o(b, {
-                      "checked-children": n(t)("designer.setting.autoWidth"),
-                      checked: e.value[l[0]].isAutoWidth,
-                      "onUpdate:checked": (a) => e.value[l[0]].isAutoWidth = a
-                    }, null, 8, ["checked-children", "checked", "onUpdate:checked"]),
-                    y.isAutoWidth ? u("", !0) : (s(), r(w, {
-                      key: 0,
-                      value: e.value[l[0]].width,
-                      "onUpdate:value": (a) => e.value[l[0]].width = a
-                    }, null, 8, ["value", "onUpdate:value"]))
-                  ])) : u("", !0),
-                  i.dataIndex === "show" ? (s(), r(b, {
-                    key: 3,
-                    checked: e.value[l[0]].show,
-                    "onUpdate:checked": (a) => e.value[l[0]].show = a
-                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
-                  i.dataIndex === "sorter" ? (s(), r(b, {
-                    key: 4,
-                    checked: e.value[l[0]].sorter,
-                    "onUpdate:checked": (a) => e.value[l[0]].sorter = a
-                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
-                  i.dataIndex === "resizable" ? (s(), r(b, {
-                    key: 5,
-                    checked: e.value[l[0]].resizable,
-                    "onUpdate:checked": (a) => e.value[l[0]].resizable = a
-                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
-                  i.dataIndex === "ellipsis" ? (s(), r(b, {
-                    key: 6,
-                    checked: e.value[l[0]].ellipsis,
-                    "onUpdate:checked": (a) => e.value[l[0]].ellipsis = a
-                  }, null, 8, ["checked", "onUpdate:checked"])) : u("", !0),
-                  i.dataIndex === "fixed" ? (s(), r(R, {
-                    key: 7,
-                    value: e.value[l[0]].fixed,
-                    "onUpdate:value": (a) => e.value[l[0]].fixed = a,
-                    allowClear: "",
-                    style: {}
-                  }, {
-                    default: d(() => [
-                      o(U, { value: "left" }, {
-                        default: d(() => [
-                          v(m(n(t)("designer.setting.fixedLeft")), 1)
-                        ]),
-                        _: 1
-                      }),
-                      o(U, { value: "right" }, {
-                        default: d(() => [
-                          v(m(n(t)("designer.setting.fixedRight")), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 2
-                  }, 1032, ["value", "onUpdate:value"])) : u("", !0),
-                  i.dataIndex === "align" ? (s(), r(R, {
-                    key: 8,
-                    style: {},
-                    value: e.value[l[0]].align,
-                    "onUpdate:value": (a) => e.value[l[0]].align = a,
-                    options: A
-                  }, null, 8, ["value", "onUpdate:value"])) : u("", !0),
-                  i.dataIndex === "customRender" ? (s(), r(p, {
-                    key: 9,
-                    onClick: (a) => M(l[0], y),
-                    class: G([{ "button-text-highlight": !!y.customRender }]),
-                    size: "small",
-                    shape: "round"
-                  }, {
-                    default: d(() => [
-                      v(m(n(t)("designer.setting.edit")), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick", "class"])) : u("", !0),
-                  i.dataIndex === "action" ? (s(), r(F, { key: 10 }, {
-                    default: d(() => [
-                      o(p, {
-                        title: n(t)("designer.setting.deleteTableColumn"),
-                        size: "small",
-                        onClick: (a) => $(H),
-                        type: "text"
-                      }, {
-                        default: d(() => [
-                          v(m(n(t)("designer.setting.delete")), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["title", "onClick"])
-                    ]),
-                    _: 2
-                  }, 1024)) : u("", !0)
-                ]),
-                _: 1
-              }, 8, ["dataSource", "row-key"]),
-              T("div", Z, [
-                o(p, {
-                  title: n(t)("designer.setting.addTableColumn"),
-                  type: "primary",
-                  size: "medium",
-                  onClick: g[0] || (g[0] = (i) => V())
-                }, {
-                  default: d(() => [
-                    v(m(n(t)("designer.setting.addTableColumn")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["title"])
-              ])
-            ])
-          ]),
+            })]),
+            _: 2
+          }, 1032, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "align" ? (c(), p(y, {
+            key: 8,
+            style: {
+              width: "100%"
+            },
+            value: d(a).align,
+            "onUpdate:value": (n) => d(a).align = n,
+            options: O
+          }, null, 8, ["value", "onUpdate:value"])) : g("", !0), o.dataIndex === "customRender" ? (c(), p(e, {
+            key: 9,
+            onClick: (n) => F(a[0], x),
+            class: ee([{
+              "button-text-highlight": !!x.customRender
+            }]),
+            size: "small",
+            shape: "round"
+          }, {
+            default: r(() => [v(C(u(t)("designer.setting.edit")), 1)]),
+            _: 2
+          }, 1032, ["onClick", "class"])) : g("", !0), o.dataIndex === "action" ? (c(), p(U, {
+            key: 10
+          }, {
+            default: r(() => [m(e, {
+              title: u(t)("designer.setting.addSubsets"),
+              size: "small",
+              onClick: (n) => G(x, Q),
+              type: "text"
+            }, {
+              default: r(() => l[3] || (l[3] = [v(" 增加子集 ")])),
+              _: 2,
+              __: [3]
+            }, 1032, ["title", "onClick"]), m(e, {
+              title: u(t)("designer.setting.deleteTableColumn"),
+              size: "small",
+              onClick: (n) => q(x),
+              type: "text"
+            }, {
+              default: r(() => [v(C(u(t)("designer.setting.delete")), 1)]),
+              _: 2
+            }, 1032, ["title", "onClick"])]),
+            _: 2
+          }, 1024)) : g("", !0)]),
+          _: 1
+        }, 8, ["dataSource", "row-key", "columns"])) : g("", !0), B("div", se, [m(e, {
+          title: u(t)("designer.setting.addTableColumn"),
+          type: "primary",
+          size: "medium",
+          onClick: l[0] || (l[0] = (o) => j())
+        }, {
+          default: r(() => [v(C(u(t)("designer.setting.addTableColumn")), 1)]),
           _: 1
-        }, 8, ["title", "visible"]),
-        o(K, {
-          onSave: N,
-          ref_key: "CodeModalEditorRef",
-          ref: x,
-          title: n(t)("designer.setting.renderFunction"),
-          "fn-params": "scope"
-        }, null, 8, ["title"])
-      ], 64);
+        }, 8, ["title"])])])]),
+        _: 1
+      }, 8, ["title", "visible"]), m(ne, {
+        onSave: H,
+        ref_key: "CodeModalEditorRef",
+        ref: A,
+        title: u(t)("designer.setting.renderFunction"),
+        "fn-params": "scope"
+      }, null, 8, ["title"])], 64);
     };
   }
 });
 export {
-  de as default
+  fe as default
 };