@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/chunk/{axpwSky6.mjs → _8u_XVHh.mjs}

@@ -1,9 +1,9 @@
 import { defineComponent, inject, ref, computed, onBeforeUnmount, toRef, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, withModifiers, normalizeClass, normalizeStyle, vShow, createElementBlock, Fragment, createVNode, watch, nextTick, provide, reactive, onActivated, onMounted, onUpdated, createCommentVNode, resolveDynamicComponent, renderSlot } from 'vue';
 import { useEventListener, isClient, useResizeObserver } from '@vueuse/core';
-import { c as buildProps, u as useNamespace, t as throwError, f as isNumber, d as definePropType, e as debugWarn, p as isObject } from './DRoyW749.mjs';
-import { _ as _export_sfc, w as withInstall } from './DTLPXrjb.mjs';
-import { u as useAriaProps } from './BpqBBo4z.mjs';
-import { a as addUnit } from './CizMbf5K.mjs';
+import { c as buildProps, u as useNamespace, t as throwError, f as isNumber, d as definePropType, e as debugWarn, p as isObject } from './CcKUdl3e.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+import { u as useAriaProps } from './BDyXj_90.mjs';
+import { a as addUnit } from './Bl0WQiki.mjs';
 
 const GAP = 4;
 const BAR_MAP = {
@@ -37,7 +37,9 @@ const renderThumbStyle = ({
   transform: `translate${bar.axis}(${move}%)`
 });
 
-const scrollbarContextKey = Symbol("scrollbarContextKey");
+const scrollbarContextKey = Symbol(
+  "scrollbarContextKey"
+);
 
 const thumbProps = buildProps({
   vertical: Boolean,
@@ -51,7 +53,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$1 = "Thumb";
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -70,12 +72,16 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     let baseScrollWidth = 0;
     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
-    }));
-    const offsetRatio = computed(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
+    const thumbStyle = computed(
+      () => renderThumbStyle({
+        size: props.size,
+        move: props.move,
+        bar: bar.value
+      })
+    );
+    const offsetRatio = computed(
+      () => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]
+    );
     const clickThumbHandler = (e) => {
       var _a;
       e.stopPropagation();
@@ -91,7 +97,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     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 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;
@@ -148,30 +156,48 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (document.onselectstart !== originalOnSelectStart)
         document.onselectstart = originalOnSelectStart;
     };
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-    useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
+    useEventListener(
+      toRef(scrollbar, "scrollbarElement"),
+      "mousemove",
+      mouseMoveScrollbarHandler
+    );
+    useEventListener(
+      toRef(scrollbar, "scrollbarElement"),
+      "mouseleave",
+      mouseLeaveScrollbarHandler
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
         name: unref(ns).b("fade"),
         persisted: ""
       }, {
         default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            ref_key: "instance",
-            ref: instance,
-            class: normalizeClass([unref(ns).e("bar"), unref(ns).is(unref(bar).key)]),
-            onMousedown: clickTrackHandler,
-            onClick: withModifiers(() => {
-            }, ["stop"])
-          }, [
-            createElementVNode("div", {
-              ref_key: "thumb",
-              ref: thumb,
-              class: normalizeClass(unref(ns).e("thumb")),
-              style: normalizeStyle(unref(thumbStyle)),
-              onMousedown: clickThumbHandler
-            }, null, 38)
-          ], 42, ["onClick"]), [
+          withDirectives(createElementVNode(
+            "div",
+            {
+              ref_key: "instance",
+              ref: instance,
+              class: normalizeClass([unref(ns).e("bar"), unref(ns).is(bar.value.key)]),
+              onMousedown: clickTrackHandler,
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              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]
           ])
         ]),
