zartui 0.1.113 → 3.0.1

package/lib/sticky/Sticky.js

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], 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_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@zartui/use");
+var import_use_visibility_change = require("../composables/use-visibility-change");
+const [name, bem] = (0, import_utils.createNamespace)("sticky");
+const stickyProps = {
+  zIndex: import_utils.numericProp,
+  position: (0, import_utils.makeStringProp)("top"),
+  container: Object,
+  offsetTop: (0, import_utils.makeNumericProp)(0),
+  offsetBottom: (0, import_utils.makeNumericProp)(0)
+};
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: stickyProps,
+  emits: ["scroll", "change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = (0, import_vue2.ref)();
+    const scrollParent = (0, import_use.useScrollParent)(root);
+    const state = (0, import_vue2.reactive)({
+      fixed: false,
+      width: 0,
+      height: 0,
+      transform: 0
+    });
+    const offset = (0, import_vue2.computed)(() => (0, import_utils.unitToPx)(props.position === "top" ? props.offsetTop : props.offsetBottom));
+    const rootStyle = (0, import_vue2.computed)(() => {
+      const {
+        fixed,
+        height,
+        width
+      } = state;
+      if (fixed) {
+        return {
+          width: `${width}px`,
+          height: `${height}px`
+        };
+      }
+    });
+    const stickyStyle = (0, import_vue2.computed)(() => {
+      if (!state.fixed) {
+        return;
+      }
+      const style = (0, import_utils.extend)((0, import_utils.getZIndexStyle)(props.zIndex), {
+        width: `${state.width}px`,
+        height: `${state.height}px`,
+        [props.position]: `${offset.value}px`
+      });
+      if (state.transform) {
+        style.transform = `translate3d(0, ${state.transform}px, 0)`;
+      }
+      return style;
+    });
+    const emitScroll = (scrollTop) => emit("scroll", {
+      scrollTop,
+      isFixed: state.fixed
+    });
+    const onScroll = () => {
+      if (!root.value || (0, import_utils.isHidden)(root)) {
+        return;
+      }
+      const {
+        container,
+        position
+      } = props;
+      const rootRect = (0, import_use.useRect)(root);
+      const scrollTop = (0, import_utils.getScrollTop)(window);
+      state.width = rootRect.width;
+      state.height = rootRect.height;
+      if (position === "top") {
+        if (container) {
+          const containerRect = (0, import_use.useRect)(container);
+          const difference = containerRect.bottom - offset.value - state.height;
+          state.fixed = offset.value > rootRect.top && containerRect.bottom > 0;
+          state.transform = difference < 0 ? difference : 0;
+        } else {
+          state.fixed = offset.value > rootRect.top;
+        }
+      } else {
+        const {
+          clientHeight
+        } = document.documentElement;
+        if (container) {
+          const containerRect = (0, import_use.useRect)(container);
+          const difference = clientHeight - containerRect.top - offset.value - state.height;
+          state.fixed = clientHeight - offset.value < rootRect.bottom && clientHeight > containerRect.top;
+          state.transform = difference < 0 ? -difference : 0;
+        } else {
+          state.fixed = clientHeight - offset.value < rootRect.bottom;
+        }
+      }
+      emitScroll(scrollTop);
+    };
+    (0, import_vue2.watch)(() => state.fixed, (value) => emit("change", value));
+    (0, import_use.useEventListener)("scroll", onScroll, {
+      target: scrollParent
+    });
+    (0, import_use_visibility_change.useVisibilityChange)(root, onScroll);
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "ref": root,
+        "style": rootStyle.value
+      }, [(0, import_vue.createVNode)("div", {
+        "class": bem({
+          fixed: state.fixed
+        }),
+        "style": stickyStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});

package/lib/sticky/index.css

@@ -1 +1 @@
-.zt-sticky--fixed{position:fixed;top:0;right:0;left:0;z-index:99}.zt-sticky__head{text-align:center}
+body{--zt-sticky-z-index: 99}.zt-sticky--fixed{position:fixed;z-index:var(--zt-sticky-z-index)}

package/lib/sticky/index.d.ts

@@ -0,0 +1,45 @@
+export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        default: import("./Sticky").StickyPosition;
+    };
+    container: import("vue").PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    zIndex: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        default: import("./Sticky").StickyPosition;
+    };
+    container: import("vue").PropType<Element>;
+    offsetTop: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    offsetBottom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onScroll?: ((...args: any[]) => any) | undefined;
+}, {
+    position: import("./Sticky").StickyPosition;
+    offsetTop: string | number;
+    offsetBottom: string | number;
+}>>;
+export default Sticky;
+export type { StickyProps, StickyPosition } from './Sticky';
+declare module 'vue' {
+    interface GlobalComponents {
+        ZtSticky: typeof Sticky;
+    }
+}

