zartui 3.0.6 → 3.0.8

package/lib/index.d.ts

@@ -22,9 +22,12 @@ export * from "./field";
 export * from "./form";
 export * from "./grid";
 export * from "./grid-item";
+export * from "./hierarchy-select";
 export * from "./icon";
 export * from "./image";
 export * from "./image-preview";
+export * from "./index-anchor";
+export * from "./index-bar";
 export * from "./lazyload";
 export * from "./list";
 export * from "./loading";
@@ -54,14 +57,18 @@ export * from "./stepper";
 export * from "./steps";
 export * from "./sticky";
 export * from "./swipe";
+export * from "./swipe-cell";
 export * from "./swipe-item";
 export * from "./switch";
 export * from "./tab";
 export * from "./tabbar";
 export * from "./tabbar-item";
+export * from "./table";
 export * from "./tabs";
 export * from "./tag";
+export * from "./text-ellipsis";
 export * from "./time-picker";
+export * from "./timeline";
 export * from "./toast";
 export * from "./uploader";
 declare namespace _default {
@@ -70,4 +77,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.0.6";
+export const version: "3.0.7";

package/lib/index.js

@@ -47,9 +47,12 @@ var import_field = require("./field");
 var import_form = require("./form");
 var import_grid = require("./grid");
 var import_grid_item = require("./grid-item");
+var import_hierarchy_select = require("./hierarchy-select");
 var import_icon = require("./icon");
 var import_image = require("./image");
 var import_image_preview = require("./image-preview");
+var import_index_anchor = require("./index-anchor");
+var import_index_bar = require("./index-bar");
 var import_list = require("./list");
 var import_loading = require("./loading");
 var import_locale = require("./locale");
@@ -78,14 +81,18 @@ var import_stepper = require("./stepper");
 var import_steps = require("./steps");
 var import_sticky = require("./sticky");
 var import_swipe = require("./swipe");
+var import_swipe_cell = require("./swipe-cell");
 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_table = require("./table");
 var import_tabs = require("./tabs");
 var import_tag = require("./tag");
+var import_text_ellipsis = require("./text-ellipsis");
 var import_time_picker = require("./time-picker");
+var import_timeline = require("./timeline");
 var import_toast = require("./toast");
 var import_uploader = require("./uploader");
 __reExport(stdin_exports, require("./action-sheet"), module.exports);
@@ -112,9 +119,12 @@ __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("./hierarchy-select"), 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("./index-anchor"), module.exports);
+__reExport(stdin_exports, require("./index-bar"), module.exports);
 __reExport(stdin_exports, require("./lazyload"), module.exports);
 __reExport(stdin_exports, require("./list"), module.exports);
 __reExport(stdin_exports, require("./loading"), module.exports);
@@ -144,17 +154,21 @@ __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-cell"), 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("./table"), module.exports);
 __reExport(stdin_exports, require("./tabs"), module.exports);
 __reExport(stdin_exports, require("./tag"), module.exports);
+__reExport(stdin_exports, require("./text-ellipsis"), module.exports);
 __reExport(stdin_exports, require("./time-picker"), module.exports);
