@nutui/nutui 3.1.10 → 3.1.12-beta.1

package/dist/packages/_es/Popover.js

@@ -17,25 +17,140 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = typeof require !== "undefined" ? require : (x) => {
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, toRefs, computed, onMounted, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, Fragment, normalizeStyle, renderList, createVNode, createCommentVNode, toDisplayString } from "vue";
+import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, ref, reactive, onMounted, watch, Fragment, renderList, createVNode, 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 "./OverLay.js";
-import "./Icon.js";
+import { _ as _sfc_main$2, a as _sfc_main$3, p as popupProps } from "./index3.js";
+import { u as useTaroRect } from "./index2.js";
+import Taro from "@tarojs/taro";
+import "./use-lock-scroll.js";
 import "./pxCheck.js";
+const { componentName: componentName$1, create: create$1 } = createComponent("button");
+var _sfc_main$1 = create$1({
+  components: {
+    [_sfc_main$2.name]: _sfc_main$2
+  },
+  props: {
+    color: String,
+    shape: {
+      type: String,
+      default: "round"
+    },
+    plain: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "default"
+    },
+    size: {
+      type: String,
+      default: "normal"
+    },
+    block: {
+      type: Boolean,
+      default: false
+    },
+    icon: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click"],
+  setup(props, { emit, slots }) {
+    const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
+    const handleClick = (event) => {
+      if (!loading.value && !disabled.value) {
+        emit("click", event);
+      }
+    };
+    const classes = computed(() => {
+      const prefixCls = componentName$1;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}--${type.value}`]: type.value,
+        [`${prefixCls}--${size.value}`]: size.value,
+        [`${prefixCls}--${shape.value}`]: shape.value,
+        [`${prefixCls}--plain`]: plain.value,
+        [`${prefixCls}--block`]: block.value,
+        [`${prefixCls}--disabled`]: disabled.value,
+        [`${prefixCls}--loading`]: loading.value
+      };
+    });
+    const getStyle = computed(() => {
+      var _a;
+      const style = {};
+      if (color == null ? void 0 : color.value) {
+        if (plain.value) {
+          style.color = color.value;
+          style.background = "#fff";
+          if (!((_a = color.value) == null ? void 0 : _a.includes("gradient"))) {
+            style.borderColor = color.value;
+          }
+        } else {
+          style.color = "#fff";
+          style.background = color.value;
+        }
+      }
+      return style;
+    });
+    return {
+      handleClick,
+      classes,
+      getStyle
+    };
+  }
+});
+const _hoisted_1$1 = { class: "nut-button__warp" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.getStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    createElementVNode("view", _hoisted_1$1, [
+      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 0,
+        class: "nut-icon-loading"
+      })) : createCommentVNode("", true),
+      _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 1,
+        class: normalizeClass(_ctx.icon),
+        name: _ctx.icon
+      }, null, 8, ["class", "name"])) : createCommentVNode("", true),
+      _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
+        key: 2,
+        class: normalizeClass({ text: _ctx.icon || _ctx.loading })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2)) : createCommentVNode("", true)
+    ])
+  ], 6);
+}
+_sfc_main$1.render = _sfc_render$1;
 const { componentName, create } = createComponent("popover");
-const _sfc_main = create({
+var _sfc_main = create({
   inheritAttrs: false,
   components: {
-    [Popup.name]: Popup,
-    [Button.name]: Button
+    [_sfc_main$3.name]: _sfc_main$3,
+    [_sfc_main$1.name]: _sfc_main$1
   },
   props: __spreadProps(__spreadValues({}, popupProps), {
     list: {
@@ -81,15 +196,15 @@ const _sfc_main = create({
         [`${prefixCls}--${location.value}`]: location.value
       };
     });
-    function getReference() {
-      state.elWidth = reference.value.offsetWidth;
-      state.elHeight = reference.value.offsetHeight;
-    }
+    const getReference = async () => {
+      const refe = await useTaroRect(reference, Taro);
+      state.elWidth = refe.width;
+      state.elHeight = refe.height;
+    };
     const getStyle = computed(() => {
       const style = {};
       if (location.value == "top") {
-        style.bottom = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
+        style.bottom = state.elHeight + 10 + "px";
       } else if (location.value == "right") {
         style.top = 0 + "px";
         style.right = -state.elWidth + "px";
@@ -97,8 +212,7 @@ const _sfc_main = create({
         style.top = 0 + "px";
         style.left = -state.elWidth + "px";
       } else {
-        style.top = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
+        style.top = state.elHeight + 10 + "px";
       }
       return style;
     });
@@ -120,7 +234,9 @@ const _sfc_main = create({
       return style;
     });
     onMounted(() => {
-      getReference();
+      setTimeout(() => {
+        getReference();
+      }, 200);
     });
     watch(() => props.visible, (value) => {
       showPopup.value = value;
@@ -146,6 +262,7 @@ const _sfc_main = create({
       event.preventDefault();
       emit("choose");
     };
+    const refRandomId = Math.random().toString(36).slice(-8);
     return {
       classes,
       showPopup,
@@ -157,11 +274,12 @@ const _sfc_main = create({
       getReference,
       reference,
       getStyle,
-      getArrowStyle
+      getArrowStyle,
+      refRandomId
     };
   }
 });
-const _hoisted_1 = { ref: "reference" };
+const _hoisted_1 = ["id"];
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = { class: "title-name" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -170,9 +288,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[1] || (_cache[1] = (...args) => _ctx.openPopover && _ctx.openPopover(...args)),
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("div", _hoisted_1, [
+    createElementVNode("div", {
+      ref: "reference",
+      id: "reference-" + _ctx.refRandomId
+    }, [
       renderSlot(_ctx.$slots, "reference")
-    ], 512),
+    ], 8, _hoisted_1),
     _ctx.showPopup ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       createElementVNode("view", {
         class: "more-background",
@@ -206,5 +327,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Popup.js

@@ -17,34 +17,20 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __require = typeof require !== "undefined" ? require : (x) => {
+  throw new Error('Dynamic require of "' + x + '" is not supported');
+};
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @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 { getCurrentInstance, reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, normalizeClass, normalizeStyle, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow } from "vue";
+import { u as useLockScroll } from "./use-lock-scroll.js";
+import _sfc_main$1, { overlayProps } from "./OverLay.js";
+import { _ as _sfc_main$2 } from "./index.taro.vue_vue&type=script&lang.js";
 import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 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), {
@@ -89,23 +75,16 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     default: false
   }
 });
-const _sfc_main = create({
+var _sfc_main = create({
+  children: [_sfc_main$1],
   components: {
-    [overlay.name]: overlay,
-    [_sfc_main$1.name]: _sfc_main$1
+    [_sfc_main$1.name]: _sfc_main$1,
+    [_sfc_main$2.name]: _sfc_main$2
   },
   props: __spreadValues({}, popupProps),
-  emits: [
-    "click",
-    "click-close-icon",
-    "open",
-    "close",
-    "opend",
-    "closed",
-    "update:visible",
-    "click-overlay"
-  ],
+  emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
+    getCurrentInstance();
     const state = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
       showSlot: true,
@@ -222,7 +201,7 @@ const _sfc_main = create({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleport }, [
+  return openBlock(), createElementBlock("view", null, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -262,7 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
+  ]);
 }
-var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { Popup as default, popupProps };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default, popupProps };

package/dist/packages/_es/Price.js

@@ -1,13 +1,12 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @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";
 const { componentName, create } = createComponent("price");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     price: {
       type: [Number, String],
@@ -44,8 +43,17 @@ const _sfc_main = create({
         [componentName]: true
       };
     });
+    const replaceSpecialChar = (url) => {
+      url = url.replace(/"/g, '"');
+      url = url.replace(/&/g, "&");
+      url = url.replace(/&lt;/g, "<");
+      url = url.replace(/&gt;/g, ">");
+      url = url.replace(/&nbsp;/g, " ");
+      url = url.replace(/&yen;/g, "\uFFE5");
+      return url;
+    };
     const showSymbol = computed(() => {
-      const symbol = props.needSymbol ? props.symbol : "";
+      const symbol = props.needSymbol ? replaceSpecialChar(props.symbol) : "";
       return symbol;
     });
     const checkPoint = (price) => {
@@ -86,7 +94,8 @@ const _sfc_main = create({
       showSymbol,
       checkPoint,
       formatThousands,
-      formatDecimal
+      formatDecimal,
+      replaceSpecialChar
     };
   }
 });
@@ -99,6 +108,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.needSymbol && _ctx.position == "before" ? (openBlock(), createElementBlock("view", {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      decode: "true",
       innerHTML: _ctx.showSymbol
     }, null, 10, _hoisted_1)) : createCommentVNode("", true),
     createElementVNode("view", {
@@ -114,9 +124,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.needSymbol && _ctx.position == "after" ? (openBlock(), createElementBlock("view", {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      decode: "true",
       innerHTML: _ctx.showSymbol
     }, null, 10, _hoisted_2)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Progress.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createBlock } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import Taro from "@tarojs/taro";
 const { create } = createComponent("progress");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     percentage: {
       type: [Number, String],
@@ -20,7 +20,7 @@ const _sfc_main = create({
     },
     status: {
       type: String,
-      default: ""
+      default: "text"
     },
     strokeWidth: {
       type: [Number, String],
@@ -66,13 +66,24 @@ const _sfc_main = create({
         color: props.textColor || ""
       };
     });
+    const slideLeft = async (values) => {
+      if (Taro.getEnv() === "WEB") {
+        setTimeout(() => {
+          left.value = progressOuter.value.offsetWidth * Number(values) * 0.01 - 4 + "px";
+        }, 200);
+      } else {
+        setTimeout(() => {
+          const query = Taro.createSelectorQuery();
+          query.select(".nut-progress-outer").boundingClientRect((rec) => {
+            left.value = rec.width * Number(values) * 0.01 - 4 + "px";
+          }).exec();
+        }, 200);
+      }
+    };
     watch(() => props.percentage, (values) => {
-      console.log("progressOuter.value.offsetWidth", progressOuter.value.offsetWidth);
-      console.log("values", values);
-      left.value = progressOuter.value.offsetWidth * Number(values) * 0.01 - 5 + "px";
-    });
+      slideLeft(values);
+    }, { immediate: true });
     onMounted(() => {
-      left.value = progressOuter.value.offsetWidth * Number(props.percentage) * 0.01 - 5 + "px";
     });
     return {
       height,
@@ -115,7 +126,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-progress-text",
       style: normalizeStyle({ lineHeight: _ctx.height })
     }, [
-      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
+      _ctx.status == "text" || _ctx.status == "active" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
       }, toDisplayString(_ctx.percentage) + "%", 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
@@ -127,5 +138,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+_sfc_main.render = _sfc_render;
+export { _sfc_main as default };

package/dist/packages/_es/Radio.js

@@ -1,21 +1,25 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, h } from "vue";
+import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1 from "./Icon.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("radio");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     disabled: {
       type: Boolean,
       default: false
     },
-    label: {
+    shape: {
       type: String,
+      default: "round"
+    },
+    label: {
+      type: [String, Number],
       default: ""
     },
     iconName: {
@@ -34,7 +38,7 @@ const _sfc_main = create({
   setup(props, { emit, slots }) {
     let parent = inject("parent");
     const isCurValue = computed(() => {
-      return parent.label.value === props.label;
+      return parent.label.value == props.label;
     });
     const color = computed(() => {
       return !props.disabled ? isCurValue.value ? "nut-radio__icon" : "nut-radio__icon--unchecked" : "nut-radio__icon--disable";
@@ -56,16 +60,25 @@ const _sfc_main = create({
         class: `${componentName}__label ${props.disabled ? `${componentName}__label--disabled` : ""}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
+    const renderButton = () => {
+      var _a;
+      return h("view", {
+        class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
     const handleClick = () => {
       if (isCurValue.value || props.disabled)
         return;
       parent.updateValue(props.label);
     };
+    let reverseState = position.value === "left";
     return () => {
       return h("view", {
-        class: `${componentName} ${position.value === "left" ? `${componentName}--reverse` : ""}`,
+        class: `${componentName} ${componentName}--${props.shape} ${reverseState ? `${componentName}--reverse` : ""}`,
         onClick: handleClick
-      }, [renderIcon(), renderLabel()]);
+      }, [
+        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+      ]);
     };
   }
 });

package/dist/packages/_es/RadioGroup.js

@@ -1,17 +1,21 @@
 /*!
-* @nutui/nutui v3.1.10 Fri Nov 05 2021 19:52:49 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, readonly, computed, watch, h } from "vue";
 import { c as createComponent } from "./component.js";
 const { componentName, create } = createComponent("radiogroup");
-const _sfc_main = create({
+var _sfc_main = create({
   props: {
     modelValue: {
       type: [Number, String, Boolean],
       default: ""
     },
+    direction: {
+      type: String,
+      default: "vertical"
+    },
     textPosition: {
       type: String,
       default: "right"
@@ -29,7 +33,7 @@ const _sfc_main = create({
     return () => {
       var _a;
       return h("view", {
-        class: `${componentName}`
+        class: `${componentName} ${componentName}--${props.direction}`
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }