@wfrog/vc-ui 1.3.1 → 1.4.0

package/dist/es/chunk/CqTa_Vd-.mjs

@@ -0,0 +1,375 @@
+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 './D1MHFKtN.mjs';
+import { u as useDeprecated } from './yuIXvUxc.mjs';
+import { u as useGlobalConfig } from './B3GxuXVE.mjs';
+import { u as useFormItem, c as useFormSize, a as useFormDisabled } from './BvNFaD5d.mjs';
+import { Loading } from '@element-plus/icons-vue';
+import { b as buildProps, d as definePropType, u as useNamespace } from './By7FMB3I.mjs';
+import { u as useSizeProp } from './CPCieLBG.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 './dN0VcQc2.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/{components/dual-pane/dual-pane.mjs → chunk/CsjEhAYY.mjs}

@@ -1,12 +1,9 @@
-import './index.css'
-import { c as buildProps, h as isString, N as NOOP, u as useNamespace, m as isObject, t as throwError } from '../../chunk/DO-mBaf5.mjs';
-import { shallowRef, defineComponent, h, triggerRef, onMounted, isVNode, ref, computed, watch, toRef, getCurrentInstance, provide, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createVNode, createCommentVNode, nextTick, createElementVNode, createBlock, resolveDynamicComponent, inject, toRefs, onBeforeUnmount, Fragment, mergeProps, withCtx, useCssVars } from 'vue';
-import { C as Component$1 } from '../scrollbar/scrollbar.mjs';
-import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from '../../chunk/Dn-BFXcJ.mjs';
+import { shallowRef, defineComponent, h, triggerRef, onMounted, isVNode, ref, computed, watch, toRef, getCurrentInstance, provide, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createVNode, createCommentVNode, nextTick, createElementVNode, createBlock, resolveDynamicComponent, inject, toRefs, onBeforeUnmount, Fragment, mergeProps, withCtx } from 'vue';
+import { b as buildProps, i as isString, N as NOOP, u as useNamespace, j as isObject, t as throwError } from './By7FMB3I.mjs';
+import { _ as _export_sfc, w as withInstall, a as withNoopInstall } from './dN0VcQc2.mjs';
 import { useElementSize } from '@vueuse/core';
-import { f as flattedChildren } from '../../chunk/C_7t9blX.mjs';
+import { f as flattedChildren } from './BZ1uhZQF.mjs';
 import { ArrowLeft, ArrowUp, ArrowRight, ArrowDown } from '@element-plus/icons-vue';
