vue-amazing-ui 0.0.7 → 0.0.9

package/README.md

@@ -7,6 +7,14 @@ npm install vue-amazing-ui
 或：yarn add vue-amazing-ui
 ```
 
+## 已有组件
+
+组件名 | 说明
+:--- | :---
+Breadcrumb | 面包屑
+Countdown | 倒计时
+Pagination | 分页器
+
 ## 引入并注册插件
 
 ```
@@ -27,4 +35,29 @@ app.use(Breadcrumb)
 
 ```
 <Breadcrumb :routes="routes" :height="60" />
+
+<Pagination
+  @change="changePage"
+  :current="pagination.p"
+  :pageSize="pagination.pageSize"
+  :total="total"
+  :hideOnSinglePage="hideOnSinglePage"
+  :showQuickJumper="true"
+  :showTotal="true"
+  placement="center"/>
+
+<Video
+  v-show="true"
+  :videoUrl="videoUrl"
+  :videoCover="videoCover"
+  :width="800"
+  :height="450"
+  :autoplay="true"
+  :controls="true"
+  :loop="false"
+  :muted="false"
+  preload="auto"
+  :showPlay="true"
+  :playWidth="96"
+  zoom="cotain"/>
 ```

package/dist/style.css

@@ -1 +1 @@
-.m-pagination[data-v-90e9305f]{margin:16px 0}.hidden[data-v-90e9305f]{display:none}.left[data-v-90e9305f]{text-align:left}.center[data-v-90e9305f]{text-align:center}.right[data-v-90e9305f]{text-align:right}.m-pagination-wrap[data-v-90e9305f]{display:inline-block;height:32px;line-height:30px;font-size:14px;color:#000000a6;text-align:center}.m-pagination-wrap .mr8[data-v-90e9305f]{margin-right:8px}.m-pagination-wrap .u-item[data-v-90e9305f]{min-width:30px;height:30px;display:inline-block;user-select:none;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s}.m-pagination-wrap .u-item[data-v-90e9305f]:hover{font-weight:500;color:#1890ff;border-color:#1890ff}.m-pagination-wrap .u-item:hover .u-arrow[data-v-90e9305f]{fill:#1890ff}.m-pagination-wrap .u-item .u-arrow[data-v-90e9305f]{fill:#000000a6;width:12px;height:12px;transition:all .3s}.m-pagination-wrap .u-item[data-v-90e9305f]:not(:last-child){margin-right:8px}.m-pagination-wrap .active[data-v-90e9305f]{font-weight:500;color:#1890ff;border-color:#1890ff}.m-pagination-wrap .active .u-arrow[data-v-90e9305f]{fill:#1890ff}.m-pagination-wrap .disabled[data-v-90e9305f]{color:#00000040;background:#fff;border-color:#d9d9d9;cursor:not-allowed}.m-pagination-wrap .disabled[data-v-90e9305f]:hover{font-weight:400;color:#000000a6;border-color:#d9d9d9}.m-pagination-wrap .disabled:hover .u-arrow[data-v-90e9305f],.m-pagination-wrap .disabled .u-arrow[data-v-90e9305f]{fill:#00000040}.m-pagination-wrap .m-arrow[data-v-90e9305f]{display:inline-block;vertical-align:middle;margin-right:8px;min-width:32px;height:32px;letter-spacing:2px;font-size:12px;color:#00000040;transition:all .3s;cursor:pointer}.m-pagination-wrap .m-arrow .u-ellipsis[data-v-90e9305f]{transition:all .3s}.m-pagination-wrap .m-arrow .u-icon[data-v-90e9305f]{fill:#1890ff;width:12px;height:12px}.m-pagination-wrap .u-jump-page[data-v-90e9305f]{margin-left:8px;line-height:32px;font-size:14px;color:#000000a6}.m-pagination-wrap .u-jump-page input[data-v-90e9305f]{vertical-align:top;width:26px;height:20px;padding:5px 11px;margin:0 8px;border:1px solid #d9d9d9;border-radius:4px;background:transparent;text-align:left;outline:none;transition:all .3s}.m-pagination-wrap .u-jump-page input[data-v-90e9305f]:hover{border-color:#1890ff}.m-pagination-wrap .u-jump-page input[data-v-90e9305f]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.m-breadcrumb .m-bread[data-v-e7eb3765]{display:inline-block;vertical-align:middle}.m-breadcrumb .m-bread .u-route[data-v-e7eb3765]{height:22px;font-size:16px;font-weight:400;line-height:22px;color:#333;display:inline-block;vertical-align:middle;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.m-breadcrumb .m-bread .u-route[data-v-e7eb3765]:hover{color:#1890ff}.m-breadcrumb .m-bread .active[data-v-e7eb3765]{color:#1890ff;cursor:default}.m-breadcrumb .m-bread .u-separator[data-v-e7eb3765]{display:inline-block;vertical-align:middle;margin:0 6px}.m-breadcrumb .m-bread .u-arrow[data-v-e7eb3765]{display:inline-block;vertical-align:middle;margin:0 5px;width:12px;height:12px}.m-breadcrumb .assist[data-v-e7eb3765]{height:100%;width:0;display:inline-block;vertical-align:middle}
+.m-pagination[data-v-0b4fe0d6]{margin:16px 0}.hidden[data-v-0b4fe0d6]{display:none}.left[data-v-0b4fe0d6]{text-align:left}.center[data-v-0b4fe0d6]{text-align:center}.right[data-v-0b4fe0d6]{text-align:right}.m-pagination-wrap[data-v-0b4fe0d6]{display:inline-block;height:32px;line-height:30px;font-size:14px;color:#000000a6;text-align:center}.m-pagination-wrap .mr8[data-v-0b4fe0d6]{margin-right:8px}.m-pagination-wrap .u-item[data-v-0b4fe0d6]{min-width:30px;height:30px;display:inline-block;user-select:none;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .3s}.m-pagination-wrap .u-item[data-v-0b4fe0d6]:hover{font-weight:500;color:#1890ff;border-color:#1890ff}.m-pagination-wrap .u-item:hover .u-arrow[data-v-0b4fe0d6]{fill:#1890ff}.m-pagination-wrap .u-item .u-arrow[data-v-0b4fe0d6]{fill:#000000a6;width:12px;height:12px;transition:all .3s}.m-pagination-wrap .u-item[data-v-0b4fe0d6]:not(:last-child){margin-right:8px}.m-pagination-wrap .active[data-v-0b4fe0d6]{font-weight:500;color:#1890ff;border-color:#1890ff}.m-pagination-wrap .active .u-arrow[data-v-0b4fe0d6]{fill:#1890ff}.m-pagination-wrap .disabled[data-v-0b4fe0d6]{color:#00000040;background:#fff;border-color:#d9d9d9;cursor:not-allowed}.m-pagination-wrap .disabled[data-v-0b4fe0d6]:hover{font-weight:400;color:#000000a6;border-color:#d9d9d9}.m-pagination-wrap .disabled:hover .u-arrow[data-v-0b4fe0d6],.m-pagination-wrap .disabled .u-arrow[data-v-0b4fe0d6]{fill:#00000040}.m-pagination-wrap .m-arrow[data-v-0b4fe0d6]{display:inline-block;vertical-align:middle;margin-right:8px;min-width:32px;height:32px;letter-spacing:2px;font-size:12px;color:#00000040;transition:all .3s;cursor:pointer}.m-pagination-wrap .m-arrow .u-ellipsis[data-v-0b4fe0d6]{transition:all .3s}.m-pagination-wrap .m-arrow .u-icon[data-v-0b4fe0d6]{fill:#1890ff;width:12px;height:12px}.m-pagination-wrap .u-jump-page[data-v-0b4fe0d6]{margin-left:8px;line-height:32px;font-size:14px;color:#000000a6}.m-pagination-wrap .u-jump-page input[data-v-0b4fe0d6]{vertical-align:top;width:26px;height:20px;padding:5px 11px;margin:0 8px;border:1px solid #d9d9d9;border-radius:4px;background:transparent;text-align:left;outline:none;transition:all .3s}.m-pagination-wrap .u-jump-page input[data-v-0b4fe0d6]:hover{border-color:#1890ff}.m-pagination-wrap .u-jump-page input[data-v-0b4fe0d6]:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.m-breadcrumb .m-bread[data-v-574bc864]{display:inline-block;vertical-align:middle}.m-breadcrumb .m-bread .u-route[data-v-574bc864]{height:22px;font-size:16px;font-weight:400;line-height:22px;color:#333;display:inline-block;vertical-align:middle;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.m-breadcrumb .m-bread .u-route[data-v-574bc864]:hover{color:#1890ff}.m-breadcrumb .m-bread .active[data-v-574bc864]{color:#1890ff;cursor:default}.m-breadcrumb .m-bread .u-separator[data-v-574bc864]{display:inline-block;vertical-align:middle;margin:0 6px}.m-breadcrumb .m-bread .u-arrow[data-v-574bc864]{display:inline-block;vertical-align:middle;margin:0 5px;width:12px;height:12px}.m-breadcrumb .assist[data-v-574bc864]{height:100%;width:0;display:inline-block;vertical-align:middle}.m-countdown[data-v-203f9659]{display:inline-block}.m-countdown .u-title[data-v-203f9659]{margin-bottom:4px;color:#00000073;font-size:14px}.m-countdown .u-time[data-v-203f9659]{color:#000000d9;font-size:24px;line-height:1.5}.m-video[data-v-19a2828d]{display:inline-block;position:relative;background:#000;cursor:pointer}.m-video:hover .u-play[data-v-19a2828d]{opacity:.9}.m-video .u-play[data-v-19a2828d]{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;fill:none;color:#fff;pointer-events:none;opacity:.7;transition:opacity .3s}.m-video .hidden[data-v-19a2828d]{display:none}

package/dist/vue-amazing-ui.js

@@ -1,170 +1,12 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, withDirectives, vShow, Fragment, renderList, createTextVNode, vModelText, pushScopeId, popScopeId, computed, normalizeStyle, unref } from "vue";
+import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, unref, createCommentVNode, withDirectives, vShow, Fragment, renderList, createTextVNode, vModelText, pushScopeId, popScopeId, normalizeStyle, renderSlot, onUnmounted, withModifiers } from "vue";
 import { useRouter } from "vue-router";