@@ -180,7 +206,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -193,10 +219,10 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = defineComponent({
   __name: "bar",
   props: barProps,
-  setup(__props, { expose }) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const scrollbar = inject(scrollbarContextKey);
     const moveX = ref(0);
@@ -228,30 +254,35 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       sizeHeight.value = height + GAP < offsetHeight ? `${height}px` : "";
       sizeWidth.value = width + GAP < offsetWidth ? `${width}px` : "";
     };
-    expose({
+    __expose({
       handleScroll,
       update
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(Thumb, {
-          move: moveX.value,
-          ratio: ratioX.value,
-          size: sizeWidth.value,
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"]),
-        createVNode(Thumb, {
-          move: moveY.value,
-          ratio: ratioY.value,
-          size: sizeHeight.value,
-          vertical: "",
-          always: _ctx.always
-        }, null, 8, ["move", "ratio", "size", "always"])
-      ], 64);
+      return openBlock(), createElementBlock(
+        Fragment,
+        null,
+        [
+          createVNode(Thumb, {
+            move: moveX.value,
+            ratio: ratioX.value,
+            size: sizeWidth.value,
+            always: _ctx.always
+          }, null, 8, ["move", "ratio", "size", "always"]),
+          createVNode(Thumb, {
+            move: moveY.value,
+            ratio: ratioY.value,
+            size: sizeHeight.value,
+            vertical: "",
+            always: _ctx.always
+          }, null, 8, ["move", "ratio", "size", "always"])
+        ],
+        64
+      );
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/bar.vue"]]);
 
 const scrollbarProps = buildProps({
   distance: {
@@ -309,16 +340,18 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 
+const _hoisted_1 = ["tabindex"];
 const COMPONENT_NAME = "ElScrollbar";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main = defineComponent({
+  ...{
+    name: COMPONENT_NAME
+  },
+  __name: "scrollbar",
   props: scrollbarProps,
   emits: scrollbarEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const ns = useNamespace("scrollbar");
     let stopResizeObserver = void 0;
     let stopWrapResizeObserver = void 0;
@@ -439,31 +472,41 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (_a = barRef.value) == null ? void 0 : _a.update();
       distanceScrollState[direction] = false;
     };
-    watch(() => props.noresize, (noresize) => {
-      if (noresize) {
-        stopResizeObserver == null ? void 0 : stopResizeObserver();
-        stopWrapResizeObserver == null ? void 0 : stopWrapResizeObserver();
-        stopResizeListener == null ? void 0 : stopResizeListener();
-      } else {
-        ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
-        ({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update));
-        stopResizeListener = useEventListener("resize", update);
+    watch(
+      () => props.noresize,
+      (noresize) => {
+        if (noresize) {
+          stopResizeObserver == null ? void 0 : stopResizeObserver();
+          stopWrapResizeObserver == null ? void 0 : stopWrapResizeObserver();
+          stopResizeListener == null ? void 0 : stopResizeListener();
+        } else {
+          ({ stop: stopResizeObserver } = useResizeObserver(resizeRef, update));
+          ({ stop: stopWrapResizeObserver } = useResizeObserver(wrapRef, update));
+          stopResizeListener = useEventListener("resize", update);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => [props.maxHeight, props.height],
+      () => {
+        if (!props.native)
+          nextTick(() => {
+            var _a;
+            update();
+            if (wrapRef.value) {
+              (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
+            }
+          });
       }
-    }, { immediate: true });
-    watch(() => [props.maxHeight, props.height], () => {
-      if (!props.native)
-        nextTick(() => {
-          var _a;
-          update();
-          if (wrapRef.value) {
-            (_a = barRef.value) == null ? void 0 : _a.handleScroll(wrapRef.value);
-          }
-        });
-    });
-    provide(scrollbarContextKey, reactive({
-      scrollbarElement: scrollbarRef,
-      wrapElement: wrapRef
-    }));
+    );
+    provide(
+      scrollbarContextKey,
+      reactive({
+        scrollbarElement: scrollbarRef,
+        wrapElement: wrapRef
+      })
+    );
     onActivated(() => {
       if (wrapRef.value) {
         wrapRef.value.scrollTop = wrapScrollTop;
@@ -477,7 +520,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
     });
     onUpdated(() => update());
-    expose({
+    __expose({
       wrapRef,
       update,
       scrollTo,
@@ -486,47 +529,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleScroll
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "scrollbarRef",
-        ref: scrollbarRef,
-        class: normalizeClass(unref(ns).b())
-      }, [
-        createElementVNode("div", {
-          ref_key: "wrapRef",
-          ref: wrapRef,
-          class: normalizeClass(unref(wrapKls)),
-          style: normalizeStyle(unref(wrapStyle)),
-          tabindex: _ctx.tabindex,
-          onScroll: handleScroll
-        }, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-            id: _ctx.id,
-            ref_key: "resizeRef",
-            ref: resizeRef,
-            class: normalizeClass(unref(resizeKls)),
-            style: normalizeStyle(_ctx.viewStyle),
-            role: _ctx.role,
-            "aria-label": _ctx.ariaLabel,
-            "aria-orientation": _ctx.ariaOrientation
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            _: 3
-          }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
-        ], 46, ["tabindex"]),
-        !_ctx.native ? (openBlock(), createBlock(Bar, {
-          key: 0,
-          ref_key: "barRef",
-          ref: barRef,
-          always: _ctx.always,
-          "min-size": _ctx.minSize
-        }, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)
-      ], 2);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "scrollbarRef",
+          ref: scrollbarRef,
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          createElementVNode("div", {
+            ref_key: "wrapRef",
+            ref: wrapRef,
+            class: normalizeClass(wrapKls.value),
+            style: normalizeStyle(wrapStyle.value),
+            tabindex: _ctx.tabindex,
+            onScroll: handleScroll
+          }, [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+              id: _ctx.id,
+              ref_key: "resizeRef",
+              ref: resizeRef,
+              class: normalizeClass(resizeKls.value),
+              style: normalizeStyle(_ctx.viewStyle),
+              role: _ctx.role,
+              "aria-label": _ctx.ariaLabel,
+              "aria-orientation": _ctx.ariaOrientation
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
+          ], 46, _hoisted_1),
+          !_ctx.native ? (openBlock(), createBlock(Bar, {
+            key: 0,
+            ref_key: "barRef",
+            ref: barRef,
+            always: _ctx.always,
+            "min-size": _ctx.minSize
+          }, null, 8, ["always", "min-size"])) : createCommentVNode("v-if", true)
+        ],
+        2
+      );
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 

package/dist/es/chunk/egk9EEzo.mjs

@@ -0,0 +1,66 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
+import { c as buildProps, d as definePropType, u as useNamespace } from './CcKUdl3e.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+
+const dividerProps = buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: definePropType(String),
+    default: "solid"
+  }
+});
+
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElDivider"
+  },
+  __name: "divider",
+  props: dividerProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("divider");
+    const dividerStyle = computed(() => {
+      return ns.cssVar({
+        "border-style": props.borderStyle
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
+          style: normalizeStyle(dividerStyle.value),
+          role: "separator"
+        },
+        [
+          _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
+        ],
+        6
+      );
+    };
+  }
+});
+var Divider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);
+
+const ElDivider = withInstall(Divider);
+
+export { ElDivider as E };

package/dist/es/chunk/{BUEEWLrd.mjs → ezK_XQQd.mjs}

@@ -1,5 +1,5 @@
 import { computed, getCurrentInstance } from 'vue';
-import { e as debugWarn, m as fromPairs } from './DRoyW749.mjs';
+import { e as debugWarn, m as fromPairs } from './CcKUdl3e.mjs';
 
 const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
 const LISTENER_PREFIX = /^on[A-Z]/;
@@ -10,13 +10,22 @@ const useAttrs = (params = {}) => {
   });
   const instance = getCurrentInstance();
   if (!instance) {
-    debugWarn("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function");
+    debugWarn(
+      "use-attrs",
+      "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function"
+    );
     return computed(() => ({}));
   }
-  return computed(() => {
-    var _a;
-    return fromPairs(Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))));
-  });
+  return computed(
+    () => {
+      var _a;
+      return fromPairs(
+        Object.entries((_a = instance.proxy) == null ? void 0 : _a.$attrs).filter(
+          ([key]) => !allExcludeKeys.value.includes(key) && !(excludeListeners && LISTENER_PREFIX.test(key))
+        )
+      );
+    }
+  );
 };
 
 export { useAttrs as u };

package/dist/es/chunk/{Bl2KlMdP.mjs → oW98L-44.mjs}

@@ -1,6 +1,6 @@
 import { isClient } from '@vueuse/core';
-import { o as isWindow, j as isFunction } from './DRoyW749.mjs';
-import { g as getStyle } from './CizMbf5K.mjs';
+import { o as isWindow, j as isFunction } from './CcKUdl3e.mjs';
+import { g as getStyle } from './Bl0WQiki.mjs';
 
 function easeInOutCubic(t, b, c, d) {
   const cc = c - b;
@@ -91,7 +91,12 @@ function animateScrollTo(container, from, to, duration, callback) {
   const scroll = () => {
     const timestamp = Date.now();
     const time = timestamp - startTime;
-    const nextScrollTop = easeInOutCubic(time > duration ? duration : time, from, to, duration);
+    const nextScrollTop = easeInOutCubic(
+      time > duration ? duration : time,
+      from,
+      to,
+      duration
+    );
     if (isWindow(container)) {
       container.scrollTo(window.pageXOffset, nextScrollTop);
     } else {

package/dist/es/chunk/{Dk6Bx0KT.mjs → plK2vnjp.mjs}

@@ -1,5 +1,5 @@
 import { inject, ref, computed, unref, isRef } from 'vue';
-import { d as baseGet } from './NQBKROII.mjs';
+import { d as baseGet } from './DWcIzeMM.mjs';
 
 /**
  * Gets the value at `path` of `object`. If the resolved value is
@@ -227,10 +227,13 @@ var English = {
 };
 
 const buildTranslator = (locale) => (path, option) => translate(path, option, unref(locale));
-const translate = (path, option, locale) => get(locale, path, path).replace(/\{(\w+)\}/g, (_, key) => {
-  var _a;
-  return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
-});
+const translate = (path, option, locale) => get(locale, path, path).replace(
+  /\{(\w+)\}/g,
+  (_, key) => {
+    var _a;
+    return `${(_a = option == null ? void 0 : option[key]) != null ? _a : `{${key}}`}`;
+  }
+);
 const buildLocaleContext = (locale) => {
   const lang = computed(() => unref(locale).name);
   const localeRef = isRef(locale) ? locale : ref(locale);

package/dist/es/components/awesome-icon/awesome-icon.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, computed, onMounted, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref } from 'vue';
-import { i as index } from '../../chunk/DaCDeO95.mjs';
+import { i as index } from '../../chunk/BaJ7k5Lg.mjs';
+import '../../chunk/D9iEroQw.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "awesome-icon",

package/dist/es/components/backbottom/backbottom.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, useCssVars, useTemplateRef, ref, computed, onMounted, onBeforeUnmount, createBlock, openBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, createVNode, unref, vShow, Teleport, mergeProps } from 'vue';
-import '../../chunk/DRoyW749.mjs';
+import '../../chunk/CcKUdl3e.mjs';
 import { CaretBottom } from '@element-plus/icons-vue';
-import { E as ElIcon } from '../../chunk/cPBw23yt.mjs';
+import { E as ElIcon } from '../../chunk/DEPZhJ0Z.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({