ep-craft 0.1.26 → 0.1.28

package/dist/components/form-item/EpFormItem.vue.js

@@ -0,0 +1,257 @@
+import { defineComponent as be, useSlots as ye, inject as K, ref as I, computed as a, watch as z, reactive as Ie, toRefs as Fe, provide as Se, onMounted as Ve, onBeforeUnmount as qe, openBlock as U, createElementBlock as we, unref as v, normalizeClass as F, createVNode as H, withCtx as _, createBlock as We, resolveDynamicComponent as Me, normalizeStyle as J, renderSlot as B, createTextVNode as Re, toDisplayString as O, createCommentVNode as Q, createElementVNode as X, TransitionGroup as $e, nextTick as ze } from "vue";
+import _e from "async-validator";
+import { refDebounced as Be } from "@vueuse/core";
+import { isBoolean as Ne } from "../../utils/types.js";
+import { castArray as Y, cloneDeep as Z } from "lodash-unified";
+import { isArray as k, isFunction as Pe } from "@vue/shared";
+import { getProp as N } from "../../utils/objects.js";
+import { addUnit as C } from "../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import { useNamespace as Ee } from "../../hooks/use-namespace/index.js";
+import { useId as Ae } from "../../hooks/use-id/index.js";
+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 { useFormSize as De } from "../form/src/hooks/use-form-common-props.js";
+import je from "../form/src/form-label-wrap.js";
+import { formContextKey as Le, formItemContextKey as x } from "../form/src/constants.js";
+const Te = ["role", "aria-labelledby"], ut = /* @__PURE__ */ be({
+  name: "ElFormItem",
+  __name: "EpFormItem",
+  props: {
+    label: {},
+    labelWidth: {},
+    labelPosition: { default: "" },
+    prop: {},
+    required: { type: Boolean, default: void 0 },
+    rules: {},
+    error: {},
+    validateStatus: {},
+    for: {},
+    inlineMessage: { type: Boolean, default: void 0 },
+    showMessage: { type: Boolean, default: !0 },
+    size: {}
+  },
+  setup(P, { expose: ee }) {
+    const s = P, E = ye(), e = K(Le, void 0), te = K(x, void 0), S = De(void 0, { formItem: !1 }), o = Ee("form-item"), V = Ae().value, d = I([]), p = I(""), re = Be(p, 100), u = I(""), A = I();
+    let q, h = !1;
+    const g = a(
+      () => s.labelPosition || (e == null ? void 0 : e.labelPosition)
+    ), D = a(() => g.value === "top" ? {} : { width: C(s.labelWidth ?? (e == null ? void 0 : e.labelWidth)) }), se = a(() => {
+      if (g.value === "top" || e != null && e.inline)
+        return {};
+      if (!s.label && !s.labelWidth && oe)
+        return {};
+      const t = C(s.labelWidth ?? (e == null ? void 0 : e.labelWidth));
+      return !s.label && !E.label ? { marginLeft: t } : {};
+    }), ie = a(() => [
+      o.b(),
+      o.m(S.value),
+      o.is("error", p.value === "error"),
+      o.is("validating", p.value === "validating"),
+      o.is("success", p.value === "success"),
+      o.is("required", de.value || s.required),
+      o.is("no-asterisk", e == null ? void 0 : e.hideRequiredAsterisk),
+      (e == null ? void 0 : e.requireAsteriskPosition) === "right" ? "asterisk-right" : "asterisk-left",
+      {
+        [o.m("feedback")]: e == null ? void 0 : e.statusIcon,
+        [o.m(`label-${g.value}`)]: g.value
+      }
+    ]), le = a(
+      () => Ne(s.inlineMessage) ? s.inlineMessage : (e == null ? void 0 : e.inlineMessage) || !1
+    ), ae = a(() => [
+      o.e("error"),
+      { [o.em("error", "inline")]: le.value }
+    ]), w = a(() => s.prop ? k(s.prop) ? s.prop.join(".") : s.prop : ""), j = a(() => !!(s.label || E.label)), W = a(() => s.for ?? (d.value.length === 1 ? d.value[0] : void 0)), M = a(() => !W.value && j.value), oe = !!te, b = a(() => {
+      const t = e == null ? void 0 : e.model;
+      if (!(!t || !s.prop))
+        return N(t, s.prop).value;
+    }), R = a(() => {
+      const { required: t } = s, r = [];
+      s.rules && r.push(...Y(s.rules));
+      const i = e == null ? void 0 : e.rules;
+      if (i && s.prop) {
+        const l = N(
+          i,
+          s.prop
+        ).value;
+        l && r.push(...Y(l));
+      }
+      if (t !== void 0) {
+        const l = r.map((n, m) => [n, m]).filter(([n]) => "required" in n);
+        if (l.length > 0)
+          for (const [n, m] of l)
+            n.required !== t && (r[m] = { ...n, required: t });
+        else
+          r.push({ required: t });
+      }
+      return r;
+    }), ue = a(() => R.value.length > 0), ne = (t) => R.value.filter((i) => !i.trigger || !t ? !0 : k(i.trigger) ? i.trigger.includes(t) : i.trigger === t).map(({ trigger: i, ...l }) => l), de = a(
+      () => R.value.some((t) => t.required)
+    ), pe = a(
+      () => re.value === "error" && s.showMessage && ((e == null ? void 0 : e.showMessage) ?? !0)
+    ), L = a(
+      () => `${s.label || ""}${(e == null ? void 0 : e.labelSuffix) || ""}`
+    ), c = (t) => {
+      p.value = t;
+    }, ve = (t) => {
+      var l;
+      const { errors: r, fields: i } = t;
+      (!r || !i) && console.error(t), c("error"), u.value = r ? ((l = r == null ? void 0 : r[0]) == null ? void 0 : l.message) ?? `${s.prop} is required` : "", e == null || e.emit("validate", s.prop, !1, u.value);
+    }, ce = () => {
+      c("success"), e == null || e.emit("validate", s.prop, !0, "");
+    }, me = async (t) => {
+      const r = w.value;
+      return new _e({
+        [r]: t
+      }).validate({ [r]: b.value }, { firstFields: !0 }).then(() => (ce(), !0)).catch((l) => (ve(l), Promise.reject(l)));
+    }, T = async (t, r) => {
+      if (h || !s.prop)
+        return !1;
+      const i = Pe(r);
+      if (!ue.value)
+        return r == null || r(!1), !1;
+      const l = ne(t);
+      return l.length === 0 ? (r == null || r(!0), !0) : (c("validating"), me(l).then(() => (r == null || r(!0), !0)).catch((n) => {
+        const { fields: m } = n;
+        return r == null || r(!1, m), i ? !1 : Promise.reject(m);
+      }));
+    }, $ = () => {
+      c(""), u.value = "", h = !1;
+    }, G = async () => {
+      const t = e == null ? void 0 : e.model;
+      if (!t || !s.prop) return;
+      const r = N(t, s.prop);
+      h = !0, r.value = Z(q), await ze(), $(), h = !1;
+    }, fe = (t) => {
+      d.value.includes(t) || d.value.push(t);
+    }, he = (t) => {
+      d.value = d.value.filter((r) => r !== t);
+    }, y = (t) => {
+      q = Z(t);
+    }, ge = () => q;
+    z(
+      () => s.error,
+      (t) => {
+        u.value = t || "", c(t ? "error" : "");
+      },
+      { immediate: !0 }
+    ), z(
+      () => s.validateStatus,
+      (t) => c(t || "")
+    );
+    const f = Ie({
+      ...Fe(s),
+      $el: A,
+      size: S,
+      validateMessage: u,
+      validateState: p,
+      labelId: V,
+      inputIds: d,
+      isGroup: M,
+      hasLabel: j,
+      fieldValue: b,
+      addInputId: fe,
+      removeInputId: he,
+      resetField: G,
+      clearValidate: $,
+      validate: T,
+      propString: w,
+      setInitialValue: y,
+      getInitialValue: ge
+    });
+    return Se(x, f), z(w, (t, r) => {
+      !e || !r || (e.removeField(f, r), t && (y(b.value), e.addField(f)));
+    }), Ve(() => {
+      s.prop && (y(b.value), e == null || e.addField(f));
+    }), qe(() => {
+      e == null || e.removeField(f);
+    }), ee({
+      /**
+       * @description Form item size.
+       */
+      size: S,
+      /**
+       * @description Validation message.
+       */
+      validateMessage: u,
+      /**
+       * @description Validation state.
+       */
+      validateState: p,
+      /**
+       * @description Validate form item.
+       */
+      validate: T,
+      /**
+       * @description Remove validation status of the field.
+       */
+      clearValidate: $,
+      /**
+       * @description Reset current field and remove validation result.
+       */
+      resetField: G,
+      /**
+       * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.
+       */
+      setInitialValue: y
+    }), (t, r) => {
+      var i;
+      return U(), we("div", {
+        ref_key: "formItemRef",
+        ref: A,
+        class: F(ie.value),
+        role: M.value ? "group" : void 0,
+        "aria-labelledby": M.value ? v(V) : void 0
+      }, [
+        H(v(je), {
+          "is-auto-width": D.value.width === "auto",
+          "update-all": ((i = v(e)) == null ? void 0 : i.labelWidth) === "auto"
+        }, {
+          default: _(() => [
+            P.label || t.$slots.label ? (U(), We(Me(W.value ? "label" : "div"), {
+              key: 0,
+              id: v(V),
+              for: W.value,
+              class: F(v(o).e("label")),
+              style: J(D.value)
+            }, {
+              default: _(() => [
+                B(t.$slots, "label", { label: L.value }, () => [
+                  Re(O(L.value), 1)
+                ])
+              ]),
+              _: 3
+            }, 8, ["id", "for", "class", "style"])) : Q("", !0)
+          ]),
+          _: 3
+        }, 8, ["is-auto-width", "update-all"]),
+        X("div", {
+          class: F(v(o).e("content")),
+          style: J(se.value)
+        }, [
+          B(t.$slots, "default"),
+          H($e, {
+            name: `${v(o).namespace.value}-zoom-in-top`
+          }, {
+            default: _(() => [
+              pe.value ? B(t.$slots, "error", { error: u.value }, () => [
+                X("div", {
+                  class: F(ae.value)
+                }, O(u.value), 3)
+              ], void 0, 0) : Q("", !0)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ], 6)
+      ], 10, Te);
+    };
+  }
+});
+export {
+  ut as default
+};

package/dist/components/form-item/EpFormItem2.vue.js

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

package/dist/components/form-item/index.d.ts

@@ -1,4 +1,7 @@
 import type { Plugin } from 'vue';
-import { ElFormItem } from 'element-plus';
-export declare const EpFormItem: typeof ElFormItem & Plugin;
+import _EpFormItem from './EpFormItem.vue';
+export declare const EpFormItem: typeof _EpFormItem & Plugin;
 export default EpFormItem;
+export { formItemProps, formItemValidateStates } from '../form/src/form-item';
+export type { FormItemProp, FormItemProps, FormItemPropsPublic, FormItemValidateState, } from '../form/src/form-item';
+export type { FormItemInstance } from './instance';

package/dist/components/form-item/index.js

@@ -1,6 +1,8 @@
-import { ElFormItem as m } from "element-plus";
 import { withInstall as t } from "../../utils/with-install.js";
-const o = Object.assign({}, m, { name: "EpFormItem" }), p = t(o, "ep-form-item");
+import m from "./EpFormItem.vue.js";
+import { formItemValidateStates as p } from "../form/src/form-item.js";
+const e = t(m, "ep-form-item");
 export {
-  p as EpFormItem
+  e as EpFormItem,
+  p as formItemValidateStates
 };

package/dist/components/form-item/instance.d.ts

@@ -0,0 +1,2 @@
+import type _EpFormItem from './EpFormItem.vue';
+export type FormItemInstance = InstanceType<typeof _EpFormItem>;

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

@@ -4,3 +4,4 @@ export declare const EpScrollbar: typeof ElScrollbar & Plugin;
 export default EpScrollbar;
 export { scrollbarEmits } from './src/scrollbar';
 export type { ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, } from './src/scrollbar';
+export * from './src/util';

package/dist/components/scrollbar/src/util.d.ts

@@ -0,0 +1,40 @@
+import type { CSSProperties } from 'vue';
+/**
+ * scrollbar 源码化子集 —— 仅为 virtual-list 的 scrollbar 包装提供工具导出。
+ *
+ * scrollbar 组件本体仍走薄包装(见 index.ts),此处仅补齐
+ * virtual-list/src/components/scrollbar 依赖的 `BAR_MAP` 等命名导出。
+ * 上游 renderThumbStyle 的入参类型引用 `Pick<ThumbProps, 'move' | 'size'>`,
+ * 因本地未 vendor `thumb.ts`(ThumbProps 来源缺失),故将 `Pick<ThumbProps,
+ * 'move' | 'size'>` 就地内联为等价结构类型 `{ move?: number; size?: string }`
+ * (上游 `size` 为可选 string、`move` 为可选 number)。
+ */
+export declare const GAP = 4;
+export declare const BAR_MAP: {
+    readonly vertical: {
+        readonly offset: "offsetHeight";
+        readonly scroll: "scrollTop";
+        readonly scrollSize: "scrollHeight";
+        readonly size: "height";
+        readonly key: "vertical";
+        readonly axis: "Y";
+        readonly client: "clientY";
+        readonly direction: "top";
+    };
+    readonly horizontal: {
+        readonly offset: "offsetWidth";
+        readonly scroll: "scrollLeft";
+        readonly scrollSize: "scrollWidth";
+        readonly size: "width";
+        readonly key: "horizontal";
+        readonly axis: "X";
+        readonly client: "clientX";
+        readonly direction: "left";
+    };
+};
+export declare const renderThumbStyle: ({ move, size, bar, }: {
+    move?: number;
+    size?: string;
+} & {
+    bar: (typeof BAR_MAP)[keyof typeof BAR_MAP];
+}) => CSSProperties;

package/dist/components/scrollbar/src/util.js

@@ -0,0 +1,25 @@
+const l = {
+  vertical: {
+    offset: "offsetHeight",
+    scroll: "scrollTop",
+    scrollSize: "scrollHeight",
+    size: "height",
+    key: "vertical",
+    axis: "Y",
+    client: "clientY",
+    direction: "top"
+  },
+  horizontal: {
+    offset: "offsetWidth",
+    scroll: "scrollLeft",
+    scrollSize: "scrollWidth",
+    size: "width",
+    key: "horizontal",
+    axis: "X",
+    client: "clientX",
+    direction: "left"
+  }
+};
+export {
+  l as BAR_MAP
+};

package/dist/components/select/select.vue.d.ts

@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     modelValue: import("vue").ComputedRef<string | number | boolean | any[] | Record<string, any> | null | undefined>;
     selectedLabel: import("vue").ComputedRef<string | string[]>;
-    floatLabelClass: import("vue").ComputedRef<Record<"is-floating", boolean>>;
+    floatLabelClass: import("vue").ComputedRef<import("@element-plus/hooks").FloatLabelClass>;
     floatLabelText: import("vue").ComputedRef<string>;
     calculatorRef: import("vue").ShallowRef<HTMLElement | undefined, HTMLElement | undefined>;
     inputStyle: import("vue").ComputedRef<{
@@ -184,12 +184,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     currentPlaceholder: import("vue").ComputedRef<string>;
     mouseEnterEventName: string | null;
-    needStatusIcon: import("vue").ComputedRef<any>;
+    needStatusIcon: import("vue").ComputedRef<boolean>;
     showClearBtn: import("vue").ComputedRef<boolean>;
     iconComponent: import("vue").ComputedRef<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
     iconReverse: import("vue").ComputedRef<string>;
-    validateState: import("vue").ComputedRef<string>;
-    validateIcon: import("vue").ComputedRef<"" | import("vue").Component>;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+    validateIcon: import("vue").ComputedRef<import("vue").Component | "">;
     showNewOption: import("vue").ComputedRef<boolean>;
     updateOptions: () => void;
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;
@@ -369,11 +369,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     "onEnd-reached"?: ((direction: import("@element-plus/components/scrollbar").ScrollbarDirection) => any) | undefined;
     "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onRemove-tag"?: ((val: unknown) => any) | undefined;
     "onPopup-scroll"?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
     }) => any) | undefined;
-    "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
     props: import("@element-plus/components/select-v2/src/useProps").Props;
     offset: number;
@@ -407,12 +407,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     tagType: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "primary" | "success" | "warning" | "info" | "danger") | (() => "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "primary" | "success" | "warning" | "info" | "danger") | (() => "primary" | "success" | "warning" | "info" | "danger")) | null)[], "primary" | "success" | "warning" | "info" | "danger", unknown>;
     tagEffect: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => "dark" | "light" | "plain") | (() => "dark" | "light" | "plain") | (((new (...args: any[]) => "dark" | "light" | "plain") | (() => "dark" | "light" | "plain")) | null)[], "dark" | "light" | "plain", unknown>;
     automaticDropdown: boolean;
-    allowCreate: boolean;
-    remote: boolean;
+    tagTooltip: import("./select").TagTooltipProps;
     multipleLimit: number;
-    defaultFirstOption: boolean;
     reserveKeyword: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    tagTooltip: import("./select").TagTooltipProps;
+    allowCreate: boolean;
+    defaultFirstOption: boolean;
+    remote: boolean;
     remoteShowSuffix: boolean;
 }, {}, {
     ElSelectMenu: import("vue").DefineComponent<{}, {

package/dist/components/select/src/useSelect.d.ts

@@ -81,12 +81,12 @@ export declare const useSelect: (props: SelectProps, emit: SelectEmits) => {
     shouldShowPlaceholder: import("vue").ComputedRef<boolean>;
     currentPlaceholder: import("vue").ComputedRef<string>;
     mouseEnterEventName: string | null;
-    needStatusIcon: import("vue").ComputedRef<any>;
+    needStatusIcon: import("vue").ComputedRef<boolean>;
     showClearBtn: import("vue").ComputedRef<boolean>;
     iconComponent: import("vue").ComputedRef<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
     iconReverse: import("vue").ComputedRef<string>;
-    validateState: import("vue").ComputedRef<string>;
-    validateIcon: import("vue").ComputedRef<"" | Component>;
+    validateState: import("vue").ComputedRef<"" | "error" | "success" | "validating">;
+    validateIcon: import("vue").ComputedRef<Component | "">;
     showNewOption: import("vue").ComputedRef<boolean>;
     updateOptions: () => void;
     collapseTagSize: import("vue").ComputedRef<"default" | "small">;

package/dist/components/select-v2/index.d.ts

@@ -1,4 +1,8 @@
 import type { Plugin } from 'vue';
-import { ElSelectV2 } from 'element-plus';
-export declare const EpSelectV2: typeof ElSelectV2 & Plugin;
+import _EpSelectV2 from './src/select.vue';
+export declare const EpSelectV2: typeof _EpSelectV2 & Plugin;
 export default EpSelectV2;
+export { selectV2Emits, selectV2Props } from './src/defaults';
+export { selectV2InjectionKey } from './src/token';
+export type { OptionV2EmitFn, OptionV2Props, OptionV2PropsPublic, SelectV2EmitFn, SelectV2Instance, SelectV2Props, SelectV2PropsPublic, } from './src/defaults';
+export type { SelectV2Context } from './src/token';

package/dist/components/select-v2/index.js

@@ -1,6 +1,9 @@
-import { ElSelectV2 as e } from "element-plus";
-import { withInstall as t } from "../../utils/with-install.js";
-const c = Object.assign({}, e, { name: "EpSelectV2" }), p = t(c, "ep-select-v2");
+import { withInstall as e } from "../../utils/with-install.js";
+import t from "./src/select.vue.js";
+import { selectV2Emits as c, selectV2Props as m } from "./src/defaults.js";
+const r = e(t, "ep-select-v2");
 export {
-  p as EpSelectV2
+  r as EpSelectV2,
+  c as selectV2Emits,
+  m as selectV2Props
 };