vant 3.6.14 → 3.6.16

package/es/text-ellipsis/TextEllipsis.mjs

@@ -1,167 +0,0 @@
-import { ref, watch, computed, onActivated, onMounted, defineComponent, nextTick, createVNode as _createVNode } from "vue";
-import { makeNumericProp, makeStringProp, createNamespace, windowWidth } from "../utils/index.mjs";
-import { useExpose } from "../composables/use-expose.mjs";
-const [name, bem] = createNamespace("text-ellipsis");
-const textEllipsisProps = {
-  rows: makeNumericProp(1),
-  dots: makeStringProp("..."),
-  content: makeStringProp(""),
-  expandText: makeStringProp(""),
-  collapseText: makeStringProp(""),
-  position: makeStringProp("end")
-};
-var stdin_default = defineComponent({
-  name,
-  props: textEllipsisProps,
-  emits: ["clickAction"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const text = ref(props.content);
-    const expanded = ref(false);
-    const hasAction = ref(false);
-    const root = ref();
-    const actionRef = ref();
-    let needRecalculate = false;
-    const actionText = computed(() => expanded.value ? props.collapseText : props.expandText);
-    const pxToNum = (value) => {
-      if (!value) return 0;
-      const match = value.match(/^\d*(\.\d*)?/);
-      return match ? Number(match[0]) : 0;
-    };
-    const cloneContainer = () => {
-      if (!root.value || !root.value.isConnected) return;
-      const originStyle = window.getComputedStyle(root.value);
-      const container = document.createElement("div");
-      const styleNames = Array.prototype.slice.apply(originStyle);
-      styleNames.forEach((name2) => {
-        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
-      });
-      container.style.position = "fixed";
-      container.style.zIndex = "-9999";
-      container.style.top = "-9999px";
-      container.style.height = "auto";
-      container.style.minHeight = "auto";
-      container.style.maxHeight = "auto";
-      container.innerText = props.content;
-      document.body.appendChild(container);
-      return container;
-    };
-    const calcEllipsisText = (container, maxHeight) => {
-      var _a, _b;
-      const {
-        content,
-        position,
-        dots
-      } = props;
-      const end = content.length;
-      const middle = 0 + end >> 1;
-      const actionHTML = slots.action ? (_b = (_a = actionRef.value) == null ? void 0 : _a.outerHTML) != null ? _b : "" : props.expandText;
-      const calcEllipse = () => {
-        const tail = (left, right) => {
-          if (right - left <= 1) {
-            if (position === "end") {
-              return content.slice(0, left) + dots;
-            }
-            return dots + content.slice(right, end);
-          }
-          const middle2 = Math.round((left + right) / 2);
-          if (position === "end") {
-            container.innerText = content.slice(0, middle2) + dots;
-          } else {
-            container.innerText = dots + content.slice(middle2, end);
-          }
-          container.innerHTML += actionHTML;
-          if (container.offsetHeight > maxHeight) {
-            if (position === "end") {
-              return tail(left, middle2);
-            }
-            return tail(middle2, right);
-          }
-          if (position === "end") {
-            return tail(middle2, right);
-          }
-          return tail(left, middle2);
-        };
-        return tail(0, end);
-      };
-      const middleTail = (leftPart, rightPart) => {
-        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
-          return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
-        }
-        const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
-        const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
-        container.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end);
-        container.innerHTML += actionHTML;
-        if (container.offsetHeight >= maxHeight) {
-          return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
-        }
-        return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
-      };
-      return props.position === "middle" ? middleTail([0, middle], [middle, end]) : calcEllipse();
-    };
-    const calcEllipsised = () => {
-      const container = cloneContainer();
-      if (!container) {
-        needRecalculate = true;
-        return;
-      }
-      const {
-        paddingBottom,
-        paddingTop,
-        lineHeight
-      } = container.style;
-      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
-      if (maxHeight < container.offsetHeight) {
-        hasAction.value = true;
-        text.value = calcEllipsisText(container, maxHeight);
-      } else {
-        hasAction.value = false;
-        text.value = props.content;
-      }
-      document.body.removeChild(container);
-    };
-    const toggle = (isExpanded = !expanded.value) => {
-      expanded.value = isExpanded;
-    };
-    const onClickAction = (event) => {
-      toggle();
-      emit("clickAction", event);
-    };
-    const renderAction = () => {
-      const action = slots.action ? slots.action({
-        expanded: expanded.value
-      }) : actionText.value;
-      return _createVNode("span", {
-        "ref": actionRef,
-        "class": bem("action"),
-        "onClick": onClickAction
-      }, [action]);
-    };
-    onMounted(() => {
-      calcEllipsised();
-      if (slots.action) {
-        nextTick(calcEllipsised);
-      }
-    });
-    onActivated(() => {
-      if (needRecalculate) {
-        needRecalculate = false;
-        calcEllipsised();
-      }
-    });
-    watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
-    useExpose({
-      toggle
-    });
-    return () => _createVNode("div", {
-      "ref": root,
-      "class": bem()
-    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
-  }
-});
-export {
-  stdin_default as default,
-  textEllipsisProps
-};

