vue-devui 1.5.11 → 1.5.12

package/time-picker/index.es.js

@@ -35,6 +35,7 @@ var __publicField = (obj, key, value) => {
 };
 import { defineComponent, toRefs, computed, createVNode, resolveDynamicComponent, mergeProps, ref, reactive, onMounted, onBeforeUnmount, onUnmounted, Fragment, h, render, inject, withDirectives, resolveComponent, vShow, provide, toRef, getCurrentInstance, watch, withModifiers, isVNode, Transition, unref, nextTick, Comment, Text, cloneVNode, Teleport, createTextVNode, shallowRef } from "vue";
 import { onClickOutside } from "@vueuse/core";
+import "clipboard";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const timePickerProps = {
   modelValue: {
@@ -131,7 +132,7 @@ const svgIconProps = {
     default: "inherit"
   }
 };
-function createBem(namespace, element, modifier) {
+function createBem$1(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
     cls += `__${element}`;
@@ -141,12 +142,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,
@@ -164,7 +165,7 @@ var svgIcon = defineComponent({
       color,
       size
     } = toRefs(props);
-    const ns2 = useNamespace("svg-icon");
+    const ns2 = useNamespace$1("svg-icon");
     const iconName = computed(() => `#icon-${name.value}`);
     const iconSize = computed(() => {
       return typeof size.value === "number" ? `${size.value}px` : size.value;
@@ -196,7 +197,7 @@ function useIconDom(props, ctx) {
     classPrefix,
     rotate
   } = toRefs(props);
-  const ns2 = useNamespace("icon");
+  const ns2 = useNamespace$1("icon");
   const iconSize = computed(() => {
     return typeof size.value === "number" ? `${size.value}px` : size.value;
   });
@@ -254,7 +255,7 @@ var Icon = defineComponent({
     const {
       iconDom
     } = useIconDom(props, ctx);
-    const ns2 = useNamespace("icon");
+    const ns2 = useNamespace$1("icon");
     const wrapClassed = computed(() => ({
       [ns2.e("container")]: true,
       [ns2.m("disabled")]: disabled.value,
@@ -280,7 +281,7 @@ var iconGroup = "";
 defineComponent({
   name: "DIconGroup",
   setup(_, ctx) {
-    const ns2 = useNamespace("icon-group");
+    const ns2 = useNamespace$1("icon-group");
     return () => {
       var _a, _b;
       return createVNode("div", {
@@ -361,7 +362,7 @@ function useTimePicker(hh, mm, ss, format2, props) {
     showPopup.value = true;
   };
   const clickVerifyFun = () => {
-    if (props.disabled || props.readonly) {
+    if (props.disabled) {
       return;
     }
     mouseInputFun();
@@ -788,6 +789,48 @@ function useTimeScroll() {
     getScrollWidth
   };
 }
+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(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
+  };
+}
 var index$3 = "";
 var TimeScroll = defineComponent({
   name: "DTimeScroll",
@@ -853,11 +896,11 @@ var TimeScroll = defineComponent({
 });
 var index$2 = "";
 var PopupLine = defineComponent({
-  name: "DTimeList",
+  name: "DPopupLine",
   props: popupLineProps,
   emits: ["change"],
   setup(props, ctx) {
-    const ns2 = useNamespace("time-list");
+    const ns2 = useNamespace("popup-line");
     const timeListDom = ref();
     const {
       getNewTime,
@@ -978,7 +1021,7 @@ var Loading = defineComponent({
       message,
       $slots
     } = this;
-    const ns2 = useNamespace("loading");
+    const ns2 = useNamespace$1("loading");
     return isShow && createVNode("div", {
       "class": [ns2.b(), isFull ? ns2.m("full") : ""]
     }, [((_a = $slots.default) == null ? void 0 : _a.call($slots)) || createVNode("div", {
@@ -6563,7 +6606,7 @@ var lodash = { exports: {} };
   }).call(commonjsGlobal);
 })(lodash, lodash.exports);
 function useButton(props, ctx) {
-  const ns2 = useNamespace("button");
+  const ns2 = useNamespace$1("button");
   const hasContent = computed(() => ctx.slots.default);
   const colorMap = {
     solid: "primary",
@@ -6652,7 +6695,7 @@ defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace("button-group");
+    const ns2 = useNamespace$1("button-group");
     provide(buttonGroupInjectionKey, {
       size: toRef(props, "size")
     });
@@ -7136,7 +7179,7 @@ defineComponent({
   props: formProps,
   emits: ["validate"],
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       itemContexts,
       addItemContext,
@@ -7198,25 +7241,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) => {
@@ -7249,7 +7273,7 @@ defineComponent({
     const {
       modelValue
     } = toRefs(props);
-    const ns2 = useNamespace("fixed-overlay");
+    const ns2 = useNamespace$1("fixed-overlay");
     const {
       onClick
     } = useFixedOverlay(props, ctx);
@@ -7415,7 +7439,7 @@ const FlexibleOverlay = defineComponent({
     emit,
     expose
   }) {
-    const ns2 = useNamespace("flexible-overlay");
+    const ns2 = useNamespace$1("flexible-overlay");
     const {
       clickEventBubble
     } = toRefs(props);
@@ -7444,7 +7468,7 @@ const FlexibleOverlay = defineComponent({
 });
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
 const isObject = (val) => val !== null && typeof val === "object";
-const ns$1 = useNamespace("popper-trigger");
+const ns$1 = useNamespace$1("popper-trigger");
 function wrapContent(content) {
   return h("span", { class: ns$1.b() }, content);
 }
@@ -7631,7 +7655,7 @@ function usePopoverEvent(props, visible, origin) {
   });
   return { placement, handlePositionChange, onMouseenter, onMouseleave };
 }
-const ns = useNamespace("popover");
+const ns = useNamespace$1("popover");
 function SuccessIcon$1() {
   return createVNode("svg", {
     "class": [ns.e("icon"), ns.em("icon", "success")],
@@ -7733,7 +7757,7 @@ var PopoverIcon = defineComponent({
     }
   },
   setup(props) {
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     return () => props.type && props.type !== "default" && createVNode("span", {
       "class": ns2.e("icon-wrap")
     }, [props.type === "success" && createVNode(SuccessIcon$1, null, null), props.type === "warning" && createVNode(WarningIcon, null, null), props.type === "info" && createVNode(InfoIcon, null, null), props.type === "error" && createVNode(ErrorIcon$1, null, null)]);
@@ -7770,7 +7794,7 @@ var Popover = defineComponent({
     const {
       overlayStyles
     } = usePopover(props, visible, placement, origin, popoverRef);
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     provide(POPPER_TRIGGER_TOKEN, origin);
     watch(visible, (newVal) => {
       if (newVal) {
@@ -7903,7 +7927,7 @@ function useFormLabel() {
   const formContext = inject(FORM_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN);
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const labelClasses = computed(() => ({
     [`${ns2.e("label")}`]: true,
     [`${ns2.em("label", "vertical")}`]: labelData.value.layout === "vertical",
@@ -7922,7 +7946,7 @@ var FormLabel = defineComponent({
   name: "DFormLabel",
   props: formLabelProps,
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       labelClasses,
       labelInnerClasses
@@ -7957,7 +7981,7 @@ const formControlProps = {
 };
 function useFormControl(props) {
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const { feedbackStatus } = toRefs(props);
   const controlClasses = computed(() => ({
     [ns2.e("control")]: true,
@@ -7987,7 +8011,7 @@ var FormControl = defineComponent({
   props: formControlProps,
   setup(props, ctx) {
     const formControl2 = ref();
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       controlClasses,
       controlContainerClasses
@@ -9041,7 +9065,7 @@ function getFieldValue(obj, path) {
 }
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const itemClasses = computed(() => ({
     [`${ns2.em("item", "horizontal")}`]: formContext.layout === "horizontal",
     [`${ns2.em("item", "vertical")}`]: formContext.layout === "vertical",
@@ -9275,8 +9299,8 @@ function useInputRender(props, ctx) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const isValidateError = computed(() => (formItemContext == null ? void 0 : formItemContext.validateState) === "error");
-  const ns2 = useNamespace("input");
-  const slotNs = useNamespace("input-slot");
+  const ns2 = useNamespace$1("input");
+  const slotNs = useNamespace$1("input-slot");
   const isFocus = ref(false);
   const { error, size, disabled } = toRefs(props);
   const slots = ctx.slots;
@@ -9362,8 +9386,8 @@ var DInput = defineComponent({
     const {
       modelValue
     } = toRefs(props);
-    const ns2 = useNamespace("input");
-    const slotNs = useNamespace("input-slot");
+    const ns2 = useNamespace$1("input");
+    const slotNs = useNamespace$1("input-slot");
     const {
       inputDisabled,
       inputSize,
@@ -9514,10 +9538,11 @@ var TimePicker = defineComponent({
         "disabled": props.disabled,
         "readonly": props.readonly,
         "size": props.size,
-        "onFocus": withModifiers(clickVerifyFun, ["stop"])
+        "onFocus": clickVerifyFun
       }, {
         suffix: () => createVNode("span", {
-          "class": "time-input-icon"
+          "class": "time-input-icon",
+          "onClick": clickVerifyFun
         }, [createVNode("span", {
           "onClick": clearAll,
           "class": "clear-button"