@wfrog/vc-ui 1.3.0 → 1.4.0

package/dist/es/chunk/{C6bIuBQg.mjs → D7CQDxqy.mjs}

@@ -1,7 +1,7 @@
 import { isRef, computed, watch, onScopeDispose } from 'vue';
-import { t as throwError, u as useNamespace } from './DO-mBaf5.mjs';
-import { h as hasClass, b as addClass, g as getStyle, r as removeClass } from './C50_dziC.mjs';
-import { e as getScrollBarWidth } from './CQbpo0im.mjs';
+import { t as throwError, u as useNamespace } from './By7FMB3I.mjs';
+import { h as hasClass, b as addClass, g as getStyle, r as removeClass } from './CQz3lhyS.mjs';
+import { d as getScrollBarWidth } from './CboHfRXN.mjs';
 
 const useLockscreen = (trigger, options = {}) => {
   if (!isRef(trigger)) {

package/dist/es/chunk/{Dqk3gyUk.mjs → D9Lr0Bzb.mjs}

@@ -1,177 +1,3 @@
-import { computed, inject, ref, useSlots, Text, defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, createCommentVNode, Fragment, renderSlot, normalizeClass, provide, reactive, toRef } from 'vue';
-import { E as ElIcon } from './b9dx0jdT.mjs';
-import { u as useDeprecated } from './DFHjl3eL.mjs';
-import { u as useGlobalConfig } from './CCmEeM7D.mjs';
-import { u as useFormItem, c as useFormSize, b as useFormDisabled } from './DEiqPcuO.mjs';
-import { Loading } from '@element-plus/icons-vue';
-import { c as buildProps, d as definePropType, u as useNamespace } from './DO-mBaf5.mjs';
-import { u as useSizeProp } from './C9ldJ8Hh.mjs';
-import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from './Dn-BFXcJ.mjs';
-
-const buttonGroupContextKey = Symbol(
-  "buttonGroupContextKey"
-);
-
-const useButton = (props, emit) => {
-  useDeprecated(
-    {
-      from: "type.text",
-      replacement: "link",
-      version: "3.0.0",
-      scope: "props",
-      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
-    },
-    computed(() => props.type === "text")
-  );
-  const buttonGroupContext = inject(buttonGroupContextKey, void 0);
-  const globalConfig = useGlobalConfig("button");
-  const { form } = useFormItem();
-  const _size = useFormSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-  const _disabled = useFormDisabled();
-  const _ref = ref();
-  const slots = useSlots();
-  const _type = computed(
-    () => {
-      var _a;
-      return props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || ((_a = globalConfig.value) == null ? void 0 : _a.type) || "";
-    }
-  );
-  const autoInsertSpace = computed(
-    () => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    }
-  );
-  const _plain = computed(
-    () => {
-      var _a, _b, _c;
-      return (_c = (_b = props.plain) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.plain) != null ? _c : false;
-    }
-  );
-  const _round = computed(
-    () => {
-      var _a, _b, _c;
-      return (_c = (_b = props.round) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.round) != null ? _c : false;
-    }
-  );
-  const _text = computed(() => {
-    var _a, _b, _c;
-    return (_c = (_b = props.text) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.text) != null ? _c : false;
-  });
-  const _props = computed(() => {
-    if (props.tag === "button") {
-      return {
-        ariaDisabled: _disabled.value || props.loading,
-        disabled: _disabled.value || props.loading,
-        autofocus: props.autofocus,
-        type: props.nativeType
-      };
-    }
-    return {};
-  });
-  const shouldAddSpace = computed(() => {
-    var _a;
-    const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-    if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-      const slot = defaultSlot[0];
-      if ((slot == null ? void 0 : slot.type) === Text) {
-        const text = slot.children;
-        return /^\p{Unified_Ideograph}{2}$/u.test(text.trim());
-      }
-    }
-    return false;
-  });
-  const handleClick = (evt) => {
-    if (_disabled.value || props.loading) {
-      evt.stopPropagation();
-      return;
-    }
-    if (props.nativeType === "reset") {
-      form == null ? void 0 : form.resetFields();
-    }
-    emit("click", evt);
-  };
-  return {
-    _disabled,
-    _size,
-    _type,
-    _ref,
-    _props,
-    _plain,
-    _round,
-    _text,
-    shouldAddSpace,
-    handleClick
-  };
-};
-
-const buttonTypes = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonNativeTypes = ["button", "submit", "reset"];
-const buttonProps = buildProps({
-  size: useSizeProp,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  type: {
-    type: String,
-    values: buttonTypes,
-    default: ""
-  },
-  icon: {
-    type: iconPropType
-  },
-  nativeType: {
-    type: String,
-    values: buttonNativeTypes,
-    default: "button"
-  },
-  loading: Boolean,
-  loadingIcon: {
-    type: iconPropType,
-    default: () => Loading
-  },
-  plain: {
-    type: Boolean,
-    default: void 0
-  },
-  text: {
-    type: Boolean,
-    default: void 0
-  },
-  link: Boolean,
-  bg: Boolean,
-  autofocus: Boolean,
-  round: {
-    type: Boolean,
-    default: void 0
-  },
-  circle: Boolean,
-  color: String,
-  dark: Boolean,
-  autoInsertSpace: {
-    type: Boolean,
-    default: void 0
-  },
-  tag: {
-    type: definePropType([String, Object]),
-    default: "button"
-  }
-});
-const buttonEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
-
 /**
  * Take input from [0, n] and return it as [0, 1]
  * @hidden
@@ -1307,203 +1133,4 @@ var TinyColor = /** @class */ (function () {
     return TinyColor;
 }());
 
-function darken(color, amount = 20) {
-  return color.mix("#141414", amount).toString();
-}
-function useButtonCustomStyle(props) {
-  const _disabled = useFormDisabled();
-  const ns = useNamespace("button");
-  return computed(() => {
-    let styles = {};
-    let buttonColor = props.color;
-    if (buttonColor) {
-      const match = buttonColor.match(/var\((.*?)\)/);
-      if (match) {
-        buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
-      }
-      const color = new TinyColor(buttonColor);
-      const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
-      if (props.plain) {
-        styles = ns.cssVarBlock({
-          "bg-color": props.dark ? darken(color, 90) : color.tint(90).toString(),
-          "text-color": buttonColor,
-          "border-color": props.dark ? darken(color, 50) : color.tint(50).toString(),
-          "hover-text-color": `var(${ns.cssVarName("color-white")})`,
-          "hover-bg-color": buttonColor,
-          "hover-border-color": buttonColor,
-          "active-bg-color": activeBgColor,
-          "active-text-color": `var(${ns.cssVarName("color-white")})`,
-          "active-border-color": activeBgColor
-        });
-        if (_disabled.value) {
-          styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? darken(color, 90) : color.tint(90).toString();
-          styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? darken(color, 50) : color.tint(50).toString();
-          styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? darken(color, 80) : color.tint(80).toString();
-        }
-      } else {
-        const hoverBgColor = props.dark ? darken(color, 30) : color.tint(30).toString();
-        const textColor = color.isDark() ? `var(${ns.cssVarName("color-white")})` : `var(${ns.cssVarName("color-black")})`;
-        styles = ns.cssVarBlock({
-          "bg-color": buttonColor,
-          "text-color": textColor,
-          "border-color": buttonColor,
-          "hover-bg-color": hoverBgColor,
-          "hover-text-color": textColor,
-          "hover-border-color": hoverBgColor,
-          "active-bg-color": activeBgColor,
-          "active-border-color": activeBgColor
-        });
-        if (_disabled.value) {
-          const disabledButtonColor = props.dark ? darken(color, 50) : color.tint(50).toString();
-          styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
-          styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
-          styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
-        }
-      }
-    }
-    return styles;
-  });
-}
-
-const _sfc_main$1 = defineComponent({
-  ...{
-    name: "ElButton"
-  },
-  __name: "button",
-  props: buttonProps,
-  emits: buttonEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const buttonStyle = useButtonCustomStyle(props);
-    const ns = useNamespace("button");
-    const {
-      _ref,
-      _size,
-      _type,
-      _disabled,
-      _props,
-      _plain,
-      _round,
-      _text,
-      shouldAddSpace,
-      handleClick
-    } = useButton(props, emit);
-    const buttonKls = computed(() => [
-      ns.b(),
-      ns.m(_type.value),
-      ns.m(_size.value),
-      ns.is("disabled", _disabled.value),
-      ns.is("loading", props.loading),
-      ns.is("plain", _plain.value),
-      ns.is("round", _round.value),
-      ns.is("circle", props.circle),
-      ns.is("text", _text.value),
-      ns.is("link", props.link),
-      ns.is("has-bg", props.bg)
-    ]);
-    __expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
-        ref_key: "_ref",
-        ref: _ref
-      }, unref(_props), {
-        class: buttonKls.value,
-        style: unref(buttonStyle),
-        onClick: unref(handleClick)
-      }), {
-        default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock(
-            Fragment,
-            { key: 0 },
-            [
-              _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
-                key: 1,
-                class: normalizeClass(unref(ns).is("loading"))
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
-                ]),
-                _: 1
-              }, 8, ["class"]))
-            ],
-            64
-          )) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-            default: withCtx(() => [
-              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
-            ]),
-            _: 3
-          })) : createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 2,
-              class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["class", "style", "onClick"]);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
-
-const buttonGroupProps = {
-  size: buttonProps.size,
-  type: buttonProps.type,
-  direction: {
-    type: definePropType(String),
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  }
-};
-
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElButtonGroup"
-  },
-  __name: "button-group",
-  props: buttonGroupProps,
-  setup(__props) {
-    const props = __props;
-    provide(
-      buttonGroupContextKey,
-      reactive({
-        size: toRef(props, "size"),
-        type: toRef(props, "type")
-      })
-    );
-    const ns = useNamespace("button");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b("group"), unref(ns).bm("group", props.direction)])
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-      );
-    };
-  }
-});
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
-
-const ElButton = withInstall(Button, {
-  ButtonGroup
-});
-withNoopInstall(ButtonGroup);
-
-export { ElButton as E, buttonTypes as b };
+export { TinyColor as T };

