vue-devui 1.5.11 → 1.5.12

package/radio/index.es.js

@@ -30,6 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, isVNode } from "vue";
+import "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const radioCommonProps = {
   modelValue: {
@@ -61,6 +62,10 @@ const radioProps = __spreadProps(__spreadValues({}, radioCommonProps), {
   border: {
     type: Boolean,
     default: false
+  },
+  canCancelSelect: {
+    type: Boolean,
+    default: false
   }
 });
 const radioGroupProps = __spreadProps(__spreadValues({}, radioCommonProps), {
@@ -86,7 +91,26 @@ const radioGroupProps = __spreadProps(__spreadValues({}, radioCommonProps), {
   }
 });
 const radioGroupInjectionKey = Symbol("DRadioGroup");
-function createBem(namespace, element, modifier) {
+function lockScroll() {
+  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
+    const scrollTop = document.documentElement.scrollTop;
+    const style = document.documentElement.getAttribute("style");
+    document.documentElement.style.position = "fixed";
+    document.documentElement.style.top = `-${scrollTop}px`;
+    document.documentElement.style.width = document.documentElement.style.width || "100%";
+    document.documentElement.style.overflowY = "scroll";
+    return () => {
+      if (style) {
+        document.documentElement.setAttribute("style", style);
+      } else {
+        document.documentElement.removeAttribute("style");
+      }
+      document.documentElement.scrollTop = scrollTop;
+    };
+  }
+  return;
+}
+function createBem$1(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
     cls += `__${element}`;
@@ -96,12 +120,12 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block, needDot = false) {
+function useNamespace$1(block, needDot = false) {
   const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
-  const b = () => createBem(namespace);
-  const e = (element) => element ? createBem(namespace, element) : "";
-  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
-  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  const b = () => createBem$1(namespace);
+  const e = (element) => element ? createBem$1(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem$1(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem$1(namespace, element, modifier) : "";
   return {
     b,
     e,
@@ -158,6 +182,29 @@ const formProps = {
   }
 };
 const FORM_TOKEN = Symbol("dForm");
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
 function useFieldCollection() {
   const itemContexts = [];
   const addItemContext = (field) => {
@@ -5738,25 +5785,6 @@ const fixedOverlayProps = {
     default: true
   }
 };
-function lockScroll() {
-  if (document.documentElement.scrollHeight > document.documentElement.clientHeight) {
-    const scrollTop = document.documentElement.scrollTop;
-    const style = document.documentElement.getAttribute("style");
-    document.documentElement.style.position = "fixed";
-    document.documentElement.style.top = `-${scrollTop}px`;
-    document.documentElement.style.width = document.documentElement.style.width || "100%";
-    document.documentElement.style.overflowY = "scroll";
-    return () => {
-      if (style) {
-        document.documentElement.setAttribute("style", style);
-      } else {
-        document.documentElement.removeAttribute("style");
-      }
-      document.documentElement.scrollTop = scrollTop;
-    };
-  }
-  return;
-}
 function useFixedOverlay(props, ctx) {
   let lockScrollCb;
   const onClick = (event) => {
@@ -7842,7 +7870,14 @@ function useRadio(props, ctx) {
     return flag;
   };
   const handleChange = async (event) => {
-    const _value = props.value;
+    let _value;
+    if (props.canCancelSelect && isChecked.value) {
+      _value = void 0;
+    } else if (isChecked.value) {
+      return;
+    } else {
+      _value = props.value;
+    }
     const canChange = await judgeCanChange(_value);
     if (!canChange) {
       event.preventDefault();
@@ -7914,7 +7949,7 @@ var Radio = defineComponent({
   props: radioProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("radio");
+    const ns2 = useNamespace$1("radio");
     const {
       isChecked,
       radioName,
@@ -7944,7 +7979,7 @@ var Radio = defineComponent({
         "name": radioName.value,
         "class": ns2.e("input"),
         "disabled": isDisabled.value,
-        "onChange": handleChange,
+        "onClick": handleChange,
         "value": props.value,
         "checked": isChecked.value
       }, null), createVNode("span", {
@@ -7987,7 +8022,7 @@ var RadioGroup = defineComponent({
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("radio-group");
+    const ns2 = useNamespace$1("radio-group");
     useRadioGroup(props, ctx);
     return () => {
       const getContent = () => {
@@ -8022,7 +8057,7 @@ var RadioButton = defineComponent({
   props: radioProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("radio-button");
+    const ns2 = useNamespace$1("radio-button");
     const {
       isChecked,
       radioName,