@wfrog/vc-ui 1.11.10 → 1.11.12

package/dist/es/chunk/CJK5_jsA.mjs

@@ -1,53 +0,0 @@
-import { isRef, computed, watch, onScopeDispose } from 'vue';
-import { t as throwError, u as useNamespace } from './Gk1J52Yw.mjs';
-import { h as hasClass, b as addClass, g as getStyle, r as removeClass } from './DodoD9a9.mjs';
-import { d as getScrollBarWidth } from './CccIsEqA.mjs';
-
-const useLockscreen = (trigger, options = {}) => {
-  if (!isRef(trigger)) {
-    throwError(
-      "[useLockscreen]",
-      "You need to pass a ref param to this function"
-    );
-  }
-  const ns = options.ns || useNamespace("popup");
-  const hiddenCls = computed(() => ns.bm("parent", "hidden"));
-  let scrollBarWidth = 0;
-  let withoutHiddenClass = false;
-  let bodyWidth = "0";
-  let cleaned = false;
-  const cleanup = () => {
-    if (cleaned)
-      return;
-    cleaned = true;
-    setTimeout(() => {
-      if (typeof document === "undefined")
-        return;
-      if (withoutHiddenClass && document) {
-        document.body.style.width = bodyWidth;
-        removeClass(document.body, hiddenCls.value);
-      }
-    }, 200);
-  };
-  watch(trigger, (val) => {
-    if (!val) {
-      cleanup();
-      return;
-    }
-    cleaned = false;
-    withoutHiddenClass = !hasClass(document.body, hiddenCls.value);
-    if (withoutHiddenClass) {
-      bodyWidth = document.body.style.width;
-      addClass(document.body, hiddenCls.value);
-    }
-    scrollBarWidth = getScrollBarWidth(ns.namespace.value);
-    const bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
-    const bodyOverflowY = getStyle(document.body, "overflowY");
-    if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === "scroll") && withoutHiddenClass) {
-      document.body.style.width = `calc(100% - ${scrollBarWidth}px)`;
-    }
-  });
-  onScopeDispose(() => cleanup());
-};
-
-export { useLockscreen as u };

package/dist/es/chunk/CKOcwq5V.mjs

@@ -1,44 +0,0 @@
-import { f as isArray } from './Cxx_YWUC.mjs';
-
-/**
- * Casts `value` as an array if it's not one.
- *
- * @static
- * @memberOf _
- * @since 4.4.0
- * @category Lang
- * @param {*} value The value to inspect.
- * @returns {Array} Returns the cast array.
- * @example
- *
- * _.castArray(1);
- * // => [1]
- *
- * _.castArray({ 'a': 1 });
- * // => [{ 'a': 1 }]
- *
- * _.castArray('abc');
- * // => ['abc']
- *
- * _.castArray(null);
- * // => [null]
- *
- * _.castArray(undefined);
- * // => [undefined]
- *
- * _.castArray();
- * // => []
- *
- * var array = [1, 2, 3];
- * console.log(_.castArray(array) === array);
- * // => true
- */
-function castArray() {
-  if (!arguments.length) {
-    return [];
-  }
-  var value = arguments[0];
-  return isArray(value) ? value : [value];
-}
-
-export { castArray as c };

package/dist/es/chunk/COs9dJZa.mjs

@@ -1,66 +0,0 @@
-import { getCurrentInstance, inject, ref, computed } from 'vue';
-import { b as buildProps, d as definePropType, f as isFunction, c as isArray, a as debugWarn } from './Gk1J52Yw.mjs';
-import { i as isEqual } from './B71xEPfK.mjs';
-
-const emptyValuesContextKey = Symbol("emptyValuesContextKey");
-const SCOPE = "use-empty-values";
-const DEFAULT_EMPTY_VALUES = ["", void 0, null];
-const DEFAULT_VALUE_ON_CLEAR = void 0;
-const useEmptyValuesProps = buildProps({
-  emptyValues: Array,
-  valueOnClear: {
-    type: definePropType([
-      String,
-      Number,
-      Boolean,
-      Function
-    ]),
-    default: void 0,
-    validator: (val) => {
-      val = isFunction(val) ? val() : val;
-      if (isArray(val)) {
-        return val.every((item) => !item);
-      }
-      return !val;
-    }
-  }
-});
-const useEmptyValues = (props, defaultValue) => {
-  const config = getCurrentInstance() ? inject(emptyValuesContextKey, ref({})) : ref({});
-  const emptyValues = computed(
-    () => props.emptyValues || config.value.emptyValues || DEFAULT_EMPTY_VALUES
-  );
-  const valueOnClear = computed(() => {
-    if (isFunction(props.valueOnClear)) {
-      return props.valueOnClear();
-    } else if (props.valueOnClear !== void 0) {
-      return props.valueOnClear;
-    } else if (isFunction(config.value.valueOnClear)) {
-      return config.value.valueOnClear();
-    } else if (config.value.valueOnClear !== void 0) {
-      return config.value.valueOnClear;
-    }
-    return defaultValue !== void 0 ? defaultValue : DEFAULT_VALUE_ON_CLEAR;
-  });
-  const isEmptyValue = (value) => {
-    let result = true;
-    if (isArray(value)) {
-      result = emptyValues.value.some((emptyValue) => {
-        return isEqual(value, emptyValue);
-      });
-    } else {
-      result = emptyValues.value.includes(value);
-    }
-    return result;
-  };
-  if (!isEmptyValue(valueOnClear.value)) {
-    debugWarn(SCOPE, "value-on-clear should be a value of empty-values");
-  }
-  return {
-    emptyValues,
-    valueOnClear,
-    isEmptyValue
-  };
-};
-
-export { useEmptyValues as a, emptyValuesContextKey as e, useEmptyValuesProps as u };

