no message

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.acss

@@ -0,0 +1,74 @@
+.uni-popup-dialog {
+  width: 300px;
+  border-radius: 11px;
+  background-color: #fff;
+}
+.uni-dialog-title {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  padding-top: 25px;
+}
+.uni-dialog-title-text {
+  font-size: 16px;
+  font-weight: 500;
+}
+.uni-dialog-content {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  padding: 20px;
+}
+.uni-dialog-content-text {
+  font-size: 14px;
+  color: #6C6C6C;
+}
+.uni-dialog-button-group {
+  display: flex;
+  flex-direction: row;
+  border-top-color: #f5f5f5;
+  border-top-style: solid;
+  border-top-width: 1px;
+}
+.uni-dialog-button {
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  height: 45px;
+}
+.uni-border-left {
+  border-left-color: #f0f0f0;
+  border-left-style: solid;
+  border-left-width: 1px;
+}
+.uni-dialog-button-text {
+  font-size: 16px;
+  color: #333;
+}
+.uni-button-color {
+  color: #007aff;
+}
+.uni-dialog-input {
+  flex: 1;
+  font-size: 14px;
+  border: 1px #eee solid;
+  height: 40px;
+  padding: 0 10px;
+  border-radius: 5px;
+  color: #555;
+}
+.uni-popup__success {
+  color: #4cd964;
+}
+.uni-popup__warn {
+  color: #f0ad4e;
+}
+.uni-popup__error {
+  color: #dd524d;
+}
+.uni-popup__info {
+  color: #909399;
+}

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.axml

@@ -0,0 +1 @@
+<view class="uni-popup-dialog"><view class="uni-dialog-title"><text class="{{('uni-dialog-title-text') + ' ' + b}}">{{a}}</text></view><view a:if="{{c}}" class="uni-dialog-content"><slot><text class="uni-dialog-content-text">{{d}}</text></slot></view><view a:else class="uni-dialog-content"><slot><input class="uni-dialog-input" maxlength="{{e}}" type="{{f}}" placeholder="{{g}}" focus="{{h}}" value="{{i}}" onInput="{{j}}"></input></slot></view><view class="uni-dialog-button-group"><view a:if="{{k}}" class="uni-dialog-button" onTap="{{m}}"><text class="uni-dialog-button-text">{{l}}</text></view><view class="{{('uni-dialog-button') + ' ' + o}}" onTap="{{p}}"><text class="uni-dialog-button-text uni-button-color">{{n}}</text></view></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.js

