ep-craft 0.1.32 → 0.1.34

package/dist/components/button/index.d.ts

@@ -1,4 +1,16 @@
 import type { Plugin } from 'vue';
+import type { ButtonProps } from './button';
 import _EpButton from './EpButton.vue';
 export declare const EpButton: typeof _EpButton & Plugin;
 export default EpButton;
+/**
+ * button 契约补口（vendor-popover 需求 7.3）。
+ *
+ * - `buttonGroupContextKey` 必须来自本地 `constants.ts`，与 `EpButton` 的 inject
+ *   及 `EpButtonGroup` 的 provide 共用同一 Symbol。
+ * - `ButtonType` 由本地 `buttonProps.type` 派生，供 dropdown 的上游形态类型导入使用；
+ *   不改变 `buttonTypes` 的取值集合。
+ */
+export { buttonGroupContextKey } from './constants';
+export type { ButtonProps } from './button';
+export type ButtonType = NonNullable<ButtonProps['type']>;

package/dist/components/button-group/index.d.ts

@@ -1,4 +1,5 @@
 import type { Plugin } from 'vue';
-import { ElButtonGroup } from 'element-plus';
-export declare const EpButtonGroup: typeof ElButtonGroup & Plugin;
+import _EpButtonGroup from './src/button-group.vue';
+export declare const EpButtonGroup: typeof _EpButtonGroup & Plugin;
 export default EpButtonGroup;
+export * from './src/button-group';

package/dist/components/button-group/index.js

@@ -1,6 +1,10 @@
-import { ElButtonGroup as t } from "element-plus";
 import { withInstall as o } from "../../utils/with-install.js";
-const p = Object.assign({}, t, { name: "EpButtonGroup" }), u = o(p, "ep-button-group");
+import t from "./src/button-group.vue.js";
+import "./src/button-group.js";
+const i = o(
+  t,
+  "ep-button-group"
+);
 export {
-  u as EpButtonGroup
+  i as EpButtonGroup
 };

package/dist/components/button-group/src/button-group.d.ts

@@ -0,0 +1,48 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type { ButtonProps } from '../../button/button';
+export interface ButtonGroupProps {
+    /**
+     * @description control the size of buttons in this button-group
+     */
+    size?: ButtonProps['size'];
+    /**
+     * @description control the type of buttons in this button-group
+     */
+    type?: ButtonProps['type'];
+    /**
+     * @description display direction
+     */
+    direction?: 'horizontal' | 'vertical';
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ButtonGroupProps` instead.
+ */
+export declare const buttonGroupProps: {
+    /**
+     * @description control the size of buttons in this button-group
+     */
+    readonly size: {
+        readonly type: import("vue").PropType<"" | "large" | "default" | "small" | "mini">;
+        readonly values: readonly ["", "large", "default", "small", "mini"];
+    };
+    /**
+     * @description control the type of buttons in this button-group
+     */
+    readonly type: {
+        readonly type: import("vue").PropType<typeof import("../../button/button").buttonTypes[number]>;
+        readonly values: readonly ["default", "primary", "success", "warning", "info", "danger", "text", ""];
+        readonly default: "";
+    };
+    /**
+     * @description display direction
+     */
+    readonly direction: {
+        readonly type: import("vue").PropType<"horizontal" | "vertical">;
+        readonly values: readonly ["horizontal", "vertical"];
+        readonly default: "horizontal";
+    };
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `ButtonGroupProps` instead.
+ */
+export type ButtonGroupPropsPublic = ExtractPublicPropTypes<typeof buttonGroupProps>;

package/dist/components/button-group/src/button-group.js

@@ -0,0 +1,7 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "vue";
+import { buttonProps as t } from "../../button/button.js";
+t.size, t.type;

package/dist/components/button-group/src/button-group.vue.d.ts

@@ -0,0 +1,16 @@
+import type { ButtonGroupProps } from './button-group';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
+    direction: "horizontal" | "vertical";
+    type: import("../../button").ButtonProps["type"];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/button-group/src/button-group.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as m, provide as n, reactive as s, toRef as e, openBlock as u, createElementBlock as a, normalizeClass as c, unref as r, renderSlot as l } from "vue";
+import { useNamespace as f } from "../../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+import { buttonGroupContextKey as d } from "../../button/constants.js";
+const R = /* @__PURE__ */ m({
+  name: "EpButtonGroup",
+  __name: "button-group",
+  props: {
+    size: {},
+    type: { default: "" },
+    direction: { default: "horizontal" }
+  },
+  setup(p) {
+    const t = p;
+    n(
+      d,
+      s({
+        size: e(t, "size"),
+        type: e(t, "type")
+      })
+    );
+    const o = f("button");
+    return (i, b) => (u(), a("div", {
+      class: c([r(o).b("group"), r(o).bm("group", t.direction)])
+    }, [
+      l(i.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  R as default
+};

package/dist/components/button-group/src/button-group2.vue.js

@@ -0,0 +1,4 @@
+import f from "./button-group.vue.js";
+export {
+  f as default
+};

package/dist/components/checkbox/index.js

@@ -1,12 +1,13 @@
 import { withInstall as o } from "../../utils/with-install.js";
 import c from "./EpCheckbox.vue.js";
-import { checkboxEmits as x, checkboxProps as h } from "./src/checkbox.js";
-const e = o(
+import { checkboxEmits as s, checkboxProps as x } from "./src/checkbox.js";
+const r = o(
   c,
   "ep-checkbox"
 );
 export {
-  e as EpCheckbox,
-  x as checkboxEmits,
-  h as checkboxProps
+  r as EpCheckbox,
+  s as checkboxEmits,
+  x as checkboxProps,
+  r as default
 };

package/dist/components/collection/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * collection 内部 barrel（不进入公开面）。
+ *
+ * 上游 `collection/index.ts` 没有 sourcemap，本文件按上游 .d.ts 的导出面重建：
+ * 值导出 `COLLECTION_ITEM_SIGN` / `createCollectionWithScope`，类型导出三个上下文。
+ */
+export { COLLECTION_ITEM_SIGN, createCollectionWithScope } from './src/collection';
+export type { CollectionItem, ElCollectionInjectionContext, ElCollectionItemInjectionContext, } from './src/tokens';

package/dist/components/collection/src/collection-item.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/collection/src/collection-item.vue.js

@@ -0,0 +1,10 @@
+import r from "./collection-item2.vue.js";
+import { renderSlot as t } from "vue";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+function n(o, s, f, p, c, m) {
+  return t(o.$slots, "default");
+}
+const d = /* @__PURE__ */ e(r, [["render", n]]);
+export {
+  d as default
+};

package/dist/components/collection/src/collection-item2.vue.js

@@ -0,0 +1,8 @@
+import { defineComponent as e } from "vue";
+const n = e({
+  name: "ElCollectionItem",
+  inheritAttrs: !1
+});
+export {
+  n as default
+};

package/dist/components/collection/src/collection.d.ts

@@ -0,0 +1,39 @@
+import type { InjectionKey, SetupContext } from 'vue';
+import type { ElCollectionInjectionContext, ElCollectionItemInjectionContext } from './tokens';
+export declare const COLLECTION_ITEM_SIGN = "data-el-collection-item";
+export declare const createCollectionWithScope: (name: string) => {
+    COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext>;
+    COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext>;
+    ElCollection: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        name: string;
+        setup(): void;
+    };
+    ElCollectionItem: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+        name: string;
+        setup(_: unknown, { attrs }: SetupContext): void;
+    };
+};

package/dist/components/collection/src/collection.js

@@ -0,0 +1,52 @@
+import { ref as I, provide as E, inject as N, onMounted as _, unref as s, onBeforeUnmount as d } from "vue";
+import u from "./collection.vue.js";
+import L from "./collection-item.vue.js";
+const M = "data-el-collection-item", j = (C) => {
+  const c = `Ep${C}Collection`, r = `${c}Item`, l = Symbol(c), m = Symbol(r), f = Object.assign({}, u, {
+    name: c,
+    setup() {
+      const i = I(), o = /* @__PURE__ */ new Map();
+      E(l, {
+        itemMap: o,
+        getItems: () => {
+          const t = s(i);
+          if (!t) return [];
+          const e = Array.from(
+            t.querySelectorAll(`[${M}]`)
+          );
+          return [...o.values()].sort(
+            (a, p) => e.indexOf(a.ref) - e.indexOf(p.ref)
+          );
+        },
+        collectionRef: i
+      });
+    }
+  }), O = Object.assign({}, L, {
+    name: r,
+    setup(i, { attrs: o }) {
+      const n = I(), t = N(l, void 0);
+      E(m, {
+        collectionItemRef: n
+      }), _(() => {
+        const e = s(n);
+        e && t.itemMap.set(e, {
+          ref: e,
+          ...o
+        });
+      }), d(() => {
+        const e = s(n);
+        t.itemMap.delete(e);
+      });
+    }
+  });
+  return {
+    COLLECTION_INJECTION_KEY: l,
+    COLLECTION_ITEM_INJECTION_KEY: m,
+    ElCollection: f,
+    ElCollectionItem: O
+  };
+};
+export {
+  M as COLLECTION_ITEM_SIGN,
+  j as createCollectionWithScope
+};

package/dist/components/collection/src/collection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/collection/src/collection.vue.js

@@ -0,0 +1,10 @@
+import r from "./collection2.vue.js";
+import { renderSlot as t } from "vue";
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+function n(o, s, f, p, c, a) {
+  return t(o.$slots, "default");
+}
+const d = /* @__PURE__ */ e(r, [["render", n]]);
+export {
+  d as default
+};

package/dist/components/collection/src/collection2.vue.js

@@ -0,0 +1,7 @@
+import { defineComponent as t } from "vue";
+const n = t({
+  inheritAttrs: !1
+});
+export {
+  n as default
+};

package/dist/components/collection/src/tokens.d.ts

@@ -0,0 +1,18 @@
+import type { Ref } from 'vue';
+/**
+ * 集合项的最小形状：`ref` 指向真实 DOM，其余字段来自集合项 SFC 的 attrs。
+ *
+ * 上游 .d.ts 写作 `Record<string, any>`；本仓按 design.md 的契约取 `unknown`，
+ * 由消费方在 `getItems<T>()` 处显式声明所需字段，避免内部集合协议扩散 `any`。
+ */
+export type CollectionItem<T = Record<string, unknown>> = {
+    ref: HTMLElement | null;
+} & T;
+export type ElCollectionInjectionContext = {
+    itemMap: Map<HTMLElement, CollectionItem>;
+    getItems: <T>() => CollectionItem<T>[];
+    collectionRef: Ref<HTMLElement | undefined>;
+};
+export type ElCollectionItemInjectionContext = {
+    collectionItemRef: Ref<HTMLElement | undefined>;
+};

package/dist/components/divider/index.d.ts

@@ -1,4 +1,26 @@
 import type { Plugin } from 'vue';
-import { ElDivider } from 'element-plus';
-export declare const EpDivider: typeof ElDivider & Plugin;
+import _EpDivider from './src/divider.vue';
+/**
+ * divider 自持 barrel：用**本地**安装辅助把搬运来的分隔线本体注册为 `ep-divider`
+ * ——对外注册名与迁移前的包装态**逐字相同**（需求 5.2）。
+ *
+ * 形态对齐 `src/components/progress/index.ts`（自持 barrel）。与迁移前的
+ * `Object.assign({}, ElDivider, { name: 'EpDivider' })` 包装态的关键差异：
+ * 本体不再来自 `element-plus`，故本入口模块**零 element-plus 引用**（需求 1.3）。
+ *
+ * **必须用 `../../utils/with-install`（本地版），不得误用 `../../utils/vue/install`（上游版）**：
+ * 二者同名而签名不同——本地版 `withInstall(component, name: string)` 按**显式注册名**注册；
+ * 上游版 `withInstall(main, extra?)` 按 `comp.name` 注册，并把 `extra` 交给 `Object.values()`
+ * 展开。若误用上游版，第二参字符串会被**逐字符展开**，`ep-divider` **静默注册失败**。
+ *
+ * **不导出 `ElDivider` 别名**（需求 5.1）：本仓的 `El*` 别名只服务于「过渡期仍需用上游
+ * 组件」的场景；本体已自持后，别名只会与 `EpDivider` 争抢同一个 `.install`。
+ *
+ * **不使用 `export *`**：公开面按契约显式列出（与 `progress` / `table` / `checkbox` 一致）。
+ * 上游 barrel 的 `export * from './src/divider'` 展开后共 5 个成员（1 值 + 4 类型），
+ * 此处逐一列出。
+ */
+export declare const EpDivider: typeof _EpDivider & Plugin;
 export default EpDivider;
+export { dividerProps } from './src/divider';
+export type { BorderStyle, DividerInstance, DividerProps, DividerPropsPublic, } from './src/divider';

package/dist/components/divider/index.js

@@ -1,6 +1,11 @@
-import { ElDivider as i } from "element-plus";
 import { withInstall as r } from "../../utils/with-install.js";
-const e = Object.assign({}, i, { name: "EpDivider" }), p = r(e, "ep-divider");
+import i from "./src/divider.vue.js";
+import { dividerProps as d } from "./src/divider.js";
+const t = r(
+  i,
+  "ep-divider"
+);
 export {
-  p as EpDivider
+  t as EpDivider,
+  d as dividerProps
 };

package/dist/components/divider/src/divider.d.ts

@@ -0,0 +1,30 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type Divider from './divider.vue';
+export type BorderStyle = CSSStyleDeclaration['borderStyle'];
+export interface DividerProps {
+    /**
+     * @description Set divider's direction
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description The position of the customized content on the divider line
+     */
+    contentPosition?: 'left' | 'center' | 'right';
+    /**
+     * @description Set the style of divider
+     */
+    borderStyle?: BorderStyle;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
+ */
+export declare const dividerProps: {
+    readonly direction: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly contentPosition: import("@element-plus/utils").EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+    readonly borderStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
+ */
+export type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>;
+export type DividerInstance = InstanceType<typeof Divider> & unknown;

package/dist/components/divider/src/divider.js

@@ -0,0 +1,34 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import { buildProps as t, definePropType as r } from "../../../utils/vue/props/runtime.js";
+import "vue";
+const d = t({
+  /**
+   * @description Set divider's direction
+   */
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  /**
+   * @description The position of the customized content on the divider line
+   */
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  /**
+   * @description Set the style of divider
+   */
+  borderStyle: {
+    type: r(String),
+    default: "solid"
+  }
+});
+export {
+  d as dividerProps
+};

package/dist/components/divider/src/divider.vue.d.ts

@@ -0,0 +1,24 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+    readonly borderStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly direction: import("../../../utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly contentPosition: import("../../../utils").EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+    readonly borderStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
+}>> & Readonly<{}>, {
+    readonly direction: import("../../../utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly borderStyle: string;
+    readonly contentPosition: import("../../../utils").EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/divider/src/divider.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as a, computed as d, openBlock as t, createElementBlock as i, normalizeStyle as l, normalizeClass as s, unref as o, renderSlot as c, createCommentVNode as u } from "vue";
+import { useNamespace as f } from "../../../hooks/use-namespace/index.js";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import "../../../hooks/use-delayed-toggle/index.js";
+import "../../../hooks/use-aria/index.js";
+import "../../../hooks/use-model-toggle/index.js";
+import "../../../hooks/use-empty-values/index.js";
+import { dividerProps as v } from "./divider.js";
+const g = /* @__PURE__ */ a({
+  name: "EpDivider",
+  __name: "divider",
+  props: v,
+  setup(m) {
+    const p = m, e = f("divider"), n = d(() => e.cssVar({
+      "border-style": p.borderStyle
+    }));
+    return (r, y) => (t(), i("div", {
+      class: s([o(e).b(), o(e).m(r.direction)]),
+      style: l(n.value),
+      role: "separator"
+    }, [
+      r.$slots.default && r.direction !== "vertical" ? (t(), i("div", {
+        key: 0,
+        class: s([o(e).e("text"), o(e).is(r.contentPosition)])
+      }, [
+        c(r.$slots, "default")
+      ], 2)) : u("", !0)
+    ], 6));
+  }
+});
+export {
+  g as default
+};

package/dist/components/divider/src/divider2.vue.js

@@ -0,0 +1,4 @@
+import f from "./divider.vue.js";
+export {
+  f as default
+};