@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/InfiniteLoading.js

@@ -0,0 +1,265 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, computed, onMounted, onUnmounted, ref, onActivated, onDeactivated, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("infiniteloading");
+const _sfc_main = create({
+  props: {
+    hasMore: {
+      type: Boolean,
+      default: true
+    },
+    threshold: {
+      type: Number,
+      default: 200
+    },
+    pullIcon: {
+      type: String,
+      default: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png"
+    },
+    pullTxt: {
+      type: String,
+      default: "\u677E\u5F00\u5237\u65B0"
+    },
+    loadIcon: {
+      type: String,
+      default: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png"
+    },
+    loadTxt: {
+      type: String,
+      default: "\u52A0\u8F7D\u4E2D\xB7\xB7\xB7"
+    },
+    loadMoreTxt: {
+      type: String,
+      default: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
+    },
+    useWindow: {
+      type: Boolean,
+      default: true
+    },
+    containerId: {
+      type: String,
+      default: ""
+    },
+    useCapture: {
+      type: Boolean,
+      default: false
+    },
+    isOpenRefresh: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["scroll-change", "load-more", "refresh"],
+  setup(props, { emit, slots }) {
+    const state = reactive({
+      scrollEl: window,
+      scroller: null,
+      refreshTop: null,
+      beforeScrollTop: 0,
+      isTouching: false,
+      isInfiniting: false,
+      refreshMaxH: 0,
+      y: 0,
+      x: 0,
+      distance: 0
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getStyle = computed(() => {
+      return {
+        height: state.distance < 0 ? `0px` : `${state.distance}px`,
+        transition: state.isTouching ? `height 0s cubic-bezier(0.25,0.1,0.25,1)` : `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`
+      };
+    });
+    const getParentElement = (el) => {
+      return !!props.containerId ? document.querySelector(`#${props.containerId}`) : el && el.parentNode;
+    };
+    const requestAniFrame = () => {
+      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
+        window.setTimeout(callback, 1e3 / 60);
+      };
+    };
+    const getWindowScrollTop = () => {
+      return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+    };
+    const calculateTopPosition = (el) => {
+      return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
+    };
+    const isScrollAtBottom = () => {
+      let offsetDistance = 0;
+      let resScrollTop = 0;
+      let direction = "down";
+      const windowScrollTop = getWindowScrollTop();
+      if (props.useWindow) {
+        if (state.scroller) {
+          offsetDistance = calculateTopPosition(state.scroller) + state.scroller.offsetHeight - windowScrollTop - window.innerHeight;
+        }
+        resScrollTop = windowScrollTop;
+      } else {
+        const { scrollHeight, clientHeight, scrollTop } = state.scrollEl;
+        offsetDistance = scrollHeight - clientHeight - scrollTop;
+        resScrollTop = scrollTop;
+      }
+      if (state.beforeScrollTop > resScrollTop) {
+        direction = "up";
+      } else {
+        direction = "down";
+      }
+      state.beforeScrollTop = resScrollTop;
+      emit("scroll-change", resScrollTop);
+      return offsetDistance <= props.threshold && direction == "down";
+    };
+    const infiniteDone = () => {
+      state.isInfiniting = false;
+    };
+    const handleScroll = () => {
+      requestAniFrame()(() => {
+        if (!isScrollAtBottom() || !props.hasMore || state.isInfiniting) {
+          return false;
+        } else {
+          state.isInfiniting = true;
+          emit("load-more", infiniteDone);
+        }
+      });
+    };
+    const scrollListener = () => {
+      state.scrollEl.addEventListener("scroll", handleScroll, props.useCapture);
+    };
+    const refreshDone = () => {
+      state.distance = 0;
+      state.isTouching = false;
+    };
+    const touchStart = (event) => {
+      if (state.beforeScrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
+        state.y = event.touches[0].pageY;
+        state.isTouching = true;
+        const childHeight = state.refreshTop.firstElementChild.offsetHeight;
+        state.refreshMaxH = Math.floor(childHeight * 1 + 10);
+      }
+    };
+    const touchMove = (event) => {
+      state.distance = event.touches[0].pageY - state.y;
+      if (state.distance > 0 && state.isTouching) {
+        event.preventDefault();
+        if (state.distance >= state.refreshMaxH)
+          state.distance = state.refreshMaxH;
+      } else {
+        state.distance = 0;
+        state.isTouching = false;
+      }
+    };
+    const touchEnd = () => {
+      if (state.distance < state.refreshMaxH) {
+        state.distance = 0;
+      } else {
+        emit("refresh", refreshDone);
+      }
+    };
+    onMounted(() => {
+      const parentElement = getParentElement(state.scroller);
+      state.scrollEl = props.useWindow ? window : parentElement;
+      scrollListener();
+    });
+    onUnmounted(() => {
+      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
+    });
+    const isKeepAlive = ref(false);
+    onActivated(() => {
+      if (isKeepAlive.value) {
+        isKeepAlive.value = false;
+        scrollListener();
+      }
+    });
+    onDeactivated(() => {
+      isKeepAlive.value = true;
+      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
+    });
+    return __spreadProps(__spreadValues({
+      classes
+    }, toRefs(state)), {
+      touchStart,
+      touchMove,
+      touchEnd,
+      getStyle
+    });
+  }
+});
+const _hoisted_1 = { class: "top-box" };
+const _hoisted_2 = { class: "top-text" };
+const _hoisted_3 = { class: "nut-infinite-container" };
+const _hoisted_4 = { class: "nut-infinite-bottom" };
+const _hoisted_5 = {
+  key: 0,
+  class: "bottom-box"
+};
+const _hoisted_6 = { class: "bottom-text" };
+const _hoisted_7 = {
+  key: 1,
+  class: "tips"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "scroller",
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+  }, [
+    createElementVNode("view", {
+      class: "nut-infinite-top",
+      ref: "refreshTop",
+      style: normalizeStyle(_ctx.getStyle)
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createVNode(_component_nut_icon, {
+          class: "top-img",
+          name: _ctx.pullIcon
+        }, null, 8, ["name"]),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt), 1)
+      ])
+    ], 4),
+    createElementVNode("view", _hoisted_3, [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    createElementVNode("view", _hoisted_4, [
+      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        createVNode(_component_nut_icon, {
+          class: "bottom-img",
+          name: _ctx.loadIcon
+        }, null, 8, ["name"]),
+        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt), 1)
+      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
+    ])
+  ], 34);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Input.js

