@vtj/materials 0.13.15 → 0.13.17

package/src/uni-ui/lib/uni-popup-dialog/uni-popup-dialog.vue

@@ -1,324 +0,0 @@
-<template>
-  <view class="uni-popup-dialog">
-    <view class="uni-dialog-title">
-      <text
-        class="uni-dialog-title-text"
-        :class="['uni-popup__' + dialogType]"
-        >{{ titleText }}</text
-      >
-    </view>
-    <view v-if="mode === 'base'" class="uni-dialog-content">
-      <slot>
-        <text class="uni-dialog-content-text">{{ content }}</text>
-      </slot>
-    </view>
-    <view v-else class="uni-dialog-content">
-      <slot>
-        <input
-          class="uni-dialog-input"
-          :maxlength="maxlength"
-          v-model="val"
-          :type="inputType"
-          :placeholder="placeholderText"
-          :focus="focus" />
-      </slot>
-    </view>
-    <view class="uni-dialog-button-group">
-      <view class="uni-dialog-button" v-if="showClose" @click="closeDialog">
-        <text class="uni-dialog-button-text">{{ closeText }}</text>
-      </view>
-      <view
-        class="uni-dialog-button"
-        :class="showClose ? 'uni-border-left' : ''"
-        @click="onOk">
-        <text class="uni-dialog-button-text uni-button-color">{{
-          okText
-        }}</text>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import popup from '../uni-popup/popup.js';
-  import { initVueI18n } from '@dcloudio/uni-i18n';
-  import messages from '../uni-popup/i18n/index.js';
-  const { t } = initVueI18n(messages);
-  /**
-   * PopUp 弹出层-对话框样式
-   * @description 弹出层-对话框样式
-   * @tutorial https://ext.dcloud.net.cn/plugin?id=329
-   * @property {String} value input 模式下的默认值
-   * @property {String} placeholder input 模式下输入提示
-   * @property {Boolean} focus input模式下是否自动聚焦，默认为true
-   * @property {String} type = [success|warning|info|error] 主题样式
-   *  @value success 成功
-   * 	@value warning 提示
-   * 	@value info 消息
-   * 	@value error 错误
-   * @property {String} mode = [base|input] 模式、
-   * 	@value base 基础对话框
-   * 	@value input 可输入对话框
-   * @showClose {Boolean} 是否显示关闭按钮
-   * @property {String} content 对话框内容
-   * @property {Boolean} beforeClose 是否拦截取消事件
-   * @property {Number} maxlength 输入
-   * @event {Function} confirm 点击确认按钮触发
-   * @event {Function} close 点击取消按钮触发
-   */
-
-  export default {
-    name: 'uniPopupDialog',
-    mixins: [popup],
-    emits: ['confirm', 'close', 'update:modelValue', 'input'],
-    props: {
-      inputType: {
-        type: String,
-        default: 'text'
-      },
-      showClose: {
-        type: Boolean,
-        default: true
-      },
-      // #ifdef VUE2
-      value: {
-        type: [String, Number],
-        default: ''
-      },
-      // #endif
-      // #ifdef VUE3
-      modelValue: {
-        type: [Number, String],
-        default: ''
-      },
-      // #endif
-
-      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) {
-        // #ifdef VUE2
-        // TODO 兼容 vue2
-        this.$emit('input', val);
-        // #endif
-        // #ifdef VUE3
-        // TODO　兼容　vue3
-        this.$emit('update:modelValue', val);
-        // #endif
-      }
-    },
-    created() {
-      // 对话框遮罩不可点击
-      this.popup.disableMask();
-      // this.popup.closeMask()
-      if (this.mode === 'input') {
-        this.dialogType = 'info';
-        this.val = this.value;
-        // #ifdef VUE3
-        this.val = this.modelValue;
-        // #endif
-      } 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();
-      }
-    }
-  };
-</script>
-
-<style lang="scss">
-  .uni-popup-dialog {
-    width: 300px;
-    border-radius: 11px;
-    background-color: #fff;
-  }
-
-  .uni-dialog-title {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    justify-content: center;
-    padding-top: 25px;
-  }
-
-  .uni-dialog-title-text {
-    font-size: 16px;
-    font-weight: 500;
-  }
-
-  .uni-dialog-content {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    padding: 20px;
-  }
-
-  .uni-dialog-content-text {
-    font-size: 14px;
-    color: #6c6c6c;
-  }
-
-  .uni-dialog-button-group {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    border-top-color: #f5f5f5;
-    border-top-style: solid;
-    border-top-width: 1px;
-  }
-
-  .uni-dialog-button {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-
-    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;
-  }
-</style>

