vant 4.0.0-alpha.3 → 4.0.0-beta.1

package/es/radio/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/radio/style/less.js

@@ -1,6 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../radio-group/index.less";
-import "../../checkbox/index.less";
-import "../index.less";

package/es/radio-group/RadioGroup.js

@@ -1,44 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, defineComponent } from "vue";
-import { unknownProp, numericProp, createNamespace } from "../utils";
-import { useChildren, useCustomFieldValue } from "@vant/use";
-const [name, bem] = createNamespace("radio-group");
-const radioGroupProps = {
-  disabled: Boolean,
-  iconSize: numericProp,
-  direction: String,
-  modelValue: unknownProp,
-  checkedColor: String
-};
-const RADIO_KEY = Symbol(name);
-var stdin_default = defineComponent({
-  name,
-  props: radioGroupProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      linkChildren
-    } = useChildren(RADIO_KEY);
-    const updateValue = (value) => emit("update:modelValue", value);
-    watch(() => props.modelValue, (value) => emit("change", value));
-    linkChildren({
-      props,
-      updateValue
-    });
-    useCustomFieldValue(() => props.modelValue);
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "class": bem([props.direction]),
-        "role": "radiogroup"
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-export {
-  RADIO_KEY,
-  stdin_default as default
-};

package/es/radio-group/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _RadioGroup from "./RadioGroup";
-const RadioGroup = withInstall(_RadioGroup);
-var stdin_default = RadioGroup;
-export {
-  RadioGroup,
-  stdin_default as default
-};

package/es/radio-group/index.less

@@ -1,6 +0,0 @@
-.van-radio-group {
-  &--horizontal {
-    display: flex;
-    flex-wrap: wrap;
-  }
-}

package/es/radio-group/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/radio-group/style/less.js

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

package/es/rate/Rate.js

@@ -1,217 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent, ref } from "vue";
-import { addUnit, truthProp, numericProp, preventDefault, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils";
-import { useRect, useCustomFieldValue } from "@vant/use";
-import { useRefs } from "../composables/use-refs";
-import { useTouch } from "../composables/use-touch";
-import { Icon } from "../icon";
-const [name, bem] = createNamespace("rate");
-function getRateStatus(value, index, allowHalf, readonly) {
-  if (value >= index) {
-    return {
-      status: "full",
-      value: 1
-    };
-  }
-  if (value + 0.5 >= index && allowHalf && !readonly) {
-    return {
-      status: "half",
-      value: 0.5
-    };
-  }
-  if (value + 1 >= index && allowHalf && readonly) {
-    const cardinal = 10 ** 10;
-    return {
-      status: "half",
-      value: Math.round((value - index + 1) * cardinal) / cardinal
-    };
-  }
-  return {
-    status: "void",
-    value: 0
-  };
-}
-const rateProps = {
-  size: numericProp,
-  icon: makeStringProp("star"),
-  color: String,
-  count: makeNumericProp(5),
-  gutter: numericProp,
-  readonly: Boolean,
-  disabled: Boolean,
-  voidIcon: makeStringProp("star-o"),
-  allowHalf: Boolean,
-  voidColor: String,
-  touchable: truthProp,
-  iconPrefix: String,
-  modelValue: makeNumberProp(0),
-  disabledColor: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: rateProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit
-  }) {
-    const touch = useTouch();
-    const [itemRefs, setItemRefs] = useRefs();
-    const groupRef = ref();
-    const untouchable = () => props.readonly || props.disabled || !props.touchable;
-    const list = computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
-    let ranges;
-    let groupRefRect;
-    let minRectTop = Number.MAX_SAFE_INTEGER;
-    let maxRectTop = Number.MIN_SAFE_INTEGER;
-    const updateRanges = () => {
-      groupRefRect = useRect(groupRef);
-      const rects = itemRefs.value.map(useRect);
-      ranges = [];
-      rects.forEach((rect, index) => {
-        minRectTop = Math.min(rect.top, minRectTop);
-        maxRectTop = Math.max(rect.top, maxRectTop);
-        if (props.allowHalf) {
-          ranges.push({
-            score: index + 0.5,
-            left: rect.left,
-            top: rect.top,
-            height: rect.height
-          }, {
-            score: index + 1,
-            left: rect.left + rect.width / 2,
-            top: rect.top,
-            height: rect.height
-          });
-        } else {
-          ranges.push({
-            score: index + 1,
-            left: rect.left,
-            top: rect.top,
-            height: rect.height
-          });
-        }
-      });
-    };
-    const getScoreByPosition = (x, y) => {
-      for (let i = ranges.length - 1; i > 0; i--) {
-        if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
-          if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
-            return ranges[i].score;
-          }
-        } else {
-          const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
-          if (x > ranges[i].left && ranges[i].top === curTop) {
-            return ranges[i].score;
-          }
-        }
-      }
-      return props.allowHalf ? 0.5 : 1;
-    };
-    const select = (index) => {
-      if (!props.disabled && !props.readonly && index !== props.modelValue) {
-        emit("update:modelValue", index);
-        emit("change", index);
-      }
-    };
-    const onTouchStart = (event) => {
-      if (untouchable()) {
-        return;
-      }
-      touch.start(event);
-      updateRanges();
-    };
-    const onTouchMove = (event) => {
-      if (untouchable()) {
-        return;
-      }
-      touch.move(event);
-      if (touch.isHorizontal()) {
-        const {
-          clientX,
-          clientY
-        } = event.touches[0];
-        preventDefault(event);
-        select(getScoreByPosition(clientX, clientY));
-      }
-    };
-    const renderStar = (item, index) => {
-      const {
-        icon,
-        size,
-        color,
-        count,
-        gutter,
-        voidIcon,
-        disabled,
-        voidColor,
-        allowHalf,
-        iconPrefix,
-        disabledColor
-      } = props;
-      const score = index + 1;
-      const isFull = item.status === "full";
-      const isVoid = item.status === "void";
-      const renderHalf = allowHalf && item.value > 0 && item.value < 1;
-      let style;
-      if (gutter && score !== +count) {
-        style = {
-          paddingRight: addUnit(gutter)
-        };
-      }
-      const onClickItem = (event) => {
-        updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
-      };
-      return _createVNode("div", {
-        "key": index,
-        "ref": setItemRefs(index),
-        "role": "radio",
-        "style": style,
-        "class": bem("item"),
-        "tabindex": disabled ? void 0 : 0,
-        "aria-setsize": count,
-        "aria-posinset": score,
-        "aria-checked": !isVoid,
-        "onClick": onClickItem
-      }, [_createVNode(Icon, {
-        "size": size,
-        "name": isFull ? icon : voidIcon,
-        "class": bem("icon", {
-          disabled,
-          full: isFull
-        }),
-        "color": disabled ? disabledColor : isFull ? color : voidColor,
-        "classPrefix": iconPrefix
-      }, null), renderHalf && _createVNode(Icon, {
-        "size": size,
-        "style": {
-          width: item.value + "em"
-        },
-        "name": isVoid ? voidIcon : icon,
-        "class": bem("icon", ["half", {
-          disabled,
-          full: !isVoid
-        }]),
-        "color": disabled ? disabledColor : isVoid ? voidColor : color,
-        "classPrefix": iconPrefix
-      }, null)]);
-    };
-    useCustomFieldValue(() => props.modelValue);
-    return () => _createVNode("div", {
-      "ref": groupRef,
-      "role": "radiogroup",
-      "class": bem({
-        readonly: props.readonly,
-        disabled: props.disabled
-      }),
-      "tabindex": props.disabled ? void 0 : 0,
-      "aria-disabled": props.disabled,
-      "aria-readonly": props.readonly,
-      "onTouchstart": onTouchStart,
-      "onTouchmove": onTouchMove
-    }, [list.value.map(renderStar)]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/rate/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _Rate from "./Rate";
-const Rate = withInstall(_Rate);
-var stdin_default = Rate;
-export {
-  Rate,
-  stdin_default as default
-};

package/es/rate/index.less

@@ -1,52 +0,0 @@
-body {
-  --van-rate-icon-size: 20px;
-  --van-rate-icon-gutter: var(--van-padding-base);
-  --van-rate-icon-void-color: var(--van-gray-5);
-  --van-rate-icon-full-color: var(--van-danger-color);
-  --van-rate-icon-disabled-color: var(--van-gray-5);
-}
-
-.van-rate {
-  display: inline-flex;
-  cursor: pointer;
-  user-select: none;
-  flex-wrap: wrap;
-
-  &__item {
-    position: relative;
-
-    &:not(:last-child) {
-      padding-right: var(--van-rate-icon-gutter);
-    }
-  }
-
-  &__icon {
-    display: block;
-    width: 1em;
-    color: var(--van-rate-icon-void-color);
-    font-size: var(--van-rate-icon-size);
-
-    &--half {
-      position: absolute;
-      top: 0;
-      left: 0;
-      overflow: hidden;
-    }
-
-    &--full {
-      color: var(--van-rate-icon-full-color);
-    }
-
-    &--disabled {
-      color: var(--van-rate-icon-disabled-color);
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-  }
-
-  &--readonly {
-    cursor: default;
-  }
-}

package/es/rate/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/rate/style/less.js

@@ -1,4 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../index.less";

package/es/row/Row.js

@@ -1,91 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
-import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { useChildren } from "@vant/use";
-const [name, bem] = createNamespace("row");
-const ROW_KEY = Symbol(name);
-const rowProps = {
-  tag: makeStringProp("div"),
-  wrap: truthProp,
-  align: String,
-  gutter: makeNumericProp(0),
-  justify: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: rowProps,
-  setup(props, {
-    slots
-  }) {
-    const {
-      children,
-      linkChildren
-    } = useChildren(ROW_KEY);
-    const groups = computed(() => {
-      const groups2 = [[]];
-      let totalSpan = 0;
-      children.forEach((child, index) => {
-        totalSpan += Number(child.span);
-        if (totalSpan > 24) {
-          groups2.push([index]);
-          totalSpan -= 24;
-        } else {
-          groups2[groups2.length - 1].push(index);
-        }
-      });
-      return groups2;
-    });
-    const spaces = computed(() => {
-      const gutter = Number(props.gutter);
-      const spaces2 = [];
-      if (!gutter) {
-        return spaces2;
-      }
-      groups.value.forEach((group) => {
-        const averagePadding = gutter * (group.length - 1) / group.length;
-        group.forEach((item, index) => {
-          if (index === 0) {
-            spaces2.push({
-              right: averagePadding
-            });
-          } else {
-            const left = gutter - spaces2[item - 1].right;
-            const right = averagePadding - left;
-            spaces2.push({
-              left,
-              right
-            });
-          }
-        });
-      });
-      return spaces2;
-    });
-    linkChildren({
-      spaces
-    });
-    return () => {
-      const {
-        tag,
-        wrap,
-        align,
-        justify
-      } = props;
-      return _createVNode(tag, {
-        "class": bem({
-          [`align-${align}`]: align,
-          [`justify-${justify}`]: justify,
-          nowrap: !wrap
-        })
-      }, {
-        default: () => {
-          var _a;
-          return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
-        }
-      });
-    };
-  }
-});
-export {
-  ROW_KEY,
-  stdin_default as default
-};

package/es/row/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _Row from "./Row";
-const Row = withInstall(_Row);
-var stdin_default = Row;
-export {
-  Row,
-  stdin_default as default
-};

package/es/row/index.less

@@ -1,32 +0,0 @@
-.van-row {
-  display: flex;
-  flex-wrap: wrap;
-
-  &--nowrap {
-    flex-wrap: nowrap;
-  }
-
-  &--justify-center {
-    justify-content: center;
-  }
-
-  &--justify-end {
-    justify-content: flex-end;
-  }
-
-  &--justify-space-between {
-    justify-content: space-between;
-  }
-
-  &--justify-space-around {
-    justify-content: space-around;
-  }
-
-  &--align-center {
-    align-items: center;
-  }
-
-  &--align-bottom {
-    align-items: flex-end;
-  }
-}

package/es/row/style/less.d.ts

@@ -1 +0,0 @@
-export {};

package/es/row/style/less.js

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

package/es/search/Search.js

@@ -1,118 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
-import { pick, extend, truthProp, preventDefault, makeStringProp, createNamespace } from "../utils";
-import { fieldSharedProps } from "../field/Field";
-import { useId } from "../composables/use-id";
-import { useExpose } from "../composables/use-expose";
-import { Field } from "../field";
-const [name, bem, t] = createNamespace("search");
-const searchProps = extend({}, fieldSharedProps, {
-  label: String,
-  shape: makeStringProp("square"),
-  leftIcon: makeStringProp("search"),
-  clearable: truthProp,
-  actionText: String,
-  background: String,
-  showAction: Boolean
-});
-var stdin_default = defineComponent({
-  name,
-  props: searchProps,
-  emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots,
-    attrs
-  }) {
-    const id = useId();
-    const filedRef = ref();
-    const onCancel = () => {
-      if (!slots.action) {
-        emit("update:modelValue", "");
-        emit("cancel");
-      }
-    };
-    const onKeypress = (event) => {
-      const ENTER_CODE = 13;
-      if (event.keyCode === ENTER_CODE) {
-        preventDefault(event);
-        emit("search", props.modelValue);
-      }
-    };
-    const getInputId = () => props.id || `${id}-input`;
-    const renderLabel = () => {
-      if (slots.label || props.label) {
-        return _createVNode("label", {
-          "class": bem("label"),
-          "for": getInputId()
-        }, [slots.label ? slots.label() : props.label]);
-      }
-    };
-    const renderAction = () => {
-      if (props.showAction) {
-        const text = props.actionText || t("cancel");
-        return _createVNode("div", {
-          "class": bem("action"),
-          "role": "button",
-          "tabindex": 0,
-          "onClick": onCancel
-        }, [slots.action ? slots.action() : text]);
-      }
-    };
-    const blur = () => {
-      var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.blur();
-    };
-    const focus = () => {
-      var _a;
-      return (_a = filedRef.value) == null ? void 0 : _a.focus();
-    };
-    const onBlur = (event) => emit("blur", event);
-    const onFocus = (event) => emit("focus", event);
-    const onClear = (event) => emit("clear", event);
-    const onClickInput = (event) => emit("clickInput", event);
-    const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
-    const onClickRightIcon = (event) => emit("clickRightIcon", event);
-    const fieldPropNames = Object.keys(fieldSharedProps);
-    const renderField = () => {
-      const fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
-        id: getInputId()
-      });
-      const onInput = (value) => emit("update:modelValue", value);
-      return _createVNode(Field, _mergeProps({
-        "ref": filedRef,
-        "type": "search",
-        "class": bem("field"),
-        "border": false,
-        "onBlur": onBlur,
-        "onFocus": onFocus,
-        "onClear": onClear,
-        "onKeypress": onKeypress,
-        "onClickInput": onClickInput,
-        "onClickLeftIcon": onClickLeftIcon,
-        "onClickRightIcon": onClickRightIcon,
-        "onUpdate:modelValue": onInput
-      }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
-    };
-    useExpose({
-      focus,
-      blur
-    });
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "class": bem({
-          "show-action": props.showAction
-        }),
-        "style": {
-          background: props.background
-        }
-      }, [(_a = slots.left) == null ? void 0 : _a.call(slots), _createVNode("div", {
-        "class": bem("content", props.shape)
-      }, [renderLabel(), renderField()]), renderAction()]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/search/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _Search from "./Search";
-const Search = withInstall(_Search);
-var stdin_default = Search;
-export {
-  Search,
-  stdin_default as default
-};