ep-craft 0.1.34 → 0.1.36

package/dist/components/tour-step/step.js

@@ -0,0 +1,91 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { iconPropType as o } from "../../utils/vue/icon.js";
+import "vue";
+import { buildProps as e, definePropType as t } from "../../utils/vue/props/runtime.js";
+import { tourContentProps as p } from "../tour/content.js";
+const y = e({
+  /**
+   * @description get the element the guide card points to. empty makes it show in center of screen
+   */
+  target: {
+    type: t([String, Object, Function])
+  },
+  /**
+   * @description the title of the tour content
+   */
+  title: String,
+  /**
+   * @description description
+   */
+  description: String,
+  /**
+   * @description whether to show a close button
+   */
+  showClose: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description custom close icon, default is Close
+   */
+  closeIcon: {
+    type: o
+  },
+  /**
+   * @description whether to show the arrow
+   */
+  showArrow: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description position of the guide card relative to the target element
+   */
+  placement: p.placement,
+  /**
+   * @description whether to enable masking, change mask style and fill color by pass custom props
+   */
+  mask: {
+    type: t([Boolean, Object]),
+    default: void 0
+  },
+  /**
+   * @description custom style for content
+   */
+  contentStyle: {
+    type: t([Object])
+  },
+  /**
+   * @description properties of the previous button
+   */
+  prevButtonProps: {
+    type: t(Object)
+  },
+  /**
+   * @description properties of the Next button
+   */
+  nextButtonProps: {
+    type: t(Object)
+  },
+  /**
+   * @description support pass custom scrollIntoView options
+   */
+  scrollIntoViewOptions: {
+    type: t([Boolean, Object]),
+    default: void 0
+  },
+  /**
+   * @description type, affects the background color and text color
+   */
+  type: {
+    type: t(String)
+  }
+}), a = {
+  close: () => !0
+};
+export {
+  a as tourStepEmits,
+  y as tourStepProps
+};

package/dist/components/transfer/EpTransfer.vue.d.ts

