zartui 3.0.1 → 3.0.3

package/lib/index.js

@@ -23,93 +23,205 @@ __export(stdin_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(stdin_exports);
+var import_action_sheet = require("./action-sheet");
+var import_avatar = require("./avatar");
 var import_badge = require("./badge");
 var import_button = require("./button");
+var import_calendar = require("./calendar");
+var import_cascader = require("./cascader");
 var import_cell = require("./cell");
+var import_cell_group = require("./cell-group");
+var import_checkbox = require("./checkbox");
+var import_checkbox_group = require("./checkbox-group");
 var import_col = require("./col");
+var import_collapse = require("./collapse");
+var import_collapse_item = require("./collapse-item");
 var import_config_provider = require("./config-provider");
+var import_date_time_picker = require("./date-time-picker");
+var import_dialog = require("./dialog");
 var import_divider = require("./divider");
+var import_dropdown_item = require("./dropdown-item");
+var import_dropdown_menu = require("./dropdown-menu");
 var import_empty = require("./empty");
+var import_field = require("./field");
+var import_form = require("./form");
+var import_grid = require("./grid");
+var import_grid_item = require("./grid-item");
 var import_icon = require("./icon");
+var import_image = require("./image");
+var import_image_preview = require("./image-preview");
 var import_list = require("./list");
 var import_loading = require("./loading");
 var import_locale = require("./locale");
+var import_media_picker = require("./media-picker");
+var import_media_player = require("./media-player");
+var import_multiple_picker = require("./multiple-picker");
+var import_nav_bar = require("./nav-bar");
 var import_notice_bar = require("./notice-bar");
 var import_notify = require("./notify");
 var import_number_keyboard = require("./number-keyboard");
 var import_overlay = require("./overlay");
 var import_password_input = require("./password-input");
+var import_picker = require("./picker");
+var import_popover = require("./popover");
 var import_popup = require("./popup");
 var import_pull_refresh = require("./pull-refresh");
+var import_radio = require("./radio");
+var import_radio_group = require("./radio-group");
 var import_rate = require("./rate");
 var import_row = require("./row");
+var import_search = require("./search");
+var import_signature = require("./signature");
+var import_skeleton = require("./skeleton");
+var import_step = require("./step");
 var import_stepper = require("./stepper");
+var import_steps = require("./steps");
 var import_sticky = require("./sticky");
 var import_swipe = require("./swipe");
 var import_swipe_item = require("./swipe-item");
 var import_switch = require("./switch");
 var import_tab = require("./tab");
+var import_tabbar = require("./tabbar");
+var import_tabbar_item = require("./tabbar-item");
 var import_tabs = require("./tabs");
+var import_tag = require("./tag");
+var import_time_picker = require("./time-picker");
 var import_toast = require("./toast");
+var import_uploader = require("./uploader");
+__reExport(stdin_exports, require("./action-sheet"), module.exports);
+__reExport(stdin_exports, require("./avatar"), module.exports);
 __reExport(stdin_exports, require("./badge"), module.exports);
 __reExport(stdin_exports, require("./button"), module.exports);
+__reExport(stdin_exports, require("./calendar"), module.exports);
+__reExport(stdin_exports, require("./cascader"), module.exports);
 __reExport(stdin_exports, require("./cell"), module.exports);
+__reExport(stdin_exports, require("./cell-group"), module.exports);
+__reExport(stdin_exports, require("./checkbox"), module.exports);
+__reExport(stdin_exports, require("./checkbox-group"), module.exports);
 __reExport(stdin_exports, require("./col"), module.exports);
+__reExport(stdin_exports, require("./collapse"), module.exports);
+__reExport(stdin_exports, require("./collapse-item"), module.exports);
 __reExport(stdin_exports, require("./config-provider"), module.exports);
+__reExport(stdin_exports, require("./date-time-picker"), module.exports);
+__reExport(stdin_exports, require("./dialog"), module.exports);
 __reExport(stdin_exports, require("./divider"), module.exports);
+__reExport(stdin_exports, require("./dropdown-item"), module.exports);
+__reExport(stdin_exports, require("./dropdown-menu"), module.exports);
 __reExport(stdin_exports, require("./empty"), module.exports);
+__reExport(stdin_exports, require("./field"), module.exports);
+__reExport(stdin_exports, require("./form"), module.exports);
+__reExport(stdin_exports, require("./grid"), module.exports);
+__reExport(stdin_exports, require("./grid-item"), module.exports);
 __reExport(stdin_exports, require("./icon"), module.exports);
+__reExport(stdin_exports, require("./image"), module.exports);
+__reExport(stdin_exports, require("./image-preview"), module.exports);
+__reExport(stdin_exports, require("./lazyload"), module.exports);
 __reExport(stdin_exports, require("./list"), module.exports);
 __reExport(stdin_exports, require("./loading"), module.exports);
 __reExport(stdin_exports, require("./locale"), module.exports);
+__reExport(stdin_exports, require("./media-picker"), module.exports);
+__reExport(stdin_exports, require("./media-player"), module.exports);
+__reExport(stdin_exports, require("./multiple-picker"), module.exports);
+__reExport(stdin_exports, require("./nav-bar"), module.exports);
 __reExport(stdin_exports, require("./notice-bar"), module.exports);
 __reExport(stdin_exports, require("./notify"), module.exports);
 __reExport(stdin_exports, require("./number-keyboard"), module.exports);
 __reExport(stdin_exports, require("./overlay"), module.exports);
 __reExport(stdin_exports, require("./password-input"), module.exports);
+__reExport(stdin_exports, require("./picker"), module.exports);
+__reExport(stdin_exports, require("./popover"), module.exports);
 __reExport(stdin_exports, require("./popup"), module.exports);
 __reExport(stdin_exports, require("./pull-refresh"), module.exports);
+__reExport(stdin_exports, require("./radio"), module.exports);
+__reExport(stdin_exports, require("./radio-group"), module.exports);
 __reExport(stdin_exports, require("./rate"), module.exports);
 __reExport(stdin_exports, require("./row"), module.exports);
+__reExport(stdin_exports, require("./search"), module.exports);
+__reExport(stdin_exports, require("./signature"), module.exports);
+__reExport(stdin_exports, require("./skeleton"), module.exports);
+__reExport(stdin_exports, require("./step"), module.exports);
 __reExport(stdin_exports, require("./stepper"), module.exports);
+__reExport(stdin_exports, require("./steps"), module.exports);
 __reExport(stdin_exports, require("./sticky"), module.exports);
 __reExport(stdin_exports, require("./swipe"), module.exports);
 __reExport(stdin_exports, require("./swipe-item"), module.exports);
 __reExport(stdin_exports, require("./switch"), module.exports);
 __reExport(stdin_exports, require("./tab"), module.exports);
+__reExport(stdin_exports, require("./tabbar"), module.exports);
+__reExport(stdin_exports, require("./tabbar-item"), module.exports);
 __reExport(stdin_exports, require("./tabs"), module.exports);
+__reExport(stdin_exports, require("./tag"), module.exports);
+__reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
-const version = "3.0.1";
+__reExport(stdin_exports, require("./uploader"), module.exports);
+const version = "3.0.3";
 function install(app) {
   const components = [
+    import_action_sheet.ActionSheet,
+    import_avatar.Avatar,
     import_badge.Badge,
     import_button.Button,
+    import_calendar.Calendar,
+    import_cascader.Cascader,
     import_cell.Cell,
+    import_cell_group.CellGroup,
+    import_checkbox.Checkbox,
+    import_checkbox_group.CheckboxGroup,
     import_col.Col,
+    import_collapse.Collapse,
+    import_collapse_item.CollapseItem,
     import_config_provider.ConfigProvider,
+    import_date_time_picker.DateTimePicker,
+    import_dialog.Dialog,
     import_divider.Divider,
+    import_dropdown_item.DropdownItem,
+    import_dropdown_menu.DropdownMenu,
     import_empty.Empty,
+    import_field.Field,
+    import_form.Form,
+    import_grid.Grid,
+    import_grid_item.GridItem,
     import_icon.Icon,
+    import_image.Image,
+    import_image_preview.ImagePreview,
     import_list.List,
     import_loading.Loading,
     import_locale.Locale,
+    import_media_picker.MediaPicker,
+    import_media_player.MediaPlayer,
+    import_multiple_picker.MultiplePicker,
+    import_nav_bar.NavBar,
     import_notice_bar.NoticeBar,
     import_notify.Notify,
     import_number_keyboard.NumberKeyboard,
     import_overlay.Overlay,
     import_password_input.PasswordInput,
+    import_picker.Picker,
+    import_popover.Popover,
     import_popup.Popup,
     import_pull_refresh.PullRefresh,
+    import_radio.Radio,
+    import_radio_group.RadioGroup,
     import_rate.Rate,
     import_row.Row,
+    import_search.Search,
+    import_signature.Signature,
+    import_skeleton.Skeleton,
+    import_step.Step,
     import_stepper.Stepper,
+    import_steps.Steps,
     import_sticky.Sticky,
     import_swipe.Swipe,
     import_swipe_item.SwipeItem,
     import_switch.Switch,
     import_tab.Tab,
+    import_tabbar.Tabbar,
+    import_tabbar_item.TabbarItem,
     import_tabs.Tabs,
-    import_toast.Toast
+    import_tag.Tag,
+    import_time_picker.TimePicker,
+    import_toast.Toast,
+    import_uploader.Uploader
   ];
   components.forEach((item) => {
     if (item.install) {

package/lib/lazyload/index.d.ts

@@ -0,0 +1,3 @@
+import { Lazyload } from './vue-lazyload';
+export default Lazyload;
+export { Lazyload };

package/lib/lazyload/index.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Lazyload: () => import_vue_lazyload.Lazyload,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue_lazyload = require("./vue-lazyload");
+var stdin_default = import_vue_lazyload.Lazyload;

package/lib/lazyload/style/index.d.ts

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

package/lib/lazyload/style/index.js

@@ -0,0 +1 @@
+require("../../style/base.css");

package/lib/lazyload/vue-lazyload/index.d.ts

@@ -0,0 +1,55 @@
+import type { App } from 'vue';
+
+declare type ListenEvent =
+  | 'scroll'
+  | 'wheel'
+  | 'mousewheel'
+  | 'resize'
+  | 'animationend'
+  | 'transitionend'
+  | 'touchmove';
+
+// eslint-disable-next-line
+declare type Callback = (listener: any, options: LazyloadOptions) => void;
+
+declare type Filter = {
+  webp?: Callback;
+  progressive?: Callback;
+};
+
+declare type Adapter = {
+  error?: Callback;
+  loaded?: Callback;
+  loading?: Callback;
+};
+
+export declare type LazyloadOptions = {
+  error?: string;
+  filter?: Filter;
+  silent?: boolean;
+  adapter?: Adapter;
+  loading?: string;
+  attempt?: number;
+  preLoad?: number;
+  observer?: boolean;
+  lazyImage?: boolean;
+  throttleWait?: number;
+  listenEvents?: ListenEvent[];
+  dispatchEvent?: boolean;
+  lazyComponent?: boolean;
+  observerOptions?: IntersectionObserverInit;
+};
+
+export declare const Lazyload: {
+  install(app: App, options?: LazyloadOptions): void;
+};
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $Lazyload: {
+      $on: (event: string, handler: Callback) => void;
+      $off: (event: string, handler?: Callback) => void;
+      $once: (event: string, handler: Callback) => void;
+    };
+  }
+}

package/lib/lazyload/vue-lazyload/index.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Lazyload: () => Lazyload
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_lazy = __toESM(require("./lazy"));
+var import_lazy_component = __toESM(require("./lazy-component"));
+var import_lazy_container = __toESM(require("./lazy-container"));
+var import_lazy_image = __toESM(require("./lazy-image"));
+const Lazyload = {
+  install(app, options = {}) {
+    const LazyClass = (0, import_lazy.default)();
+    const lazy = new LazyClass(options);
+    const lazyContainer = new import_lazy_container.default({ lazy });
+    app.config.globalProperties.$Lazyload = lazy;
+    if (options.lazyComponent) {
+      app.component("LazyComponent", (0, import_lazy_component.default)(lazy));
+    }
+    if (options.lazyImage) {
+      app.component("LazyImage", (0, import_lazy_image.default)(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)
+    });
+  }
+};

package/lib/lazyload/vue-lazyload/lazy-component.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_use = require("@zartui/use");
+var stdin_default = (lazy) => ({
+  props: {
+    tag: {
+      type: String,
+      default: "div"
+    }
+  },
+  emits: ["show"],
+  render() {
+    return (0, import_vue.h)(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
+  },
+  data() {
+    return {
+      el: null,
+      state: {
+        loaded: false
+      },
+      show: false
+    };
+  },
+  mounted() {
+    this.el = this.$el;
+    lazy.addLazyBox(this);
+    lazy.lazyLoadHandler();
+  },
+  beforeUnmount() {
+    lazy.removeComponent(this);
+  },
+  methods: {
+    checkInView() {
+      const rect = (0, import_use.useRect)(this.$el);
+      return import_use.inBrowser && rect.top < window.innerHeight * lazy.options.preLoad && rect.bottom > 0 && rect.left < window.innerWidth * lazy.options.preLoad && rect.right > 0;
+    },
+    load() {
+      this.show = true;
+      this.state.loaded = true;
+      this.$emit("show", this);
+    },
+    destroy() {
+      return this.$destroy;
+    }
+  }
+});

package/lib/lazyload/vue-lazyload/lazy-container.js

@@ -0,0 +1,93 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => LazyContainerManager
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_util = require("./util");
+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();
+    (0, import_util.remove)(this.queue, container);
+  }
+}

package/lib/lazyload/vue-lazyload/lazy-image.js

@@ -0,0 +1,119 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_use = require("@zartui/use");
+var import_util = require("./util");
+var import_utils = require("../../utils");
+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 = (0, import_use.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 = import_utils.noop) {
+      if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
+        if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
+          console.log(
+            `[@zartui/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`
+          );
+        }
+        onFinish();
+        return;
+      }
+      const { src } = this.options;
+      (0, import_util.loadImageAsync)(
+        { src },
+        ({ src: src2 }) => {
+          this.renderSrc = src2;
+          this.state.loaded = true;
+        },
+        () => {
+          this.state.attempt++;
+          this.renderSrc = this.options.error;
+          this.state.error = true;
+        }
+      );
+    }
+  }
+});