package/es/text-ellipsis/index.css

@@ -1 +0,0 @@
-:root,:host{--van-text-ellipsis-line-height: 1.6;--van-text-ellipsis-action-color: var(--van-blue)}.van-text-ellipsis{line-height:var(--van-text-ellipsis-line-height);white-space:pre-wrap;overflow-wrap:break-word}.van-text-ellipsis__action{cursor:pointer;color:var(--van-text-ellipsis-action-color)}.van-text-ellipsis__action:active{opacity:var(--van-active-opacity)}

package/es/text-ellipsis/index.d.ts

@@ -1,69 +0,0 @@
-export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    rows: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    dots: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    content: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    expandText: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    collapseText: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    rows: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    dots: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    content: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    expandText: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    collapseText: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<T>;
-        default: string;
-    };
-}>> & Readonly<{
-    onClickAction?: ((...args: any[]) => any) | undefined;
-}>, {
-    content: string;
-    position: string;
-    rows: string | number;
-    dots: string;
-    expandText: string;
-    collapseText: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-export default TextEllipsis;
-export { textEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisProps } from './TextEllipsis';
-export type { TextEllipsisInstance, TextEllipsisThemeVars } from './types';
-declare module 'vue' {
-    interface GlobalComponents {
-        VanTextEllipsis: typeof TextEllipsis;
-    }
-}

package/es/text-ellipsis/index.mjs

@@ -1,10 +0,0 @@
-import { withInstall } from "../utils/index.mjs";
-import _TextEllipsis from "./TextEllipsis.mjs";
-const TextEllipsis = withInstall(_TextEllipsis);
-var stdin_default = TextEllipsis;
-import { textEllipsisProps } from "./TextEllipsis.mjs";
-export {
-  TextEllipsis,
-  stdin_default as default,
-  textEllipsisProps
-};

package/es/text-ellipsis/style/index.mjs

@@ -1,2 +0,0 @@
-import "../../style/base.css";
-import "../index.css";

package/es/text-ellipsis/types.d.ts

@@ -1,9 +0,0 @@
-import type { ComponentPublicInstance } from 'vue';
-import type { TextEllipsisProps } from './TextEllipsis';
-export type TextEllipsisExpose = {
-    toggle: (expanded?: boolean) => void;
-};
-export type TextEllipsisInstance = ComponentPublicInstance<TextEllipsisProps, TextEllipsisExpose>;
-export type TextEllipsisThemeVars = {
-    textEllipsisActionColor?: string;
-};

package/es/time-picker/TimePicker.d.ts

@@ -1,246 +0,0 @@
-import { type ExtractPropTypes, type PropType, type ComponentPublicInstance } from 'vue';
-export type TimePickerColumnType = 'hour' | 'minute' | 'second';
-export declare const timePickerProps: {
-    loading: BooleanConstructor;
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    optionHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    showToolbar: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    visibleOptionNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-} & {
-    title: StringConstructor;
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-} & {
-    modelValue: {
-        type: PropType<T[]>;
-        default: () => never[];
-    };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
-    formatter: {
-        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
-        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
-    };
-} & {
-    minHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    maxTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    columnsType: {
-        type: PropType<TimePickerColumnType[]>;
-        default: () => string[];
-    };
-};
-export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
-export type TimePickerExpose = {
-    confirm: () => void;
-    getSelectedTime: () => string[];
-};
-export type TimePickerInstance = ComponentPublicInstance<TimePickerProps, TimePickerExpose>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
-    loading: BooleanConstructor;
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    optionHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    showToolbar: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    visibleOptionNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-} & {
-    title: StringConstructor;
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-} & {
-    modelValue: {
-        type: PropType<T[]>;
-        default: () => never[];
-    };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
-    formatter: {
-        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
-        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
-    };
-} & {
-    minHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    maxTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    columnsType: {
-        type: PropType<TimePickerColumnType[]>;
-        default: () => string[];
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    loading: BooleanConstructor;
-    readonly: BooleanConstructor;
-    allowHtml: BooleanConstructor;
-    optionHeight: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    showToolbar: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    visibleOptionNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-} & {
-    title: StringConstructor;
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-} & {
-    modelValue: {
-        type: PropType<T[]>;
-        default: () => never[];
-    };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
-    formatter: {
-        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
-        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
-    };
-} & {
-    minHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxHour: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxMinute: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    maxSecond: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    minTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    maxTime: {
-        type: StringConstructor;
-        validator: (val: string) => boolean;
-    };
-    columnsType: {
-        type: PropType<TimePickerColumnType[]>;
-        default: () => string[];
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onCancel?: ((...args: any[]) => any) | undefined;
-    onConfirm?: ((...args: any[]) => any) | undefined;
-}>, {
-    formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
-    modelValue: string[];
-    readonly: boolean;
-    loading: boolean;
-    allowHtml: boolean;
-    optionHeight: string | number;
-    showToolbar: boolean;
-    swipeDuration: string | number;
-    visibleOptionNum: string | number;
-    columnsType: TimePickerColumnType[];
-    minHour: string | number;
-    maxHour: string | number;
-    minMinute: string | number;
-    maxMinute: string | number;
-    minSecond: string | number;
-    maxSecond: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/time-picker/TimePicker.mjs

@@ -1,138 +0,0 @@
-import { computed, defineComponent, ref, watch, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { formatValueRange, genOptions, pickerInheritKeys, sharedProps } from "../date-picker/utils.mjs";
-import { pick, extend, isSameValue, makeNumericProp, createNamespace } from "../utils/index.mjs";
-import { useExpose } from "../composables/use-expose.mjs";
-import { Picker } from "../picker/index.mjs";
-const [name] = createNamespace("time-picker");
-const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
-const fullColumns = ["hour", "minute", "second"];
-const timePickerProps = extend({}, sharedProps, {
-  minHour: makeNumericProp(0),
-  maxHour: makeNumericProp(23),
-  minMinute: makeNumericProp(0),
-  maxMinute: makeNumericProp(59),
-  minSecond: makeNumericProp(0),
-  maxSecond: makeNumericProp(59),
-  minTime: {
-    type: String,
-    validator: validateTime
-  },
-  maxTime: {
-    type: String,
-    validator: validateTime
-  },
-  columnsType: {
-    type: Array,
-    default: () => ["hour", "minute"]
-  }
-});
-var stdin_default = defineComponent({
-  name,
-  props: timePickerProps,
-  emits: ["confirm", "cancel", "change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const currentValues = ref(props.modelValue);
-    const pickerRef = ref();
-    const getValidTime = (time) => {
-      const timeLimitArr = time.split(":");
-      return fullColumns.map((col, i) => props.columnsType.includes(col) ? timeLimitArr[i] : "00");
-    };
-    const confirm = () => {
-      var _a;
-      return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
-    };
-    const getSelectedTime = () => currentValues.value;
-    const columns = computed(() => {
-      let {
-        minHour,
-        maxHour,
-        minMinute,
-        maxMinute,
-        minSecond,
-        maxSecond
-      } = props;
-      if (props.minTime || props.maxTime) {
-        const fullTime = {
-          hour: 0,
-          minute: 0,
-          second: 0
-        };
-        props.columnsType.forEach((col, i) => {
-          var _a;
-          fullTime[col] = (_a = currentValues.value[i]) != null ? _a : 0;
-        });
-        const {
-          hour,
-          minute
-        } = fullTime;
-        if (props.minTime) {
-          const [minH, minM, minS] = getValidTime(props.minTime);
-          minHour = minH;
-          minMinute = +hour <= +minHour ? minM : "00";
-          minSecond = +hour <= +minHour && +minute <= +minMinute ? minS : "00";
-        }
-        if (props.maxTime) {
-          const [maxH, maxM, maxS] = getValidTime(props.maxTime);
-          maxHour = maxH;
-          maxMinute = +hour >= +maxHour ? maxM : "59";
-          maxSecond = +hour >= +maxHour && +minute >= +maxMinute ? maxS : "59";
-        }
-      }
-      return props.columnsType.map((type) => {
-        const {
-          filter,
-          formatter
-        } = props;
-        switch (type) {
-          case "hour":
-            return genOptions(+minHour, +maxHour, type, formatter, filter, currentValues.value);
-          case "minute":
-            return genOptions(+minMinute, +maxMinute, type, formatter, filter, currentValues.value);
-          case "second":
-            return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
-          default:
-            if (process.env.NODE_ENV !== "production") {
-              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
-            }
-            return [];
-        }
-      });
-    });
-    watch(currentValues, (newValues) => {
-      if (!isSameValue(newValues, props.modelValue)) {
-        emit("update:modelValue", newValues);
-      }
-    });
-    watch(() => props.modelValue, (newValues) => {
-      newValues = formatValueRange(newValues, columns.value);
-      if (!isSameValue(newValues, currentValues.value)) {
-        currentValues.value = newValues;
-      }
-    }, {
-      immediate: true
-    });
-    const onChange = (...args) => emit("change", ...args);
-    const onCancel = (...args) => emit("cancel", ...args);
-    const onConfirm = (...args) => emit("confirm", ...args);
-    useExpose({
-      confirm,
-      getSelectedTime
-    });
-    return () => _createVNode(Picker, _mergeProps({
-      "ref": pickerRef,
-      "modelValue": currentValues.value,
-      "onUpdate:modelValue": ($event) => currentValues.value = $event,
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props, pickerInheritKeys)), slots);
-  }
-});
-export {
-  stdin_default as default,
-  timePickerProps
-};