+__reExport(stdin_exports, require("./timeline"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.0.6";
+const version = "3.0.7";
 function install(app) {
   const components = [
     import_action_sheet.ActionSheet,
@@ -181,9 +195,12 @@ function install(app) {
     import_form.Form,
     import_grid.Grid,
     import_grid_item.GridItem,
+    import_hierarchy_select.HierarchySelect,
     import_icon.Icon,
     import_image.Image,
     import_image_preview.ImagePreview,
+    import_index_anchor.IndexAnchor,
+    import_index_bar.IndexBar,
     import_list.List,
     import_loading.Loading,
     import_locale.Locale,
@@ -212,14 +229,18 @@ function install(app) {
     import_steps.Steps,
     import_sticky.Sticky,
     import_swipe.Swipe,
+    import_swipe_cell.SwipeCell,
     import_swipe_item.SwipeItem,
     import_switch.Switch,
     import_tab.Tab,
     import_tabbar.Tabbar,
     import_tabbar_item.TabbarItem,
+    import_table.Table,
     import_tabs.Tabs,
     import_tag.Tag,
+    import_text_ellipsis.TextEllipsis,
     import_time_picker.TimePicker,
+    import_timeline.Timeline,
     import_toast.Toast,
     import_uploader.Uploader
   ];

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

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,6 +35,11 @@ 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 function
+   * @param  {App} app
+   * @param  {object} options lazyload options
+   */
   install(app, options = {}) {
     const LazyClass = (0, import_lazy.default)();
     const lazy = new LazyClass(options);

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

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -92,12 +96,26 @@ function stdin_default() {
       );
       this.setMode(this.options.observer ? import_util.modeType.observer : import_util.modeType.event);
     }
+    /**
+     * update config
+     * @param  {Object} config params
+     * @return
+     */
     config(options = {}) {
       Object.assign(this.options, options);
     }
+    /**
+     * output listener's load performance
+     * @return {Array}
+     */
     performance() {
       return this.listeners.map((item) => item.performance());
     }
+    /*
+     * add lazy component to queue
+     * @param  {Vue} vm lazy component instance
+     * @return
+     */
     addLazyBox(vm) {
       this.listeners.push(vm);
       if (import_use.inBrowser) {
@@ -108,6 +126,13 @@ function stdin_default() {
         }
       }
     }
+    /*
+     * add image listener to queue
+     * @param  {DOM} el
+     * @param  {object} binding vue directive binding
+     * @param  {vnode} vnode vue directive vnode
+     * @return
+     */
     add(el, binding, vnode) {
       if (this.listeners.some((item) => item.el === el)) {
         this.update(el, binding);
@@ -148,6 +173,12 @@ function stdin_default() {
         (0, import_vue.nextTick)(() => this.lazyLoadHandler());
       });
     }
+    /**
+     * update image src
+     * @param  {DOM} el
+     * @param  {object} vue directive binding
+     * @return
+     */
     update(el, binding, vnode) {
       const value = this.valueFormatter(binding.value);
       let { src } = value;
@@ -169,6 +200,11 @@ function stdin_default() {
       this.lazyLoadHandler();
       (0, import_vue.nextTick)(() => this.lazyLoadHandler());
     }
+    /**
+     * remove listener form list
+     * @param  {DOM} el
+     * @return
+     */
     remove(el) {
       if (!el)
         return;
@@ -181,6 +217,11 @@ function stdin_default() {
         existItem.$destroy();
       }
     }
+    /*
+     * remove lazy components form list
+     * @param  {Vue} vm Vue instance
+     * @return
+     */
     removeComponent(vm) {
       if (!vm)
         return;
@@ -213,6 +254,14 @@ function stdin_default() {
         this.initIntersectionObserver();
       }
     }
+    /*
+     *** Private functions ***
+     */
+    /*
+     * add listener target
+     * @param  {DOM} el listener target
+     * @return
+     */
     addListenerTarget(el) {
       if (!el)
         return;
@@ -231,6 +280,11 @@ function stdin_default() {
       }
       return this.targetIndex;
     }
+    /*
+     * remove listener target or reduce target childrenCount
+     * @param  {DOM} el or window
+     * @return
+     */
     removeListenerTarget(el) {
       this.targets.forEach((target, index) => {
         if (target.el === el) {
@@ -243,6 +297,12 @@ function stdin_default() {
         }
       });
     }
+    /*
+     * add or remove eventlistener
+     * @param  {DOM} el DOM or Window
+     * @param  {boolean} start flag
+     * @return
+     */
     initListen(el, start) {
       this.options.ListenEvents.forEach(
         (evt) => (start ? import_util.on : import_util.off)(el, evt, this.lazyLoadHandler)
@@ -283,6 +343,10 @@ function stdin_default() {
         this.Event.listeners[event].forEach((func) => func(context, inCache));
       };
     }
+    /**
+     * find nodes which in viewport and trigger load
+     * @return
+     */
     lazyLoadHandler() {
       const freeList = [];
       this.listeners.forEach((listener) => {
@@ -299,6 +363,11 @@ function stdin_default() {
         item.$destroy();
       });
     }
+    /**
+     * init IntersectionObserver
+     * set mode to observer
+     * @return
+     */
     initIntersectionObserver() {
       if (!import_util.hasIntersectionObserver) {
         return;
@@ -313,6 +382,10 @@ function stdin_default() {
         });
       }
     }
+    /**
+     * init IntersectionObserver
+     * @return
+     */
     observerHandler(entries) {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -326,6 +399,13 @@ function stdin_default() {
         }
       });
     }
+    /**
+     * set element attribute with image'url and state
+     * @param  {object} lazyload listener object
+     * @param  {string} state will be rendered
+     * @param  {bool} inCache  is rendered from cache
+     * @return
+     */
     elRenderer(listener, state, cache) {
       if (!listener.el)
         return;
@@ -357,6 +437,11 @@ function stdin_default() {
         el.dispatchEvent(event);
       }
     }
+    /**
+     * generate loading loaded error image url
+     * @param {string} image's src
+     * @return {object} image's loading, loaded, error url
+     */
     valueFormatter(value) {
       let src = value;
       let { loading, error } = this.options;

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

@@ -57,6 +57,10 @@ class ReactiveListener {
     this.initState();
     this.render("loading", false);
   }
+  /*
+   * init listener state
+   * @return
+   */
   initState() {
     if ("dataset" in this.el) {
       this.el.dataset.src = this.src;
@@ -70,9 +74,20 @@ class ReactiveListener {
       rendered: false
     };
   }
+  /*
+   * record performance
+   * @return
+   */
   record(event) {
     this.performanceData[event] = Date.now();
   }
+  /*
+   * update image listener data
+   * @param  {String} image uri
+   * @param  {String} loading image uri
+   * @param  {String} error image uri
+   * @return
+   */
   update({ src, loading, error }) {
     const oldSrc = this.src;
     this.src = src;
@@ -84,15 +99,27 @@ class ReactiveListener {
       this.initState();
     }
   }
+  /*
+   *  check el is in view
+   * @return {Boolean} el is in view
+   */
   checkInView() {
     const rect = (0, import_use.useRect)(this.el);
     return rect.top < window.innerHeight * this.options.preLoad && rect.bottom > this.options.preLoadTop && rect.left < window.innerWidth * this.options.preLoad && rect.right > 0;
   }
+  /*
+   * listener filter
+   */
   filter() {
     Object.keys(this.options.filter).forEach((key) => {
       this.options.filter[key](this, this.options);
     });
   }
+  /*
+   * render loading first
+   * @params cb:Function
+   * @return
+   */
   renderLoading(cb) {
     this.state.loading = true;
     (0, import_util.loadImageAsync)(
@@ -115,6 +142,10 @@ class ReactiveListener {
       }
     );
   }
+  /*
+   * try load image and  render it
+   * @return
+   */
   load(onFinish = import_utils.noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
@@ -163,9 +194,19 @@ class ReactiveListener {
       );
     });
   }
+  /*
+   * render image
+   * @param  {String} state to render // ['loading', 'src', 'error']
+   * @param  {String} is form cache
+   * @return
+   */
   render(state, cache) {
     this.elRenderer(this, state, cache);
   }
+  /*
+   * output performance data
+   * @return {Object} performance data
+   */
   performance() {
     let state = "loading";
     let time = 0;
@@ -181,6 +222,10 @@ class ReactiveListener {
       time
     };
   }
+  /*
+   * $destroy
+   * @return
+   */
   $destroy() {
     this.el = null;
     this.src = null;

package/lib/list/List.js

@@ -55,7 +55,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const scrollParent = (0, import_use.useScrollParent)(root);
     const check = () => {
       (0, import_vue2.nextTick)(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
+        (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
@@ -85,9 +86,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         const text = slots.finished ? slots.finished() : props.finishedText;
         if (text) {
           return (0, import_vue.createVNode)(import_divider.Divider, {
-            "style": {
-              padding: "0 16px"
-            },
             "class": bem("finished-text")
           }, {
             default: () => [text]

package/lib/list/index.css

@@ -1 +1 @@
-:root{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center;padding-top:6px}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}
+:root{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}

package/lib/list/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/loading/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/locale/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/locale/lang/en-US.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     nameEmpty: string;
     addContact: string;
     telInvalid: string;
-    vanCalendar: {
+    ztCalendar: {
         end: string;
         start: string;
         title: string;
@@ -18,44 +18,28 @@ declare const _default: {
         monthTitle: (year: number, month: number) => string;
         rangePrompt: (maxRange: number) => string;
     };
-    vanCascader: {
+    ztCascader: {
         select: string;
     };
-    vanPagination: {
+    ztPagination: {
         prev: string;
         next: string;
     };
-    vanPullRefresh: {
+    ztPullRefresh: {
         pulling: string;
         loosing: string;
     };
-    vanSubmitBar: {
+    ztSubmitBar: {
         label: string;
     };
-    vanCoupon: {
-        unlimited: string;
-        discount: (discount: number) => string;
-        condition: (condition: number) => string;
-    };
-    vanCouponCell: {
-        title: string;
-        count: (count: number) => string;
-    };
-    vanCouponList: {
-        exchange: string;
-        close: string;
-        enable: string;
-        disabled: string;
-        placeholder: string;
-    };
-    vanAddressEdit: {
+    ztAddressEdit: {
         area: string;
         areaEmpty: string;
         addressEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };
-    vanAddressList: {
+    ztAddressList: {
         add: string;
     };
 };

package/lib/locale/lang/en-US.js

@@ -32,7 +32,7 @@ var stdin_default = {
   nameEmpty: "Please fill in the name",
   addContact: "Add contact",
   telInvalid: "Malformed phone number",
-  vanCalendar: {
+  ztCalendar: {
     end: "End",
     start: "Start",
     title: "Calendar",
@@ -40,44 +40,28 @@ var stdin_default = {
     monthTitle: (year, month) => `${year}/${month}`,
     rangePrompt: (maxRange) => `Choose no more than ${maxRange} days`
   },
-  vanCascader: {
+  ztCascader: {
     select: "Select"
   },
-  vanPagination: {
+  ztPagination: {
     prev: "Previous",
     next: "Next"
   },
-  vanPullRefresh: {
+  ztPullRefresh: {
     pulling: "Pull to refresh...",
     loosing: "Loose to refresh..."
   },
-  vanSubmitBar: {
+  ztSubmitBar: {
     label: "Total:"
   },
-  vanCoupon: {
-    unlimited: "Unlimited",
-    discount: (discount) => `${discount * 10}% off`,
-    condition: (condition) => `At least ${condition}`
-  },
-  vanCouponCell: {
-    title: "Coupon",
-    count: (count) => `You have ${count} coupons`
-  },
-  vanCouponList: {
-    exchange: "Exchange",
-    close: "Close",
-    enable: "Available",
-    disabled: "Unavailable",
-    placeholder: "Coupon code"
-  },
-  vanAddressEdit: {
+  ztAddressEdit: {
     area: "Area",
     areaEmpty: "Please select a receiving area",
     addressEmpty: "Address can not be empty",
     addressDetail: "Address",
     defaultAddress: "Set as the default address"
   },
-  vanAddressList: {
+  ztAddressList: {
     add: "Add new address"
   }
 };

package/lib/locale/lang/zh-CN.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     nameEmpty: string;
     addContact: string;
     telInvalid: string;
-    vanCalendar: {
+    ztCalendar: {
         end: string;
         start: string;
         title: string;
@@ -18,44 +18,28 @@ declare const _default: {
         monthTitle: (year: number, month: number) => string;
         rangePrompt: (maxRange: number) => string;
     };
-    vanCascader: {
+    ztCascader: {
         select: string;
     };
-    vanPagination: {
+    ztPagination: {
         prev: string;
         next: string;
     };
-    vanPullRefresh: {
+    ztPullRefresh: {
         pulling: string;
         loosing: string;
     };
-    vanSubmitBar: {
+    ztSubmitBar: {
         label: string;
     };
-    vanCoupon: {
-        unlimited: string;
-        discount: (discount: number) => string;
-        condition: (condition: number) => string;
-    };
-    vanCouponCell: {
-        title: string;
-        count: (count: number) => string;
-    };
-    vanCouponList: {
-        exchange: string;
-        close: string;
-        enable: string;
-        disabled: string;
-        placeholder: string;
-    };
-    vanAddressEdit: {
+    ztAddressEdit: {
         area: string;
         areaEmpty: string;
         addressEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };
-    vanAddressList: {
+    ztAddressList: {
         add: string;
     };
 };