vue-devui 1.5.11 → 1.5.12

package/checkbox/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 } from "vue";
+import "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const commonProps = {
   name: {
@@ -64,7 +65,8 @@ const commonProps = {
     default: void 0
   },
   size: {
-    type: String
+    type: String,
+    default: "md"
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
@@ -137,7 +139,26 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
   }
 });
 const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
-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}`;
@@ -147,12 +168,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,
@@ -209,6 +230,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) => {
@@ -5789,25 +5833,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) => {
@@ -7890,8 +7915,8 @@ function useCheckbox(props, ctx) {
     var _a;
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
   });
-  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
-  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth;
+  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction;
   const canChange = (checked, val) => {
     var _a;
     if (mergedDisabled.value) {
@@ -7908,15 +7933,14 @@ function useCheckbox(props, ctx) {
     return Promise.resolve(true);
   };
   const toggle = () => {
-    const current = !isChecked.value;
+    const current = !mergedChecked.value;
     checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
     ctx.emit("update:checked", current);
     ctx.emit("update:modelValue", current);
     ctx.emit("change", current);
   };
-  const handleClick = ($event) => {
-    $event.stopPropagation();
-    canChange(!isChecked.value, props.label).then((res) => res && toggle());
+  const handleClick = () => {
+    canChange(!mergedChecked.value, props.label).then((res) => res && toggle());
   };
   const size = computed(() => props.size || (checkboxGroupConf == null ? void 0 : checkboxGroupConf.size.value) || (formContext == null ? void 0 : formContext.size) || "md");
   const border = computed(() => {
@@ -7924,7 +7948,8 @@ function useCheckbox(props, ctx) {
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.border.value) != null ? _a : props.border;
   });
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   });
   return {
     mergedChecked,
@@ -7982,7 +8007,8 @@ function useCheckboxGroup(props, ctx) {
     }
   };
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   }, { deep: true });
   const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
   provide(checkboxGroupInjectionKey, {
@@ -8019,7 +8045,7 @@ var Checkbox = defineComponent({
   props: checkboxProps,
   emits: ["change", "update:checked", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("checkbox");
+    const ns2 = useNamespace$1("checkbox");
     const {
       mergedChecked,
       mergedDisabled,
@@ -8034,11 +8060,11 @@ var Checkbox = defineComponent({
     } = useCheckbox(props, ctx);
     return () => {
       var _a, _b;
-      const wrapperCls = {
-        [ns2.e("column-margin")]: direction === "column",
-        [ns2.e("wrap")]: typeof itemWidth !== "undefined"
-      };
-      const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+      const wrapperCls = computed(() => ({
+        [ns2.e("column-margin")]: (direction == null ? void 0 : direction.value) === "column",
+        [ns2.e("wrap")]: typeof (itemWidth == null ? void 0 : itemWidth.value) !== "undefined"
+      }));
+      const wrapperStyle = computed(() => (itemWidth == null ? void 0 : itemWidth.value) ? [`width: ${itemWidth.value}px`] : []);
       const checkboxCls = {
         [ns2.b()]: true,
         active: mergedChecked.value,
@@ -8069,8 +8095,8 @@ var Checkbox = defineComponent({
         indeterminate: props.halfChecked
       };
       return createVNode("div", {
-        "class": wrapperCls,
-        "style": wrapperStyle
+        "class": wrapperCls.value,
+        "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
       }, [createVNode("label", {
@@ -8078,7 +8104,7 @@ var Checkbox = defineComponent({
         "onClick": handleClick,
         "class": labelCls,
         "style": {
-          width: itemWidth ? "100%" : "auto"
+          width: (itemWidth == null ? void 0 : itemWidth.value) ? "100%" : "auto"
         }
       }, [createVNode("input", mergeProps({
         "name": props.name || props.value,
@@ -8120,7 +8146,7 @@ var CheckboxGroup = defineComponent({
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("checkbox");
+    const ns2 = useNamespace$1("checkbox");
     const {
       defaultOpt
     } = useCheckboxGroup(props, ctx);
@@ -8166,7 +8192,7 @@ var CheckboxButton = defineComponent({
   props: checkboxProps,
   emits: ["change", "update:checked", "update:modelValue"],
   setup(props, ctx) {
-    const ns2 = useNamespace("checkbox-button");
+    const ns2 = useNamespace$1("checkbox-button");
     const {
       mergedChecked,
       mergedDisabled,