@@ -0,0 +1,36 @@
+import type { VNode } from 'vue';
+import type { TransferDataItem, TransferDirection, TransferProps } from './transfer';
+import type { TransferPanelInstance } from './transfer-panel';
+declare const _default: <T extends TransferDataItem = TransferDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: import("./transfer").TransferKey[]) => any) | undefined;
+        readonly onChange?: ((value: import("./transfer").TransferKey[], direction: TransferDirection, movedKeys: import("./transfer").TransferKey[]) => any) | undefined;
+        readonly "onLeft-check-change"?: ((value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => any) | undefined;
+        readonly "onRight-check-change"?: ((value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChange" | "onUpdate:modelValue" | "onLeft-check-change" | "onRight-check-change"> & TransferProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        /** @description clear the filter keyword of a certain panel */
+        clearQuery: (which: TransferDirection) => void;
+        /** @description left panel ref */
+        leftPanel: import("vue").Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>;
+        /** @description right panel ref */
+        rightPanel: import("vue").Ref<TransferPanelInstance | undefined, TransferPanelInstance | undefined>;
+    }>): void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            option: T;
+        }) => VNode[];
+        'left-empty'?: () => VNode[];
+        'left-footer'?: () => VNode[];
+        'right-empty'?: () => VNode[];
+        'right-footer'?: () => VNode[];
+    };
+    emit: ((event: "update:modelValue", value: import("./transfer").TransferKey[]) => void) & ((event: "change", value: import("./transfer").TransferKey[], direction: TransferDirection, movedKeys: import("./transfer").TransferKey[]) => void) & ((event: "left-check-change", value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => void) & ((event: "right-check-change", value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => void);
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/transfer/EpTransfer.vue.js

@@ -0,0 +1,195 @@
+import { defineComponent as J, useSlots as K, reactive as W, ref as E, computed as s, watch as X, h as x, Comment as Y, openBlock as C, createElementBlock as b, normalizeClass as f, unref as e, createVNode as r, withCtx as o, renderSlot as c, createElementVNode as Z, toDisplayString as z, createCommentVNode as D } from "vue";
+import { isEmpty as w, isUndefined as B } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { NOOP as I } from "@vue/shared";
+import { ArrowLeft as _, ArrowRight as ee } from "@element-plus/icons-vue";
+import { useNamespace as te } from "../../hooks/use-namespace/index.js";
+import { useLocale as le } from "../../hooks/use-locale/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 { EpButton as N } from "../button/index.js";
+import { ElIcon as V } from "../icon/index.js";
+import "../form/index.js";
+import { transferEmits as ae } from "./transfer.js";
+import "./transfer-panel.js";
+import { usePropsAlias as re } from "./composables/use-props-alias.js";
+import { useCheckedChange as oe } from "./composables/use-checked-change.js";
+import { useComputedData as ie } from "./composables/use-computed-data.js";
+import { useMove as ne } from "./composables/use-move.js";
+import $ from "./EpTransferPanel.vue.js";
+import { useFormItem as se } from "../form/src/hooks/use-form-item.js";
+const de = { key: 0 }, fe = { key: 0 }, Oe = /* @__PURE__ */ J({
+  name: "EpTransfer",
+  __name: "EpTransfer",
+  props: {
+    data: { default: () => [] },
+    titles: { default: () => [] },
+    buttonTexts: { default: () => [] },
+    filterPlaceholder: {},
+    filterMethod: {},
+    leftDefaultChecked: { default: () => [] },
+    rightDefaultChecked: { default: () => [] },
+    renderContent: {},
+    modelValue: { default: () => [] },
+    format: { default: () => ({}) },
+    filterable: { type: Boolean },
+    props: { default: () => ({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    }) },
+    targetOrder: { default: "original" },
+    validateEvent: { type: Boolean, default: !0 },
+    virtualScroll: { type: Boolean, default: !1 },
+    itemSize: { default: 30 }
+  },
+  emits: ae,
+  setup(t, { expose: A, emit: M }) {
+    const a = t, v = M, u = K(), { t: m } = le(), i = te("transfer"), { formItem: n } = se(), d = W({
+      leftChecked: [],
+      rightChecked: []
+    }), g = re(a), { sourceData: L, targetData: O } = ie(a), { onSourceCheckedChange: R, onTargetCheckedChange: q } = oe(
+      d,
+      v
+    ), { addToLeft: F, addToRight: Q } = ne(a, d, v), h = E(), p = E(), U = (l) => {
+      switch (l) {
+        case "left":
+          h.value.query = "";
+          break;
+        case "right":
+          p.value.query = "";
+          break;
+      }
+    }, y = s(() => a.buttonTexts.length === 2), j = s(
+      () => a.titles[0] || m("el.transfer.titles.0")
+    ), G = s(
+      () => a.titles[1] || m("el.transfer.titles.1")
+    ), T = s(
+      () => a.filterPlaceholder || m("el.transfer.filterPlaceholder")
+    );
+    X(
+      () => a.modelValue,
+      () => {
+        var l;
+        a.validateEvent && ((l = n == null ? void 0 : n.validate) == null || l.call(n, "change").catch(I));
+      }
+    );
+    const P = s(() => (l) => {
+      var S;
+      if (a.renderContent) return a.renderContent(x, l);
+      const k = (((S = u.default) == null ? void 0 : S.call(u, { option: l })) || []).filter(
+        (H) => H.type !== Y
+      );
+      return k.length ? k : x(
+        "span",
+        l[g.value.label] || l[g.value.key]
+      );
+    });
+    return A({
+      /** @description clear the filter keyword of a certain panel */
+      clearQuery: U,
+      /** @description left panel ref */
+      leftPanel: h,
+      /** @description right panel ref */
+      rightPanel: p
+    }), (l, k) => (C(), b("div", {
+      class: f(e(i).b())
+    }, [
+      r($, {
+        ref_key: "leftPanel",
+        ref: h,
+        data: e(L),
+        "option-render": P.value,
+        placeholder: T.value,
+        title: j.value,
+        filterable: t.filterable,
+        format: t.format,
+        "filter-method": t.filterMethod,
+        "default-checked": t.leftDefaultChecked,
+        props: a.props,
+        "virtual-scroll": t.virtualScroll,
+        "item-size": t.itemSize,
+        onCheckedChange: e(R)
+      }, {
+        empty: o(() => [
+          c(l.$slots, "left-empty")
+        ]),
+        default: o(() => [
+          c(l.$slots, "left-footer")
+        ]),
+        _: 3
+      }, 8, ["data", "option-render", "placeholder", "title", "filterable", "format", "filter-method", "default-checked", "props", "virtual-scroll", "item-size", "onCheckedChange"]),
+      Z("div", {
+        class: f(e(i).e("buttons"))
+      }, [
+        r(e(N), {
+          type: "primary",
+          class: f([e(i).e("button"), e(i).is("with-texts", y.value)]),
+          disabled: e(w)(d.rightChecked),
+          onClick: e(F)
+        }, {
+          default: o(() => [
+            r(e(V), null, {
+              default: o(() => [
+                r(e(_))
+              ]),
+              _: 1
+            }),
+            e(B)(t.buttonTexts[0]) ? D("", !0) : (C(), b("span", de, z(t.buttonTexts[0]), 1))
+          ]),
+          _: 1
+        }, 8, ["class", "disabled", "onClick"]),
+        r(e(N), {
+          type: "primary",
+          class: f([e(i).e("button"), e(i).is("with-texts", y.value)]),
+          disabled: e(w)(d.leftChecked),
+          onClick: e(Q)
+        }, {
+          default: o(() => [
+            e(B)(t.buttonTexts[1]) ? D("", !0) : (C(), b("span", fe, z(t.buttonTexts[1]), 1)),
+            r(e(V), null, {
+              default: o(() => [
+                r(e(ee))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["class", "disabled", "onClick"])
+      ], 2),
+      r($, {
+        ref_key: "rightPanel",
+        ref: p,
+        data: e(O),
+        "option-render": P.value,
+        placeholder: T.value,
+        filterable: t.filterable,
+        format: t.format,
+        "filter-method": t.filterMethod,
+        title: G.value,
+        "default-checked": t.rightDefaultChecked,
+        props: a.props,
+        "virtual-scroll": t.virtualScroll,
+        "item-size": t.itemSize,
+        onCheckedChange: e(q)
+      }, {
+        empty: o(() => [
+          c(l.$slots, "right-empty")
+        ]),
+        default: o(() => [
+          c(l.$slots, "right-footer")
+        ]),
+        _: 3
+      }, 8, ["data", "option-render", "placeholder", "filterable", "format", "filter-method", "title", "default-checked", "props", "virtual-scroll", "item-size", "onCheckedChange"])
+    ], 2));
+  }
+});
+export {
+  Oe as default
+};

package/dist/components/transfer/EpTransfer2.vue.js

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

package/dist/components/transfer/EpTransferPanel.vue.d.ts

@@ -0,0 +1,24 @@
+import type { TransferDataItem } from './transfer';
+import type { TransferPanelProps } from './transfer-panel';
+declare const _default: <T extends TransferDataItem = TransferDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onChecked-change"?: ((value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onChecked-change"> & TransferPanelProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        /** @description filter keyword */
+        query: import("vue").Ref<string, string>;
+    }>): void;
+    attrs: any;
+    slots: {
+        empty?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    };
+    emit: (event: "checked-change", value: import("./transfer").TransferKey[], movedKeys?: import("./transfer").TransferKey[] | undefined) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/transfer/EpTransferPanel.vue.js

@@ -0,0 +1,191 @@
+import { defineComponent as J, useSlots as K, reactive as Q, computed as N, toRefs as W, openBlock as r, createElementBlock as v, normalizeClass as o, unref as e, createElementVNode as d, createVNode as m, isRef as S, withCtx as u, toDisplayString as V, createBlock as g, createCommentVNode as w, withDirectives as D, Fragment as X, renderList as Y, normalizeStyle as Z, vShow as P, renderSlot as U, createTextVNode as _ } from "vue";
+import { isEmpty as f } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import { mutable as ee } from "../../utils/typescript.js";
+import { Search as te } from "@element-plus/icons-vue";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useLocale as ae } from "../../hooks/use-locale/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 { EpCheckbox as E } from "../checkbox/index.js";
+import { EpCheckboxGroup as oe } from "../checkbox-group/index.js";
+import { ElInput as ie } from "../input/index.js";
+import re from "../virtual-list/src/components/fixed-size-list.js";
+import "../virtual-list/src/components/dynamic-size-list.js";
+import "../virtual-list/src/props.js";
+import { transferPanelEmits as ne } from "./transfer-panel.js";
+import { useCheck as se } from "./composables/use-check.js";
+import "./transfer.js";
+import { usePropsAlias as de } from "./composables/use-props-alias.js";
+const Ae = /* @__PURE__ */ J({
+  name: "EpTransferPanel",
+  __name: "EpTransferPanel",
+  props: {
+    data: { default: () => [] },
+    optionRender: {},
+    placeholder: {},
+    title: {},
+    filterable: { type: Boolean },
+    format: { default: () => ({}) },
+    filterMethod: {},
+    defaultChecked: { default: () => [] },
+    props: { default: () => ee({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    }) },
+    virtualScroll: { type: Boolean, default: !1 },
+    itemSize: { default: 30 }
+  },
+  emits: ne,
+  setup(t, { expose: q, emit: A }) {
+    const R = t, F = A, G = K(), z = ({ option: h }) => h, { t: x } = ae(), a = le("transfer"), b = Q({
+      checked: [],
+      allChecked: !1,
+      query: "",
+      checkChangeByUser: !0
+    }), n = de(R), {
+      filteredData: c,
+      checkedSummary: M,
+      virtualListRef: T,
+      isIndeterminate: I,
+      checkboxGroupRef: $,
+      virtualListHeight: H,
+      handleAllCheckedChange: O
+    } = se(R, b, F), k = N(
+      () => !f(b.query) && f(c.value)
+    ), B = N(() => !f(G.default()[0].children)), { checked: y, allChecked: C, query: p } = W(b);
+    return q({
+      /** @description filter keyword */
+      query: p
+    }), (h, s) => (r(), v("div", {
+      class: o(e(a).b("panel"))
+    }, [
+      d("p", {
+        class: o(e(a).be("panel", "header"))
+      }, [
+        m(e(E), {
+          modelValue: e(C),
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => S(C) ? C.value = l : null),
+          indeterminate: e(I),
+          "validate-event": !1,
+          onChange: e(O)
+        }, {
+          default: u(() => [
+            d("span", {
+              class: o(e(a).be("panel", "header-title"))
+            }, V(t.title), 3),
+            d("span", {
+              class: o(e(a).be("panel", "header-count"))
+            }, V(e(M)), 3)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "indeterminate", "onChange"])
+      ], 2),
+      d("div", {
+        class: o([e(a).be("panel", "body"), e(a).is("with-footer", B.value)])
+      }, [
+        t.filterable ? (r(), g(e(ie), {
+          key: 0,
+          modelValue: e(p),
+          "onUpdate:modelValue": s[1] || (s[1] = (l) => S(p) ? p.value = l : null),
+          class: o(e(a).be("panel", "filter")),
+          size: "default",
+          placeholder: t.placeholder,
+          "prefix-icon": e(te),
+          clearable: "",
+          "validate-event": !1
+        }, null, 8, ["modelValue", "class", "placeholder", "prefix-icon"])) : w("", !0),
+        D(m(e(oe), {
+          ref_key: "checkboxGroupRef",
+          ref: $,
+          modelValue: e(y),
+          "onUpdate:modelValue": s[2] || (s[2] = (l) => S(y) ? y.value = l : null),
+          "validate-event": !1,
+          class: o([e(a).is("filterable", t.filterable), e(a).be("panel", "list")])
+        }, {
+          default: u(() => [
+            t.virtualScroll ? (r(), g(e(re), {
+              key: 1,
+              ref_key: "virtualListRef",
+              ref: T,
+              data: e(c),
+              total: e(c).length,
+              "item-size": t.itemSize,
+              height: e(H)
+            }, {
+              default: u(({ data: l, index: i, style: j }) => [
+                (r(), v("div", {
+                  key: l[i][e(n).key],
+                  style: Z(j)
+                }, [
+                  m(e(E), {
+                    class: o(e(a).be("panel", "item")),
+                    value: l[i][e(n).key],
+                    disabled: l[i][e(n).disabled],
+                    "validate-event": !1
+                  }, {
+                    default: u(() => {
+                      var L;
+                      return [
+                        m(z, {
+                          option: (L = t.optionRender) == null ? void 0 : L.call(t, l[i])
+                        }, null, 8, ["option"])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "value", "disabled"])
+                ], 4))
+              ]),
+              _: 1
+            }, 8, ["data", "total", "item-size", "height"])) : (r(!0), v(X, { key: 0 }, Y(e(c), (l) => (r(), g(e(E), {
+              key: l[e(n).key],
+              class: o(e(a).be("panel", "item")),
+              value: l[e(n).key],
+              disabled: l[e(n).disabled],
+              "validate-event": !1
+            }, {
+              default: u(() => {
+                var i;
+                return [
+                  m(z, {
+                    option: (i = t.optionRender) == null ? void 0 : i.call(t, l)
+                  }, null, 8, ["option"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["class", "value", "disabled"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "class"]), [
+          [P, !k.value && !e(f)(t.data)]
+        ]),
+        D(d("div", {
+          class: o(e(a).be("panel", "empty"))
+        }, [
+          U(h.$slots, "empty", {}, () => [
+            _(V(k.value ? e(x)("el.transfer.noMatch") : e(x)("el.transfer.noData")), 1)
+          ])
+        ], 2), [
+          [P, k.value || e(f)(t.data)]
+        ])
+      ], 2),
+      B.value ? (r(), v("p", {
+        key: 0,
+        class: o(e(a).be("panel", "footer"))
+      }, [
+        U(h.$slots, "default")
+      ], 2)) : w("", !0)
+    ], 2));
+  }
+});
+export {
+  Ae as default
+};

package/dist/components/transfer/EpTransferPanel2.vue.js

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

package/dist/components/transfer/composables/index.d.ts

@@ -0,0 +1,5 @@
+export { useCheck } from './use-check';
+export { useCheckedChange } from './use-checked-change';
+export { useComputedData } from './use-computed-data';
+export { useMove } from './use-move';
+export { usePropsAlias } from './use-props-alias';