package/dist/es/chunk/{Xk5kfdyT.mjs → DAIuzoFs.mjs}

@@ -1,7 +1,8 @@
 import { getCurrentInstance, shallowRef, ref, watch, unref, onMounted, nextTick } from 'vue';
 import { useEventListener } from '@vueuse/core';
-import { o as isElement, j as isFunction } from './DO-mBaf5.mjs';
+import { f as isElement } from './DViraU6I.mjs';
 import { a as isFocusable } from './CsLIbnzG.mjs';
+import { f as isFunction } from './By7FMB3I.mjs';
 
 function useFocusController(target, {
   disabled,

package/dist/es/chunk/{OVbHCQoq.mjs → DCS0eqqM.mjs}

@@ -1,5 +1,5 @@
-import { c as buildProps } from './DO-mBaf5.mjs';
-import { g as getNative, q as eq, S as Symbol$1, b as isArray, l as isArguments, o as arrayPush, u as castPath, t as toKey, h as isLength, m as isIndex, i as isObject, d as baseGet } from './DWcIzeMM.mjs';
+import { b as buildProps } from './By7FMB3I.mjs';
+import { v as defineProperty, S as Symbol$1, f as isArray, g as isArguments, n as arrayPush, s as castPath, u as toKey, k as isLength, c as isIndex, q as baseGet, w as baseSet } from './ytiKcA3H.mjs';
 
 /**
  * This method returns the first argument it receives.
@@ -102,14 +102,6 @@ function constant(value) {
   };
 }
 
-var defineProperty = (function() {
-  try {
-    var func = getNative(Object, 'defineProperty');
-    func({}, '', {});
-    return func;
-  } catch (e) {}
-}());
-
 /**
  * The base implementation of `setToString` without support for hot loop shorting.
  *
@@ -137,52 +129,6 @@ var baseSetToString = !defineProperty ? identity : function(func, string) {
  */
 var setToString = shortOut(baseSetToString);
 
-/**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && defineProperty) {
-    defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * Assigns `value` to `key` of `object` if the existing value is not equivalent
- * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * for equality comparisons.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
- */
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(hasOwnProperty.call(object, key) && eq(objValue, value)) ||
-      (value === undefined && !(key in object))) {
-    baseAssignValue(object, key, value);
-  }
-}
-
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeMax = Math.max;
 
@@ -368,50 +314,6 @@ function hasIn(object, path) {
   return object != null && hasPath(object, path, baseHasIn);
 }
 