-const _sfc_main$1 = defineComponent({
-  name: "Pagination",
-  props: {
-    current: {
-      // 当前页数
-      type: Number,
-      default: 1
-    },
-    pageSize: {
-      // 每页条数
-      type: Number,
-      default: 10
-    },
-    total: {
-      // 数据总数
-      type: Number,
-      default: 0
-    },
-    pageListNum: {
-      // 显示的页码数组长度
-      type: Number,
-      default: 5
-    },
-    hideOnSinglePage: {
-      // 只有一页时是否隐藏分页器
-      type: Boolean,
-      default: false
-    },
-    showQuickJumper: {
-      // 是否可以快速跳转至某页
-      type: Boolean,
-      default: false
-    },
-    showTotal: {
-      // 是否显示当前页数和数据总量
-      type: Boolean,
-      default: false
-    },
-    placement: {
-      // 分页器展示位置，靠左，居中，靠右
-      type: String,
-      default: "right"
-    }
-  },
-  data() {
-    return {
-      currentPage: this.current,
-      // 当前页数
-      jumpNumber: "",
-      // 跳转的页码
-      forwardMore: false,
-      // 左省略号展示
-      backwardMore: false,
-      // 右省略号展示
-      forwardArrow: false,
-      // 左箭头展示
-      backwardArrow: false
-      // 右箭头展示
-    };
-  },
-  computed: {
-    totalPage() {
-      return Math.ceil(this.total / this.pageSize);
-    },
-    pageList() {
-      return this.dealPageList(this.currentPage).filter((n) => n !== 1 && n !== this.totalPage);
-    }
-  },
-  watch: {
-    current(to) {
-      this.currentPage = to;
-    },
-    currentPage(to) {
-      console.log("change:", to);
-      this.$emit("change", {
-        page: to,
-        pageSize: this.pageSize
-      });
-    }
-  },
-  created() {
-    document.onkeydown = (e) => {
-      const ev = e || window.event;
-      if (ev && ev.keyCode === 13 && this.jumpNumber) {
-        this.jumpPage(this.jumpNumber);
-      }
-    };
-  },
-  methods: {
-    dealPageList(curPage) {
-      var resList = [];
-      var offset = Math.floor(this.pageListNum / 2);
-      var pager = {
-        start: curPage - offset,
-        end: curPage + offset
-      };
-      if (pager.start < 1) {
-        pager.end = pager.end + (1 - pager.start);
-        pager.start = 1;
-      }
-      if (pager.end > this.totalPage) {
-        pager.start = pager.start - (pager.end - this.totalPage);
-        pager.end = this.totalPage;
-      }
-      if (pager.start < 1) {
-        pager.start = 1;
-      }
-      if (pager.start > 1) {
-        this.forwardMore = true;
-      } else {
-        this.forwardMore = false;
-      }
-      if (pager.end < this.totalPage) {
-        this.backwardMore = true;
-      } else {
-        this.backwardMore = false;
-      }
-      for (let i = pager.start; i <= pager.end; i++) {
-        resList.push(i);
-      }
-      return resList;
-    },
-    onForward() {
-      this.currentPage = this.currentPage - this.pageListNum > 0 ? this.currentPage - this.pageListNum : 1;
-    },
-    onBackward() {
-      this.currentPage = this.currentPage + this.pageListNum < this.totalPage ? this.currentPage + this.pageListNum : this.totalPage;
-    },
-    jumpPage(jumpNum) {
-      if (Number(jumpNum)) {
-        if (Number(jumpNum) < 1) {
-          jumpNum = 1;
-        }
-        if (Number(jumpNum) > this.totalPage) {
-          jumpNum = this.totalPage;
-        }
-        this.changePage(Number(jumpNum));
-      }
-      this.jumpNumber = "";
-    },
-    changePage(pageNum) {
-      if (pageNum === 0 || pageNum === this.totalPage + 1) {
-        return false;
-      }
-      if (this.currentPage !== pageNum) {
-        this.currentPage = pageNum;
-      }
-    }
-  }
-});
-const Pagination_vue_vue_type_style_index_0_scoped_90e9305f_lang = "";
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _withScopeId$1 = (n) => (pushScopeId("data-v-90e9305f"), n = n(), popScopeId(), n);
-const _hoisted_1$1 = { class: "m-pagination-wrap" };
-const _hoisted_2$1 = {
+const _withScopeId$2 = (n) => (pushScopeId("data-v-0b4fe0d6"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = { class: "m-pagination-wrap" };
+const _hoisted_2$3 = {
   key: 0,
   class: "mr8"
 };
-const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_3$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "u-arrow",
   viewBox: "64 64 896 896",
   "data-icon": "left",
@@ -173,8 +15,8 @@ const _hoisted_3$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ create
 }, [
   /* @__PURE__ */ createElementVNode("path", { d: "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" })
 ], -1));