package/dist/es/chunk/CPt6MxJW.mjs

@@ -1,375 +0,0 @@
-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 './D0QTifnI.mjs';
-import { u as useDeprecated } from './CvYIOfT1.mjs';
-import { u as useGlobalConfig } from './C0pTANRX.mjs';
-import { u as useFormItem, c as useFormSize, a as useFormDisabled } from './CBMjhoFP.mjs';
-import { Loading } from '@element-plus/icons-vue';
-import { b as buildProps, d as definePropType, u as useNamespace } from './Gk1J52Yw.mjs';
-import { u as useSizeProp } from './vPhxogl3.mjs';
-import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { T as TinyColor } from './D9Lr0Bzb.mjs';
-import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from './V6KjsUQN.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
-};
-
-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 };

package/dist/es/chunk/CVqW0jzp.mjs

@@ -1,107 +0,0 @@
-import { getCurrentInstance, shallowRef, ref, watch, unref, onMounted, nextTick } from 'vue';
-import { useEventListener } from '@vueuse/core';
-import { f as isElement } from './Bc6yUGLs.mjs';
-import { a as isFocusable } from './CsLIbnzG.mjs';
-import { f as isFunction } from './Gk1J52Yw.mjs';
-
-function useFocusController(target, {
-  disabled,
-  beforeFocus,
-  afterFocus,
-  beforeBlur,
-  afterBlur
-} = {}) {
-  const instance = getCurrentInstance();
-  const { emit } = instance;
-  const wrapperRef = shallowRef();
-  const isFocused = ref(false);
-  const handleFocus = (event) => {
-    const cancelFocus = isFunction(beforeFocus) ? beforeFocus(event) : false;
-    if (unref(disabled) || isFocused.value || cancelFocus)
-      return;
-    isFocused.value = true;
-    emit("focus", event);
-    afterFocus == null ? void 0 : afterFocus();
-  };
-  const handleBlur = (event) => {
-    var _a;
-    const cancelBlur = isFunction(beforeBlur) ? beforeBlur(event) : false;
-    if (unref(disabled) || event.relatedTarget && ((_a = wrapperRef.value) == null ? void 0 : _a.contains(event.relatedTarget)) || cancelBlur)
-      return;
-    isFocused.value = false;
-    emit("blur", event);
-    afterBlur == null ? void 0 : afterBlur();
-  };
-  const handleClick = (event) => {
-    var _a, _b;
-    if (unref(disabled) || isFocusable(event.target) || ((_a = wrapperRef.value) == null ? void 0 : _a.contains(document.activeElement)) && wrapperRef.value !== document.activeElement)
-      return;
-    (_b = target.value) == null ? void 0 : _b.focus();
-  };
-  watch([wrapperRef, () => unref(disabled)], ([el, disabled2]) => {
-    if (!el)
-      return;
-    if (disabled2) {
-      el.removeAttribute("tabindex");
-    } else {
-      el.setAttribute("tabindex", "-1");
-    }
-  });
-  useEventListener(wrapperRef, "focus", handleFocus, true);
-  useEventListener(wrapperRef, "blur", handleBlur, true);
-  useEventListener(wrapperRef, "click", handleClick, true);
-  if (process.env.NODE_ENV === "test") {
-    onMounted(() => {
-      const targetEl = isElement(target.value) ? target.value : document.querySelector("input,textarea");
-      if (targetEl) {
-        useEventListener(targetEl, "focus", handleFocus, true);
-        useEventListener(targetEl, "blur", handleBlur, true);
-      }
-    });
-  }
-  return {
-    isFocused,
-    wrapperRef,
-    handleFocus,
-    handleBlur
-  };
-}
-
-const isKorean = (text) => /([\uAC00-\uD7AF\u3130-\u318F])+/gi.test(text);
-
-function useComposition({
-  afterComposition,
-  emit
-}) {
-  const isComposing = ref(false);
-  const handleCompositionStart = (event) => {
-    emit == null ? void 0 : emit("compositionstart", event);
-    isComposing.value = true;
-  };
-  const handleCompositionUpdate = (event) => {
-    var _a;
-    emit == null ? void 0 : emit("compositionupdate", event);
-    const text = (_a = event.target) == null ? void 0 : _a.value;
-    const lastCharacter = text[text.length - 1] || "";
-    isComposing.value = !isKorean(lastCharacter);
-  };
-  const handleCompositionEnd = (event) => {
-    emit == null ? void 0 : emit("compositionend", event);
-    if (isComposing.value) {
-      isComposing.value = false;
-      nextTick(() => afterComposition(event));
-    }
-  };
-  const handleComposition = (event) => {
-    event.type === "compositionend" ? handleCompositionEnd(event) : handleCompositionUpdate(event);
-  };
-  return {
-    isComposing,
-    handleComposition,
-    handleCompositionStart,
-    handleCompositionUpdate,
-    handleCompositionEnd
-  };
-}
-
-export { useComposition as a, useFocusController as u };