@nutui/nutui 3.1.21-beta.0 → 3.1.21-beta.1

package/dist/packages/_es/Popover.js

@@ -0,0 +1,208 @@
+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.21-beta.0 Fri Apr 29 2022 13:06:00 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

@@ -0,0 +1,317 @@
+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.21-beta.0 Fri Apr 29 2022 13:06:00 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

@@ -0,0 +1,123 @@
+/*!
+* @nutui/nutui v3.1.21-beta.0 Fri Apr 29 2022 13:06:00 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 };