vft 0.0.375 → 0.0.376

package/es/components/scrollbar/thumb.vue2.js

@@ -1,17 +1,16 @@
-import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, vShow } from "vue";
-import { useEventListener, isClient } from "@vueuse/core";
+import { defineComponent as T, inject as D, ref as i, computed as E, onBeforeUnmount as N, toRef as S, createBlock as A, openBlock as O, Transition as j, unref as m, withCtx as K, withDirectives as U, createElementVNode as z, normalizeClass as C, normalizeStyle as _, vShow as I } from "vue";
+import { useEventListener as P, isClient as V } from "@vueuse/core";
 import "@vft/utils";
-import { throwError } from "../../utils/error.js";
+import { throwError as q } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { scrollbarContextKey } from "./constants.js";
-import { BAR_MAP, renderThumbStyle } from "./util.js";
-const COMPONENT_NAME = "Thumb";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+import { scrollbarContextKey as G } from "./constants.js";
+import { BAR_MAP as J, renderThumbStyle as Q } from "./util.js";
+const W = "Thumb", ue = /* @__PURE__ */ T({
   __name: "thumb",
   props: {
     vertical: { type: Boolean },
@@ -20,130 +19,89 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ratio: {},
     always: { type: Boolean }
   },
-  setup(__props) {
-    const scrollbar = inject(scrollbarContextKey);
-    const ns = useNamespace("scrollbar");
-    if (!scrollbar) throwError(COMPONENT_NAME, "can not inject scrollbar context");
-    const instance = ref();
-    const thumb = ref();
-    const thumbState = ref({});
-    const visible = ref(false);
-    let cursorDown = false;
-    let cursorLeave = false;
-    let originalOnSelectStart = isClient ? document.onselectstart : null;
-    const bar = computed(() => BAR_MAP[__props.vertical ? "vertical" : "horizontal"]);
-    const thumbStyle = computed(
-      () => renderThumbStyle({
-        size: __props.size,
-        move: __props.move,
-        bar: bar.value
+  setup(r) {
+    const o = D(G), s = F("scrollbar");
+    o || q(W, "can not inject scrollbar context");
+    const l = i(), a = i(), v = i({}), u = i(!1);
+    let c = !1, f = !1, d = V ? document.onselectstart : null;
+    const e = E(() => J[r.vertical ? "vertical" : "horizontal"]), k = E(
+      () => Q({
+        size: r.size,
+        move: r.move,
+        bar: e.value
       })
-    );
-    const offsetRatio = computed(
+    ), g = E(
       () => (
         // offsetRatioX = original width of thumb / current width of thumb / ratioX
         // offsetRatioY = original height of thumb / current height of thumb / ratioY
         // instance height = wrap height - GAP
-        instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / __props.ratio / thumb.value[bar.value.offset]
+        l.value[e.value.offset] ** 2 / o.wrapElement[e.value.scrollSize] / r.ratio / a.value[e.value.offset]
       )
-    );
-    const clickThumbHandler = (e) => {
-      e.stopPropagation();
-      if (e.ctrlKey || [1, 2].includes(e.button)) return;
-      window.getSelection()?.removeAllRanges();
-      startDrag(e);
-      const el = e.currentTarget;
-      if (!el) return;
-      thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
+    ), B = (t) => {
+      if (t.stopPropagation(), t.ctrlKey || [1, 2].includes(t.button)) return;
+      window.getSelection()?.removeAllRanges(), M(t);
+      const n = t.currentTarget;
+      n && (v.value[e.value.axis] = n[e.value.offset] - (t[e.value.client] - n.getBoundingClientRect()[e.value.direction]));
+    }, L = (t) => {
+      if (!a.value || !l.value || !o.wrapElement) return;
+      const n = Math.abs(
+        t.target.getBoundingClientRect()[e.value.direction] - t[e.value.client]
+      ), b = a.value[e.value.offset] / 2, h = (n - b) * 100 * g.value / l.value[e.value.offset];
+      o.wrapElement[e.value.scroll] = h * o.wrapElement[e.value.scrollSize] / 100;
+    }, M = (t) => {
+      t.stopImmediatePropagation(), c = !0, document.addEventListener("mousemove", w), document.addEventListener("mouseup", p), d = document.onselectstart, document.onselectstart = () => !1;
+    }, w = (t) => {
+      if (!l.value || !a.value || c === !1) return;
+      const n = v.value[e.value.axis];
+      if (!n) return;
+      const b = (l.value.getBoundingClientRect()[e.value.direction] - t[e.value.client]) * -1, h = a.value[e.value.offset] - n, R = (b - h) * 100 * g.value / l.value[e.value.offset];
+      o.wrapElement[e.value.scroll] = R * o.wrapElement[e.value.scrollSize] / 100;
+    }, p = () => {
+      c = !1, v.value[e.value.axis] = 0, document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", p), y(), f && (u.value = !1);
+    }, x = () => {
+      f = !1, u.value = !!r.size;
+    }, H = () => {
+      f = !0, u.value = c;
     };
-    const clickTrackHandler = (e) => {
-      if (!thumb.value || !instance.value || !scrollbar.wrapElement) return;
-      const offset = Math.abs(
-        e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]
-      );
-      const thumbHalf = thumb.value[bar.value.offset] / 2;
-      const thumbPositionPercentage = (offset - thumbHalf) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const startDrag = (e) => {
-      e.stopImmediatePropagation();
-      cursorDown = true;
-      document.addEventListener("mousemove", mouseMoveDocumentHandler);
-      document.addEventListener("mouseup", mouseUpDocumentHandler);
-      originalOnSelectStart = document.onselectstart;
-      document.onselectstart = () => false;
-    };
-    const mouseMoveDocumentHandler = (e) => {
-      if (!instance.value || !thumb.value) return;
-      if (cursorDown === false) return;
-      const prevPage = thumbState.value[bar.value.axis];
-      if (!prevPage) return;
-      const offset = (instance.value.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1;
-      const thumbClickPosition = thumb.value[bar.value.offset] - prevPage;
-      const thumbPositionPercentage = (offset - thumbClickPosition) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-      scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-    };
-    const mouseUpDocumentHandler = () => {
-      cursorDown = false;
-      thumbState.value[bar.value.axis] = 0;
-      document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
-      restoreOnselectstart();
-      if (cursorLeave) visible.value = false;
-    };
-    const mouseMoveScrollbarHandler = () => {
-      cursorLeave = false;
-      visible.value = !!__props.size;
-    };
-    const mouseLeaveScrollbarHandler = () => {
-      cursorLeave = true;
-      visible.value = cursorDown;
-    };
-    onBeforeUnmount(() => {
-      restoreOnselectstart();
-      document.removeEventListener("mouseup", mouseUpDocumentHandler);
+    N(() => {
+      y(), document.removeEventListener("mouseup", p);
     });
-    const restoreOnselectstart = () => {
-      if (document.onselectstart !== originalOnSelectStart)
-        document.onselectstart = originalOnSelectStart;
+    const y = () => {
+      document.onselectstart !== d && (document.onselectstart = d);
     };
-    useEventListener(
-      toRef(scrollbar, "scrollbarElement"),
+    return P(
+      S(o, "scrollbarElement"),
       "mousemove",
-      mouseMoveScrollbarHandler
-    );
-    useEventListener(
-      toRef(scrollbar, "scrollbarElement"),
+      x
+    ), P(
+      S(o, "scrollbarElement"),
       "mouseleave",
-      mouseLeaveScrollbarHandler
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade")
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            ref_key: "instance",
-            ref: instance,
-            class: normalizeClass([unref(ns).e("bar"), unref(ns).is(bar.value.key)]),
-            onMousedown: clickTrackHandler
-          }, [
-            createElementVNode("div", {
-              ref_key: "thumb",
-              ref: thumb,
-              class: normalizeClass(unref(ns).e("thumb")),
-              style: normalizeStyle(thumbStyle.value),
-              onMousedown: clickThumbHandler
-            }, null, 38)
-          ], 34), [
-            [vShow, _ctx.always || visible.value]
-          ])
-        ]),
-        _: 1
-      }, 8, ["name"]);
-    };
+      H
+    ), (t, n) => (O(), A(j, {
+      name: m(s).b("fade")
+    }, {
+      default: K(() => [
+        U(z("div", {
+          ref_key: "instance",
+          ref: l,
+          class: C([m(s).e("bar"), m(s).is(e.value.key)]),
+          onMousedown: L
+        }, [
+          z("div", {
+            ref_key: "thumb",
+            ref: a,
+            class: C(m(s).e("thumb")),
+            style: _(k.value),
+            onMousedown: B
+          }, null, 38)
+        ], 34), [
+          [I, t.always || u.value]
+        ])
+      ]),
+      _: 1
+    }, 8, ["name"]));
   }
 });
 export {
-  _sfc_main as default
+  ue as default
 };

package/es/components/scrollbar/util.js

@@ -1,5 +1,4 @@
-const GAP = 4;
-const BAR_MAP = {
+const i = 4, o = {
   vertical: {
     offset: "offsetHeight",
     scroll: "scrollTop",
@@ -20,17 +19,16 @@ const BAR_MAP = {
     client: "clientX",
     direction: "left"
   }
-};
-const renderThumbStyle = ({
-  move,
-  size,
-  bar
+}, s = ({
+  move: e,
+  size: l,
+  bar: t
 }) => ({
-  [bar.size]: size,
-  transform: `translate${bar.axis}(${move}%)`
+  [t.size]: l,
+  transform: `translate${t.axis}(${e}%)`
 });
 export {
-  BAR_MAP,
-  GAP,
-  renderThumbStyle
+  o as BAR_MAP,
+  i as GAP,
+  s as renderThumbStyle
 };

package/es/components/search/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./search.vue2.js";
-const VftSearch = withInstall(_sfc_main);
+import o from "./search.vue2.js";
+const c = t(o);
 export {
-  VftSearch,
-  VftSearch as default
+  c as VftSearch,
+  c as default
 };

package/es/components/search/search.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./search.vue2.js";
+import f from "./search.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

package/es/components/search/search.vue2.js

@@ -1,236 +1,197 @@
-import { defineComponent, ref, computed, resolveDirective, createElementBlock, openBlock, Fragment, withDirectives, createBlock, createCommentVNode, normalizeStyle, normalizeClass, unref, createVNode, mergeProps, createSlots, withCtx, renderSlot, createElementVNode } from "vue";
+import { defineComponent as P, ref as i, computed as u, resolveDirective as X, createElementBlock as V, openBlock as v, Fragment as Y, withDirectives as Z, createBlock as _, createCommentVNode as ee, normalizeStyle as oe, normalizeClass as w, unref as l, createVNode as te, mergeProps as g, createSlots as ne, withCtx as a, renderSlot as s, createElementVNode as ie } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
-import { addUnit } from "../../utils/helper.js";
-import { generateCssVars } from "../../utils/ns-cover.js";
+import { addUnit as f } from "../../utils/helper.js";
+import { generateCssVars as b } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { VftInput } from "../input/index.js";
-import { VftPopover } from "../popover/index.js";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { VftInput as le } from "../input/index.js";
+import { VftPopover as ae } from "../popover/index.js";
+import { useNamespace as se } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const __default__ = defineComponent({
+const re = P({
   name: "vft-search"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), we = /* @__PURE__ */ P({
+  ...re,
   props: {
     width: { default: 200 },
     activeWidth: {},
-    usePopover: { type: Boolean, default: false },
+    usePopover: { type: Boolean, default: !1 },
     popoverCfg: {},
     modelValue: { default: "" },
-    clearable: { type: Boolean, default: true },
+    clearable: { type: Boolean, default: !0 },
     placeholder: { default: "请输入你要搜索的内容" },
-    suffixIcon: { default: () => ({ icon: "icon-search", color: "#8B8C8C", pointer: true }) },
+    suffixIcon: { default: () => ({ icon: "icon-search", color: "#8B8C8C", pointer: !0 }) },
     prefixIcon: {},
     clearIcon: {}
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const ns = useNamespace("search");
-    const emit = __emit;
-    const popoverRef = ref();
-    const searchRef = ref();
-    const inputRef = ref();
-    const isFocus = ref(false);
-    const isHover = ref(false);
-    const visible = ref(false);
-    const inputStyle = computed(
-      () => generateCssVars(
+  setup(t, { expose: $, emit: B }) {
+    const d = se("search"), o = B, h = i(), C = i(), k = i(), c = i(!1), p = i(!1), n = i(!1), R = u(
+      () => b(
         {
-          width: __props.activeWidth && (visible.value || __props.modelValue) ? addUnit(__props.activeWidth) : addUnit(__props.width)
+          width: t.activeWidth && (n.value || t.modelValue) ? f(t.activeWidth) : f(t.width)
         },
         "input"
       )
-    );
-    const activeWidthStyle = computed(
-      () => generateCssVars(
+    ), x = u(
+      () => b(
         {
-          "active-width": __props.activeWidth ? addUnit(__props.activeWidth) : addUnit(__props.width)
+          "active-width": t.activeWidth ? f(t.activeWidth) : f(t.width)
         },
         "search"
       )
-    );
-    const _popoverCfg = computed(() => {
-      return {
-        "show-arrow": false,
-        transition: "vft-zoom-in-top-fast",
-        placement: "bottom-start",
-        "hide-after": 100,
-        offset: 3,
-        width: 500,
-        ...__props.popoverCfg
-      };
-    });
-    const handleInput = (value) => {
-      emit("update:modelValue", value);
-      emit("input", value);
-    };
-    const handleClickOut = () => {
-      hidePopover();
+    ), S = u(() => ({
+      "show-arrow": !1,
+      transition: "vft-zoom-in-top-fast",
+      placement: "bottom-start",
+      "hide-after": 100,
+      offset: 3,
+      width: 500,
+      ...t.popoverCfg
+    })), E = (e) => {
+      o("update:modelValue", e), o("input", e);
+    }, I = () => {
+      m();
     };
-    function showPopover() {
-      visible.value = true;
+    function W() {
+      n.value = !0;
     }
-    function hidePopover() {
-      visible.value = false;
+    function m() {
+      n.value = !1;
     }
-    const handleClear = () => {
-      emit("clear");
-      hideAndBlur(false);
+    const M = () => {
+      o("clear"), r(!1);
     };
-    function handleMouseEnter() {
-      isHover.value = true;
-      emit("mouseenter", __props.modelValue);
+    function U() {
+      p.value = !0, o("mouseenter", t.modelValue);
     }
-    function handleMouseLeave() {
-      isHover.value = false;
-      emit("mouseleave", __props.modelValue);
+    function F() {
+      p.value = !1, o("mouseleave", t.modelValue);
     }
-    const handleFocus = () => {
-      visible.value = true;
-      isFocus.value = true;
-      emit("focus");
+    const N = () => {
+      n.value = !0, c.value = !0, o("focus");
     };
-    function handleBlur() {
-      isFocus.value = false;
-      emit("blur");
+    function z() {
+      c.value = !1, o("blur");
     }
-    function handlePrefixClick() {
-      hideAndBlur();
-      emit("prefixClick", __props.modelValue);
+    function D() {
+      r(), o("prefixClick", t.modelValue);
     }
-    function handleSuffixClick() {
-      hideAndBlur();
-      emit("suffixClick", __props.modelValue);
+    function K() {
+      r(), o("suffixClick", t.modelValue);
     }
-    function handleEnter() {
-      hideAndBlur();
-      emit("enter", __props.modelValue);
+    function A() {
+      r(), o("enter", t.modelValue);
     }
-    function hideAndBlur(blur = true) {
-      if (__props.usePopover) {
-        hidePopover();
-      }
-      if (blur) {
-        inputRef.value.blur();
-      }
+    function r(e = !0) {
+      t.usePopover && m(), e && k.value.blur();
     }
-    const handleKeyDown = (data) => {
-      emit("keydown", data);
-    };
-    const popperPaneRef = computed(() => {
-      return popoverRef.value?.popperRef?.contentRef;
-    });
-    const onUpdateModelValue = (data) => {
-      emit("update:modelValue", data);
-    };
-    const handleChange = (data) => {
-      emit("change", data);
-    };
-    const handleCompositionStart = (event) => {
-      emit("compositionstart", event);
-    };
-    const handleCompositionUpdate = (event) => {
-      emit("compositionupdate", event);
-    };
-    const handleCompositionEnd = (event) => {
-      emit("compositionend", event);
+    const H = (e) => {
+      o("keydown", e);
+    }, L = u(() => h.value?.popperRef?.contentRef), O = (e) => {
+      o("update:modelValue", e);
+    }, j = (e) => {
+      o("change", e);
+    }, q = (e) => {
+      o("compositionstart", e);
+    }, G = (e) => {
+      o("compositionupdate", e);
+    }, J = (e) => {
+      o("compositionend", e);
     };
-    __expose({
-      isFocus,
-      isHover,
-      visible,
-      hidePopover,
-      showPopover
-    });
-    return (_ctx, _cache) => {
-      const _directive_click_outside = resolveDirective("click-outside");
-      return openBlock(), createElementBlock(Fragment, null, [
-        withDirectives((openBlock(), createElementBlock("div", {
+    return $({
+      isFocus: c,
+      isHover: p,
+      visible: n,
+      hidePopover: m,
+      showPopover: W
+    }), (e, y) => {
+      const Q = X("click-outside");
+      return v(), V(Y, null, [
+        Z((v(), V("div", {
           ref_key: "searchRef",
-          ref: searchRef,
-          class: normalizeClass([unref(ns).b(), unref(ns).is("active", visible.value || _ctx.modelValue)]),
-          style: normalizeStyle(activeWidthStyle.value)
+          ref: C,
+          class: w([l(d).b(), l(d).is("active", n.value || e.modelValue)]),
+          style: oe(x.value)
         }, [
-          createVNode(unref(VftInput), mergeProps({
+          te(l(le), g({
             ref_key: "inputRef",
-            ref: inputRef
-          }, _ctx.$props, {
-            "input-style": inputStyle.value,
-            onInput: handleInput,
-            onFocus: handleFocus,
-            onEnter: handleEnter,
-            onBlur: handleBlur,
-            onMouseenter: handleMouseEnter,
-            "onUpdate:modelValue": onUpdateModelValue,
-            onMouseleave: handleMouseLeave,
-            onPrefixClick: handlePrefixClick,
-            onSuffixClick: handleSuffixClick,
-            onChange: handleChange,
-            onKeydown: handleKeyDown,
-            onClear: handleClear,
-            onCompositionstart: handleCompositionStart,
-            onCompositionupdate: handleCompositionUpdate,
-            onCompositionend: handleCompositionEnd
-          }), createSlots({ _: 2 }, [
-            _ctx.$slots.prefix ? {
+            ref: k
+          }, e.$props, {
+            "input-style": R.value,
+            onInput: E,
+            onFocus: N,
+            onEnter: A,
+            onBlur: z,
+            onMouseenter: U,
+            "onUpdate:modelValue": O,
+            onMouseleave: F,
+            onPrefixClick: D,
+            onSuffixClick: K,
+            onChange: j,
+            onKeydown: H,
+            onClear: M,
+            onCompositionstart: q,
+            onCompositionupdate: G,
+            onCompositionend: J
+          }), ne({ _: 2 }, [
+            e.$slots.prefix ? {
               name: "prefix",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "prefix")
+              fn: a(() => [
+                s(e.$slots, "prefix")
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots.suffix ? {
+            e.$slots.suffix ? {
               name: "suffix",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "suffix")
+              fn: a(() => [
+                s(e.$slots, "suffix")
               ]),
               key: "1"
             } : void 0,
-            _ctx.$slots.prepend ? {
+            e.$slots.prepend ? {
               name: "prepend",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "prepend")
+              fn: a(() => [
+                s(e.$slots, "prepend")
               ]),
               key: "2"
             } : void 0,
-            _ctx.$slots.append ? {
+            e.$slots.append ? {
               name: "append",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "append")
+              fn: a(() => [
+                s(e.$slots, "append")
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["input-style"])
         ], 6)), [
-          [_directive_click_outside, handleClickOut, popperPaneRef.value]
+          [Q, I, L.value]
         ]),
-        _ctx.usePopover ? (openBlock(), createBlock(unref(VftPopover), mergeProps({
+        e.usePopover ? (v(), _(l(ae), g({
           key: 0,
           ref_key: "popoverRef",
-          ref: popoverRef
-        }, _popoverCfg.value, {
-          "virtual-ref": searchRef.value,
-          visible: visible.value,
-          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          ref: h
+        }, S.value, {
+          "virtual-ref": C.value,
+          visible: n.value,
+          "onUpdate:visible": y[0] || (y[0] = (T) => n.value = T),
           "virtual-triggering": ""
         }), {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              class: normalizeClass(unref(ns).e("content"))
+          default: a(() => [
+            ie("div", {
+              class: w(l(d).e("content"))
             }, [
-              renderSlot(_ctx.$slots, "default")
+              s(e.$slots, "default")
             ], 2)
           ]),
           _: 3
-        }, 16, ["virtual-ref", "visible"])) : createCommentVNode("", true)
+        }, 16, ["virtual-ref", "visible"])) : ee("", !0)
       ], 64);
     };
   }
 });
 export {
-  _sfc_main as default
+  we as default
 };