-const _hoisted_4$1 = [
-  _hoisted_3$1
+const _hoisted_4$3 = [
+  _hoisted_3$3
 ];
 const _hoisted_5$1 = { class: "u-ellipsis" };
 const _hoisted_6$1 = {
@@ -184,7 +26,7 @@ const _hoisted_6$1 = {
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_7 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("path", { d: "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" }, null, -1));
+const _hoisted_7 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("path", { d: "M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z" }, null, -1));
 const _hoisted_8 = [
   _hoisted_7
 ];
@@ -197,11 +39,11 @@ const _hoisted_11 = {
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_12 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("path", { d: "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 0 0 188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 0 0 492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" }, null, -1));
+const _hoisted_12 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("path", { d: "M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 0 0 188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 0 0 492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z" }, null, -1));
 const _hoisted_13 = [
   _hoisted_12
 ];
-const _hoisted_14 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_14 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "u-arrow",
   viewBox: "64 64 896 896",
   "data-icon": "right",
@@ -217,93 +59,204 @@ const _hoisted_16 = {
   key: 1,
   class: "u-jump-page"
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([`m-pagination ${_ctx.placement}`, { hidden: _ctx.hideOnSinglePage && _ctx.total <= _ctx.pageSize }])
-  }, [
-    createElementVNode("div", _hoisted_1$1, [
-      _ctx.showTotal ? (openBlock(), createElementBlock("span", _hoisted_2$1, "共 " + toDisplayString(_ctx.totalPage) + " 页 / " + toDisplayString(_ctx.total) + " 条", 1)) : createCommentVNode("", true),
-      createElementVNode("span", {
-        class: normalizeClass(["u-item", { disabled: _ctx.currentPage === 1 }]),
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.changePage(_ctx.currentPage - 1))
-      }, _hoisted_4$1, 2),
-      createElementVNode("span", {
-        class: normalizeClass(["u-item", { active: _ctx.currentPage === 1 }]),
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.changePage(1))
-      }, "1", 2),
-      withDirectives(createElementVNode("span", {
-        class: "m-arrow",
-        ref: "forward",
-        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onForward && _ctx.onForward(...args)),
-        onMouseenter: _cache[3] || (_cache[3] = ($event) => _ctx.forwardArrow = true),
-        onMouseleave: _cache[4] || (_cache[4] = ($event) => _ctx.forwardArrow = false)
-      }, [
-        withDirectives(createElementVNode("span", _hoisted_5$1, "•••", 512), [
-          [vShow, !_ctx.forwardArrow]
-        ]),
-        withDirectives((openBlock(), createElementBlock("svg", _hoisted_6$1, _hoisted_8, 512)), [
-          [vShow, _ctx.forwardArrow]
-        ])
-      ], 544), [
-        [vShow, _ctx.forwardMore && _ctx.pageList[0] - 1 > 1]
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pageList, (page, index) => {
-        return openBlock(), createElementBlock("span", {
-          class: normalizeClass(["u-item", { active: _ctx.currentPage === page }]),
-          key: index,
-          onClick: ($event) => _ctx.changePage(page)
-        }, toDisplayString(page), 11, _hoisted_9);
-      }), 128)),
-      withDirectives(createElementVNode("span", {
-        class: "m-arrow",
-        ref: "backward",
-        onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onBackward && _ctx.onBackward(...args)),
-        onMouseenter: _cache[6] || (_cache[6] = ($event) => _ctx.backwardArrow = true),
-        onMouseleave: _cache[7] || (_cache[7] = ($event) => _ctx.backwardArrow = false)
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "Pagination",
+  props: {
+    current: { default: 1 },
+    pageSize: { default: 10 },
+    total: { default: 0 },
+    pageListNum: { default: 5 },
+    hideOnSinglePage: { type: Boolean, default: false },
+    showQuickJumper: { type: Boolean, default: false },
+    showTotal: { type: Boolean, default: false },
+    placement: { default: "right" }
+  },
+  emits: ["change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const currentPage = ref(props.current);
+    const jumpNumber = ref("");
+    const forwardMore = ref(false);
+    const backwardMore = ref(false);
+    const forwardArrow = ref(false);
+    const backwardArrow = ref(false);
+    const totalPage = computed(() => {
+      return Math.ceil(props.total / props.pageSize);
+    });
+    const pageList = computed(() => {
+      return dealPageList(currentPage.value).filter((n) => n !== 1 && n !== totalPage.value);
+    });
+    watch(currentPage, (to) => {
+      console.log("change:", to);
+      emit("change", {
+        page: to,
+        pageSize: props.pageSize
+      });
+    });
+    onMounted(() => {
+      document.onkeydown = (e) => {
+        const ev = e || window.event;
+        if (ev && ev.keyCode === 13 && jumpNumber.value) {
+          jumpPage(jumpNumber.value);
+        }
+      };
+    });
+    function dealPageList(curPage) {
+      var resList = [];
+      var offset = Math.floor(props.pageListNum / 2);
+      var pager = {
+        start: curPage - offset,
+        end: curPage + offset
+      };
+      if (pager.start < 1) {
+        pager.end = pager.end + (1 - pager.start);
+        pager.start = 1;
+      }
+      if (pager.end > totalPage.value) {
+        pager.start = pager.start - (pager.end - totalPage.value);
+        pager.end = totalPage.value;
+      }
+      if (pager.start < 1) {
+        pager.start = 1;
+      }
+      if (pager.start > 1) {
+        forwardMore.value = true;
+      } else {
+        forwardMore.value = false;
+      }
+      if (pager.end < totalPage.value) {
+        backwardMore.value = true;
+      } else {
+        backwardMore.value = false;
+      }
+      for (let i = pager.start; i <= pager.end; i++) {
+        resList.push(i);
+      }
+      return resList;
+    }
+    function onForward() {
+      currentPage.value = currentPage.value - props.pageListNum > 0 ? currentPage.value - props.pageListNum : 1;
+    }
+    function onBackward() {
+      currentPage.value = currentPage.value + props.pageListNum < totalPage.value ? currentPage.value + props.pageListNum : totalPage.value;
+    }
+    function jumpPage(jumpNum) {
+      if (Number(jumpNum)) {
+        if (Number(jumpNum) < 1) {
+          jumpNum = 1;
+        }
+        if (Number(jumpNum) > totalPage.value) {
+          jumpNum = totalPage.value;
+        }
+        changePage(Number(jumpNum));
+      }
+      jumpNumber.value = "";
+    }
+    function changePage(pageNum) {
+      if (pageNum === 0 || pageNum === totalPage.value + 1) {
+        return false;
+      }
+      if (currentPage.value !== pageNum) {
+        currentPage.value = pageNum;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([`m-pagination ${__props.placement}`, { hidden: __props.hideOnSinglePage && __props.total <= __props.pageSize }])
       }, [
-        withDirectives(createElementVNode("span", _hoisted_10, "•••", 512), [
-          [vShow, !_ctx.backwardArrow]
-        ]),
-        withDirectives((openBlock(), createElementBlock("svg", _hoisted_11, _hoisted_13, 512)), [
-          [vShow, _ctx.backwardArrow]
+        createElementVNode("div", _hoisted_1$3, [
+          __props.showTotal ? (openBlock(), createElementBlock("span", _hoisted_2$3, "共 " + toDisplayString(unref(totalPage)) + " 页 / " + toDisplayString(__props.total) + " 条", 1)) : createCommentVNode("", true),
+          createElementVNode("span", {
+            class: normalizeClass(["u-item", { disabled: currentPage.value === 1 }]),
+            onClick: _cache[0] || (_cache[0] = ($event) => changePage(currentPage.value - 1))
+          }, _hoisted_4$3, 2),
+          createElementVNode("span", {
+            class: normalizeClass(["u-item", { active: currentPage.value === 1 }]),
+            onClick: _cache[1] || (_cache[1] = ($event) => changePage(1))
+          }, "1", 2),
+          withDirectives(createElementVNode("span", {
+            class: "m-arrow",
+            ref: "forward",
+            onClick: onForward,
+            onMouseenter: _cache[2] || (_cache[2] = ($event) => forwardArrow.value = true),
+            onMouseleave: _cache[3] || (_cache[3] = ($event) => forwardArrow.value = false)
+          }, [
+            withDirectives(createElementVNode("span", _hoisted_5$1, "•••", 512), [
+              [vShow, !forwardArrow.value]
+            ]),
+            withDirectives((openBlock(), createElementBlock("svg", _hoisted_6$1, _hoisted_8, 512)), [
+              [vShow, forwardArrow.value]
+            ])
+          ], 544), [
+            [vShow, forwardMore.value && unref(pageList)[0] - 1 > 1]
+          ]),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageList), (page, index) => {
+            return openBlock(), createElementBlock("span", {
+              class: normalizeClass(["u-item", { active: currentPage.value === page }]),
+              key: index,
+              onClick: ($event) => changePage(page)
+            }, toDisplayString(page), 11, _hoisted_9);
+          }), 128)),
+          withDirectives(createElementVNode("span", {
+            class: "m-arrow",
+            ref: "backward",
+            onClick: onBackward,
+            onMouseenter: _cache[4] || (_cache[4] = ($event) => backwardArrow.value = true),
+            onMouseleave: _cache[5] || (_cache[5] = ($event) => backwardArrow.value = false)
+          }, [
+            withDirectives(createElementVNode("span", _hoisted_10, "•••", 512), [
+              [vShow, !backwardArrow.value]
+            ]),
+            withDirectives((openBlock(), createElementBlock("svg", _hoisted_11, _hoisted_13, 512)), [
+              [vShow, backwardArrow.value]
+            ])
+          ], 544), [
+            [vShow, backwardMore.value && unref(pageList)[unref(pageList).length - 1] + 1 < unref(totalPage)]
+          ]),
+          withDirectives(createElementVNode("span", {
+            class: normalizeClass(["u-item", { active: currentPage.value === unref(totalPage) }]),
+            onClick: _cache[6] || (_cache[6] = ($event) => changePage(unref(totalPage)))
+          }, toDisplayString(unref(totalPage)), 3), [
+            [vShow, unref(totalPage) !== 1]
+          ]),
+          createElementVNode("span", {
+            class: normalizeClass(["u-item", { disabled: currentPage.value === unref(totalPage) }]),
+            onClick: _cache[7] || (_cache[7] = ($event) => changePage(currentPage.value + 1))
+          }, _hoisted_15, 2),
+          __props.showQuickJumper ? (openBlock(), createElementBlock("span", _hoisted_16, [
+            createTextVNode("跳至"),
+            withDirectives(createElementVNode("input", {
+              type: "text",
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => jumpNumber.value = $event)
+            }, null, 512), [
+              [vModelText, jumpNumber.value]
+            ]),
+            createTextVNode("页")
+          ])) : createCommentVNode("", true)
         ])
-      ], 544), [
-        [vShow, _ctx.backwardMore && _ctx.pageList[_ctx.pageList.length - 1] + 1 < _ctx.totalPage]
-      ]),
-      withDirectives(createElementVNode("span", {
-        class: normalizeClass(["u-item", { active: _ctx.currentPage === _ctx.totalPage }]),
-        onClick: _cache[8] || (_cache[8] = ($event) => _ctx.changePage(_ctx.totalPage))
-      }, toDisplayString(_ctx.totalPage), 3), [
-        [vShow, _ctx.totalPage !== 1]
-      ]),
-      createElementVNode("span", {
-        class: normalizeClass(["u-item", { disabled: _ctx.currentPage === _ctx.totalPage }]),
-        onClick: _cache[9] || (_cache[9] = ($event) => _ctx.changePage(_ctx.currentPage + 1))
-      }, _hoisted_15, 2),
-      _ctx.showQuickJumper ? (openBlock(), createElementBlock("span", _hoisted_16, [
-        createTextVNode("跳至"),
-        withDirectives(createElementVNode("input", {
-          type: "text",
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => _ctx.jumpNumber = $event)
-        }, null, 512), [
-          [vModelText, _ctx.jumpNumber]
-        ]),
-        createTextVNode("页")
-      ])) : createCommentVNode("", true)
-    ])
-  ], 2);
-}
-const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-90e9305f"]]);
+      ], 2);
+    };
+  }
+});
+const Pagination_vue_vue_type_style_index_0_scoped_0b4fe0d6_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-0b4fe0d6"]]);
 Pagination.install = (app) => {
-  app.component(Pagination.name, Pagination);
+  app.component(Pagination.__name, Pagination);
 };
-const _withScopeId = (n) => (pushScopeId("data-v-e7eb3765"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["onClick", "title"];
-const _hoisted_2 = {
+const _withScopeId$1 = (n) => (pushScopeId("data-v-574bc864"), n = n(), popScopeId(), n);
+const _hoisted_1$2 = ["onClick", "title"];
+const _hoisted_2$2 = {
   key: 0,
   class: "u-separator"
 };
-const _hoisted_3 = {
+const _hoisted_3$2 = {
   key: 1,
   class: "u-arrow",
   viewBox: "64 64 896 896",
@@ -311,17 +264,13 @@ const _hoisted_3 = {
   "aria-hidden": "true",
   focusable: "false"
 };
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" }, null, -1));
+const _hoisted_4$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("path", { d: "M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z" }, null, -1));
 const _hoisted_5 = [
-  _hoisted_4
+  _hoisted_4$2
 ];
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "assist" }, null, -1));
-const __default__ = {
-  // 导出组件name
-  name: "Breadcrumb"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _hoisted_6 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "assist" }, null, -1));
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Breadcrumb",
   props: {
     routes: { default: () => [] },
     height: { default: 60 },
@@ -350,9 +299,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["u-route", { active: index === unref(len) - 1 }]),
               onClick: ($event) => index === unref(len) - 1 ? (e) => e.preventDefault() : goRouter(route),
               title: route.name
-            }, toDisplayString(route.name || "--"), 11, _hoisted_1),
+            }, toDisplayString(route.name || "--"), 11, _hoisted_1$2),
             index !== unref(len) - 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              __props.separator ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.separator), 1)) : (openBlock(), createElementBlock("svg", _hoisted_3, _hoisted_5))
+              __props.separator ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(__props.separator), 1)) : (openBlock(), createElementBlock("svg", _hoisted_3$2, _hoisted_5))
             ], 64)) : createCommentVNode("", true)
           ]);
         }), 128)),
