@nutui/nutui 3.1.19 → 3.1.21-beta.0

package/dist/packages/_es/Popover.js

@@ -1,208 +0,0 @@
-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.19 Mon Apr 25 2022 17:26:38 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { ref, reactive, toRefs, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, withModifiers, normalizeClass, createElementVNode, renderSlot, Fragment, normalizeStyle, renderList, createVNode, createCommentVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component.js";
-import Popup, { popupProps } from "./Popup.js";
-import Button from "./Button.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-import "./OverLay.js";
-import "./Icon.js";
-import "./pxCheck.js";
-const { componentName, create } = createComponent("popover");
-const _sfc_main = create({
-  inheritAttrs: false,
-  components: {
-    [Popup.name]: Popup,
-    [Button.name]: Button
-  },
-  props: __spreadProps(__spreadValues({}, popupProps), {
-    list: {
-      type: Array,
-      default: []
-    },
-    theme: {
-      type: String,
-      default: "light"
-    },
-    location: {
-      type: String,
-      default: "bottom"
-    }
-  }),
-  emits: ["update", "update:visible", "close", "choose", "openPopover"],
-  setup(props, { emit }) {
-    const reference = ref();
-    const state = reactive({
-      elWidth: 0,
-      elHeight: 0
-    });
-    const showPopup = ref(props.visible);
-    const { theme, location } = toRefs(props);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${theme.value}`]: theme.value
-      };
-    });
-    const popoverContent = computed(() => {
-      const prefixCls = "popoverContent";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${location.value}`]: location.value
-      };
-    });
-    const popoverArrow = computed(() => {
-      const prefixCls = "popoverArrow";
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${location.value}`]: location.value
-      };
-    });
-    function getReference() {
-      state.elWidth = reference.value.offsetWidth;
-      state.elHeight = reference.value.offsetHeight;
-    }
-    const getStyle = computed(() => {
-      const style = {};
-      if (location.value == "top") {
-        style.bottom = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
-      } else if (location.value == "right") {
-        style.top = 0 + "px";
-        style.right = -state.elWidth + "px";
-      } else if (location.value == "left") {
-        style.top = 0 + "px";
-        style.left = -state.elWidth + "px";
-      } else {
-        style.top = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
-      }
-      return style;
-    });
-    const getArrowStyle = computed(() => {
-      const style = {};
-      if (location.value == "top") {
-        style.bottom = -20 + "px";
-        style.left = state.elWidth / 2 + "px";
-      } else if (location.value == "right") {
-        style.top = 20 + "px";
-        style.left = -20 + "px";
-      } else if (location.value == "left") {
-        style.top = 20 + "px";
-        style.right = -20 + "px";
-      } else {
-        style.left = state.elWidth / 2 + "px";
-        style.top = -20 + "px";
-      }
-      return style;
-    });
-    onMounted(() => {
-      getReference();
-    });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    const update = (val) => {
-      emit("update", val);
-      emit("update:visible", val);
-    };
-    const openPopover = () => {
-      update(!props.visible);
-      emit("open");
-    };
-    const closePopover = () => {
-      emit("close");
-      emit("update:visible", false);
-    };
-    const chooseItem = (item, index2) => {
-      if (item.disabled) {
-        return;
-      }
-      emit("choose", item, index2);
-    };
-    return {
-      classes,
-      showPopup,
-      openPopover,
-      popoverContent,
-      popoverArrow,
-      closePopover,
-      chooseItem,
-      getReference,
-      reference,
-      getStyle,
-      getArrowStyle
-    };
-  }
-});
-const _hoisted_1 = { ref: "reference" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "title-name" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
-    class: normalizeClass(_ctx.classes)
-  }, [
-    createElementVNode("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "reference")
-    ], 512),
-    _ctx.showPopup ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createElementVNode("view", {
-        class: "more-background",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closePopover && _ctx.closePopover(...args), ["stop"]))
-      }),
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.popoverContent),
-        style: normalizeStyle(_ctx.getStyle)
-      }, [
-        createElementVNode("view", {
-          class: normalizeClass(_ctx.popoverArrow),
-          style: normalizeStyle(_ctx.getArrowStyle)
-        }, null, 6),
-        renderSlot(_ctx.$slots, "content"),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
-          return openBlock(), createElementBlock("view", {
-            key: index2,
-            class: normalizeClass({ "title-item": true, disabled: item.disabled }),
-            onClick: withModifiers(($event) => _ctx.chooseItem(item, index2), ["stop"])
-          }, [
-            item.icon ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-              createVNode(_component_nut_icon, {
-                class: "item-img",
-                name: item.icon
-              }, null, 8, ["name"])
-            ]) : createCommentVNode("", true),
-            createElementVNode("view", _hoisted_3, toDisplayString(item.name), 1)
-          ], 10, _hoisted_2);
-        }), 128))
-      ], 6)
-    ], 64)) : createCommentVNode("", true)
-  ], 2);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };

package/dist/packages/_es/Popup.js

@@ -1,317 +0,0 @@
-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.19 Mon Apr 25 2022 17:26:38 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createBlock, Teleport, normalizeClass, normalizeStyle, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, vShow } from "vue";
-import overlay, { overlayProps } from "./OverLay.js";
-import _sfc_main$1 from "./Icon.js";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-import "./pxCheck.js";
-let count = 0;
-const CLSNAME = "nut-overflow-hidden";
-const useLockScroll = (isLock) => {
-  const lock = () => {
-    if (isLock()) {
-      !count && document.body.classList.add(CLSNAME);
-      count++;
-    }
-  };
-  const unlock = () => {
-    if (isLock() && count) {
-      count--;
-      !count && document.body.classList.remove(CLSNAME);
-    }
-  };
-  return [lock, unlock];
-};
-const { componentName, create } = createComponent("popup");
-let _zIndex = 2e3;
-const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
-  position: {
-    type: String,
-    default: "center"
-  },
-  transition: String,
-  style: {
-    type: Object
-  },
-  popClass: {
-    type: String,
-    default: ""
-  },
-  closeable: {
-    type: Boolean,
-    default: false
-  },
-  closeIconPosition: {
-    type: String,
-    default: "top-right"
-  },
-  closeIcon: {
-    type: String,
-    default: "close"
-  },
-  destroyOnClose: {
-    type: Boolean,
-    default: true
-  },
-  teleport: {
-    type: [String, Element],
-    default: "body"
-  },
-  overlay: {
-    type: Boolean,
-    default: true
-  },
-  round: {
-    type: Boolean,
-    default: false
-  },
-  isWrapTeleport: {
-    type: Boolean,
-    default: true
-  },
-  safeAreaInsetBottom: {
-    type: Boolean,
-    default: false
-  }
-});
-const _sfc_main = create({
-  components: {
-    [overlay.name]: overlay,
-    [_sfc_main$1.name]: _sfc_main$1
-  },
-  props: __spreadValues({}, popupProps),
-  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
-  setup(props, { emit }) {
-    const state = reactive({
-      zIndex: props.zIndex ? props.zIndex : _zIndex,
-      showSlot: true,
-      transitionName: `popup-fade-${props.position}`,
-      overLayCount: 1,
-      keepAlive: false,
-      closed: props.closeable
-    });
-    const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
-    const classes = computed(() => {
-      const prefixCls = componentName;
-      return {
-        [prefixCls]: true,
-        ["round"]: props.round,
-        [`popup-${props.position}`]: true,
-        [`popup-${props.position}--safebottom`]: props.position === "bottom" && props.safeAreaInsetBottom,
-        [props.popClass]: true
-      };
-    });
-    const popStyle = computed(() => {
-      return __spreadValues({
-        zIndex: state.zIndex,
-        animationDuration: props.duration ? `${props.duration}s` : "initial"
-      }, props.style);
-    });
-    const open = () => {
-      if (!props.visible) {
-        if (props.zIndex !== void 0) {
-          _zIndex = Number(props.zIndex);
-        }
-        emit("update:visible", true);
-        lockScroll();
-        state.zIndex = ++_zIndex;
-      }
-      if (props.destroyOnClose) {
-        state.showSlot = true;
-      }
-      emit("open");
-    };
-    const close = () => {
-      if (props.visible) {
-        unlockScroll();
-        emit("update:visible", false);
-        if (props.destroyOnClose) {
-          setTimeout(() => {
-            state.showSlot = false;
-            emit("close");
-          }, +props.duration * 1e3);
-        }
-      }
-    };
-    const onClick = (e) => {
-      emit("click", e);
-    };
-    const onClickCloseIcon = (e) => {
-      emit("click-close-icon", e);
-      close();
-    };
-    const onClickOverlay = (e) => {
-      if (props.closeOnClickOverlay) {
-        emit("click-overlay", e);
-        close();
-      }
-    };
-    const onOpened = (e) => {
-      emit("opend", e);
-    };
-    const onClosed = (e) => {
-      emit("closed", e);
-    };
-    onMounted(() => {
-      props.transition ? state.transitionName = props.transition : state.transitionName = `popup-slide-${props.position}`;
-      props.visible && open();
-    });
-    onBeforeUnmount(() => {
-      props.visible && close();
-    });
-    onBeforeMount(() => {
-      if (props.visible) {
-        unlockScroll();
-      }
-    });
-    onActivated(() => {
-      if (state.keepAlive) {
-        emit("update:visible", true);
-        state.keepAlive = false;
-      }
-    });
-    onDeactivated(() => {
-      if (props.visible) {
-        close();
-        state.keepAlive = true;
-      }
-    });
-    watch(() => props.visible, (value) => {
-      if (value) {
-        open();
-      } else {
-        close();
-      }
-    });
-    watch(() => props.position, (value) => {
-      value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
-    });
-    watch(() => props.closeable, (value) => {
-      state.closed = value;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
-      popStyle,
-      classes,
-      onClick,
-      onClickCloseIcon,
-      onClickOverlay,
-      onOpened,
-      onClosed
-    });
-  }
-});
-const _hoisted_1 = { key: 1 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_overlay = resolveComponent("nut-overlay");
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
-    key: 0,
-    to: _ctx.teleport
-  }, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
-      key: 0,
-      visible: _ctx.visible,
-      "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      class: normalizeClass(_ctx.overlayClass),
-      style: normalizeStyle(_ctx.overlayStyle),
-      "z-index": _ctx.zIndex,
-      "lock-scroll": _ctx.lockScroll,
-      duration: _ctx.duration,
-      onClick: _ctx.onClickOverlay
-    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
-    createVNode(Transition, {
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed
-    }, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("view", {
-          class: normalizeClass(_ctx.classes),
-          style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closed ? (openBlock(), createElementBlock("view", {
-            key: 1,
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
-            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
-          }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.closeIcon,
-              size: "12px"
-            }, null, 8, ["name"])
-          ], 2)) : createCommentVNode("", true)
-        ], 6), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
-      key: 0,
-      visible: _ctx.visible,
-      "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      class: normalizeClass(_ctx.overlayClass),
-      style: normalizeStyle(_ctx.overlayStyle),
-      "z-index": _ctx.zIndex,
-      "lock-scroll": _ctx.lockScroll,
-      duration: _ctx.duration,
-      onClick: _ctx.onClickOverlay
-    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
-    createVNode(Transition, {
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed
-    }, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("view", {
-          class: normalizeClass(_ctx.classes),
-          style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closed ? (openBlock(), createElementBlock("view", {
-            key: 1,
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
-            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
-          }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.closeIcon,
-              size: "12px"
-            }, null, 8, ["name"])
-          ], 2)) : createCommentVNode("", true)
-        ], 6), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ]));
-}
-var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Popup as default, popupProps };

package/dist/packages/_es/Price.js

@@ -1,123 +0,0 @@
-/*!
-* @nutui/nutui v3.1.19 Mon Apr 25 2022 17:26:38 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "../locale/lang";
-const { componentName, create } = createComponent("price");
-const _sfc_main = create({
-  props: {
-    price: {
-      type: [Number, String],
-      default: 0
-    },
-    needSymbol: {
-      type: Boolean,
-      default: true
-    },
-    symbol: {
-      type: String,
-      default: "¥"
-    },
-    decimalDigits: {
-      type: [Number, String],
-      default: 2
-    },
-    thousands: {
-      type: Boolean,
-      default: false
-    },
-    position: {
-      type: String,
-      default: "before"
-    },
-    size: {
-      type: String,
-      default: "large"
-    }
-  },
-  setup(props) {
-    const classes = computed(() => {
-      return {
-        [componentName]: true
-      };
-    });
-    const showSymbol = computed(() => {
-      const symbol = props.needSymbol ? props.symbol : "";
-      return symbol;
-    });
-    const checkPoint = (price) => {
-      return String(price).indexOf(".") > 0;
-    };
-    const formatThousands = (num) => {
-      if (Number(num) == 0) {
-        num = 0;
-      }
-      if (checkPoint(num)) {
-        num = Number(num).toFixed(props.decimalDigits);
-        num = typeof num.split(".") === "string" ? num.split(".") : num.split(".")[0];
-      } else {
-        num = num.toString();
-      }
-      if (props.thousands) {
-        return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
-      } else {
-        return num;
-      }
-    };
-    const formatDecimal = (decimalNum) => {
-      if (Number(decimalNum) == 0) {
-        decimalNum = 0;
-      }
-      if (checkPoint(decimalNum)) {
-        decimalNum = Number(decimalNum).toFixed(props.decimalDigits);
-        decimalNum = typeof decimalNum.split(".") === "string" ? 0 : decimalNum.split(".")[1] ? decimalNum.split(".")[1] : 0;
-      } else {
-        decimalNum = 0;
-      }
-      const result = "0." + decimalNum;
-      const resultFixed = Number(result).toFixed(props.decimalDigits);
-      return String(resultFixed).substring(2, resultFixed.length);
-    };
-    return {
-      classes,
-      showSymbol,
-      checkPoint,
-      formatThousands,
-      formatDecimal
-    };
-  }
-});
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.needSymbol && _ctx.position == "before" ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
-      innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1)) : createCommentVNode("", true),
-    createElementVNode("view", {
-      class: normalizeClass(`nut-price--${_ctx.size}`)
-    }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
-    _ctx.decimalDigits != 0 ? (openBlock(), createElementBlock("view", {
-      key: 1,
-      class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
-    }, ".", 2)) : createCommentVNode("", true),
-    createElementVNode("view", {
-      class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
-    }, toDisplayString(_ctx.formatDecimal(_ctx.price)), 3),
-    _ctx.needSymbol && _ctx.position == "after" ? (openBlock(), createElementBlock("view", {
-      key: 2,
-      class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
-      innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_2)) : createCommentVNode("", true)
-  ], 2);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };