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

package/es/field/utils.js

@@ -1,101 +0,0 @@
-import {
-  isObject,
-  isPromise,
-  isFunction,
-  getRootScrollTop,
-  setRootScrollTop
-} from "../utils";
-function isEmptyValue(value) {
-  if (Array.isArray(value)) {
-    return !value.length;
-  }
-  if (value === 0) {
-    return false;
-  }
-  return !value;
-}
-function runSyncRule(value, rule) {
-  if (rule.required && isEmptyValue(value)) {
-    return false;
-  }
-  if (rule.pattern && !rule.pattern.test(String(value))) {
-    return false;
-  }
-  return true;
-}
-function runRuleValidator(value, rule) {
-  return new Promise((resolve) => {
-    const returnVal = rule.validator(value, rule);
-    if (isPromise(returnVal)) {
-      returnVal.then(resolve);
-      return;
-    }
-    resolve(returnVal);
-  });
-}
-function getRuleMessage(value, rule) {
-  const { message } = rule;
-  if (isFunction(message)) {
-    return message(value, rule);
-  }
-  return message || "";
-}
-function startComposing({ target }) {
-  target.composing = true;
-}
-function endComposing({ target }) {
-  if (target.composing) {
-    target.composing = false;
-    target.dispatchEvent(new Event("input"));
-  }
-}
-function resizeTextarea(input, autosize) {
-  const scrollTop = getRootScrollTop();
-  input.style.height = "auto";
-  let height = input.scrollHeight;
-  if (isObject(autosize)) {
-    const { maxHeight, minHeight } = autosize;
-    if (maxHeight !== void 0) {
-      height = Math.min(height, maxHeight);
-    }
-    if (minHeight !== void 0) {
-      height = Math.max(height, minHeight);
-    }
-  }
-  if (height) {
-    input.style.height = `${height}px`;
-    setRootScrollTop(scrollTop);
-  }
-}
-function mapInputType(type) {
-  if (type === "number") {
-    return {
-      type: "text",
-      inputmode: "decimal"
-    };
-  }
-  if (type === "digit") {
-    return {
-      type: "tel",
-      inputmode: "numeric"
-    };
-  }
-  return { type };
-}
-function getStringLength(str) {
-  return [...str].length;
-}
-function cutString(str, maxlength) {
-  return [...str].slice(0, maxlength).join("");
-}
-export {
-  cutString,
-  endComposing,
-  getRuleMessage,
-  getStringLength,
-  mapInputType,
-  resizeTextarea,
-  runRuleValidator,
-  runSyncRule,
-  startComposing
-};

package/es/form/Form.js

@@ -1,153 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { FORM_KEY, truthProp, numericProp, preventDefault, createNamespace } from "../utils";
-import { useChildren } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-const [name, bem] = createNamespace("form");
-const formProps = {
-  colon: Boolean,
-  disabled: Boolean,
-  readonly: Boolean,
-  showError: Boolean,
-  labelWidth: numericProp,
-  labelAlign: String,
-  inputAlign: String,
-  scrollToError: Boolean,
-  validateFirst: Boolean,
-  submitOnEnter: truthProp,
-  showErrorMessage: truthProp,
-  errorMessageAlign: String,
-  validateTrigger: {
-    type: [String, Array],
-    default: "onBlur"
-  }
-};
-var stdin_default = defineComponent({
-  name,
-  props: formProps,
-  emits: ["submit", "failed"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      children,
-      linkChildren
-    } = useChildren(FORM_KEY);
-    const getFieldsByNames = (names) => {
-      if (names) {
-        return children.filter((field) => names.includes(field.name));
-      }
-      return children;
-    };
-    const validateSeq = (names) => new Promise((resolve, reject) => {
-      const errors = [];
-      const fields = getFieldsByNames(names);
-      fields.reduce((promise, field) => promise.then(() => {
-        if (!errors.length) {
-          return field.validate().then((error) => {
-            if (error) {
-              errors.push(error);
-            }
-          });
-        }
-      }), Promise.resolve()).then(() => {
-        if (errors.length) {
-          reject(errors);
-        } else {
-          resolve();
-        }
-      });
-    });
-    const validateAll = (names) => new Promise((resolve, reject) => {
-      const fields = getFieldsByNames(names);
-      Promise.all(fields.map((item) => item.validate())).then((errors) => {
-        errors = errors.filter(Boolean);
-        if (errors.length) {
-          reject(errors);
-        } else {
-          resolve();
-        }
-      });
-    });
-    const validateField = (name2) => {
-      const matched = children.find((item) => item.name === name2);
-      if (matched) {
-        return new Promise((resolve, reject) => {
-          matched.validate().then((error) => {
-            if (error) {
-              reject(error);
-            } else {
-              resolve();
-            }
-          });
-        });
-      }
-      return Promise.reject();
-    };
-    const validate = (name2) => {
-      if (typeof name2 === "string") {
-        return validateField(name2);
-      }
-      return props.validateFirst ? validateSeq(name2) : validateAll(name2);
-    };
-    const resetValidation = (name2) => {
-      if (typeof name2 === "string") {
-        name2 = [name2];
-      }
-      const fields = getFieldsByNames(name2);
-      fields.forEach((item) => {
-        item.resetValidation();
-      });
-    };
-    const scrollToField = (name2, options) => {
-      children.some((item) => {
-        if (item.name === name2) {
-          item.$el.scrollIntoView(options);
-          return true;
-        }
-        return false;
-      });
-    };
-    const getValues = () => children.reduce((form, field) => {
-      form[field.name] = field.formValue.value;
-      return form;
-    }, {});
-    const submit = () => {
-      const values = getValues();
-      validate().then(() => emit("submit", values)).catch((errors) => {
-        emit("failed", {
-          values,
-          errors
-        });
-        if (props.scrollToError && errors[0].name) {
-          scrollToField(errors[0].name);
-        }
-      });
-    };
-    const onSubmit = (event) => {
-      preventDefault(event);
-      submit();
-    };
-    linkChildren({
-      props
-    });
-    useExpose({
-      submit,
-      validate,
-      getValues,
-      scrollToField,
-      resetValidation
-    });
-    return () => {
-      var _a;
-      return _createVNode("form", {
-        "class": bem(),
-        "onSubmit": onSubmit
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/form/index.js

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

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

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

package/es/form/style/less.js

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

package/es/grid/Grid.js

@@ -1,47 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } from "../utils";
-import { BORDER_TOP } from "../utils/constant";
-import { useChildren } from "@vant/use";
-const [name, bem] = createNamespace("grid");
-const gridProps = {
-  square: Boolean,
-  center: truthProp,
-  border: truthProp,
-  gutter: numericProp,
-  reverse: Boolean,
-  iconSize: numericProp,
-  direction: String,
-  clickable: Boolean,
-  columnNum: makeNumericProp(4)
-};
-const GRID_KEY = Symbol(name);
-var stdin_default = defineComponent({
-  name,
-  props: gridProps,
-  setup(props, {
-    slots
-  }) {
-    const {
-      linkChildren
-    } = useChildren(GRID_KEY);
-    linkChildren({
-      props
-    });
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "style": {
-          paddingLeft: addUnit(props.gutter)
-        },
-        "class": [bem(), {
-          [BORDER_TOP]: props.border && !props.gutter
-        }]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-export {
-  GRID_KEY,
-  stdin_default as default
-};

package/es/grid/index.js

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

package/es/grid/index.less

@@ -1,4 +0,0 @@
-.van-grid {
-  display: flex;
-  flex-wrap: wrap;
-}

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

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

package/es/grid/style/less.js

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

package/es/grid-item/GridItem.js

@@ -1,145 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { computed, defineComponent } from "vue";
-import { BORDER, extend, addUnit, numericProp, createNamespace } from "../utils";
-import { GRID_KEY } from "../grid/Grid";
-import { useParent } from "@vant/use";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Icon } from "../icon";
-import { Badge } from "../badge";
-const [name, bem] = createNamespace("grid-item");
-const gridItemProps = extend({}, routeProps, {
-  dot: Boolean,
-  text: String,
-  icon: String,
-  badge: numericProp,
-  iconColor: String,
-  iconPrefix: String,
-  badgeProps: Object
-});
-var stdin_default = defineComponent({
-  name,
-  props: gridItemProps,
-  setup(props, {
-    slots
-  }) {
-    const {
-      parent,
-      index
-    } = useParent(GRID_KEY);
-    const route = useRoute();
-    if (!parent) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[Vant] <GridItem> must be a child component of <Grid>.");
-      }
-      return;
-    }
-    const rootStyle = computed(() => {
-      const {
-        square,
-        gutter,
-        columnNum
-      } = parent.props;
-      const percent = `${100 / +columnNum}%`;
-      const style = {
-        flexBasis: percent
-      };
-      if (square) {
-        style.paddingTop = percent;
-      } else if (gutter) {
-        const gutterValue = addUnit(gutter);
-        style.paddingRight = gutterValue;
-        if (index.value >= columnNum) {
-          style.marginTop = gutterValue;
-        }
-      }
-      return style;
-    });
-    const contentStyle = computed(() => {
-      const {
-        square,
-        gutter
-      } = parent.props;
-      if (square && gutter) {
-        const gutterValue = addUnit(gutter);
-        return {
-          right: gutterValue,
-          bottom: gutterValue,
-          height: "auto"
-        };
-      }
-    });
-    const renderIcon = () => {
-      if (slots.icon) {
-        return _createVNode(Badge, _mergeProps({
-          "dot": props.dot,
-          "content": props.badge
-        }, props.badgeProps), {
-          default: slots.icon
-        });
-      }
-      if (props.icon) {
-        return _createVNode(Icon, {
-          "dot": props.dot,
-          "name": props.icon,
-          "size": parent.props.iconSize,
-          "badge": props.badge,
-          "class": bem("icon"),
-          "color": props.iconColor,
-          "badgeProps": props.badgeProps,
-          "classPrefix": props.iconPrefix
-        }, null);
-      }
-    };
-    const renderText = () => {
-      if (slots.text) {
-        return slots.text();
-      }
-      if (props.text) {
-        return _createVNode("span", {
-          "class": bem("text")
-        }, [props.text]);
-      }
-    };
-    const renderContent = () => {
-      if (slots.default) {
-        return slots.default();
-      }
-      return [renderIcon(), renderText()];
-    };
-    return () => {
-      const {
-        center,
-        border,
-        square,
-        gutter,
-        reverse,
-        direction,
-        clickable
-      } = parent.props;
-      const classes = [bem("content", [direction, {
-        center,
-        square,
-        reverse,
-        clickable,
-        surround: border && gutter
-      }]), {
-        [BORDER]: border
-      }];
-      return _createVNode("div", {
-        "class": [bem({
-          square
-        })],
-        "style": rootStyle.value
-      }, [_createVNode("div", {
-        "role": clickable ? "button" : void 0,
-        "class": classes,
-        "style": contentStyle.value,
-        "tabindex": clickable ? 0 : void 0,
-        "onClick": route
-      }, [renderContent()])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/grid-item/index.js

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

package/es/grid-item/index.less

@@ -1,97 +0,0 @@
-body {
-  --van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
-  --van-grid-item-content-background: var(--van-background-2);
-  --van-grid-item-content-active-color: var(--van-active-color);
-  --van-grid-item-icon-size: 28px;
-  --van-grid-item-text-color: var(--van-text-color);
-  --van-grid-item-text-font-size: var(--van-font-size-sm);
-}
-
-.van-grid-item {
-  position: relative;
-  box-sizing: border-box;
-
-  &--square {
-    height: 0;
-  }
-
-  &__icon {
-    font-size: var(--van-grid-item-icon-size);
-  }
-
-  &__text {
-    color: var(--van-grid-item-text-color);
-    font-size: var(--van-grid-item-text-font-size);
-    line-height: 1.5;
-    // https://github.com/youzan/vant/issues/3894
-    word-break: break-all;
-  }
-
-  &__icon + &__text {
-    margin-top: var(--van-padding-xs);
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    box-sizing: border-box;
-    height: 100%;
-    padding: var(--van-grid-item-content-padding);
-    background: var(--van-grid-item-content-background);
-
-    &::after {
-      z-index: 1;
-      border-width: 0 var(--van-border-width) var(--van-border-width) 0;
-    }
-
-    &--square {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-    }
-
-    &--center {
-      align-items: center;
-      justify-content: center;
-    }
-
-    &--horizontal {
-      flex-direction: row;
-
-      .van-grid-item__text {
-        margin: 0 0 0 var(--van-padding-xs);
-      }
-    }
-
-    &--reverse {
-      flex-direction: column-reverse;
-
-      .van-grid-item__text {
-        margin: 0 0 var(--van-padding-xs);
-      }
-    }
-
-    &--horizontal&--reverse {
-      flex-direction: row-reverse;
-
-      .van-grid-item__text {
-        margin: 0 var(--van-padding-xs) 0 0;
-      }
-    }
-
-    &--surround {
-      &::after {
-        border-width: var(--van-border-width);
-      }
-    }
-
-    &--clickable {
-      cursor: pointer;
-
-      &:active {
-        background-color: var(--van-grid-item-content-active-color);
-      }
-    }
-  }
-}

package/es/grid-item/style/less.d.ts

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

package/es/grid-item/style/less.js

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

package/es/icon/Icon.js

@@ -1,59 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { inject, computed, defineComponent } from "vue";
-import { addUnit, numericProp, makeStringProp, createNamespace } from "../utils";
-import { Badge } from "../badge";
-import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider";
-const [name, bem] = createNamespace("icon");
-const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
-const iconProps = {
-  dot: Boolean,
-  tag: makeStringProp("i"),
-  name: String,
-  size: numericProp,
-  badge: numericProp,
-  color: String,
-  badgeProps: Object,
-  classPrefix: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: iconProps,
-  setup(props, {
-    slots
-  }) {
-    const config = inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem());
-    return () => {
-      const {
-        tag,
-        dot,
-        name: name2,
-        size,
-        badge,
-        color
-      } = props;
-      const isImageIcon = isImage(name2);
-      return _createVNode(Badge, _mergeProps({
-        "dot": dot,
-        "tag": tag,
-        "class": [classPrefix.value, isImageIcon ? "" : `${classPrefix.value}-${name2}`],
-        "style": {
-          color,
-          fontSize: addUnit(size)
-        },
-        "content": badge
-      }, props.badgeProps), {
-        default: () => {
-          var _a;
-          return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && _createVNode("img", {
-            "class": bem("image"),
-            "src": name2
-          }, null)];
-        }
-      });
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/icon/index.js

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

package/es/icon/index.less

@@ -1,10 +0,0 @@
-@import '@vant/icons/src/encode-woff2.less';
-
-.van-icon {
-  &__image {
-    display: block;
-    width: 1em;
-    height: 1em;
-    object-fit: contain;
-  }
-}

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

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

package/es/icon/style/less.js

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