package/lib/sticky/index.js

@@ -1,350 +1,33 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _style = require("../utils/dom/style");
-
-var _unit = require("../utils/format/unit");
-
-var _utils = require("../utils");
-
-var _scroll = require("../utils/dom/scroll");
-
-var _bindEvent = require("../mixins/bind-event");
-
-var _touch = require("../mixins/touch");
-
-var _createNamespace = (0, _utils.createNamespace)('sticky'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _bindEvent.BindEventMixin)(function (bind, isBind) {
-    if (!this.scroller) {
-      this.scroller = (0, _scroll.getScroller)(this.$el);
-    }
-
-    if (this.observer) {
-      var method = isBind ? 'observe' : 'unobserve';
-      this.observer[method](this.$el);
-    }
-
-    bind(this.scroller, 'scroll', this.onScroll, true);
-    this.onScroll();
-  }), _touch.TouchMixin],
-  props: {
-    zIndex: [Number, String],
-    container: null,
-    offsetTop: {
-      type: [Number, String],
-      default: 0
-    },
-    refresh: {
-      type: Boolean,
-      default: false
-    },
-    autoScroll: {
-      type: Boolean,
-      default: false
-    },
-    cover: {
-      type: Boolean,
-      default: false
-    },
-    updownPercent: {
-      type: [Number, String],
-      default: 50
-    },
-    refreshDistance: {
-      type: [Number, String],
-      default: 50
-    },
-    scrollSpeed: {
-      type: [Number, String],
-      default: 20
-    },
-    delayTime: {
-      type: [Number, String],
-      default: 300
-    },
-    pc: {
-      type: Boolean,
-      default: false
-    },
-    pulling: {
-      type: Boolean,
-      default: true
-    }
-  },
-  data: function data() {
-    return {
-      fixed: false,
-      height: 0,
-      transform: 0,
-      overScroll: false,
-      lockfixed: false,
-      overpx: 0,
-      refreshtopToPageTop: null,
-      touchOn: false,
-      refreshOffsetTop: null,
-      t1: 0,
-      t2: 0,
-      pull: false
-    };
-  },
-  computed: {
-    offsetTopPx: function offsetTopPx() {
-      return (0, _unit.unitToPx)(this.offsetTop);
-    },
-    style: function style() {
-      if (!this.fixed) {
-        return;
-      }
-
-      var style = {};
-
-      if ((0, _utils.isDef)(this.zIndex)) {
-        style.zIndex = this.zIndex;
-      }
-
-      if (this.offsetTopPx && this.fixed) {
-        style.top = this.offsetTopPx + "px";
-      }
-
-      if (this.transform) {
-        style.transform = "translate3d(0, " + this.transform + "px, 0)";
-      }
-
-      return style;
-    }
-  },
-  watch: {
-    fixed: function fixed(isFixed) {
-      this.$emit('change', isFixed);
-    }
-  },
-  created: function created() {
-    var _this2 = this;
-
-    // compatibility: https://caniuse.com/#feat=intersectionobserver
-    if (!_utils.isServer && window.IntersectionObserver) {
-      this.observer = new IntersectionObserver(function (entries) {
-        // trigger scroll when visibility changed
-        if (entries[0].intersectionRatio > 0) {
-          _this2.onScroll();
-        }
-      }, {
-        root: document.body
-      });
-    }
-  },
-  mounted: function mounted() {
-    this.bindTouchEvent(window);
-  },
-  methods: {
-    onScroll: function onScroll() {
-      var _this3 = this;
-
-      // if(!this.overScroll&&this.refresh){
-      //   return
-      // }
-      var container = this.container,
-          offsetTopPx = this.offsetTopPx;
-
-      if ((0, _style.isHidden)(this.$el)) {
-        return;
-      }
-
-      setTimeout(function () {
-        if (_this3.refresh && _this3.refreshtopToPageTop === null) {
-          _this3.refreshtopToPageTop = (0, _scroll.getElementTop)(_this3.$el);
-        }
-      }, 500);
-
-      if (this.refresh && this.refreshOffsetTop === null) {
-        this.refreshOffsetTop = this.offsetTopPx;
-      }
-
-      this.height = this.$el.offsetHeight;
-      var scrollTop = (0, _scroll.getScrollTop)(window);
-      var topToPageTop = (0, _scroll.getElementTop)(this.$el);
-
-      var emitScrollEvent = function emitScrollEvent() {
-        _this3.$emit('scroll', {
-          scrollTop: scrollTop,
-          isFixed: _this3.fixed,
-          distance: overpx + scrollTop + offsetTopPx - topToPageTop
-        });
-      };
-
-      var overpx = this.refresh && this.lockfixed ? this.refreshDistance : 0; // The sticky component should be kept inside the container element
-
-      var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-      this.pull = currentY < this.refreshtopToPageTop - this.offsetTopPx;
-
-      if (container) {
-        var bottomToPageTop = topToPageTop - overpx + container.offsetHeight;
-
-        if (scrollTop + offsetTopPx + this.height > bottomToPageTop) {
-          var distanceToBottom = this.height + scrollTop - bottomToPageTop;
-
-          if (distanceToBottom < this.height) {
-            this.fixed = true;
-            this.transform = -(distanceToBottom + offsetTopPx);
-            this.lockfixed = true;
-          } else {
-            this.fixed = false;
-            this.lockfixed = false;
-          }
-
-          emitScrollEvent();
-          return;
-        }
-      }
-
-      if (scrollTop + offsetTopPx > topToPageTop - overpx) {
-        this.fixed = true;
-        this.lockfixed = true;
-        this.transform = 0;
-      } else {
-        this.lockfixed = false;
-        this.fixed = false;
-      }
-
-      if (this.refresh && this.pc && !this.touchOn) {
-        this.t1 = (0, _scroll.getScrollTop)(window);
-        clearTimeout(this.timer);
-
-        var _this = this;
-
-        this.timer = setTimeout(function () {
-          _this.t2 = (0, _scroll.getScrollTop)(window);
-
-          if (!_this.autoScroll) {
-            return;
-          }
-
-          var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
-          if (_this.refresh && !_this.fixed && (0, _scroll.getScrollTop)(window) > _this.refreshtopToPageTop * _this.updownPercent / 100) {
-            _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
-            _this.touchOn = false;
-            return;
-          } else if (_this.refresh && !_this.fixed && (0, _scroll.getScrollTop)(window) <= _this.refreshtopToPageTop * _this.updownPercent / 100) {
-            _this.scrollAnimation(currentY, 0, false);
-
-            _this.touchOn = false;
-            return;
-          } else if (_this.refresh && _this.fixed && currentY < _this.refreshtopToPageTop - _this.offsetTopPx) {
-            _this.$emit('refreshcallback');
-
-            _this.scrollAnimation(currentY, _this.refreshtopToPageTop - _this.refreshOffsetTop, true);
-
-            _this.touchOn = false;
-            return;
-          }
-
-          _this.touchOn = false;
-        }, _this.delayTime);
-      }
-
-      emitScrollEvent();
-    },
-    onTouchStart: function onTouchStart(event) {
-      this.touchStart(event);
-      this.touchOn = true;
-    },
-    onTouchMove: function onTouchMove(event) {
-      this.touchMove(event);
-
-      if (this.deltaY > 10) {
-        this.overScroll = true;
-      }
-    },
-    onTouchEnd: function onTouchEnd() {
-      if (!this.autoScroll) {
-        return;
-      }
-
-      var that = this;
-      var currentY = document.documentElement.scrollTop || document.body.scrollTop;
-
-      if (this.refresh && !this.fixed && (0, _scroll.getScrollTop)(window) > this.refreshtopToPageTop * this.updownPercent / 100) {
-        this.scrollAnimation(currentY, this.refreshtopToPageTop - this.refreshOffsetTop, true);
-        this.touchOn = false;
-        return;
-      } else if (this.refresh && !this.fixed && (0, _scroll.getScrollTop)(window) <= this.refreshtopToPageTop * this.updownPercent / 100) {
-        this.scrollAnimation(currentY, 0, false);
-        this.touchOn = false;
-        return;
-      } else if (this.refresh && this.deltaY > 0 && this.fixed && currentY < this.refreshtopToPageTop - this.offsetTopPx) {
-        this.$emit('refreshcallback');
-        this.scrollAnimation(currentY, this.refreshtopToPageTop - this.refreshOffsetTop, true);
-        this.touchOn = false;
-        return;
-      }
-
-      this.touchOn = false;
-    },
-    renderLoading: function renderLoading() {
-      var h = this.$createElement;
-
-      if (this.lockfixed && this.refresh && this.touchOn && this.pull && this.pulling) {
-        if (this.$slots.pull) {
-          return this.slots('pull');
-        }
-
-        return h("zt-loading");
-      }
-    },
-    scrollAnimation: function scrollAnimation(currentY, targetY, lockfixed) {
-      var _this4 = this;
-
-      // 获取当前位置方法
-      // 计算需要移动的距离 
-      var needScrollTop = targetY - currentY;
-      var _currentY = currentY;
-      setTimeout(function () {
-        // 一次调用滑动帧数，每次调用会不一样
-        var dist = Math.ceil(needScrollTop / _this4.scrollSpeed);
-        _currentY += dist;
-        window.scrollTo(_currentY, currentY); // 如果移动幅度小于十个像素，直接移动，否则递归调用，实现动画效果
-
-        if (needScrollTop > _this4.scrollSpeed || needScrollTop < -_this4.scrollSpeed) {
-          _this4.scrollAnimation(_currentY, targetY, lockfixed);
-        } else {
-          window.scrollTo(_currentY, targetY);
-          _this4.lockfixed = lockfixed;
-        }
-      }, 1);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    var fixed = this.fixed,
-        cover = this.cover;
-    var style = {
-      height: fixed ? this.height + "px" : null
-    };
-
-    if (cover && this.fixed) {
-      style.width = "100%";
-    }
-
-    return h("div", {
-      "style": style
-    }, [h("div", {
-      "class": bem({
-        fixed: fixed
-      }),
-      "style": this.style
-    }, [this.slots(), h("div", {
-      "class": bem('head'),
-      "style": this.headStyle
-    }, [this.renderLoading()])])]);
+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, {
+  Sticky: () => Sticky,
+  default: () => stdin_default
 });
-
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Sticky = __toESM(require("./Sticky"));
+const Sticky = (0, import_utils.withInstall)(import_Sticky.default);
+var stdin_default = Sticky;

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

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

package/lib/sticky/style/index.js

@@ -1,2 +1,2 @@
-require('../../style/base.css');
-require('../index.css');
+require("../../style/base.css");
+require("../index.css");

package/lib/style/animation.css

@@ -1 +1 @@
-@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}
+@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}

