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

package/es/index.mjs

@@ -0,0 +1,283 @@
+import { ActionBar } from "./action-bar/index.mjs";
+import { ActionBarButton } from "./action-bar-button/index.mjs";
+import { ActionBarIcon } from "./action-bar-icon/index.mjs";
+import { ActionSheet } from "./action-sheet/index.mjs";
+import { AddressEdit } from "./address-edit/index.mjs";
+import { AddressList } from "./address-list/index.mjs";
+import { Area } from "./area/index.mjs";
+import { Badge } from "./badge/index.mjs";
+import { Button } from "./button/index.mjs";
+import { Calendar } from "./calendar/index.mjs";
+import { Card } from "./card/index.mjs";
+import { Cascader } from "./cascader/index.mjs";
+import { Cell } from "./cell/index.mjs";
+import { CellGroup } from "./cell-group/index.mjs";
+import { Checkbox } from "./checkbox/index.mjs";
+import { CheckboxGroup } from "./checkbox-group/index.mjs";
+import { Circle } from "./circle/index.mjs";
+import { Col } from "./col/index.mjs";
+import { Collapse } from "./collapse/index.mjs";
+import { CollapseItem } from "./collapse-item/index.mjs";
+import { ConfigProvider } from "./config-provider/index.mjs";
+import { ContactCard } from "./contact-card/index.mjs";
+import { ContactEdit } from "./contact-edit/index.mjs";
+import { ContactList } from "./contact-list/index.mjs";
+import { CountDown } from "./count-down/index.mjs";
+import { Coupon } from "./coupon/index.mjs";
+import { CouponCell } from "./coupon-cell/index.mjs";
+import { CouponList } from "./coupon-list/index.mjs";
+import { DatePicker } from "./date-picker/index.mjs";
+import { Dialog } from "./dialog/index.mjs";
+import { Divider } from "./divider/index.mjs";
+import { DropdownItem } from "./dropdown-item/index.mjs";
+import { DropdownMenu } from "./dropdown-menu/index.mjs";
+import { Empty } from "./empty/index.mjs";
+import { Field } from "./field/index.mjs";
+import { Form } from "./form/index.mjs";
+import { Grid } from "./grid/index.mjs";
+import { GridItem } from "./grid-item/index.mjs";
+import { Icon } from "./icon/index.mjs";
+import { Image } from "./image/index.mjs";
+import { ImagePreview } from "./image-preview/index.mjs";
+import { IndexAnchor } from "./index-anchor/index.mjs";
+import { IndexBar } from "./index-bar/index.mjs";
+import { List } from "./list/index.mjs";
+import { Loading } from "./loading/index.mjs";
+import { Locale } from "./locale/index.mjs";
+import { NavBar } from "./nav-bar/index.mjs";
+import { NoticeBar } from "./notice-bar/index.mjs";
+import { Notify } from "./notify/index.mjs";
+import { NumberKeyboard } from "./number-keyboard/index.mjs";
+import { Overlay } from "./overlay/index.mjs";
+import { Pagination } from "./pagination/index.mjs";
+import { PasswordInput } from "./password-input/index.mjs";
+import { Picker } from "./picker/index.mjs";
+import { Popover } from "./popover/index.mjs";
+import { Popup } from "./popup/index.mjs";
+import { Progress } from "./progress/index.mjs";
+import { PullRefresh } from "./pull-refresh/index.mjs";
+import { Radio } from "./radio/index.mjs";
+import { RadioGroup } from "./radio-group/index.mjs";
+import { Rate } from "./rate/index.mjs";
+import { Row } from "./row/index.mjs";
+import { Search } from "./search/index.mjs";
+import { ShareSheet } from "./share-sheet/index.mjs";
+import { Sidebar } from "./sidebar/index.mjs";
+import { SidebarItem } from "./sidebar-item/index.mjs";
+import { Skeleton } from "./skeleton/index.mjs";
+import { Slider } from "./slider/index.mjs";
+import { Space } from "./space/index.mjs";
+import { Step } from "./step/index.mjs";
+import { Stepper } from "./stepper/index.mjs";
+import { Steps } from "./steps/index.mjs";
+import { Sticky } from "./sticky/index.mjs";
+import { SubmitBar } from "./submit-bar/index.mjs";
+import { Swipe } from "./swipe/index.mjs";
+import { SwipeCell } from "./swipe-cell/index.mjs";
+import { SwipeItem } from "./swipe-item/index.mjs";
+import { Switch } from "./switch/index.mjs";
+import { Tab } from "./tab/index.mjs";
+import { Tabbar } from "./tabbar/index.mjs";
+import { TabbarItem } from "./tabbar-item/index.mjs";
+import { Tabs } from "./tabs/index.mjs";
+import { Tag } from "./tag/index.mjs";
+import { TimePicker } from "./time-picker/index.mjs";
+import { Toast } from "./toast/index.mjs";
+import { TreeSelect } from "./tree-select/index.mjs";
+import { Uploader } from "./uploader/index.mjs";
+const version = "4.0.0-beta.1";
+function install(app) {
+  const components = [
+    ActionBar,
+    ActionBarButton,
+    ActionBarIcon,
+    ActionSheet,
+    AddressEdit,
+    AddressList,
+    Area,
+    Badge,
+    Button,
+    Calendar,
+    Card,
+    Cascader,
+    Cell,
+    CellGroup,
+    Checkbox,
+    CheckboxGroup,
+    Circle,
+    Col,
+    Collapse,
+    CollapseItem,
+    ConfigProvider,
+    ContactCard,
+    ContactEdit,
+    ContactList,
+    CountDown,
+    Coupon,
+    CouponCell,
+    CouponList,
+    DatePicker,
+    Dialog,
+    Divider,
+    DropdownItem,
+    DropdownMenu,
+    Empty,
+    Field,
+    Form,
+    Grid,
+    GridItem,
+    Icon,
+    Image,
+    ImagePreview,
+    IndexAnchor,
+    IndexBar,
+    List,
+    Loading,
+    Locale,
+    NavBar,
+    NoticeBar,
+    Notify,
+    NumberKeyboard,
+    Overlay,
+    Pagination,
+    PasswordInput,
+    Picker,
+    Popover,
+    Popup,
+    Progress,
+    PullRefresh,
+    Radio,
+    RadioGroup,
+    Rate,
+    Row,
+    Search,
+    ShareSheet,
+    Sidebar,
+    SidebarItem,
+    Skeleton,
+    Slider,
+    Space,
+    Step,
+    Stepper,
+    Steps,
+    Sticky,
+    SubmitBar,
+    Swipe,
+    SwipeCell,
+    SwipeItem,
+    Switch,
+    Tab,
+    Tabbar,
+    TabbarItem,
+    Tabs,
+    Tag,
+    TimePicker,
+    Toast,
+    TreeSelect,
+    Uploader
+  ];
+  components.forEach((item) => {
+    if (item.install) {
+      app.use(item);
+    } else if (item.name) {
+      app.component(item.name, item);
+    }
+  });
+}
+export * from "./action-bar/index.mjs";
+export * from "./action-bar-button/index.mjs";
+export * from "./action-bar-icon/index.mjs";
+export * from "./action-sheet/index.mjs";
+export * from "./address-edit/index.mjs";
+export * from "./address-list/index.mjs";
+export * from "./area/index.mjs";
+export * from "./badge/index.mjs";
+export * from "./button/index.mjs";
+export * from "./calendar/index.mjs";
+export * from "./card/index.mjs";
+export * from "./cascader/index.mjs";
+export * from "./cell/index.mjs";
+export * from "./cell-group/index.mjs";
+export * from "./checkbox/index.mjs";
+export * from "./checkbox-group/index.mjs";
+export * from "./circle/index.mjs";
+export * from "./col/index.mjs";
+export * from "./collapse/index.mjs";
+export * from "./collapse-item/index.mjs";
+export * from "./config-provider/index.mjs";
+export * from "./contact-card/index.mjs";
+export * from "./contact-edit/index.mjs";
+export * from "./contact-list/index.mjs";
+export * from "./count-down/index.mjs";
+export * from "./coupon/index.mjs";
+export * from "./coupon-cell/index.mjs";
+export * from "./coupon-list/index.mjs";
+export * from "./date-picker/index.mjs";
+export * from "./dialog/index.mjs";
+export * from "./divider/index.mjs";
+export * from "./dropdown-item/index.mjs";
+export * from "./dropdown-menu/index.mjs";
+export * from "./empty/index.mjs";
+export * from "./field/index.mjs";
+export * from "./form/index.mjs";
+export * from "./grid/index.mjs";
+export * from "./grid-item/index.mjs";
+export * from "./icon/index.mjs";
+export * from "./image/index.mjs";
+export * from "./image-preview/index.mjs";
+export * from "./index-anchor/index.mjs";
+export * from "./index-bar/index.mjs";
+export * from "./lazyload/index.mjs";
+export * from "./list/index.mjs";
+export * from "./loading/index.mjs";
+export * from "./locale/index.mjs";
+export * from "./nav-bar/index.mjs";
+export * from "./notice-bar/index.mjs";
+export * from "./notify/index.mjs";
+export * from "./number-keyboard/index.mjs";
+export * from "./overlay/index.mjs";
+export * from "./pagination/index.mjs";
+export * from "./password-input/index.mjs";
+export * from "./picker/index.mjs";
+export * from "./popover/index.mjs";
+export * from "./popup/index.mjs";
+export * from "./progress/index.mjs";
+export * from "./pull-refresh/index.mjs";
+export * from "./radio/index.mjs";
+export * from "./radio-group/index.mjs";
+export * from "./rate/index.mjs";
+export * from "./row/index.mjs";
+export * from "./search/index.mjs";
+export * from "./share-sheet/index.mjs";
+export * from "./sidebar/index.mjs";
+export * from "./sidebar-item/index.mjs";
+export * from "./skeleton/index.mjs";
+export * from "./slider/index.mjs";
+export * from "./space/index.mjs";
+export * from "./step/index.mjs";
+export * from "./stepper/index.mjs";
+export * from "./steps/index.mjs";
+export * from "./sticky/index.mjs";
+export * from "./submit-bar/index.mjs";
+export * from "./swipe/index.mjs";
+export * from "./swipe-cell/index.mjs";
+export * from "./swipe-item/index.mjs";
+export * from "./switch/index.mjs";
+export * from "./tab/index.mjs";
+export * from "./tabbar/index.mjs";
+export * from "./tabbar-item/index.mjs";
+export * from "./tabs/index.mjs";
+export * from "./tag/index.mjs";
+export * from "./time-picker/index.mjs";
+export * from "./toast/index.mjs";
+export * from "./tree-select/index.mjs";
+export * from "./uploader/index.mjs";
+var stdin_default = {
+  install,
+  version
+};
+export {
+  stdin_default as default,
+  install,
+  version
+};