@@ -0,0 +1,183 @@
+/*!
+* @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, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeStyle, withDirectives, createVNode, vShow } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+function trimExtraChar(value, char, regExp) {
+  const index2 = value.indexOf(char);
+  if (index2 === -1) {
+    return value;
+  }
+  if (char === "-" && index2 !== 0) {
+    return value.slice(0, index2);
+  }
+  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
+}
+function formatNumber(value, allowDot = true, allowMinus = true) {
+  if (allowDot) {
+    value = trimExtraChar(value, ".", /\./g);
+  } else {
+    value = value.replace(/\./g, "");
+  }
+  if (allowMinus) {
+    value = trimExtraChar(value, "-", /-/g);
+  } else {
+    value = value.replace(/-/, "");
+  }
+  const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+  return value.replace(regExp, "");
+}
+const { componentName, create } = createComponent("input");
+const _sfc_main = create({
+  props: {
+    type: {
+      type: String,
+      default: "text"
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165\u4FE1\u606F"
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    requireShow: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    textAlign: {
+      type: String,
+      default: "left"
+    },
+    maxLength: {
+      type: [String, Number],
+      default: ""
+    },
+    clearable: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: ["change", "update:modelValue", "blur", "focus", "clear"],
+  setup(props, { emit }) {
+    const active = ref(false);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-disabled`]: props.disabled,
+        [`${prefixCls}-require`]: props.requireShow
+      };
+    });
+    const styles = computed(() => {
+      return {
+        textAlign: props.textAlign
+      };
+    });
+    const valueChange = (event) => {
+      const input = event.target;
+      let val = input.value;
+      if (props.type === "digit") {
+        val = formatNumber(val, true);
+      }
+      if (props.type === "number") {
+        val = formatNumber(val, false);
+      }
+      if (props.maxLength && val.length > Number(props.maxLength)) {
+        val = val.slice(0, Number(props.maxLength));
+      }
+      emit("update:modelValue", val, event);
+      emit("change", val, event);
+    };
+    const valueFocus = (event) => {
+      const input = event.target;
+      let value = input.value;
+      active.value = true;
+      emit("focus", value, event);
+    };
+    const valueBlur = (event) => {
+      setTimeout(() => {
+        active.value = false;
+      }, 0);
+      const input = event.target;
+      let value = input.value;
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
+      }
+      emit("blur", value, event);
+    };
+    const handleClear = (event) => {
+      emit("update:modelValue", "", event);
+      emit("change", "", event);
+      emit("clear", "");
+    };
+    return {
+      active,
+      classes,
+      styles,
+      valueChange,
+      valueFocus,
+      valueBlur,
+      handleClear
+    };
+  }
+});
+const _hoisted_1 = { class: "nut-input-label" };
+const _hoisted_2 = {
+  key: 0,
+  class: "label-string"
+};
+const _hoisted_3 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", _hoisted_1, [
+      _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("input", {
+      class: "input-text",
+      style: normalizeStyle(_ctx.styles),
+      type: _ctx.type,
+      maxlength: _ctx.maxLength,
+      placeholder: _ctx.placeholder,
+      disabled: _ctx.disabled,
+      readonly: _ctx.readonly,
+      value: _ctx.modelValue,
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+      onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+      onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
+    }, null, 44, _hoisted_3),
+    _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
+      key: 0,
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+      class: "nut-textinput-clear"
+    }, [
+      createVNode(_component_nut_icon, {
+        name: "close-little",
+        size: "12px"
+      })
+    ], 512)), [
+      [vShow, _ctx.active && _ctx.modelValue.length > 0]
+    ]) : createCommentVNode("", true)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/InputNumber.js

@@ -0,0 +1,172 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("inputnumber");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: 0
+    },
+    inputWidth: {
+      type: [Number, String],
+      default: ""
+    },
+    buttonSize: {
+      type: [Number, String],
+      default: ""
+    },
+    min: {
+      type: [Number, String],
+      default: 1
+    },
+    max: {
+      type: [Number, String],
+      default: 9999
+    },
+    step: {
+      type: [Number, String],
+      default: 1
+    },
+    decimalPlaces: {
+      type: [Number, String],
+      default: 0
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "blur",
+    "focus",
+    "reduce",
+    "add",
+    "overlimit"
+  ],
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--disabled`]: props.disabled
+      };
+    });
+    const fixedDecimalPlaces = (v) => {
+      return Number(v).toFixed(Number(props.decimalPlaces));
+    };
+    const change = (event) => {
+      const input = event.target;
+      emit("update:modelValue", input.valueAsNumber, event);
+    };
+    const emitChange = (value, event) => {
+      let output_value = fixedDecimalPlaces(value);
+      emit("change", output_value, event);
+      emit("update:modelValue", output_value, event);
+    };
+    const addAllow = (value = Number(props.modelValue)) => {
+      return value < Number(props.max) && !props.disabled;
+    };
+    const reduceAllow = (value = Number(props.modelValue)) => {
+      return value > Number(props.min) && !props.disabled;
+    };
+    const reduce = (event) => {
+      emit("reduce", event);
+      if (reduceAllow()) {
+        let output_value = Number(props.modelValue) - Number(props.step);
+        emitChange(output_value, event);
+      } else {
+        emit("overlimit", event);
+      }
+    };
+    const add = (event) => {
+      emit("add", event);
+      if (addAllow()) {
+        let output_value = Number(props.modelValue) + Number(props.step);
+        emitChange(output_value, event);
+      } else {
+        emit("overlimit", event);
+      }
+    };
+    const focus = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly)
+        return;
+      emit("focus", event);
+    };
+    const blur = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly)
+        return;
+      const input = event.target;
+      let value = input.valueAsNumber;
+      if (value < Number(props.min)) {
+        value = Number(props.min);
+      } else if (value > Number(props.max)) {
+        value = Number(props.max);
+      }
+      emitChange(value, event);
+      emit("blur", event);
+    };
+    return {
+      classes,
+      change,
+      blur,
+      focus,
+      add,
+      addAllow,
+      reduce,
+      reduceAllow,
+      pxCheck
+    };
+  }
+});
+const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
+  }, [
+    createVNode(_component_nut_icon, {
+      name: "minus",
+      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
+      size: _ctx.buttonSize,
+      onClick: _ctx.reduce
+    }, null, 8, ["class", "size", "onClick"]),
+    createElementVNode("input", {
+      type: "number",
+      min: _ctx.min,
+      max: _ctx.max,
+      style: normalizeStyle({ width: _ctx.pxCheck(_ctx.inputWidth) }),
+      disabled: _ctx.disabled,
+      readonly: _ctx.readonly,
+      value: _ctx.modelValue,
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
+      onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
+      onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
+    }, null, 44, _hoisted_1),
+    createVNode(_component_nut_icon, {
+      name: "plus",
+      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
+      size: _ctx.buttonSize,
+      onClick: _ctx.add
+    }, null, 8, ["class", "size", "onClick"])
+  ], 6);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Layout.js

@@ -0,0 +1,10 @@
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import "vue";
+const { create } = createComponent("layout");
+const _sfc_main = create({});
+export { _sfc_main as default };