@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/chunk/{D0LB3gF-.mjs → CKbkzlkO.mjs}

@@ -1,24 +1,29 @@
 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 './cPBw23yt.mjs';
-import { u as useDeprecated } from './Cbhe4I9Z.mjs';
-import { u as useGlobalConfig } from './B5UQmWXg.mjs';
-import { u as useFormItem, c as useFormSize, b as useFormDisabled } from './DXPWe_a5.mjs';
+import { E as ElIcon } from './DEPZhJ0Z.mjs';
+import { u as useDeprecated } from './DTEM_vYZ.mjs';
+import { u as useGlobalConfig } from './BUf50Y7Y.mjs';
+import { u as useFormItem, c as useFormSize, b as useFormDisabled } from './U13Qpiki.mjs';
 import { Loading } from '@element-plus/icons-vue';
-import { c as buildProps, d as definePropType, u as useNamespace } from './DRoyW749.mjs';
-import { u as useSizeProp } from './BsGCX4td.mjs';
+import { c as buildProps, d as definePropType, u as useNamespace } from './CcKUdl3e.mjs';
+import { u as useSizeProp } from './BK4T_2ha.mjs';
 import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from './DTLPXrjb.mjs';
+import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from './BTsEMnf_.mjs';
 
-const buttonGroupContextKey = Symbol("buttonGroupContextKey");
+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"));
+  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();
@@ -26,22 +31,30 @@ const useButton = (props, emit) => {
   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 _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;
@@ -1352,15 +1365,16 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1 = defineComponent({
-  name: "ElButton"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$1 = defineComponent({
+  ...{
+    name: "ElButton"
+  },
+  __name: "button",
   props: buttonProps,
   emits: buttonEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const buttonStyle = useButtonCustomStyle(props);
     const ns = useNamespace("button");
     const {
@@ -1388,7 +1402,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       ns.is("link", props.link),
       ns.is("has-bg", props.bg)
     ]);
-    expose({
+    __expose({
       ref: _ref,
       size: _size,
       type: _type,
@@ -1400,40 +1414,50 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ref_key: "_ref",
         ref: _ref
       }, unref(_props), {
-        class: unref(buttonKls),
+        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 }, {
+          _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)
+          _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", "button.vue"]]);
+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,
@@ -1445,29 +1469,37 @@ const buttonGroupProps = {
   }
 };
 
-const __default__ = defineComponent({
-  name: "ElButtonGroup"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+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")
-    }));
+    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);
+      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", "button-group.vue"]]);
+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

package/dist/es/chunk/{DrgvuOYH.mjs → CL5WTCB3.mjs}

@@ -1,5 +1,5 @@
 import { isClient } from '@vueuse/core';
-import { i as isArray, n as isElement } from './DRoyW749.mjs';
+import { i as isArray, n as isElement } from './CcKUdl3e.mjs';
 
 const nodeList = /* @__PURE__ */ new Map();
 if (isClient) {
@@ -54,7 +54,9 @@ const ClickOutside = {
       nodeList.set(el, []);
     }
     const handlers = nodeList.get(el);
-    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
+    const oldHandlerIndex = handlers.findIndex(
+      (item) => item.bindingFn === binding.oldValue
+    );
     const newHandler = {
       documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value

package/dist/es/chunk/{XwSiBVsA.mjs → CM_I1FoA.mjs}

@@ -1,6 +1,6 @@
 import { getCurrentInstance, shallowRef, ref, watch, unref, onMounted, nextTick } from 'vue';
 import { useEventListener } from '@vueuse/core';
-import { n as isElement, j as isFunction } from './DRoyW749.mjs';
+import { n as isElement, j as isFunction } from './CcKUdl3e.mjs';
 import { a as isFocusable } from './CsLIbnzG.mjs';
 
 function useFocusController(target, {
@@ -49,7 +49,7 @@ function useFocusController(target, {
   useEventListener(wrapperRef, "focus", handleFocus, true);
   useEventListener(wrapperRef, "blur", handleBlur, true);
   useEventListener(wrapperRef, "click", handleClick, true);
-  if (typeof process !== "undefined" && process.env.NODE_ENV === "test") {
+  if (process.env.NODE_ENV === "test") {
     onMounted(() => {
       const targetEl = isElement(target.value) ? target.value : document.querySelector("input,textarea");
       if (targetEl) {

package/dist/es/chunk/{DouIsSPi.mjs → CNILa-hz.mjs}

@@ -1,4 +1,4 @@
-import { b as baseClone } from './f0-vIQGp.mjs';
+import { b as baseClone } from './DfHTA5LW.mjs';
 
 /** Used to compose bitmasks for cloning. */
 var CLONE_DEEP_FLAG = 1,

package/dist/es/chunk/{DRoyW749.mjs → CcKUdl3e.mjs}

@@ -194,7 +194,7 @@ function throwError(scope, m) {
   throw new ElementPlusError(`[${scope}] ${m}`);
 }
 function debugWarn(scope, message) {
-  if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
+  if (process.env.NODE_ENV !== "production") {
     const error = isString(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
     console.warn(error);
   }
@@ -221,7 +221,11 @@ const buildProp = (prop, key) => {
       valid || (valid = validator(val));
     if (!valid && allowedValues.length > 0) {
       const allowValuesText = [...new Set(allowedValues)].map((value) => JSON.stringify(value)).join(", ");
-      warn(`Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`);
+      warn(
+        `Invalid prop: validation failed${key ? ` for prop "${key}"` : ""}. Expected one of [${allowValuesText}], got value ${JSON.stringify(
+          val
+        )}.`
+      );
     }
     return valid;
   } : void 0;
@@ -235,9 +239,11 @@ const buildProp = (prop, key) => {
     epProp.default = defaultValue;
   return epProp;
 };
-const buildProps = (props) => fromPairs(Object.entries(props).map(([key, option]) => [
-  key,
-  buildProp(option, key)
-]));
+const buildProps = (props) => fromPairs(
+  Object.entries(props).map(([key, option]) => [
+    key,
+    buildProp(option, key)
+  ])
+);
 
 export { isStringNumber as A, camelize as B, namespaceContextKey as C, NOOP as N, isEmpty as a, isDate as b, buildProps as c, definePropType as d, debugWarn as e, isNumber as f, isUndefined as g, isString as h, isArray as i, isFunction as j, isNil as k, isPlainObject as l, fromPairs as m, isElement as n, isWindow as o, isObject as p, isBoolean as q, buildProp as r, useGetDerivedNamespace as s, throwError as t, useNamespace as u, isPropAbsent as v, hyphenate as w, defaultNamespace as x, isPromise as y, hasOwn as z };

package/dist/es/chunk/CidLkmft.mjs

@@ -0,0 +1,188 @@
+import { defineComponent, useSlots, ref, computed, createBlock, openBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, createCommentVNode, renderSlot, resolveDynamicComponent, createElementBlock, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
+import { E as ElIcon } from './DEPZhJ0Z.mjs';
+import { T as TypeComponentsMap, a as TypeComponents } from '../components/icon/icon2.mjs';
+import { c as buildProps, u as useNamespace, e as debugWarn } from './CcKUdl3e.mjs';
+import { k as keysOf } from './DVNTpOBR.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+import { f as flattedChildren, b as isComment } from './BYVaz5Or.mjs';
+
+const alertEffects = ["light", "dark"];
+const alertProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: keysOf(TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
+  },
+  showAfter: Number,
+  hideAfter: Number,
+  autoClose: Number
+});
+const alertEmits = {
+  close: (evt) => evt instanceof MouseEvent
+};
+
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElAlert"
+  },
+  __name: "alert",
+  props: alertProps,
+  emits: alertEmits,
+  setup(__props, { emit: __emit }) {
+    const { Close } = TypeComponents;
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const ns = useNamespace("alert");
+    const visible = ref(true);
+    const iconComponent = computed(() => TypeComponentsMap[props.type]);
+    const hasDesc = computed(() => {
+      var _a;
+      if (props.description)
+        return true;
+      const slotContent = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (!slotContent)
+        return false;
+      const children = flattedChildren(slotContent);
+      return children.some((child) => !isComment(child));
+    });
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    if (props.showAfter || props.hideAfter || props.autoClose) {
+      debugWarn(
+        "el-alert",
+        "The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560"
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
+              role: "alert"
+            },
+            [
+              _ctx.showIcon && (_ctx.$slots.icon || iconComponent.value) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass([unref(ns).e("icon"), unref(ns).is("big", hasDesc.value)])
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "icon", {}, () => [
+                    (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"])) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).e("content"))
+                },
+                [
+                  _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: normalizeClass([unref(ns).e("title"), { "with-description": hasDesc.value }])
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "title", {}, () => [
+                        createTextVNode(
+                          toDisplayString(_ctx.title),
+                          1
+                        )
+                      ])
+                    ],
+                    2
+                  )) : createCommentVNode("v-if", true),
+                  hasDesc.value ? (openBlock(), createElementBlock(
+                    "p",
+                    {
+                      key: 1,
+                      class: normalizeClass(unref(ns).e("description"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        createTextVNode(
+                          toDisplayString(_ctx.description),
+                          1
+                        )
+                      ])
+                    ],
+                    2
+                  )) : createCommentVNode("v-if", true),
+                  _ctx.closable ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 2 },
+                    [
+                      _ctx.closeText ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
+                          onClick: close
+                        },
+                        toDisplayString(_ctx.closeText),
+                        3
+                      )) : (openBlock(), createBlock(unref(ElIcon), {
+                        key: 1,
+                        class: normalizeClass(unref(ns).e("close-btn")),
+                        onClick: close
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Close))
+                        ]),
+                        _: 1
+                      }, 8, ["class"]))
+                    ],
+                    64
+                  )) : createCommentVNode("v-if", true)
+                ],
+                2
+              )
+            ],
+            2
+          ), [
+            [vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/alert/src/alert.vue"]]);
+
+const ElAlert = withInstall(Alert);
+
+export { ElAlert as E };