package/src/uni-ui/lib/uni-popup-message/uni-popup-message.vue

@@ -1,149 +0,0 @@
-<template>
-  <view class="uni-popup-message">
-    <view
-      class="uni-popup-message__box fixforpc-width"
-      :class="'uni-popup__' + type">
-      <slot>
-        <text
-          class="uni-popup-message-text"
-          :class="'uni-popup__' + type + '-text'"
-          >{{ message }}</text
-        >
-      </slot>
-    </view>
-  </view>
-</template>
-
-<script>
-  import popup from '../uni-popup/popup.js';
-  /**
-   * PopUp 弹出层-消息提示
-   * @description 弹出层-消息提示
-   * @tutorial https://ext.dcloud.net.cn/plugin?id=329
-   * @property {String} type = [success|warning|info|error] 主题样式
-   *  @value success 成功
-   * 	@value warning 提示
-   * 	@value info 消息
-   * 	@value error 错误
-   * @property {String} message 消息提示文字
-   * @property {String} duration 显示时间，设置为 0 则不会自动关闭
-   */
-
-  export default {
-    name: 'uniPopupMessage',
-    mixins: [popup],
-    props: {
-      /**
-       * 主题 success/warning/info/error	  默认 success
-       */
-      type: {
-        type: String,
-        default: 'success'
-      },
-      /**
-       * 消息文字
-       */
-      message: {
-        type: String,
-        default: ''
-      },
-      /**
-       * 显示时间，设置为 0 则不会自动关闭
-       */
-      duration: {
-        type: Number,
-        default: 3000
-      },
-      maskShow: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data() {
-      return {};
-    },
-    created() {
-      // this.popup.maskShow = this.props.maskShow;
-      // this.popup.messageChild = this;
-    },
-    methods: {
-      timerClose() {
-        if (this.duration === 0) return;
-        clearTimeout(this.timer);
-        this.timer = setTimeout(() => {
-          this.popup.close();
-        }, this.duration);
-      }
-    }
-  };
-</script>
-<style lang="scss">
-  .uni-popup-message {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    justify-content: center;
-  }
-
-  .uni-popup-message__box {
-    background-color: #e1f3d8;
-    padding: 10px 15px;
-    border-color: #eee;
-    border-style: solid;
-    border-width: 1px;
-    flex: 1;
-  }
-
-  @media screen and (min-width: 500px) {
-    .fixforpc-width {
-      margin-top: 20px;
-      border-radius: 4px;
-      flex: none;
-      min-width: 380px;
-      /* #ifndef APP-NVUE */
-      max-width: 50%;
-      /* #endif */
-      /* #ifdef APP-NVUE */
-      max-width: 500px;
-      /* #endif */
-    }
-  }
-
-  .uni-popup-message-text {
-    font-size: 14px;
-    padding: 0;
-  }
-
-  .uni-popup__success {
-    background-color: #e1f3d8;
-  }
-
-  .uni-popup__success-text {
-    color: #67c23a;
-  }
-
-  .uni-popup__warn {
-    background-color: #faecd8;
-  }
-
-  .uni-popup__warn-text {
-    color: #e6a23c;
-  }
-
-  .uni-popup__error {
-    background-color: #fde2e2;
-  }
-
-  .uni-popup__error-text {
-    color: #f56c6c;
-  }
-
-  .uni-popup__info {
-    background-color: #f2f6fc;
-  }
-
-  .uni-popup__info-text {
-    color: #909399;
-  }
-</style>