vue-devui 1.5.11 → 1.5.12

package/date-picker-pro/index.es.js

@@ -36,6 +36,7 @@ var __publicField = (obj, key, value) => {
 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, shallowRef, resolveDynamicComponent, getCurrentInstance, onBeforeMount, isVNode, onUpdated, toRaw, watchEffect, render, resolveComponent, vShow, toRef, renderSlot, useSlots } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
+import "clipboard";
 const datePickerProCommonProps = {
   format: {
     type: String
@@ -395,7 +396,7 @@ const formProps = {
   }
 };
 const FORM_TOKEN = Symbol("dForm");
-function createBem(namespace, element, modifier) {
+function createBem$1(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
     cls += `__${element}`;
@@ -405,12 +406,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,
@@ -5896,7 +5897,7 @@ defineComponent({
   props: formProps,
   emits: ["validate"],
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       itemContexts,
       addItemContext,
@@ -6048,7 +6049,7 @@ defineComponent({
     const {
       modelValue
     } = toRefs(props);
-    const ns2 = useNamespace("fixed-overlay");
+    const ns2 = useNamespace$1("fixed-overlay");
     const {
       onClick
     } = useFixedOverlay(props, ctx);
@@ -6214,7 +6215,7 @@ const FlexibleOverlay = defineComponent({
     emit,
     expose
   }) {
-    const ns2 = useNamespace("flexible-overlay");
+    const ns2 = useNamespace$1("flexible-overlay");
     const {
       clickEventBubble
     } = toRefs(props);
@@ -6243,7 +6244,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);
 }
@@ -6430,7 +6431,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")],
@@ -6532,7 +6533,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)]);
@@ -6569,7 +6570,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) {
@@ -6702,7 +6703,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",
@@ -6721,7 +6722,7 @@ var FormLabel = defineComponent({
   name: "DFormLabel",
   props: formLabelProps,
   setup(props, ctx) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       labelClasses,
       labelInnerClasses
@@ -6756,7 +6757,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,
@@ -6786,7 +6787,7 @@ var FormControl = defineComponent({
   props: formControlProps,
   setup(props, ctx) {
     const formControl2 = ref();
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       controlClasses,
       controlContainerClasses
@@ -7840,7 +7841,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",
@@ -8221,7 +8222,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;
@@ -8253,7 +8254,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;
   });
@@ -8311,7 +8312,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,
@@ -8378,8 +8379,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;
@@ -8634,8 +8635,8 @@ var Input = 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,
@@ -10057,7 +10058,7 @@ var CalendarPanel = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       yearScrollRef,
       monthScrollRef,
@@ -10501,6 +10502,29 @@ function useTimeScroll() {
     getScrollWidth
   };
 }
+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$2 = "";
 var TimeScroll = defineComponent({
   name: "DTimeScroll",
@@ -10566,11 +10590,11 @@ var TimeScroll = defineComponent({
 });
 var index$1 = "";
 var DTimeList = 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,
@@ -10683,7 +10707,7 @@ var TimerPickerPanel = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       timeListDom,
       hourList,
@@ -10715,7 +10739,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", {
@@ -10792,7 +10816,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", {
@@ -10965,7 +10989,7 @@ const buttonGroupProps = {
 };
 const buttonGroupInjectionKey = Symbol("d-button-group");
 function useButton(props, ctx) {
-  const ns2 = useNamespace("button");
+  const ns2 = useNamespace$1("button");
   const hasContent = computed(() => ctx.slots.default);
   const colorMap = {
     solid: "primary",
@@ -11054,7 +11078,7 @@ defineComponent({
   setup(props, {
     slots
   }) {
-    const ns2 = useNamespace("button-group");
+    const ns2 = useNamespace$1("button-group");
     provide(buttonGroupInjectionKey, {
       size: toRef(props, "size")
     });
@@ -11066,7 +11090,7 @@ defineComponent({
   }
 });
 function useYearCalendarPanel(props, ctx) {
-  const ns2 = useNamespace("date-picker-pro");
+  const ns2 = useNamespace$1("date-picker-pro");
   const yarListScrollRef = ref();
   const yearList = ref([]);
   const { today, calendarRange, selectDate, rangeSelectDate, minDate, maxDate, fixRangeDate, getToDate, emitSelectedDate } = useCalendarSelected(props, ctx);
@@ -11193,7 +11217,7 @@ var YearCalendarPanel = defineComponent({
   props: datePickerProPanelProps,
   emits: ["selectedDate", "changeRangeFocusType"],
   setup(props, ctx) {
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       yarListScrollRef,
       yearList,
@@ -11229,7 +11253,7 @@ var YearCalendarPanel = defineComponent({
   }
 });
 function useMonthCalendarPanel(props, ctx) {
-  const ns2 = useNamespace("date-picker-pro");
+  const ns2 = useNamespace$1("date-picker-pro");
   const yearScrollRef = ref();
   const monthScrollRef = ref();
   const yearList = ref([]);
@@ -11418,7 +11442,7 @@ var MonthCalendarPanel = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       yearScrollRef,
       monthScrollRef,
@@ -11632,7 +11656,7 @@ var DatePickerProPanel = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       calendarPanelRef,
       timeData,
@@ -11742,7 +11766,7 @@ var DatePickerPro = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("date-picker-pro");
+    const ns2 = useNamespace$1("date-picker-pro");
     const {
       originRef,
       inputRef,
@@ -11968,7 +11992,7 @@ var DRangeDatePickerPro = defineComponent({
   setup(props, ctx) {
     const app = getCurrentInstance();
     const t = createI18nTranslate("DDatePickerPro", app);
-    const ns2 = useNamespace("range-date-picker-pro");
+    const ns2 = useNamespace$1("range-date-picker-pro");
     const {
       originRef,
       startInputRef,