package/lib/style/base.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-clearfix::after{display:table;clear:both;content:''}[class*=zt-hairline]::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid rgba(0,0,0,.1);-webkit-transform:scale(.5);transform:scale(.5)}.zt-hairline,.zt-hairline--bottom,.zt-hairline--left,.zt-hairline--right,.zt-hairline--surround,.zt-hairline--top,.zt-hairline--top-bottom{position:relative}.zt-hairline--top::after{border-top-width:1px}.zt-hairline--left::after{border-left-width:1px}.zt-hairline--right::after{border-right-width:1px}.zt-hairline--bottom::after{border-bottom-width:1px}.zt-hairline--top-bottom::after,.zt-hairline-unset--top-bottom::after{border-width:1px 0}.zt-hairline--surround::after{border-width:1px}@-webkit-keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@keyframes zt-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@keyframes zt-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zt-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zt-fade-enter-active{-webkit-animation:.3s zt-fade-in both ease-out;animation:.3s zt-fade-in both ease-out}.zt-fade-leave-active{-webkit-animation:.3s zt-fade-out both ease-in;animation:.3s zt-fade-out both ease-in}.zt-slide-up-enter-active{-webkit-animation:zt-slide-up-enter .3s both ease-out;animation:zt-slide-up-enter .3s both ease-out}.zt-slide-up-leave-active{-webkit-animation:zt-slide-up-leave .3s both ease-in;animation:zt-slide-up-leave .3s both ease-in}.zt-slide-down-enter-active{-webkit-animation:zt-slide-down-enter .3s both ease-out;animation:zt-slide-down-enter .3s both ease-out}.zt-slide-down-leave-active{-webkit-animation:zt-slide-down-leave .3s both ease-in;animation:zt-slide-down-leave .3s both ease-in}.zt-slide-left-enter-active{-webkit-animation:zt-slide-left-enter .3s both ease-out;animation:zt-slide-left-enter .3s both ease-out}.zt-slide-left-leave-active{-webkit-animation:zt-slide-left-leave .3s both ease-in;animation:zt-slide-left-leave .3s both ease-in}.zt-slide-right-enter-active{-webkit-animation:zt-slide-right-enter .3s both ease-out;animation:zt-slide-right-enter .3s both ease-out}.zt-slide-right-leave-active{-webkit-animation:zt-slide-right-leave .3s both ease-in;animation:zt-slide-right-leave .3s both ease-in}.half-border,.half-border-bottom,.half-border-left,.half-border-right,.half-border-top,.half-border-top-left{position:relative}.half-border-before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1}.half-border-bottom::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;bottom:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-right::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;right:0;top:0;width:1px;height:100%;border-right:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top::before{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.half-border-left::after{content:" ";position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;z-index:1;left:0;top:0;width:1px;height:100%;border-left:1px solid rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5)}.half-border-top-left::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5);z-index:2}.half-border::before{content:" ";position:absolute;left:0;top:0;width:200%;height:200%;border:1px solid rgba(0,0,0,.1);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(.5);transform:scale(.5)}
+body{--zt-black: #000;--zt-white: #fff;--zt-gray-1: #f7f8fa;--zt-gray-2: #f2f3f5;--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #2d4b73ff;--zt-red: #ff5a3c;--zt-blue-light: #3caafa;--zt-blue: #0091fa;--zt-orange: #faaf5a;--zt-orange-dark: #ff5a3c;--zt-orange-light: #fffbe8;--zt-green: #00e173;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--zt-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--zt-primary-color: var(--zt-blue);--zt-success-color: var(--zt-green);--zt-danger-color: #ff5a5a;--zt-warning-color: #ffaf00;--zt-text-color: #2d4b73;--zt-text-color-a4: rgba(45, 75, 115, .4);--zt-text-color-a6: rgba(45, 75, 115, .6);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-link-color: #576b95;--zt-active-color: var(--zt-gray-2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: var(--zt-white);--zt-background-4: rgba(255, 205, 35, .2);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-line-height-xs: 14px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-3);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-text-color: #f5f5f5;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-border-color: #3a3a3c;--zt-active-color: #3a3a3c;--zt-background: #000;--zt-background-2: #1c1c1e;--zt-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes zt-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes zt-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes zt-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes zt-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes zt-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes zt-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes zt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes zt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes zt-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zt-fade-enter-active{animation:var(--zt-duration-base) zt-fade-in both var(--zt-ease-out)}.zt-fade-leave-active{animation:var(--zt-duration-base) zt-fade-out both var(--zt-ease-in)}.zt-slide-up-enter-active{animation:zt-slide-up-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-up-leave-active{animation:zt-slide-up-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-down-enter-active{animation:zt-slide-down-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-down-leave-active{animation:zt-slide-down-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-left-enter-active{animation:zt-slide-left-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-left-leave-active{animation:zt-slide-left-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-slide-right-enter-active{animation:zt-slide-right-enter var(--zt-duration-base) both var(--zt-ease-out)}.zt-slide-right-leave-active{animation:zt-slide-right-leave var(--zt-duration-base) both var(--zt-ease-in)}.zt-clearfix:after{display:table;clear:both;content:""}.zt-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.zt-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zt-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zt-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.zt-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.zt-haptics-feedback{cursor:pointer}.zt-haptics-feedback:active{opacity:var(--zt-active-opacity)}[class*=zt-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--zt-border-color);transform:scale(.5)}.zt-hairline,.zt-hairline--top,.zt-hairline--left,.zt-hairline--right,.zt-hairline--bottom,.zt-hairline--surround,.zt-hairline--top-bottom{position:relative}.zt-hairline--top:after{border-top-width:var(--zt-border-width)}.zt-hairline--left:after{border-left-width:var(--zt-border-width)}.zt-hairline--right:after{border-right-width:var(--zt-border-width)}.zt-hairline--bottom:after{border-bottom-width:var(--zt-border-width)}.zt-hairline--top-bottom:after,.zt-hairline-unset--top-bottom:after{border-width:var(--zt-border-width) 0}.zt-hairline--surround:after{border-width:var(--zt-border-width)}

package/lib/style/css-variables.css

@@ -0,0 +1 @@
+body{--zt-black: #000;--zt-white: #fff;--zt-gray-1: #f7f8fa;--zt-gray-2: #f2f3f5;--zt-gray-3: #ebedf0;--zt-gray-4: #dcdee0;--zt-gray-5: #c8c9cc;--zt-gray-6: #969799;--zt-gray-7: #646566;--zt-gray-8: #2d4b73ff;--zt-red: #ff5a3c;--zt-blue-light: #3caafa;--zt-blue: #0091fa;--zt-orange: #faaf5a;--zt-orange-dark: #ff5a3c;--zt-orange-light: #fffbe8;--zt-green: #00e173;--zt-yellow: #ffcd23;--zt-orange-2: #ff8700;--zt-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--zt-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--zt-primary-color: var(--zt-blue);--zt-success-color: var(--zt-green);--zt-danger-color: #ff5a5a;--zt-warning-color: #ffaf00;--zt-text-color: #2d4b73;--zt-text-color-a4: rgba(45, 75, 115, .4);--zt-text-color-a6: rgba(45, 75, 115, .6);--zt-text-color-2: var(--zt-gray-6);--zt-text-color-3: var(--zt-gray-5);--zt-link-color: #576b95;--zt-active-color: var(--zt-gray-2);--zt-active-opacity: .6;--zt-disabled-opacity: .4;--zt-background: #f5faff;--zt-background-2: var(--zt-white);--zt-background-3: var(--zt-white);--zt-background-4: rgba(255, 205, 35, .2);--zt-padding-xxs: 2px;--zt-padding-base: 4px;--zt-padding-xs: 8px;--zt-padding-sm: 12px;--zt-padding-md: 16px;--zt-padding-lg: 24px;--zt-padding-xl: 32px;--zt-font-bold: 600;--zt-font-size-xs: 10px;--zt-font-size-sm: 12px;--zt-font-size-md: 14px;--zt-font-size-lg: 16px;--zt-line-height-xs: 14px;--zt-line-height-sm: 18px;--zt-line-height-md: 20px;--zt-line-height-lg: 22px;--zt-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--zt-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--zt-duration-base: .3s;--zt-duration-fast: .2s;--zt-ease-out: ease-out;--zt-ease-in: ease-in;--zt-border-color: var(--zt-gray-3);--zt-border-width: 1px;--zt-radius-sm: 2px;--zt-radius-md: 4px;--zt-radius-lg: 8px;--zt-radius-gt: 16px;--zt-radius-max: 999px}.zt-theme-dark{--zt-text-color: #f5f5f5;--zt-text-color-2: #707070;--zt-text-color-3: #4d4d4d;--zt-border-color: #3a3a3c;--zt-active-color: #3a3a3c;--zt-background: #000;--zt-background-2: #1c1c1e;--zt-background-3: #37363b}

package/lib/style/normalize.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',Helvetica,Segoe UI,Arial,Roboto,miui,'Hiragino Sans GB','Microsoft Yahei',sans-serif}a{text-decoration:none}button,input,textarea{color:inherit;font:inherit}[class*=zt-]:focus,a:focus,button:focus,input:focus,textarea:focus{outline:0}ol,ul{margin:0;padding:0;list-style:none}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--zt-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=zt-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}