package/es/lazyload/index.mjs

@@ -0,0 +1,6 @@
+import { Lazyload } from "./vue-lazyload/index.mjs";
+var stdin_default = Lazyload;
+export {
+  Lazyload,
+  stdin_default as default
+};

package/es/lazyload/vue-lazyload/index.mjs

@@ -0,0 +1,31 @@
+import Lazy from "./lazy.mjs";
+import LazyComponent from "./lazy-component.mjs";
+import LazyContainer from "./lazy-container.mjs";
+import LazyImage from "./lazy-image.mjs";
+const Lazyload = {
+  install(app, options = {}) {
+    const LazyClass = Lazy();
+    const lazy = new LazyClass(options);
+    const lazyContainer = new LazyContainer({ lazy });
+    app.config.globalProperties.$Lazyload = lazy;
+    if (options.lazyComponent) {
+      app.component("LazyComponent", LazyComponent(lazy));
+    }
+    if (options.lazyImage) {
+      app.component("LazyImage", LazyImage(lazy));
+    }
+    app.directive("lazy", {
+      beforeMount: lazy.add.bind(lazy),
+      updated: lazy.update.bind(lazy),
+      unmounted: lazy.remove.bind(lazy)
+    });
+    app.directive("lazy-container", {
+      beforeMount: lazyContainer.bind.bind(lazyContainer),
+      updated: lazyContainer.update.bind(lazyContainer),
+      unmounted: lazyContainer.unbind.bind(lazyContainer)
+    });
+  }
+};
+export {
+  Lazyload
+};

package/es/lazyload/vue-lazyload/lazy-container.mjs

@@ -0,0 +1,70 @@
+import { remove } from "./util.mjs";
+const defaultOptions = {
+  selector: "img"
+};
+class LazyContainer {
+  constructor({ el, binding, vnode, lazy }) {
+    this.el = null;
+    this.vnode = vnode;
+    this.binding = binding;
+    this.options = {};
+    this.lazy = lazy;
+    this.queue = [];
+    this.update({ el, binding });
+  }
+  update({ el, binding }) {
+    this.el = el;
+    this.options = Object.assign({}, defaultOptions, binding.value);
+    const imgs = this.getImgs();
+    imgs.forEach((el2) => {
+      this.lazy.add(el2, Object.assign({}, this.binding, {
+        value: {
+          src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
+          error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
+          loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
+        }
+      }), this.vnode);
+    });
+  }
+  getImgs() {
+    return Array.from(this.el.querySelectorAll(this.options.selector));
+  }
+  clear() {
+    const imgs = this.getImgs();
+    imgs.forEach((el) => this.lazy.remove(el));
+    this.vnode = null;
+    this.binding = null;
+    this.lazy = null;
+  }
+}
+class LazyContainerManager {
+  constructor({ lazy }) {
+    this.lazy = lazy;
+    this.queue = [];
+  }
+  bind(el, binding, vnode) {
+    const container = new LazyContainer({
+      el,
+      binding,
+      vnode,
+      lazy: this.lazy
+    });
+    this.queue.push(container);
+  }
+  update(el, binding, vnode) {
+    const container = this.queue.find((item) => item.el === el);
+    if (!container)
+      return;
+    container.update({ el, binding, vnode });
+  }
+  unbind(el) {
+    const container = this.queue.find((item) => item.el === el);
+    if (!container)
+      return;
+    container.clear();
+    remove(this.queue, container);
+  }
+}
+export {
+  LazyContainerManager as default
+};

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -0,0 +1,90 @@
+import { useRect } from "@vant/use";
+import { loadImageAsync } from "./util.mjs";
+import { noop } from "../../utils/index.mjs";
+var stdin_default = (lazyManager) => ({
+  props: {
+    src: [String, Object],
+    tag: {
+      type: String,
+      default: "img"
+    }
+  },
+  render(h) {
+    return h(this.tag, {
+      attrs: {
+        src: this.renderSrc
+      }
+    }, this.$slots.default);
+  },
+  data() {
+    return {
+      el: null,
+      options: {
+        src: "",
+        error: "",
+        loading: "",
+        attempt: lazyManager.options.attempt
+      },
+      state: {
+        loaded: false,
+        error: false,
+        attempt: 0
+      },
+      renderSrc: ""
+    };
+  },
+  watch: {
+    src() {
+      this.init();
+      lazyManager.addLazyBox(this);
+      lazyManager.lazyLoadHandler();
+    }
+  },
+  created() {
+    this.init();
+    this.renderSrc = this.options.loading;
+  },
+  mounted() {
+    this.el = this.$el;
+    lazyManager.addLazyBox(this);
+    lazyManager.lazyLoadHandler();
+  },
+  beforeUnmount() {
+    lazyManager.removeComponent(this);
+  },
+  methods: {
+    init() {
+      const { src, loading, error } = lazyManager.valueFormatter(this.src);
+      this.state.loaded = false;
+      this.options.src = src;
+      this.options.error = error;
+      this.options.loading = loading;
+      this.renderSrc = this.options.loading;
+    },
+    checkInView() {
+      const rect = useRect(this.$el);
+      return rect.top < window.innerHeight * lazyManager.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazyManager.options.preLoad && rect.right > 0;
+    },
+    load(onFinish = noop) {
+      if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
+        if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
+          console.log(`[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`);
+        }
+        onFinish();
+        return;
+      }
+      const { src } = this.options;
+      loadImageAsync({ src }, ({ src: src2 }) => {
+        this.renderSrc = src2;
+        this.state.loaded = true;
+      }, () => {
+        this.state.attempt++;
+        this.renderSrc = this.options.error;
+        this.state.error = true;
+      });
+    }
+  }
+});
+export {
+  stdin_default as default
+};