-import { _ as _export_sfc$1 } from '../../chunk/pcqpp-6-.mjs';
 
 const getOrderedChildren = (vm, childComponentName, children) => {
   const nodes = flattedChildren(vm.subTree).filter(
@@ -284,7 +281,7 @@ function useResize(panels, containerSize, pxSizes, lazy) {
   };
 }
 
-const _sfc_main$3 = defineComponent({
+const _sfc_main$2 = defineComponent({
   ...{
     name: "ElSplitter"
   },
@@ -389,7 +386,7 @@ const _sfc_main$3 = defineComponent({
     };
   }
 });
-var Splitter = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/splitter.vue"]]);
+var Splitter = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/splitter.vue"]]);
 
 function getCollapsible(collapsible) {
   if (collapsible && isObject(collapsible)) {
@@ -410,7 +407,7 @@ function isCollapsible(panel, size, nextPanel, nextSize) {
   return false;
 }
 
-const _sfc_main$2 = defineComponent({
+const _sfc_main$1 = defineComponent({
   ...{
     name: "ElSplitterBar"
   },
@@ -569,7 +566,7 @@ const _sfc_main$2 = defineComponent({
     };
   }
 });
-var SplitBar = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/split-bar.vue"]]);
+var SplitBar = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/split-bar.vue"]]);
 
 const splitterPanelProps = buildProps({
   min: {
@@ -592,7 +589,7 @@ const splitterPanelEmits = {
 };
 
 const COMPONENT_NAME = "ElSplitterPanel";
-const _sfc_main$1 = defineComponent({
+const _sfc_main = defineComponent({
   ...{
     name: COMPONENT_NAME
   },
@@ -768,88 +765,11 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
-var SplitPanel = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/split-panel.vue"]]);
+var SplitPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/splitter/src/split-panel.vue"]]);
 
 const ElSplitter = withInstall(Splitter, {
   SplitPanel
 });
 const ElSplitterPanel = withNoopInstall(SplitPanel);
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "dual-pane",
-  props: {
-    layout: { default: "horizontal" },
-    lazy: { type: Boolean, default: true },
-    padding: { default: 8 },
-    props1: {},
-    props2: {}
-  },
-  setup(__props) {
-    useCssVars((_ctx) => ({
-      "v1d983e20": `${_ctx.padding}px`
-    }));
-    return (_ctx, _cache) => {
-      const _component_el_splitter_panel = ElSplitterPanel;
-      const _component_el_splitter = ElSplitter;
-      return openBlock(), createBlock(_component_el_splitter, {
-        layout: __props.layout,
-        lazy: __props.lazy
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_splitter_panel, mergeProps(__props.props1, {
-            class: _ctx.$style.panel
-          }), {
-            default: withCtx(() => [
-              createVNode(Component$1, {
-                flex: "",
-                "view-class": _ctx.$style.container
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "panel1")
-                ]),
-                _: 3
-              }, 8, ["view-class"])
-            ]),
-            _: 3
-          }, 16, ["class"]),
-          createVNode(_component_el_splitter_panel, mergeProps(__props.props2, {
-            class: _ctx.$style.panel
-          }), {
-            default: withCtx(() => [
-              createVNode(Component$1, {
-                flex: "",
-                "view-class": _ctx.$style.container
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "panel2")
-                ]),
-                _: 3
-              }, 8, ["view-class"])
-            ]),
-            _: 3
-          }, 16, ["class"])
-        ]),
-        _: 3
-      }, 8, ["layout", "lazy"]);
-    };
-  }
-});
-
-/* unplugin-vue-components disabled */const panel = "_panel_ixgp9_1";
-const container = "_container_ixgp9_6";
-const style0 = {
-	panel: panel,
-	container: container
-};
-
-const cssModules = {
-  "$style": style0
-};
-const Component = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__cssModules", cssModules]]);
-
-const __vite_glob_0_16 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: Component
-}, Symbol.toStringTag, { value: 'Module' }));
-
-export { Component as C, __vite_glob_0_16 as _ };
+export { ElSplitter as E, ElSplitterPanel as a };

package/dist/es/chunk/{BQyZW57B.mjs → CwXV7M2F.mjs}

@@ -1,8 +1,8 @@
 import { ref, reactive, defineComponent, h, Transition, withCtx, withDirectives, createVNode, vShow, createApp, toRefs, nextTick, isRef } from 'vue';
-import { a as useGlobalComponentSettings } from './CCmEeM7D.mjs';
-import { r as removeClass, g as getStyle, b as addClass } from './C50_dziC.mjs';
+import { a as useGlobalComponentSettings } from './B3GxuXVE.mjs';
+import { r as removeClass, g as getStyle, b as addClass } from './CQz3lhyS.mjs';
 import { isClient } from '@vueuse/core';
-import { h as isString, m as isObject, w as hyphenate } from './DO-mBaf5.mjs';
+import { i as isString, j as isObject, n as hyphenate } from './By7FMB3I.mjs';
 
 function createLoadingComponent(options, appContext) {
   let afterLeaveTimer;

package/dist/es/chunk/{b9dx0jdT.mjs → D1MHFKtN.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createElementBlock, openBlock, mergeProps, unref, 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 { a as addUnit } from './C50_dziC.mjs';
+import { b as buildProps, d as definePropType, u as useNamespace } from './By7FMB3I.mjs';
+import { _ as _export_sfc, w as withInstall } from './dN0VcQc2.mjs';
+import { a as addUnit } from './CQz3lhyS.mjs';
 
 const iconProps = buildProps({
   size: {

package/dist/es/chunk/{DskGUrkJ.mjs → D6m3vWpc.mjs}

@@ -1,6 +1,7 @@
 import { getCurrentInstance, inject, computed, unref, ref } from 'vue';
-import { f as isNumber, e as debugWarn } from './DO-mBaf5.mjs';
+import { b as isNumber } from './DViraU6I.mjs';
 import { isClient } from '@vueuse/core';
+import { a as debugWarn } from './By7FMB3I.mjs';
 
 const initial = {
   current: 0