@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/NumberKeyboard.js

@@ -0,0 +1,248 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { ref, computed, watch, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { create } = createComponent("numberkeyboard");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    customKey: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    maxlength: {
+      type: [Number, String],
+      default: 6
+    },
+    randomKeys: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["input", "delete", "close", "update:value"],
+  setup(props, { emit }) {
+    const clickKeyIndex = ref(void 0);
+    const show = ref(props.visible);
+    const root = ref();
+    function defaultKey() {
+      return [
+        ...getBasicKeys(),
+        { id: "lock", type: "lock" },
+        { id: 0, type: "number" },
+        { id: "delete", type: "delete" }
+      ];
+    }
+    function getBasicKeys() {
+      const keys = [];
+      for (let i = 1; i <= 9; i++) {
+        keys.push({ id: i, type: "number" });
+      }
+      if (props.randomKeys) {
+        return keys.sort(() => Math.random() > 0.5 ? 1 : -1);
+      }
+      return keys;
+    }
+    function genCustomKeys() {
+      const keys = getBasicKeys();
+      const { customKey } = props;
+      let customKeys = Array.isArray(customKey) ? customKey : [customKey];
+      if (customKeys.length > 2) {
+        customKeys = [customKeys[0], customKeys[1]];
+      }
+      if (customKeys.length === 1) {
+        if (props.title) {
+          keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
+        } else {
+          keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
+        }
+      } else if (customKeys.length === 2) {
+        keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
+        if (props.title) {
+          keys.push({ id: "delete", type: "delete" });
+        }
+      } else {
+        keys.push({ id: 0, type: "number" });
+      }
+      return keys;
+    }
+    const keysList = computed(() => {
+      if (props.type == "rightColumn" || props.title != "") {
+        return genCustomKeys();
+      }
+      return defaultKey();
+    });
+    watch(() => props.visible, (value) => {
+      show.value = value;
+    });
+    function onTouchstart(item, event) {
+      event.stopPropagation();
+      clickKeyIndex.value = item.id;
+      if (item.type == "number" || item.type == "custom") {
+        emit("input", item.id);
+        if (props.value.length < props.maxlength) {
+          emit("update:value", props.value + item.id);
+        }
+      }
+      if (item.type == "lock") {
+        closeBoard();
+      }
+      if (item.type == "delete") {
+        emit("delete");
+        emit("update:value", props.value.slice(0, props.value.length - 1));
+      }
+    }
+    function onTouchMove(id, event) {
+      event.stopPropagation();
+    }
+    function onTouchEnd() {
+      clickKeyIndex.value = void 0;
+    }
+    function closeBoard() {
+      emit("close");
+    }
+    onMounted(() => {
+    });
+    return {
+      clickKeyIndex,
+      defaultKey,
+      closeBoard,
+      onTouchEnd,
+      onTouchMove,
+      onTouchstart,
+      keysList,
+      genCustomKeys,
+      getBasicKeys,
+      root,
+      show
+    };
+  }
+});
+const _hoisted_1 = {
+  class: "nut-numberkeyboard",
+  ref: "root"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "number-board-header"
+};
+const _hoisted_3 = { class: "tit" };
+const _hoisted_4 = { class: "number-board-body" };
+const _hoisted_5 = { class: "number-board" };
+const _hoisted_6 = ["onTouchstart", "onTouchmove"];
+const _hoisted_7 = {
+  key: 1,
+  src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png"
+};
+const _hoisted_8 = {
+  key: 2,
+  src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "number-board-sidebar"
+};
+const _hoisted_10 = { class: "key-board-wrapper" };
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png" }, null, -1);
+const _hoisted_12 = [
+  _hoisted_11
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createBlock(_component_nut_popup, {
+    visible: _ctx.show,
+    "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
+    position: "bottom",
+    onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
+    "overlay-class": "nut-numberkeyboard-overlay"
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", _hoisted_1, [
+        _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createElementVNode("h3", _hoisted_3, toDisplayString(_ctx.title), 1),
+          createElementVNode("span", {
+            class: "keyboard-close",
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
+          }, "\u5B8C\u6210")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_5, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.keysList, (item) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass([
+                  "key-board-wrapper",
+                  {
+                    "key-board-wrapper-large": item.id == 0 && _ctx.type == "rightColumn" && Array.isArray(_ctx.customKey) && _ctx.customKey.length == 1
+                  }
+                ]),
+                key: "key" + item.id
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([
+                    "key",
+                    { active: item.id == _ctx.clickKeyIndex },
+                    { lock: item.type == "lock" },
+                    { delete: item.type == "delete" }
+                  ]),
+                  onTouchstart: (event) => _ctx.onTouchstart(item, event),
+                  onTouchmove: (event) => _ctx.onTouchMove(item, event),
+                  onTouchend: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+                }, [
+                  item.type == "number" || item.type == "custom" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createTextVNode(toDisplayString(item.id), 1)
+                  ], 64)) : createCommentVNode("", true),
+                  item.type == "lock" ? (openBlock(), createElementBlock("img", _hoisted_7)) : createCommentVNode("", true),
+                  item.type == "delete" ? (openBlock(), createElementBlock("img", _hoisted_8)) : createCommentVNode("", true)
+                ], 42, _hoisted_6)
+              ], 2);
+            }), 128))
+          ]),
+          _ctx.type == "rightColumn" ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
+              createElementVNode("div", {
+                class: normalizeClass(["key", { active: _ctx.clickKeyIndex == "delete" }]),
+                onTouchstart: _cache[2] || (_cache[2] = (event) => _ctx.onTouchstart({ id: "delete", type: "delete" }, event)),
+                onTouchmove: _cache[3] || (_cache[3] = (event) => _ctx.onTouchMove({ id: "delete", type: "delete" }, event)),
+                onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
+              }, _hoisted_12, 34)
+            ]),
+            _ctx.title == "" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "key-board-wrapper",
+              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass([
+                  "key",
+                  "finish",
+                  { activeFinsh: _ctx.clickKeyIndex == "finish" }
+                ])
+              }, " \u5B8C\u6210 ", 2)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 512)
+    ]),
+    _: 1
+  }, 8, ["visible"]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/OverLay.js