@@ -361,23 +310,250 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Breadcrumb_vue_vue_type_style_index_0_scoped_e7eb3765_lang = "";
-const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e7eb3765"]]);
+const Breadcrumb_vue_vue_type_style_index_0_scoped_574bc864_lang = "";
+const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-574bc864"]]);
 Breadcrumb.install = (app) => {
-  app.component(Breadcrumb.name, Breadcrumb);
+  app.component(Breadcrumb.__name, Breadcrumb);
+};
+const _hoisted_1$1 = { class: "m-countdown" };
+const _hoisted_2$1 = { class: "u-title" };
+const _hoisted_3$1 = { class: "u-time" };
+const _hoisted_4$1 = { key: 2 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Countdown",
+  props: {
+    countdown: { default: 0 },
+    title: { default: "Countdown" },
+    format: { default: "HH:mm:ss" },
+    prefix: { default: "" },
+    suffix: { default: "" },
+    finishedText: { default: "" }
+  },
+  emits: ["finish"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const restTime = ref(props.countdown);
+    function fixedTwo(value) {
+      return value < 10 ? "0" + value : String(value);
+    }
+    function timeFormat(time) {
+      let showTime2 = props.format;
+      if (showTime2.includes("s")) {
+        var s = time;
+      } else {
+        var s = 0;
+      }
+      if (showTime2.includes("m")) {
+        s = s % 60;
+        var m = Math.floor((time - s) / 60);
+      } else {
+        var m = 0;
+      }
+      if (showTime2.includes("H")) {
+        m = m % 60;
+        var H = Math.floor((time - s - m * 60) / 60 / 60);
+      } else {
+        var H = 0;
+      }
+      if (showTime2.includes("D")) {
+        H = H % 24;
+        var D = Math.floor((time - s - m * 60 - H * 60 * 60) / 60 / 60 / 24);
+      } else {
+        var D = 0;
+      }
+      if (showTime2.includes("M")) {
+        D = D % 30;
+        var M = Math.floor((time - s - m * 60 - H * 60 * 60 - D * 24 * 60 * 60) / 60 / 60 / 24 / 30);
+      } else {
+        var M = 0;
+      }
+      if (showTime2.includes("Y")) {
+        M = M % 12;
+        var Y = Math.floor((time - s - m * 60 - H * 60 * 60 - D * 24 * 60 * 60 - M * 30 * 24 * 60 * 60) / 60 / 60 / 24 / 30 / 12);
+      } else {
+        var Y = 0;
+      }
+      showTime2 = showTime2.includes("ss") ? showTime2.replace("ss", fixedTwo(s)) : showTime2.replace("s", String(s));
+      showTime2 = showTime2.includes("mm") ? showTime2.replace("mm", fixedTwo(m)) : showTime2.replace("m", String(m));
+      showTime2 = showTime2.includes("HH") ? showTime2.replace("HH", fixedTwo(H)) : showTime2.replace("H", String(H));
+      showTime2 = showTime2.includes("DD") ? showTime2.replace("DD", fixedTwo(D)) : showTime2.replace("D", String(D));
+      showTime2 = showTime2.includes("MM") ? showTime2.replace("MM", fixedTwo(M)) : showTime2.replace("M", String(M));
+      showTime2 = showTime2.includes("YY") ? showTime2.replace("YY", fixedTwo(Y)) : showTime2.replace("Y", String(Y));
+      return showTime2;
+    }
+    const showTime = computed(() => {
+      return timeFormat(restTime.value);
+    });
+    function CountDown(restTime2) {
+      setTimeout(() => {
+        restTime2.value--;
+        if (restTime2.value > 0) {
+          CountDown(restTime2);
+        } else {
+          emit("finish");
+        }
+      }, 1e3);
+    }
+    onMounted(() => {
+      if (restTime.value > Date.now()) {
+        restTime.value = Math.floor((restTime.value - Date.now()) / 1e3);
+      }
+      CountDown(restTime);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          createElementVNode("p", _hoisted_2$1, toDisplayString(props.title), 1)
+        ], true),
+        createElementVNode("div", _hoisted_3$1, [
+          restTime.value > 0 ? renderSlot(_ctx.$slots, "prefix", { key: 0 }, () => [
+            createTextVNode(toDisplayString(__props.prefix), 1)
+          ], true) : createCommentVNode("", true),
+          __props.finishedText && restTime.value === 0 ? renderSlot(_ctx.$slots, "finish", { key: 1 }, () => [
+            createTextVNode(toDisplayString(__props.finishedText), 1)
+          ], true) : (openBlock(), createElementBlock("span", _hoisted_4$1, toDisplayString(unref(showTime)), 1)),
+          restTime.value > 0 ? renderSlot(_ctx.$slots, "suffix", { key: 3 }, () => [
+            createTextVNode(toDisplayString(__props.suffix), 1)
+          ], true) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const Countdown_vue_vue_type_style_index_0_scoped_203f9659_lang = "";
+const Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-203f9659"]]);
+Countdown.install = (app) => {
+  app.component(Countdown.__name, Countdown);
+};
+const _withScopeId = (n) => (pushScopeId("data-v-19a2828d"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["src", "poster", "width", "height", "autoplay", "controls", "loop", "muted", "preload", "onClickOnce"];
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", {
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "1.5",
+  d: "M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"
+}, null, -1));
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("path", {
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "1.5",
+  d: "M15.25 12L9.75 8.75V15.25L15.25 12Z"
+}, null, -1));
+const _hoisted_4 = [
+  _hoisted_2,
+  _hoisted_3
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Video",
+  props: {
+    videoUrl: { default: "" },
+    videoCover: { default: "" },
+    width: { default: 800 },
+    height: { default: 450 },
+    autoplay: { type: Boolean, default: false },
+    controls: { type: Boolean, default: true },
+    loop: { type: Boolean, default: false },
+    muted: { type: Boolean, default: false },
+    preload: { default: "auto" },
+    showPlay: { type: Boolean, default: false },
+    playWidth: { default: 96 },
+    zoom: { default: "none" }
+  },
+  setup(__props) {
+    const props = __props;
+    const originPlay = ref(true);
+    const vplay = ref(false);
+    const veo = ref(null);
+    function onPlay() {
+      var _a, _b;
+      console.log("click");
+      if (props.autoplay) {
+        (_a = veo.value) == null ? void 0 : _a.pause();
+      } else {
+        vplay.value = true;
+        originPlay.value = false;
+        (_b = veo.value) == null ? void 0 : _b.play();
+      }
+    }
+    function onPause() {
+      vplay.value = false;
+      console.log("pause");
+    }
+    function onPlaying() {
+      vplay.value = true;
+      console.log("playing");
+    }
+    onMounted(() => {
+      var _a, _b;
+      if (props.showPlay) {
+        (_a = veo.value) == null ? void 0 : _a.addEventListener("pause", onPause);
+        (_b = veo.value) == null ? void 0 : _b.addEventListener("playing", onPlaying);
+      }
+      if (props.autoplay) {
+        vplay.value = true;
+        originPlay.value = false;
+      }
+    });
+    onUnmounted(() => {
+      var _a, _b;
+      (_a = veo.value) == null ? void 0 : _a.removeEventListener("pause", onPause);
+      (_b = veo.value) == null ? void 0 : _b.removeEventListener("playing", onPlaying);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "m-video",
+        style: normalizeStyle(`width: ${__props.width}px; height: ${__props.height}px;`)
+      }, [
+        createElementVNode("video", {
+          ref_key: "veo",
+          ref: veo,
+          style: normalizeStyle(`object-fit: ${__props.zoom};`),
+          src: __props.videoUrl,
+          poster: __props.videoCover,
+          width: __props.width,
+          height: __props.height,
+          autoplay: __props.autoplay,
+          controls: !originPlay.value && __props.controls,
+          loop: __props.loop,
+          muted: __props.autoplay || __props.muted,
+          preload: __props.preload,
+          onClickOnce: withModifiers(onPlay, ["prevent"])
+        }, " 您的浏览器不支持video标签。 ", 44, _hoisted_1),
+        withDirectives((openBlock(), createElementBlock("svg", {
+          class: normalizeClass([vplay.value ? "hidden" : "u-play"]),
+          style: normalizeStyle(`width: ${__props.playWidth}px; height: ${__props.playWidth}px;`),
+          viewBox: "0 0 24 24"
+        }, _hoisted_4, 6)), [
+          [vShow, originPlay.value || __props.showPlay]
+        ])
+      ], 4);
+    };
+  }
+});
+const Video_vue_vue_type_style_index_0_scoped_19a2828d_lang = "";
+const Video = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-19a2828d"]]);
+Video.install = (app) => {
+  app.component(Video.__name, Video);
 };
 const components = [
   Pagination,
-  Breadcrumb
+  Breadcrumb,
+  Countdown,
+  Video
 ];
+console.log("components:", components);
 const install = (app) => {
-  components.forEach((component) => app.component(component.name, component));
+  components.forEach((component) => app.component(component.__name, component));
 };
 const VueAmazingUI = {
   install
 };
 export {
   Breadcrumb,
+  Countdown,
   Pagination,
+  Video,
   VueAmazingUI as default
 };

package/dist/vue-amazing-ui.umd.cjs

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("vue-router")):"function"==typeof define&&define.amd?define(["exports","vue","vue-router"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueAmazingUI={},e.Vue,e.VueRouter)}(this,(function(e,t,a){"use strict";const r=t.defineComponent({name:"Pagination",props:{current:{type:Number,default:1},pageSize:{type:Number,default:10},total:{type:Number,default:0},pageListNum:{type:Number,default:5},hideOnSinglePage:{type:Boolean,default:!1},showQuickJumper:{type:Boolean,default:!1},showTotal:{type:Boolean,default:!1},placement:{type:String,default:"right"}},data(){return{currentPage:this.current,jumpNumber:"",forwardMore:!1,backwardMore:!1,forwardArrow:!1,backwardArrow:!1}},computed:{totalPage(){return Math.ceil(this.total/this.pageSize)},pageList(){return this.dealPageList(this.currentPage).filter((e=>1!==e&&e!==this.totalPage))}},watch:{current(e){this.currentPage=e},currentPage(e){this.$emit("change",{page:e,pageSize:this.pageSize})}},created(){document.onkeydown=e=>{const t=e||window.event;t&&13===t.keyCode&&this.jumpNumber&&this.jumpPage(this.jumpNumber)}},methods:{dealPageList(e){var t=[],a=Math.floor(this.pageListNum/2),r={start:e-a,end:e+a};r.start<1&&(r.end=r.end+(1-r.start),r.start=1),r.end>this.totalPage&&(r.start=r.start-(r.end-this.totalPage),r.end=this.totalPage),r.start<1&&(r.start=1),r.start>1?this.forwardMore=!0:this.forwardMore=!1,r.end<this.totalPage?this.backwardMore=!0:this.backwardMore=!1;for(let o=r.start;o<=r.end;o++)t.push(o);return t},onForward(){this.currentPage=this.currentPage-this.pageListNum>0?this.currentPage-this.pageListNum:1},onBackward(){this.currentPage=this.currentPage+this.pageListNum<this.totalPage?this.currentPage+this.pageListNum:this.totalPage},jumpPage(e){Number(e)&&(Number(e)<1&&(e=1),Number(e)>this.totalPage&&(e=this.totalPage),this.changePage(Number(e))),this.jumpNumber=""},changePage(e){if(0===e||e===this.totalPage+1)return!1;this.currentPage!==e&&(this.currentPage=e)}}}),o=(e,t)=>{const a=e.__vccOpts||e;for(const[r,o]of t)a[r]=o;return a},n=e=>(t.pushScopeId("data-v-90e9305f"),e=e(),t.popScopeId(),e),l={class:"m-pagination-wrap"},c={key:0,class:"mr8"},s=[n((()=>t.createElementVNode("svg",{class:"u-arrow",viewBox:"64 64 896 896","data-icon":"left","aria-hidden":"true",focusable:"false"},[t.createElementVNode("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})],-1)))],i={class:"u-ellipsis"},u={class:"u-icon",viewBox:"64 64 896 896","data-icon":"double-left","aria-hidden":"true",focusable:"false"},d=[n((()=>t.createElementVNode("path",{d:"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"},null,-1)))],p=["onClick"],m={class:"u-ellipsis"},g={class:"u-icon",viewBox:"64 64 896 896","data-icon":"double-right","aria-hidden":"true",focusable:"false"},h=[n((()=>t.createElementVNode("path",{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 0 0 188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 0 0 492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"},null,-1)))],w=[n((()=>t.createElementVNode("svg",{class:"u-arrow",viewBox:"64 64 896 896","data-icon":"right","aria-hidden":"true",focusable:"false"},[t.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"})],-1)))],f={key:1,class:"u-jump-page"};const k=o(r,[["render",function(e,a,r,o,n,k){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([`m-pagination ${e.placement}`,{hidden:e.hideOnSinglePage&&e.total<=e.pageSize}])},[t.createElementVNode("div",l,[e.showTotal?(t.openBlock(),t.createElementBlock("span",c,"共 "+t.toDisplayString(e.totalPage)+" 页 / "+t.toDisplayString(e.total)+" 条",1)):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{disabled:1===e.currentPage}]),onClick:a[0]||(a[0]=t=>e.changePage(e.currentPage-1))},s,2),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{active:1===e.currentPage}]),onClick:a[1]||(a[1]=t=>e.changePage(1))},"1",2),t.withDirectives(t.createElementVNode("span",{class:"m-arrow",ref:"forward",onClick:a[2]||(a[2]=(...t)=>e.onForward&&e.onForward(...t)),onMouseenter:a[3]||(a[3]=t=>e.forwardArrow=!0),onMouseleave:a[4]||(a[4]=t=>e.forwardArrow=!1)},[t.withDirectives(t.createElementVNode("span",i,"•••",512),[[t.vShow,!e.forwardArrow]]),t.withDirectives((t.openBlock(),t.createElementBlock("svg",u,d,512)),[[t.vShow,e.forwardArrow]])],544),[[t.vShow,e.forwardMore&&e.pageList[0]-1>1]]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.pageList,((a,r)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["u-item",{active:e.currentPage===a}]),key:r,onClick:t=>e.changePage(a)},t.toDisplayString(a),11,p)))),128)),t.withDirectives(t.createElementVNode("span",{class:"m-arrow",ref:"backward",onClick:a[5]||(a[5]=(...t)=>e.onBackward&&e.onBackward(...t)),onMouseenter:a[6]||(a[6]=t=>e.backwardArrow=!0),onMouseleave:a[7]||(a[7]=t=>e.backwardArrow=!1)},[t.withDirectives(t.createElementVNode("span",m,"•••",512),[[t.vShow,!e.backwardArrow]]),t.withDirectives((t.openBlock(),t.createElementBlock("svg",g,h,512)),[[t.vShow,e.backwardArrow]])],544),[[t.vShow,e.backwardMore&&e.pageList[e.pageList.length-1]+1<e.totalPage]]),t.withDirectives(t.createElementVNode("span",{class:t.normalizeClass(["u-item",{active:e.currentPage===e.totalPage}]),onClick:a[8]||(a[8]=t=>e.changePage(e.totalPage))},t.toDisplayString(e.totalPage),3),[[t.vShow,1!==e.totalPage]]),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{disabled:e.currentPage===e.totalPage}]),onClick:a[9]||(a[9]=t=>e.changePage(e.currentPage+1))},w,2),e.showQuickJumper?(t.openBlock(),t.createElementBlock("span",f,[t.createTextVNode("跳至"),t.withDirectives(t.createElementVNode("input",{type:"text","onUpdate:modelValue":a[10]||(a[10]=t=>e.jumpNumber=t)},null,512),[[t.vModelText,e.jumpNumber]]),t.createTextVNode("页")])):t.createCommentVNode("",!0)])],2)}],["__scopeId","data-v-90e9305f"]]);k.install=e=>{e.component(k.name,k)};const v=e=>(t.pushScopeId("data-v-e7eb3765"),e=e(),t.popScopeId(),e),P=["onClick","title"],b={key:0,class:"u-separator"},N={key:1,class:"u-arrow",viewBox:"64 64 896 896","data-icon":"right","aria-hidden":"true",focusable:"false"},B=[v((()=>t.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"},null,-1)))],y=v((()=>t.createElementVNode("div",{class:"assist"},null,-1))),E=o(t.defineComponent({name:"Breadcrumb",props:{routes:{default:()=>[]},height:{default:60},separator:{default:""}},setup(e){const r=e,o=t.computed((()=>r.routes.length)),n=a.useRouter();return(a,r)=>(t.openBlock(),t.createElementBlock("div",{class:"m-breadcrumb",style:t.normalizeStyle(`height: ${e.height}px;`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.routes,((a,r)=>(t.openBlock(),t.createElementBlock("div",{class:"m-bread",key:r},[t.createElementVNode("a",{class:t.normalizeClass(["u-route",{active:r===t.unref(o)-1}]),onClick:e=>r===t.unref(o)-1?e=>e.preventDefault():function(e){n.push({path:e.path,query:e.query||{}})}(a),title:a.name},t.toDisplayString(a.name||"--"),11,P),r!==t.unref(o)-1?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.separator?(t.openBlock(),t.createElementBlock("span",b,t.toDisplayString(e.separator),1)):(t.openBlock(),t.createElementBlock("svg",N,B))],64)):t.createCommentVNode("",!0)])))),128)),y],4))}}),[["__scopeId","data-v-e7eb3765"]]);E.install=e=>{e.component(E.name,E)};const V=[k,E],S={install:e=>{V.forEach((t=>e.component(t.name,t)))}};e.Breadcrumb=E,e.Pagination=k,e.default=S,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("vue-router")):"function"==typeof define&&define.amd?define(["exports","vue","vue-router"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).VueAmazingUI={},e.Vue,e.VueRouter)}(this,(function(e,t,a){"use strict";const l=e=>(t.pushScopeId("data-v-0b4fe0d6"),e=e(),t.popScopeId(),e),o={class:"m-pagination-wrap"},n={key:0,class:"mr8"},r=[l((()=>t.createElementVNode("svg",{class:"u-arrow",viewBox:"64 64 896 896","data-icon":"left","aria-hidden":"true",focusable:"false"},[t.createElementVNode("path",{d:"M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 0 0 0 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"})],-1)))],u={class:"u-ellipsis"},i={class:"u-icon",viewBox:"64 64 896 896","data-icon":"double-left","aria-hidden":"true",focusable:"false"},s=[l((()=>t.createElementVNode("path",{d:"M272.9 512l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512zm304 0l265.4-339.1c4.1-5.2.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3a31.99 31.99 0 0 0 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"},null,-1)))],c=["onClick"],d={class:"u-ellipsis"},p={class:"u-icon",viewBox:"64 64 896 896","data-icon":"double-right","aria-hidden":"true",focusable:"false"},v=[l((()=>t.createElementVNode("path",{d:"M533.2 492.3L277.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H188c-6.7 0-10.4 7.7-6.3 12.9L447.1 512 181.7 851.1A7.98 7.98 0 0 0 188 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5zm304 0L581.9 166.1c-3-3.9-7.7-6.1-12.6-6.1H492c-6.7 0-10.4 7.7-6.3 12.9L751.1 512 485.7 851.1A7.98 7.98 0 0 0 492 864h77.3c4.9 0 9.6-2.3 12.6-6.1l255.3-326.1c9.1-11.7 9.1-27.9 0-39.5z"},null,-1)))],m=[l((()=>t.createElementVNode("svg",{class:"u-arrow",viewBox:"64 64 896 896","data-icon":"right","aria-hidden":"true",focusable:"false"},[t.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"})],-1)))],f={key:1,class:"u-jump-page"},h=(e,t)=>{const a=e.__vccOpts||e;for(const[l,o]of t)a[l]=o;return a},g=h(t.defineComponent({__name:"Pagination",props:{current:{default:1},pageSize:{default:10},total:{default:0},pageListNum:{default:5},hideOnSinglePage:{type:Boolean,default:!1},showQuickJumper:{type:Boolean,default:!1},showTotal:{type:Boolean,default:!1},placement:{default:"right"}},emits:["change"],setup(e,{emit:a}){const l=e,h=t.ref(l.current),g=t.ref(""),k=t.ref(!1),y=t.ref(!1),w=t.ref(!1),B=t.ref(!1),S=t.computed((()=>Math.ceil(l.total/l.pageSize))),E=t.computed((()=>function(e){var t=[],a=Math.floor(l.pageListNum/2),o={start:e-a,end:e+a};o.start<1&&(o.end=o.end+(1-o.start),o.start=1);o.end>S.value&&(o.start=o.start-(o.end-S.value),o.end=S.value);o.start<1&&(o.start=1);o.start>1?k.value=!0:k.value=!1;o.end<S.value?y.value=!0:y.value=!1;for(let l=o.start;l<=o.end;l++)t.push(l);return t}(h.value).filter((e=>1!==e&&e!==S.value))));function V(){h.value=h.value-l.pageListNum>0?h.value-l.pageListNum:1}function N(){h.value=h.value+l.pageListNum<S.value?h.value+l.pageListNum:S.value}function C(e){if(0===e||e===S.value+1)return!1;h.value!==e&&(h.value=e)}return t.watch(h,(e=>{a("change",{page:e,pageSize:l.pageSize})})),t.onMounted((()=>{document.onkeydown=e=>{const t=e||window.event;t&&13===t.keyCode&&g.value&&function(e){Number(e)&&(Number(e)<1&&(e=1),Number(e)>S.value&&(e=S.value),C(Number(e)));g.value=""}(g.value)}})),(a,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([`m-pagination ${e.placement}`,{hidden:e.hideOnSinglePage&&e.total<=e.pageSize}])},[t.createElementVNode("div",o,[e.showTotal?(t.openBlock(),t.createElementBlock("span",n,"共 "+t.toDisplayString(t.unref(S))+" 页 / "+t.toDisplayString(e.total)+" 条",1)):t.createCommentVNode("",!0),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{disabled:1===h.value}]),onClick:l[0]||(l[0]=e=>C(h.value-1))},r,2),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{active:1===h.value}]),onClick:l[1]||(l[1]=e=>C(1))},"1",2),t.withDirectives(t.createElementVNode("span",{class:"m-arrow",ref:"forward",onClick:V,onMouseenter:l[2]||(l[2]=e=>w.value=!0),onMouseleave:l[3]||(l[3]=e=>w.value=!1)},[t.withDirectives(t.createElementVNode("span",u,"•••",512),[[t.vShow,!w.value]]),t.withDirectives((t.openBlock(),t.createElementBlock("svg",i,s,512)),[[t.vShow,w.value]])],544),[[t.vShow,k.value&&t.unref(E)[0]-1>1]]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(t.unref(E),((e,a)=>(t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(["u-item",{active:h.value===e}]),key:a,onClick:t=>C(e)},t.toDisplayString(e),11,c)))),128)),t.withDirectives(t.createElementVNode("span",{class:"m-arrow",ref:"backward",onClick:N,onMouseenter:l[4]||(l[4]=e=>B.value=!0),onMouseleave:l[5]||(l[5]=e=>B.value=!1)},[t.withDirectives(t.createElementVNode("span",d,"•••",512),[[t.vShow,!B.value]]),t.withDirectives((t.openBlock(),t.createElementBlock("svg",p,v,512)),[[t.vShow,B.value]])],544),[[t.vShow,y.value&&t.unref(E)[t.unref(E).length-1]+1<t.unref(S)]]),t.withDirectives(t.createElementVNode("span",{class:t.normalizeClass(["u-item",{active:h.value===t.unref(S)}]),onClick:l[6]||(l[6]=e=>C(t.unref(S)))},t.toDisplayString(t.unref(S)),3),[[t.vShow,1!==t.unref(S)]]),t.createElementVNode("span",{class:t.normalizeClass(["u-item",{disabled:h.value===t.unref(S)}]),onClick:l[7]||(l[7]=e=>C(h.value+1))},m,2),e.showQuickJumper?(t.openBlock(),t.createElementBlock("span",f,[t.createTextVNode("跳至"),t.withDirectives(t.createElementVNode("input",{type:"text","onUpdate:modelValue":l[8]||(l[8]=e=>g.value=e)},null,512),[[t.vModelText,g.value]]),t.createTextVNode("页")])):t.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-0b4fe0d6"]]);g.install=e=>{e.component(g.__name,g)};const k=e=>(t.pushScopeId("data-v-574bc864"),e=e(),t.popScopeId(),e),y=["onClick","title"],w={key:0,class:"u-separator"},B={key:1,class:"u-arrow",viewBox:"64 64 896 896","data-icon":"right","aria-hidden":"true",focusable:"false"},S=[k((()=>t.createElementVNode("path",{d:"M765.7 486.8L314.9 134.7A7.97 7.97 0 0 0 302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 0 0 0-50.4z"},null,-1)))],E=k((()=>t.createElementVNode("div",{class:"assist"},null,-1))),V=h(t.defineComponent({__name:"Breadcrumb",props:{routes:{default:()=>[]},height:{default:60},separator:{default:""}},setup(e){const l=e,o=t.computed((()=>l.routes.length)),n=a.useRouter();return(a,l)=>(t.openBlock(),t.createElementBlock("div",{class:"m-breadcrumb",style:t.normalizeStyle(`height: ${e.height}px;`)},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.routes,((a,l)=>(t.openBlock(),t.createElementBlock("div",{class:"m-bread",key:l},[t.createElementVNode("a",{class:t.normalizeClass(["u-route",{active:l===t.unref(o)-1}]),onClick:e=>l===t.unref(o)-1?e=>e.preventDefault():function(e){n.push({path:e.path,query:e.query||{}})}(a),title:a.name},t.toDisplayString(a.name||"--"),11,y),l!==t.unref(o)-1?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.separator?(t.openBlock(),t.createElementBlock("span",w,t.toDisplayString(e.separator),1)):(t.openBlock(),t.createElementBlock("svg",B,S))],64)):t.createCommentVNode("",!0)])))),128)),E],4))}}),[["__scopeId","data-v-574bc864"]]);V.install=e=>{e.component(V.__name,V)};const N={class:"m-countdown"},C={class:"u-title"},M={class:"u-time"},_={key:2},x=h(t.defineComponent({__name:"Countdown",props:{countdown:{default:0},title:{default:"Countdown"},format:{default:"HH:mm:ss"},prefix:{default:""},suffix:{default:""},finishedText:{default:""}},emits:["finish"],setup(e,{emit:a}){const l=e,o=t.ref(l.countdown);function n(e){return e<10?"0"+e:String(e)}const r=t.computed((()=>function(e){let t=l.format;if(t.includes("s"))var a=e;else a=0;if(t.includes("m")){a%=60;var o=Math.floor((e-a)/60)}else o=0;if(t.includes("H")){o%=60;var r=Math.floor((e-a-60*o)/60/60)}else r=0;if(t.includes("D")){r%=24;var u=Math.floor((e-a-60*o-60*r*60)/60/60/24)}else u=0;if(t.includes("M")){u%=30;var i=Math.floor((e-a-60*o-60*r*60-24*u*60*60)/60/60/24/30)}else i=0;if(t.includes("Y")){i%=12;var s=Math.floor((e-a-60*o-60*r*60-24*u*60*60-30*i*24*60*60)/60/60/24/30/12)}else s=0;return t=t.includes("ss")?t.replace("ss",n(a)):t.replace("s",String(a)),t=t.includes("mm")?t.replace("mm",n(o)):t.replace("m",String(o)),t=t.includes("HH")?t.replace("HH",n(r)):t.replace("H",String(r)),t=t.includes("DD")?t.replace("DD",n(u)):t.replace("D",String(u)),t=t.includes("MM")?t.replace("MM",n(i)):t.replace("M",String(i)),t=t.includes("YY")?t.replace("YY",n(s)):t.replace("Y",String(s)),t}(o.value)));function u(e){setTimeout((()=>{e.value--,e.value>0?u(e):a("finish")}),1e3)}return t.onMounted((()=>{o.value>Date.now()&&(o.value=Math.floor((o.value-Date.now())/1e3)),u(o)})),(a,n)=>(t.openBlock(),t.createElementBlock("div",N,[t.renderSlot(a.$slots,"title",{},(()=>[t.createElementVNode("p",C,t.toDisplayString(l.title),1)]),!0),t.createElementVNode("div",M,[o.value>0?t.renderSlot(a.$slots,"prefix",{key:0},(()=>[t.createTextVNode(t.toDisplayString(e.prefix),1)]),!0):t.createCommentVNode("",!0),e.finishedText&&0===o.value?t.renderSlot(a.$slots,"finish",{key:1},(()=>[t.createTextVNode(t.toDisplayString(e.finishedText),1)]),!0):(t.openBlock(),t.createElementBlock("span",_,t.toDisplayString(t.unref(r)),1)),o.value>0?t.renderSlot(a.$slots,"suffix",{key:3},(()=>[t.createTextVNode(t.toDisplayString(e.suffix),1)]),!0):t.createCommentVNode("",!0)])]))}}),[["__scopeId","data-v-203f9659"]]);x.install=e=>{e.component(x.__name,x)};const b=e=>(t.pushScopeId("data-v-19a2828d"),e=e(),t.popScopeId(),e),D=["src","poster","width","height","autoplay","controls","loop","muted","preload","onClickOnce"],z=[b((()=>t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"},null,-1))),b((()=>t.createElementVNode("path",{stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M15.25 12L9.75 8.75V15.25L15.25 12Z"},null,-1)))],L=h(t.defineComponent({__name:"Video",props:{videoUrl:{default:""},videoCover:{default:""},width:{default:800},height:{default:450},autoplay:{type:Boolean,default:!1},controls:{type:Boolean,default:!0},loop:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},preload:{default:"auto"},showPlay:{type:Boolean,default:!1},playWidth:{default:96},zoom:{default:"none"}},setup(e){const a=e,l=t.ref(!0),o=t.ref(!1),n=t.ref(null);function r(){var e,t;a.autoplay?null==(e=n.value)||e.pause():(o.value=!0,l.value=!1,null==(t=n.value)||t.play())}function u(){o.value=!1}function i(){o.value=!0}return t.onMounted((()=>{var e,t;a.showPlay&&(null==(e=n.value)||e.addEventListener("pause",u),null==(t=n.value)||t.addEventListener("playing",i)),a.autoplay&&(o.value=!0,l.value=!1)})),t.onUnmounted((()=>{var e,t;null==(e=n.value)||e.removeEventListener("pause",u),null==(t=n.value)||t.removeEventListener("playing",i)})),(a,u)=>(t.openBlock(),t.createElementBlock("div",{class:"m-video",style:t.normalizeStyle(`width: ${e.width}px; height: ${e.height}px;`)},[t.createElementVNode("video",{ref_key:"veo",ref:n,style:t.normalizeStyle(`object-fit: ${e.zoom};`),src:e.videoUrl,poster:e.videoCover,width:e.width,height:e.height,autoplay:e.autoplay,controls:!l.value&&e.controls,loop:e.loop,muted:e.autoplay||e.muted,preload:e.preload,onClickOnce:t.withModifiers(r,["prevent"])}," 您的浏览器不支持video标签。 ",44,D),t.withDirectives((t.openBlock(),t.createElementBlock("svg",{class:t.normalizeClass([o.value?"hidden":"u-play"]),style:t.normalizeStyle(`width: ${e.playWidth}px; height: ${e.playWidth}px;`),viewBox:"0 0 24 24"},z,6)),[[t.vShow,l.value||e.showPlay]])],4))}}),[["__scopeId","data-v-19a2828d"]]);L.install=e=>{e.component(L.__name,L)};const T=[g,V,x,L],H={install:e=>{T.forEach((t=>e.component(t.__name,t)))}};e.Breadcrumb=V,e.Countdown=x,e.Pagination=g,e.Video=L,e.default=H,Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-amazing-ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "private": false,
   "type": "module",
   "files": [