-/**
- * The base implementation of `_.set`.
- *
- * @private
- * @param {Object} object The object to modify.
- * @param {Array|string} path The path of the property to set.
- * @param {*} value The value to set.
- * @param {Function} [customizer] The function to customize path creation.
- * @returns {Object} Returns `object`.
- */
-function baseSet(object, path, value, customizer) {
-  if (!isObject(object)) {
-    return object;
-  }
-  path = castPath(path, object);
-
-  var index = -1,
-      length = path.length,
-      lastIndex = length - 1,
-      nested = object;
-
-  while (nested != null && ++index < length) {
-    var key = toKey(path[index]),
-        newValue = value;
-
-    if (key === '__proto__' || key === 'constructor' || key === 'prototype') {
-      return object;
-    }
-
-    if (index != lastIndex) {
-      var objValue = nested[key];
-      newValue = undefined;
-      if (newValue === undefined) {
-        newValue = isObject(objValue)
-          ? objValue
-          : (isIndex(path[index + 1]) ? [] : {});
-      }
-    }
-    assignValue(nested, key, newValue);
-    nested = nested[key];
-  }
-  return object;
-}
-
 /**
  * The base implementation of  `_.pickBy` without support for iteratee shorthands.
  *
@@ -485,4 +387,4 @@ const useAriaProps = (arias) => {
   return pick(ariaProps, arias);
 };
 
-export { flatRest as a, baseFlatten as b, baseAssignValue as c, assignValue as d, flatten as f, hasIn as h, identity as i, pick as p, useAriaProps as u };
+export { flatRest as a, baseFlatten as b, hasIn as c, flatten as f, hasPath as h, identity as i, overRest as o, pick as p, setToString as s, useAriaProps as u };

package/dist/es/chunk/{BJTCqgn1.mjs → DDR6UjaC.mjs}

@@ -1,5 +1,5 @@
 import { computed, getCurrentInstance } from 'vue';
-import { e as debugWarn, n as fromPairs } from './DO-mBaf5.mjs';
+import { a as debugWarn, k as fromPairs } from './By7FMB3I.mjs';
 
 const DEFAULT_EXCLUDE_KEYS = ["class", "style"];
 const LISTENER_PREFIX = /^on[A-Z]/;

package/dist/es/chunk/{BKmk2ptO.mjs → DNsAO9iB.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, renderSlot } from 'vue';
-import { c as buildProps, d as definePropType, u as useNamespace } from './DO-mBaf5.mjs';
-import { _ as _export_sfc, w as withInstall } from './Dn-BFXcJ.mjs';
+import { b as buildProps, d as definePropType, u as useNamespace } from './By7FMB3I.mjs';
+import { _ as _export_sfc, w as withInstall } from './dN0VcQc2.mjs';
 
 const dividerProps = buildProps({
   direction: {

package/dist/es/chunk/{-_x5oKYF.mjs → DQK0ezHm.mjs}

@@ -1,10 +1,11 @@
 import { defineComponent, computed, ref, unref, createBlock, openBlock, mergeProps, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeClass, toDisplayString, createTextVNode } from 'vue';
-import { u as useTooltipContentProps, r as roleTypes, f as useTooltipTriggerProps, a as ElTooltip } from './DGGhWn1A.mjs';
-import { c as buildProps, d as definePropType, q as isBoolean, u as useNamespace } from './DO-mBaf5.mjs';
+import { u as useTooltipContentProps, r as roleTypes, f as useTooltipTriggerProps, a as ElTooltip } from './BfjuZmry.mjs';
+import { b as buildProps, d as definePropType, u as useNamespace } from './By7FMB3I.mjs';
 import { E as EVENT_CODE } from './BTpNRPQW.mjs';
 import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { _ as _export_sfc, w as withInstall, b as withInstallDirective } from './Dn-BFXcJ.mjs';
-import { a as addUnit } from './C50_dziC.mjs';
+import { d as isBoolean } from './DViraU6I.mjs';
+import { _ as _export_sfc, w as withInstall, b as withInstallDirective } from './dN0VcQc2.mjs';
+import { a as addUnit } from './CQz3lhyS.mjs';
 
 const dropdownProps = buildProps({
   trigger: {