@@ -0,0 +1,170 @@
+"use strict";
+const uni_modules_uniPopup_components_uniPopup_popup = require("../uni-popup/popup.js");
+const common_vendor = require("../../../../common/vendor.js");
+const uni_modules_uniPopup_components_uniPopup_i18n_index = require("../uni-popup/i18n/index.js");
+const {
+  t
+} = common_vendor.initVueI18n(uni_modules_uniPopup_components_uniPopup_i18n_index.messages);
+const _sfc_main = {
+  name: "uniPopupDialog",
+  mixins: [uni_modules_uniPopup_components_uniPopup_popup.popup],
+  emits: ["confirm", "close", "update:modelValue", "input"],
+  props: {
+    inputType: {
+      type: String,
+      default: "text"
+    },
+    showClose: {
+      type: Boolean,
+      default: true
+    },
+    modelValue: {
+      type: [Number, String],
+      default: ""
+    },
+    placeholder: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "error"
+    },
+    mode: {
+      type: String,
+      default: "base"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    beforeClose: {
+      type: Boolean,
+      default: false
+    },
+    cancelText: {
+      type: String,
+      default: ""
+    },
+    confirmText: {
+      type: String,
+      default: ""
+    },
+    maxlength: {
+      type: Number,
+      default: -1
+    },
+    focus: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      dialogType: "error",
+      val: ""
+    };
+  },
+  computed: {
+    okText() {
+      return this.confirmText || t("uni-popup.ok");
+    },
+    closeText() {
+      return this.cancelText || t("uni-popup.cancel");
+    },
+    placeholderText() {
+      return this.placeholder || t("uni-popup.placeholder");
+    },
+    titleText() {
+      return this.title || t("uni-popup.title");
+    }
+  },
+  watch: {
+    type(val) {
+      this.dialogType = val;
+    },
+    mode(val) {
+      if (val === "input") {
+        this.dialogType = "info";
+      }
+    },
+    value(val) {
+      if (this.maxlength != -1 && this.mode === "input") {
+        this.val = val.slice(0, this.maxlength);
+      } else {
+        this.val = val;
+      }
+    },
+    val(val) {
+      this.$emit("update:modelValue", val);
+    }
+  },
+  created() {
+    this.popup.disableMask();
+    if (this.mode === "input") {
+      this.dialogType = "info";
+      this.val = this.value;
+      this.val = this.modelValue;
+    } else {
+      this.dialogType = this.type;
+    }
+  },
+  methods: {
+    /**
+     * 点击确认按钮
+     */
+    onOk() {
+      if (this.mode === "input") {
+        this.$emit("confirm", this.val);
+      } else {
+        this.$emit("confirm");
+      }
+      if (this.beforeClose)
+        return;
+      this.popup.close();
+    },
+    /**
+     * 点击取消按钮
+     */
+    closeDialog() {
+      this.$emit("close");
+      if (this.beforeClose)
+        return;
+      this.popup.close();
+    },
+    close() {
+      this.popup.close();
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: common_vendor.t($options.titleText),
+    b: common_vendor.n("uni-popup__" + $data.dialogType),
+    c: $props.mode === "base"
+  }, $props.mode === "base" ? {
+    d: common_vendor.t($props.content)
+  } : {
+    e: $props.maxlength,
+    f: $props.inputType,
+    g: $options.placeholderText,
+    h: $props.focus,
+    i: $data.val,
+    j: common_vendor.o(($event) => $data.val = $event.detail.value)
+  }, {
+    k: $props.showClose
+  }, $props.showClose ? {
+    l: common_vendor.t($options.closeText),
+    m: common_vendor.o((...args) => $options.closeDialog && $options.closeDialog(...args))
+  } : {}, {
+    n: common_vendor.t($options.okText),
+    o: common_vendor.n($props.showClose ? "uni-border-left" : ""),
+    p: common_vendor.o((...args) => $options.onOk && $options.onOk(...args))
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup-dialog/uni-popup-dialog.json

@@ -0,0 +1,5 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {}
+}

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/i18n/index.js

@@ -0,0 +1,28 @@
+"use strict";
+const en = {
+  "uni-popup.cancel": "cancel",
+  "uni-popup.ok": "ok",
+  "uni-popup.placeholder": "pleace enter",
+  "uni-popup.title": "Hint",
+  "uni-popup.shareTitle": "Share to"
+};
+const zhHans = {
+  "uni-popup.cancel": "取消",
+  "uni-popup.ok": "确定",
+  "uni-popup.placeholder": "请输入",
+  "uni-popup.title": "提示",
+  "uni-popup.shareTitle": "分享到"
+};
+const zhHant = {
+  "uni-popup.cancel": "取消",
+  "uni-popup.ok": "確定",
+  "uni-popup.placeholder": "請輸入",
+  "uni-popup.title": "提示",
+  "uni-popup.shareTitle": "分享到"
+};
+const messages = {
+  en,
+  "zh-Hans": zhHans,
+  "zh-Hant": zhHant
+};
+exports.messages = messages;

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/popup.js

@@ -0,0 +1,26 @@
+"use strict";
+const popup = {
+  data() {
+    return {};
+  },
+  created() {
+    this.popup = this.getParent();
+  },
+  methods: {
+    /**
+     * 获取父元素实例
+     */
+    getParent(name = "uniPopup") {
+      let parent = this.$parent;
+      let parentName = parent.$options.name;
+      while (parentName !== name) {
+        parent = parent.$parent;
+        if (!parent)
+          return false;
+        parentName = parent.$options.name;
+      }
+      return parent;
+    }
+  }
+};
+exports.popup = popup;

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/uni-popup.acss

@@ -0,0 +1,22 @@
+.uni-popup {
+  position: fixed;
+  z-index: 99;
+}
+.uni-popup.top, .uni-popup.left, .uni-popup.right {
+  top: 0;
+}
+.uni-popup .uni-popup__wrapper {
+  display: block;
+  position: relative;
+  /* iphonex 等安全区设置，底部安全区适配 */
+}
+.uni-popup .uni-popup__wrapper.left, .uni-popup .uni-popup__wrapper.right {
+  padding-top: 0;
+  flex: 1;
+}
+.fixforpc-z-index {
+  z-index: 999;
+}
+.fixforpc-top {
+  top: 0;
+}

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/uni-popup.axml

@@ -0,0 +1 @@
+<view a:if="{{a}}" class="{{('uni-popup') + ' ' + k + ' ' + l}}"><view onTouchStart="{{j}}"><uni-transition a:if="{{b}}" key="1" onClick="{{c}}" u-i="2be55be8-0" onVI="__l" u-p="{{d}}"/><uni-transition u-s="{{['d']}}" key="2" onClick="{{h}}" u-i="2be55be8-1" onVI="__l" u-p="{{i}}"><view style="{{e}}" class="{{('uni-popup__wrapper') + ' ' + f}}" onTap="{{g}}"><slot/></view></uni-transition></view></view>

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/uni-popup.js

@@ -0,0 +1,393 @@
+"use strict";
+const common_vendor = require("../../../../common/vendor.js");
+const _sfc_main = {
+  name: "uniPopup",
+  components: {},
+  emits: ["change", "maskClick"],
+  props: {
+    // 开启动画
+    animation: {
+      type: Boolean,
+      default: true
+    },
+    // 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层
+    // message: 消息提示 ; dialog : 对话框
+    type: {
+      type: String,
+      default: "center"
+    },
+    // maskClick
+    isMaskClick: {
+      type: Boolean,
+      default: null
+    },
+    // TODO 2 个版本后废弃属性 ，使用 isMaskClick
+    maskClick: {
+      type: Boolean,
+      default: null
+    },
+    backgroundColor: {
+      type: String,
+      default: "none"
+    },
+    safeArea: {
+      type: Boolean,
+      default: true
+    },
+    maskBackgroundColor: {
+      type: String,
+      default: "rgba(0, 0, 0, 0.4)"
+    },
+    borderRadius: {
+      type: String
+    }
+  },
+  watch: {
+    /**
+     * 监听type类型
+     */
+    type: {
+      handler: function(type) {
+        if (!this.config[type])
+          return;
+        this[this.config[type]](true);
+      },
+      immediate: true
+    },
+    isDesktop: {
+      handler: function(newVal) {
+        if (!this.config[newVal])
+          return;
+        this[this.config[this.type]](true);
+      },
+      immediate: true
+    },
+    /**
+     * 监听遮罩是否可点击
+     * @param {Object} val
+     */
+    maskClick: {
+      handler: function(val) {
+        this.mkclick = val;
+      },
+      immediate: true
+    },
+    isMaskClick: {
+      handler: function(val) {
+        this.mkclick = val;
+      },
+      immediate: true
+    },
+    // H5 下禁止底部滚动
+    showPopup(show) {
+    }
+  },
+  data() {
+    return {
+      duration: 300,
+      ani: [],
+      showPopup: false,
+      showTrans: false,
+      popupWidth: 0,
+      popupHeight: 0,
+      config: {
+        top: "top",
+        bottom: "bottom",
+        center: "center",
+        left: "left",
+        right: "right",
+        message: "top",
+        dialog: "center",
+        share: "bottom"
+      },
+      maskClass: {
+        position: "fixed",
+        bottom: 0,
+        top: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: "rgba(0, 0, 0, 0.4)"
+      },
+      transClass: {
+        backgroundColor: "transparent",
+        borderRadius: this.borderRadius || "0",
+        position: "fixed",
+        left: 0,
+        right: 0
+      },
+      maskShow: true,
+      mkclick: true,
+      popupstyle: "top"
+    };
+  },
+  computed: {
+    getStyles() {
+      let res = { backgroundColor: this.bg };
+      if (this.borderRadius || "0") {
+        res = Object.assign(res, { borderRadius: this.borderRadius });
+      }
+      return res;
+    },
+    isDesktop() {
+      return this.popupWidth >= 500 && this.popupHeight >= 500;
+    },
+    bg() {
+      if (this.backgroundColor === "" || this.backgroundColor === "none") {
+        return "transparent";
+      }
+      return this.backgroundColor;
+    }
+  },
+  mounted() {
+    const fixSize = () => {
+      const {
+        windowWidth,
+        windowHeight,
+        windowTop,
+        safeArea,
+        screenHeight,
+        safeAreaInsets
+      } = common_vendor.index.getSystemInfoSync();
+      this.popupWidth = windowWidth;
+      this.popupHeight = windowHeight + (windowTop || 0);
+      if (safeArea && this.safeArea) {
+        this.safeAreaInsets = safeAreaInsets.bottom;
+      } else {
+        this.safeAreaInsets = 0;
+      }
+    };
+    fixSize();
+  },
+  // TODO vue3
+  unmounted() {
+    this.setH5Visible();
+  },
+  activated() {
+    this.setH5Visible(!this.showPopup);
+  },
+  deactivated() {
+    this.setH5Visible(true);
+  },
+  created() {
+    if (this.isMaskClick === null && this.maskClick === null) {
+      this.mkclick = true;
+    } else {
+      this.mkclick = this.isMaskClick !== null ? this.isMaskClick : this.maskClick;
+    }
+    if (this.animation) {
+      this.duration = 300;
+    } else {
+      this.duration = 0;
+    }
+    this.messageChild = null;
+    this.clearPropagation = false;
+    this.maskClass.backgroundColor = this.maskBackgroundColor;
+  },
+  methods: {
+    setH5Visible(visible = true) {
+    },
+    /**
+     * 公用方法，不显示遮罩层
+     */
+    closeMask() {
+      this.maskShow = false;
+    },
+    /**
+     * 公用方法，遮罩层禁止点击
+     */
+    disableMask() {
+      this.mkclick = false;
+    },
+    // TODO nvue 取消冒泡
+    clear(e) {
+      e.stopPropagation();
+      this.clearPropagation = true;
+    },
+    open(direction) {
+      if (this.showPopup) {
+        return;
+      }
+      let innerType = ["top", "center", "bottom", "left", "right", "message", "dialog", "share"];
+      if (!(direction && innerType.indexOf(direction) !== -1)) {
+        direction = this.type;
+      }
+      if (!this.config[direction]) {
+        console.error("缺少类型：", direction);
+        return;
+      }
+      this[this.config[direction]]();
+      this.$emit("change", {
+        show: true,
+        type: direction
+      });
+    },
+    close(type) {
+      this.showTrans = false;
+      this.$emit("change", {
+        show: false,
+        type: this.type
+      });
+      clearTimeout(this.timer);
+      this.timer = setTimeout(() => {
+        this.showPopup = false;
+      }, 300);
+    },
+    // TODO 处理冒泡事件，头条的冒泡事件有问题 ，先这样兼容
+    touchstart() {
+      this.clearPropagation = false;
+    },
+    onTap() {
+      if (this.clearPropagation) {
+        this.clearPropagation = false;
+        return;
+      }
+      this.$emit("maskClick");
+      if (!this.mkclick)
+        return;
+      this.close();
+    },
+    /**
+     * 顶部弹出样式处理
+     */
+    top(type) {
+      this.popupstyle = this.isDesktop ? "fixforpc-top" : "top";
+      this.ani = ["slide-top"];
+      this.transClass = {
+        position: "fixed",
+        left: 0,
+        right: 0,
+        backgroundColor: this.bg,
+        borderRadius: this.borderRadius || "0"
+      };
+      if (type)
+        return;
+      this.showPopup = true;
+      this.showTrans = true;
+      this.$nextTick(() => {
+        if (this.messageChild && this.type === "message") {
+          this.messageChild.timerClose();
+        }
+      });
+    },
+    /**
+     * 底部弹出样式处理
+     */
+    bottom(type) {
+      this.popupstyle = "bottom";
+      this.ani = ["slide-bottom"];
+      this.transClass = {
+        position: "fixed",
+        left: 0,
+        right: 0,
+        bottom: 0,
+        paddingBottom: this.safeAreaInsets + "px",
+        backgroundColor: this.bg,
+        borderRadius: this.borderRadius || "0"
+      };
+      if (type)
+        return;
+      this.showPopup = true;
+      this.showTrans = true;
+    },
+    /**
+     * 中间弹出样式处理
+     */
+    center(type) {
+      this.popupstyle = "center";
+      this.ani = ["zoom-out", "fade"];
+      this.transClass = {
+        position: "fixed",
+        display: "flex",
+        flexDirection: "column",
+        bottom: 0,
+        left: 0,
+        right: 0,
+        top: 0,
+        justifyContent: "center",
+        alignItems: "center",
+        borderRadius: this.borderRadius || "0"
+      };
+      if (type)
+        return;
+      this.showPopup = true;
+      this.showTrans = true;
+    },
+    left(type) {
+      this.popupstyle = "left";
+      this.ani = ["slide-left"];
+      this.transClass = {
+        position: "fixed",
+        left: 0,
+        bottom: 0,
+        top: 0,
+        backgroundColor: this.bg,
+        borderRadius: this.borderRadius || "0",
+        display: "flex",
+        flexDirection: "column"
+      };
+      if (type)
+        return;
+      this.showPopup = true;
+      this.showTrans = true;
+    },
+    right(type) {
+      this.popupstyle = "right";
+      this.ani = ["slide-right"];
+      this.transClass = {
+        position: "fixed",
+        bottom: 0,
+        right: 0,
+        top: 0,
+        backgroundColor: this.bg,
+        borderRadius: this.borderRadius || "0",
+        display: "flex",
+        flexDirection: "column"
+      };
+      if (type)
+        return;
+      this.showPopup = true;
+      this.showTrans = true;
+    }
+  }
+};
+if (!Array) {
+  const _easycom_uni_transition2 = common_vendor.resolveComponent("uni-transition");
+  _easycom_uni_transition2();
+}
+const _easycom_uni_transition = () => "../../../uni-transition/components/uni-transition/uni-transition.js";
+if (!Math) {
+  _easycom_uni_transition();
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $data.showPopup
+  }, $data.showPopup ? common_vendor.e({
+    b: $data.maskShow
+  }, $data.maskShow ? {
+    c: common_vendor.o($options.onTap),
+    d: common_vendor.p({
+      name: "mask",
+      ["mode-class"]: "fade",
+      styles: $data.maskClass,
+      duration: $data.duration,
+      show: $data.showTrans
+    })
+  } : {}, {
+    e: common_vendor.s($options.getStyles),
+    f: common_vendor.n($data.popupstyle),
+    g: common_vendor.o((...args) => $options.clear && $options.clear(...args)),
+    h: common_vendor.o($options.onTap),
+    i: common_vendor.p({
+      ["mode-class"]: $data.ani,
+      name: "content",
+      styles: $data.transClass,
+      duration: $data.duration,
+      show: $data.showTrans
+    }),
+    j: common_vendor.o((...args) => $options.touchstart && $options.touchstart(...args)),
+    k: common_vendor.n($data.popupstyle),
+    l: common_vendor.n($options.isDesktop ? "fixforpc-z-index" : "")
+  }) : {});
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+my.createComponent(Component);

unpackage/dist/dev/mp-alipay/uni_modules/uni-popup/components/uni-popup/uni-popup.json

@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "styleIsolation": "apply-shared",
+  "usingComponents": {
+    "uni-transition": "../../../uni-transition/components/uni-transition/uni-transition"
+  }
+}