@@ -0,0 +1,118 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, withModifiers, normalizeStyle, renderSlot, vShow } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("overlay");
+const overlayProps = {
+  visible: {
+    type: Boolean,
+    default: false
+  },
+  zIndex: {
+    type: [Number, String],
+    default: 2e3
+  },
+  duration: {
+    type: [Number, String],
+    default: 0.3
+  },
+  overlayClass: {
+    type: String,
+    default: ""
+  },
+  lockScroll: {
+    type: Boolean,
+    default: true
+  },
+  overlayStyle: {
+    type: Object
+  },
+  closeOnClickOverlay: {
+    type: Boolean,
+    default: true
+  }
+};
+const _sfc_main = create({
+  props: overlayProps,
+  emits: ["click", "update:visible"],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [props.overlayClass]: true
+      };
+    });
+    watch(() => props.visible, (value) => {
+      value ? lock() : unlock();
+    });
+    const lock = () => {
+      if (props.lockScroll && props.visible) {
+        document.body.classList.add("nut-overflow-hidden");
+      }
+    };
+    const unlock = () => {
+      document.body.classList.remove("nut-overflow-hidden");
+    };
+    onDeactivated(unlock);
+    onBeforeUnmount(unlock);
+    onMounted(lock);
+    onActivated(lock);
+    const style = computed(() => {
+      return __spreadValues({
+        animationDuration: `${props.duration}s`,
+        zIndex: props.zIndex
+      }, props.overlayStyle);
+    });
+    const touchmove = (e) => {
+      if (props.lockScroll)
+        e.preventDefault();
+    };
+    const onClick = (e) => {
+      emit("click", e);
+      if (props.closeOnClickOverlay) {
+        emit("update:visible", false);
+      }
+    };
+    return { classes, style, touchmove, onClick };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("view", {
+        class: normalizeClass(_ctx.classes),
+        onTouchmove: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.touchmove && _ctx.touchmove(...args), ["stop"])),
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+        style: normalizeStyle(_ctx.style)
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 38), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  });
+}
+var overlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { overlay as default, overlayProps };

package/dist/packages/_es/Pagination.js

@@ -0,0 +1,163 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { toRefs, computed, watchEffect, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("pagination");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: Number,
+      default: 1
+    },
+    mode: {
+      type: String,
+      default: "multi"
+    },
+    prevText: {
+      type: String,
+      default: "\u4E0A\u4E00\u9875"
+    },
+    nextText: {
+      type: String,
+      default: "\u4E0B\u4E00\u9875"
+    },
+    pageCount: {
+      type: [String, Number],
+      default: ""
+    },
+    totalItems: {
+      type: [String, Number],
+      default: "0"
+    },
+    itemsPerPage: {
+      type: [String, Number],
+      default: "10"
+    },
+    showPageSize: {
+      type: [String, Number],
+      default: "5"
+    },
+    forceEllipses: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {},
+  emits: ["change", "update:modelValue"],
+  setup(props, { emit }) {
+    const { modelValue, mode, showPageSize, forceEllipses } = toRefs(props);
+    const countRef = computed(() => {
+      const { pageCount, totalItems, itemsPerPage } = toRefs(props);
+      const num = +pageCount.value || Math.ceil(+totalItems.value / +itemsPerPage.value);
+      return Math.max(1, num);
+    });
+    const select = (curPage, isSelect) => {
+      if (curPage > countRef.value || curPage < 1)
+        return;
+      if (curPage != modelValue.value)
+        emit("update:modelValue", curPage);
+      if (isSelect)
+        emit("change", curPage);
+    };
+    const setPage = (number, text, active) => {
+      return { number, text, active };
+    };
+    const pages = computed(() => {
+      if (mode.value == "simple")
+        return;
+      let items = [];
+      const pageCount = countRef.value;
+      const pageSize = showPageSize.value;
+      let startPage = 1;
+      let endPage = pageCount;
+      const partialShow = pageCount > pageSize;
+      if (partialShow) {
+        startPage = Math.max(modelValue.value - Math.floor(pageSize / 2), 1);
+        endPage = startPage + pageSize - 1;
+        if (endPage > pageCount) {
+          endPage = pageCount;
+          startPage = endPage - pageSize + 1;
+        }
+      }
+      for (var i = startPage; i <= endPage; i++) {
+        const page = setPage(i, i, modelValue.value == i);
+        items.push(page);
+      }
+      if (partialShow && pageSize > 0 && forceEllipses.value) {
+        if (startPage > 1) {
+          const prevPage = setPage(startPage - 1, "...");
+          items.unshift(prevPage);
+        }
+        if (endPage < pageCount) {
+          const nextPage = setPage(endPage + 1, "...");
+          items.push(nextPage);
+        }
+      }
+      return items;
+    });
+    watchEffect(() => {
+      select(modelValue.value, false);
+    });
+    return {
+      modelValue,
+      select,
+      countRef,
+      mode,
+      pages,
+      forceEllipses
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-pagination" };
+const _hoisted_2 = {
+  key: 0,
+  class: "nut-pagination-contain"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 1,
+  class: "nut-pagination-contain"
+};
+const _hoisted_5 = { class: "nut-pagination-simple" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-prev", _ctx.mode == "multi" ? "" : "simple-border", _ctx.modelValue == 1 ? "disabled" : ""]),
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.select(_ctx.modelValue - 1, true))
+    }, [
+      renderSlot(_ctx.$slots, "prev-text", {}, () => [
+        createTextVNode(toDisplayString(_ctx.prevText), 1)
+      ])
+    ], 2),
+    _ctx.mode == "multi" ? (openBlock(), createElementBlock("view", _hoisted_2, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.pages, (item, index2) => {
+        return openBlock(), createElementBlock("view", {
+          key: index2 + "pagination",
+          class: normalizeClass(["nut-pagination-item", item.active ? "active" : ""]),
+          onClick: ($event) => _ctx.select(item.number, true)
+        }, [
+          renderSlot(_ctx.$slots, "page", { item }, () => [
+            createTextVNode(toDisplayString(item.text), 1)
+          ])
+        ], 10, _hoisted_3);
+      }), 128))
+    ])) : createCommentVNode("", true),
+    _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4, [
+      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.modelValue) + "/" + toDisplayString(_ctx.countRef), 1)
+    ])) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: normalizeClass(["nut-pagination-next", _ctx.modelValue >= _ctx.countRef ? "disabled" : ""]),
+      onClick: _cache[1] || (_cache[1] = ($event) => _ctx.select(_ctx.modelValue + 1, true))
+    }, [
+      renderSlot(_ctx.$slots, "next-text", {}, () => [
+        createTextVNode(toDisplayString(_ctx.nextText), 1)
+      ])
+    ], 2)
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };