hy-dispatch-ui-v3 0.1.5 → 0.2.0

package/es/components/appForm/cpns/extraItem.vue.mjs

@@ -0,0 +1,140 @@
+import { useTemplateRef, ref, computed, openBlock, createElementBlock, createElementVNode, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, Fragment, renderList, createBlock, createSlots, renderSlot, mergeProps } from 'vue';
+import { ElIcon } from 'element-plus';
+import { DArrowRight } from '@element-plus/icons-vue';
+import _sfc_main$1 from './appFormItem.vue.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+import { isNumber } from '../../../utils/is.mjs';
+
+const _sfc_main = {
+  __name: "extraItem",
+  props: {
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    columnNum: {
+      type: Number,
+      default: 1
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const containerRef = useTemplateRef("containerRef");
+    const containerHeight = ref(0);
+    const isExpand = ref(false);
+    const isExpandHover = ref(null);
+    function onExpandHandler(column) {
+      containerHeight.value = containerRef.value.clientHeight;
+      isExpand.value = !isExpand.value;
+    }
+    function onExpandMouseenter(column) {
+      isExpandHover.value = true;
+    }
+    function onExpandMouseleave(column) {
+      isExpandHover.value = false;
+    }
+    const containerStyle = computed(() => {
+      const columnNum = isNumber(props.column.columnNum) && props.column.columnNum > 0 ? props.column.columnNum : isNumber(props.columnNum) && props.columnNum > 0 ? props.columnNum || 1 : 1;
+      return {
+        gridTemplateColumns: `repeat(${columnNum}, minmax(0, 1fr))`
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", { class: "pt-6" }, [
+        createElementVNode("div", { class: "flex items-center justify-center text-xs relative" }, [
+          createElementVNode("div", {
+            class: normalizeClass(["app-form-extra", { expand: isExpand.value }]),
+            onClick: ($event) => onExpandHandler(__props.column),
+            onMouseenter: ($event) => onExpandMouseenter(__props.column),
+            onMouseleave: ($event) => onExpandMouseleave(__props.column)
+          }, [
+            createVNode(unref(ElIcon), {
+              size: "8",
+              class: "app-form-extra-arrow"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(DArrowRight))
+              ]),
+              _: 1
+              /* STABLE */
+            }),
+            createElementVNode(
+              "span",
+              { class: "ml-1.5" },
+              toDisplayString(isExpandHover.value ? unref(t)("form.additionalInformationHoverTip") : unref(t)("form.additionalInformationTip")),
+              1
+              /* TEXT */
+            )
+          ], 42, ["onClick", "onMouseenter", "onMouseleave"]),
+          createElementVNode("div", { class: "app-form-extra-line" })
+        ]),
+        createElementVNode(
+          "div",
+          {
+            class: "mt-3 overflow-hidden transition-all",
+            style: normalizeStyle({ height: isExpand.value ? `${containerHeight.value || 0}px` : "0px" })
+          },
+          [
+            createElementVNode(
+              "div",
+              {
+                ref_key: "containerRef",
+                ref: containerRef,
+                class: "grid gap-x-6",
+                style: normalizeStyle(containerStyle.value)
+              },
+              [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(__props.column.children, (item, index) => {
+                    return openBlock(), createBlock(_sfc_main$1, {
+                      key: index,
+                      model: __props.model,
+                      column: item,
+                      loading: __props.loading,
+                      readonly: __props.readonly
+                    }, createSlots({
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      renderList(_ctx.$slots, (_, slotName) => {
+                        return {
+                          name: slotName,
+                          fn: withCtx((scope) => [
+                            renderSlot(_ctx.$slots, slotName, mergeProps({ ref_for: true }, scope))
+                          ])
+                        };
+                      })
+                    ]), 1032, ["model", "column", "loading", "readonly"]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              4
+              /* STYLE */
+            )
+          ],
+          4
+          /* STYLE */
+        )
+      ]);
+    };
+  }
+};
+
+export { _sfc_main as default };

package/es/components/appForm/js/index.mjs

@@ -1,6 +1,7 @@
 import { unref } from 'vue';
-import { isBoolean, isFunction, isNumber, isArray, isObject } from '../../../utils/is.mjs';
 import { funRunHandler } from '../../../utils/handler.mjs';
+import { isNumber, isBoolean, isFunction, isArray, isObject } from '../../../utils/is.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
 
 function columnItemStyle(props, column) {
   const style = {};
@@ -8,6 +9,14 @@ function columnItemStyle(props, column) {
   if (isNumber(span) && span > 1) {
     span = span >= props.columnNum ? props.columnNum : span;
     style["grid-column"] = `span ${span}`;
+  } else {
+    switch (column.type) {
+      case "title":
+      case "extra":
+      case "array":
+        style["grid-column"] = `span ${props.columnNum}`;
+        break;
+    }
   }
   return style;
 }
@@ -18,7 +27,6 @@ function columnShowHandler(props, column) {
   return true;
 }
 function isRequired(props, column) {
-  var _a;
   let { readonly, field, rules } = column;
   if (props.readonly || readonly) {
     return false;
@@ -26,33 +34,35 @@ function isRequired(props, column) {
   if (Array.isArray(field)) {
     return field.find((key) => isRequired(props, { ...column, field: key }));
   }
-  rules = isArray(rules) && (rules == null ? void 0 : rules.length) || isObject(rules) ? rules : (_a = props.rules) == null ? void 0 : _a[field];
+  rules = isArray(rules) && rules?.length || isObject(rules) ? rules : props.rules?.[field];
   if (isArray(rules)) {
     return rules.some((item) => item.required);
   }
   if (isObject(rules)) {
-    return rules == null ? void 0 : rules.required;
+    return rules?.required;
   }
   return false;
 }
 function isDisabled(props, column) {
-  var _a;
-  return !!(props.loading || ((_a = column.attrs) == null ? void 0 : _a.disabled));
+  if (props.loading) return true;
+  const disabled = unref(column.attrs?.disabled);
+  if (isBoolean(disabled)) return disabled;
+  if (isFunction(disabled)) return disabled(column, props.model);
+  return false;
 }
-function renderText(props, column = {}, index) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+function renderText(props, column = {}) {
   const { type, field, customRender } = column;
-  const { fieldNames, options = [] } = column.attrs || {};
+  const { props: fieldNames, options = [] } = column.attrs || {};
   if (customRender && typeof customRender === "function") {
     return customRender({
-      column: props.columns[index],
+      column,
       model: props.model,
       value: props.model[field]
     });
   }
   if (type === "range-picker") {
     const [start, end] = field;
-    return ((_a = props.model) == null ? void 0 : _a[start]) ? `${(_b = props.model) == null ? void 0 : _b[start]} ~ ${(_c = props.model) == null ? void 0 : _c[end]}` : "";
+    return props.model?.[start] ? `${props.model?.[start]} ~ ${props.model?.[end]}` : "";
   }
   if (type === "location") {
     const [lon, lat] = field;
@@ -60,27 +70,39 @@ function renderText(props, column = {}, index) {
   }
   if (/^(select|radio|checkbox)$/.test(type)) {
     const target = options.find(
-      (item) => {
-        var _a2;
-        return item[fieldNames.value] === ((_a2 = props.model) == null ? void 0 : _a2[field]);
-      }
+      (item) => item[fieldNames.value] === props.model?.[field]
     );
-    return (target == null ? void 0 : target[fieldNames.label]) || ((_d = props.model) == null ? void 0 : _d[field]) || "";
+    return target?.[fieldNames.label] || props.model?.[field] || "";
   }
   if (/^dept-select(-all)?$/.test(type)) {
     const dict = /^dept-select$/.test(type) ? deptTreeDict.value : deptTreeAllDict.value;
-    return dict[(_e = props.model) == null ? void 0 : _e[field]] || ((_f = props.model) == null ? void 0 : _f[field]) || "";
+    return dict[props.model?.[field]] || props.model?.[field] || "";
   }
   if (type === "area-select") {
-    return areaTreeDict.value[(_g = props.model) == null ? void 0 : _g[field]] || ((_h = props.model) == null ? void 0 : _h[field]) || "";
+    return areaTreeDict.value[props.model?.[field]] || props.model?.[field] || "";
   }
   if (Array.isArray(field)) {
-    return field.map((key) => {
-      var _a2;
-      return ((_a2 = props.model) == null ? void 0 : _a2[key]) || "";
-    }).filter(Boolean).join(" - ");
+    return field.map((key) => props.model?.[key] || "").filter(Boolean).join(" - ");
   }
-  return ((_i = props.model) == null ? void 0 : _i[field]) || ((_j = props.model) == null ? void 0 : _j[field]) || "";
+  return props.model?.[field] || props.model?.[field] || "";
+}
+function renderArrayItemLabel(props, column, index) {
+  const { t } = useLocale();
+  const itemLabel = unref(column.itemLabel);
+  if (isFunction(itemLabel)) return itemLabel(column, index);
+  return (itemLabel || t("form.dynamicFormItem")) + ` ${index + 1}`;
+}
+function renderAddLabel(props, column) {
+  const { t } = useLocale();
+  let addLabel = unref(column.addLabel);
+  if (isFunction(addLabel)) return addLabel();
+  return addLabel || t("form.addFormItem");
+}
+function optionsHandler(props, column) {
+  const options = unref(column.attrs.options);
+  if (isArray(options)) return options;
+  if (isFunction(options)) return options(column, props.model);
+  return [];
 }
 
-export { columnItemStyle, columnShowHandler, isDisabled, isRequired, renderText };
+export { columnItemStyle, columnShowHandler, isDisabled, isRequired, optionsHandler, renderAddLabel, renderArrayItemLabel, renderText };

package/es/components/appForm/js/useAppForm.mjs

@@ -1,8 +1,9 @@
 import { unref, toRef } from 'vue';
+import { genValueByProp } from '../../../utils/form.mjs';
 import { funRunHandler, mergeDeep } from '../../../utils/handler.mjs';
 import { getDefaultValueFormatByType } from '../../../utils/date.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isArray } from '../../../utils/is.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
 
 const genDefaultLabel = (config) => {
   if (config.label) return config.label;
@@ -26,7 +27,7 @@ const genPlaceholderHandler = (config) => {
       break;
     case "date-picker":
       if (["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-        attrs == null ? void 0 : attrs.type
+        attrs?.type
       )) {
         switch (attrs.type) {
           case "yearrange":
@@ -58,7 +59,7 @@ const genPlaceholderHandler = (config) => {
 const genRuleRequiredMsgHandler = (config) => {
   const { t } = useLocale();
   const { type, prop, label } = config || {};
-  if (!prop || !(prop == null ? void 0 : prop.length)) return "";
+  if (!prop || !prop?.length) return "";
   switch (type) {
     case "input":
       return t("hy.pleaseEnterPlaceholder", [label]);
@@ -130,18 +131,41 @@ function appFormItemHandler(column = {}) {
         endPlaceholder
       }
     };
+  } else if (/^(extra)$/.test(column.type)) {
+    return {
+      ...column,
+      children: (column.children || []).map((item) => appFormItemHandler(item))
+    };
+  } else if (/^(array)$/.test(column.type)) {
+    return {
+      height: 500,
+      emptyChildren: false,
+      ...column,
+      children: (column.children || []).map((item) => appFormItemHandler(item))
+    };
   }
   return column;
 }
 const resetAppFormValue = (columns = [], obj = {}) => {
   for (const item of columns) {
     const value = funRunHandler(item.defaultValue);
-    if (Array.isArray(item.prop)) {
+    if (item.type === "array") {
+      if (isArray(value)) {
+        obj[item.prop] = value;
+      } else if (!item.emptyChildren) {
+        const childValue = resetAppFormValue(item.children);
+        obj[item.prop] = [childValue];
+      }
+    } else if (Array.isArray(item.prop)) {
       for (let i = 0; i < item.prop.length; i++) {
-        obj[item.prop[i]] = value && Array.isArray(value) ? value[i] : void 0;
+        genValueByProp(
+          obj,
+          item.prop[i],
+          Array.isArray(value) ? value[i] : void 0
+        );
       }
     } else {
-      obj[item.prop] = value;
+      genValueByProp(obj, item.prop, value);
     }
   }
   return obj;

package/es/components/appForm/style/appForm.scss

@@ -14,3 +14,56 @@
     color: rgba(var(--hy-danger-2));
   }
 }
+
+.app-form-extra {
+  height: 32px;
+  color: rgba(var(--hy-auxiliary));
+  position: relative;
+  padding: 0 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 1000px;
+  border: 1px solid rgba(var(--hy-auxiliary));
+  background-color: rgba(var(--hy-background-2));
+  cursor: pointer;
+  transition: all 0.1s linear;
+  user-select: none;
+  z-index: 2;
+  .app-form-extra-arrow {
+    transform: rotateZ(90deg) rotateY(0deg);
+    transition: all 0.3s linear;
+  }
+  &:hover {
+    color: rgba(var(--hy-theme));
+    border-color: rgba(var(--hy-theme));
+    box-shadow: 0px 0px 12px 1px rgba(var(--hy-theme), 0.5);
+    & + .app-form-extra-line {
+      background: radial-gradient(
+        circle,
+        rgba(var(--hy-theme), 1),
+        rgba(var(--hy-theme), 0)
+      );
+    }
+  }
+  &.expand {
+    .app-form-extra-arrow {
+      transform: rotateZ(90deg) rotateY(-180deg);
+    }
+  }
+}
+
+.app-form-extra-line {
+  width: 100%;
+  height: 2px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  pointer-events: none;
+  background: radial-gradient(
+    circle,
+    rgba(var(--hy-auxiliary), 1),
+    rgba(var(--hy-auxiliary), 0)
+  );
+}

package/es/components/appIcon/appIcon.vue.mjs

@@ -1,4 +1,5 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from 'vue';
+import { svgIconLoad } from '../../utils/loadScript.mjs';
 
 import "./style/appIcon.scss";
 
@@ -31,10 +32,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         return "app-icon";
       }
     });
+    svgIconLoad();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
         class: normalizeClass(svgClass.value),
-        "aria-hidden": "true",
         svgName: __props.svgName
       }, [
         createElementVNode("use", { "xlink:href": iconName.value }, null, 8, ["xlink:href"])

package/es/components/appIconBox/style/appIconBox.scss

@@ -14,7 +14,6 @@
   user-select: none;
   color: rgb(var(--hy-main));
   border-radius: 100%;
-  box-sizing: border-box;
   background:
     radial-gradient(
       142% 47% at 50% 119%,

package/es/components/appInput/appInput.vue.mjs

@@ -0,0 +1,99 @@
+import { useModel, useTemplateRef, computed, openBlock, createBlock, unref, mergeProps, mergeModels, defineComponent } from 'vue';
+import { ElInput } from 'element-plus';
+import { clearSpace } from '../../utils/form.mjs';
+
+const __default__ = defineComponent({
+  name: "AppInput"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ mergeModels({
+    type: {
+      type: String,
+      default: "text"
+    },
+    clearSpaceType: {
+      type: String,
+      // between-清除两端空格 all-清除所有空格 before-清除前面的空格 after-清除后面的空格 none-不清除空格
+      default: "between"
+    }
+  }, {
+    "modelValue": { type: String, default: "" },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels([], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const inputRef = useTemplateRef("inputRef");
+    const bindValue = computed({
+      get() {
+        return modelValue.value;
+      },
+      set(val) {
+        if (val && props.type !== "password") {
+          if (["between", "before"].includes(props.clearSpaceType)) {
+            modelValue.value = clearSpace(val, "before");
+            return;
+          }
+          if (["all"].includes(props.clearSpaceType)) {
+            modelValue.value = clearSpace(val, props.clearSpaceType);
+            return;
+          }
+        }
+        modelValue.value = val;
+      }
+    });
+    function onBlurHandler() {
+      if (modelValue.value && props.type !== "password") {
+        modelValue.value = clearSpace(modelValue.value, props.clearSpaceType);
+      }
+    }
+    __expose({
+      blur() {
+        inputRef.value.blur();
+      },
+      clear() {
+        inputRef.value.clear();
+      },
+      focus() {
+        inputRef.value.focus();
+      },
+      input: computed(() => {
+        return inputRef.value.input;
+      }),
+      ref: computed(() => {
+        return inputRef.value.ref;
+      }),
+      resizeTextarea() {
+        inputRef.value.resizeTextarea();
+      },
+      select() {
+        inputRef.value.select();
+      },
+      textarea: computed(() => {
+        return inputRef.value.textarea;
+      }),
+      textareaStyle: computed(() => {
+        return inputRef.value.textareaStyle;
+      }),
+      isComposing: computed(() => {
+        return inputRef.value.isComposing;
+      }),
+      passwordVisible: computed(() => {
+        return inputRef.value.passwordVisible;
+      })
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElInput), mergeProps({
+        ref_key: "inputRef",
+        ref: inputRef,
+        modelValue: bindValue.value,
+        "onUpdate:modelValue": ($event) => bindValue.value = $event
+      }, _ctx.$attrs, {
+        onBlur: ($event) => onBlurHandler(props, _ctx.column)
+      }), null, 16, ["modelValue", "onUpdate:modelValue", "onBlur"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appInput/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appInput.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppInput = withInstall(_sfc_main);
+
+export { AppInput, AppInput as default };

package/es/components/appMenu/appMenu.vue.mjs

@@ -0,0 +1,129 @@
+import { defineComponent, useModel, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, unref, createBlock, withCtx, withModifiers, createVNode, toDisplayString, createCommentVNode, normalizeStyle, mergeModels } from 'vue';
+import { ElIcon } from 'element-plus';
+import { Download } from '@element-plus/icons-vue';
+import { usePermissionMap } from '../../hooks/usePermissionMap.mjs';
+import { AppTooltip } from '../appTooltip/index.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
+
+import "./style/appMenu.scss";
+
+const __default__ = defineComponent({
+  name: "AppMenu"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: /* @__PURE__ */ mergeModels({
+    menu: {
+      type: Array,
+      default: () => []
+    },
+    showShrink: {
+      type: Boolean,
+      default: false
+    }
+  }, {
+    "modelValue": { type: String, default: "" },
+    "modelModifiers": {},
+    "expand": { type: Boolean, default: true },
+    "expandModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["select", "open", "close"], ["update:modelValue", "update:expand"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const { permissionMap } = usePermissionMap();
+    const modelValue = useModel(__props, "modelValue");
+    const expand = useModel(__props, "expand");
+    function onClickHandler(item) {
+      modelValue.value = item.path;
+      emits("select", item);
+    }
+    function onExpandHandler() {
+      expand.value = !expand.value;
+      emits(expand.value ? "open" : "close");
+    }
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["operator-menu-box user-select-none", { "operator-menu-box-expand": expand.value }])
+        },
+        [
+          createElementVNode("div", { class: "operator-menu-list scroll-body" }, [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(__props.menu, (item, index) => {
+                return openBlock(), createElementBlock(
+                  Fragment,
+                  { key: index },
+                  [
+                    unref(permissionMap).has(item.permission) ? (openBlock(), createBlock(unref(AppTooltip), {
+                      key: 0,
+                      "is-always": "",
+                      disabled: expand.value,
+                      content: item.label,
+                      placement: "right"
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", {
+                          class: normalizeClass(["operator-menu-item", { "operator-menu-item-active": modelValue.value === item.path }]),
+                          onClick: withModifiers(($event) => onClickHandler(item), ["stop"])
+                        }, [
+                          createElementVNode("div", { class: "operator-label clickBox over_one_line" }, [
+                            createVNode(unref(AppIcon), {
+                              "svg-name": `${item.iconName}`,
+                              "class-name": "!w-5 !h-5 flex-shrink-0"
+                            }, null, 8, ["svg-name"]),
+                            createElementVNode(
+                              "span",
+                              {
+                                class: normalizeClass({ "ml-3": expand.value })
+                              },
+                              toDisplayString(expand.value ? item.label : item.tip || item.label),
+                              3
+                              /* TEXT, CLASS */
+                            )
+                          ])
+                        ], 10, ["onClick"])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["disabled", "content"])) : createCommentVNode("v-if", true)
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          __props.showShrink ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(["w-full h-[44px] border-t border-border box-border cursor-pointer relative", { "justify-end pr-3": expand.value, "justify-center": !expand.value }]),
+            onClick: ($event) => onExpandHandler()
+          }, [
+            createVNode(unref(ElIcon), {
+              size: "20",
+              style: normalizeStyle({
+                transform: expand.value ? "translate(0px, -50%) rotateY(0deg) rotateZ(90deg)" : "translate(50%, -50%) rotateY(-180deg) rotateZ(90deg)",
+                transition: "all 0.3s linear"
+              }),
+              class: normalizeClass(["absolute top-1/2", { "right-3": expand.value, "right-1/2": !expand.value }])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Download))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["style", "class"])
+          ], 10, ["onClick"])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appMenu/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appMenu.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppMenu = withInstall(_sfc_main);
+
+export { AppMenu, AppMenu as default };