@vtj/materials 0.13.15 → 0.13.17

package/src/uni-ui/lib/uni-search-bar/uni-search-bar.vue

@@ -1,339 +0,0 @@
-<template>
-  <view class="uni-searchbar">
-    <view
-      :style="{ borderRadius: radius + 'px', backgroundColor: bgColor }"
-      class="uni-searchbar__box"
-      @click="searchClick">
-      <view class="uni-searchbar__box-icon-search">
-        <slot name="searchIcon">
-          <uni-icons color="#c0c4cc" size="18" type="search" />
-        </slot>
-      </view>
-      <input
-        v-if="show || searchVal"
-        :focus="showSync"
-        :disabled="readonly"
-        :placeholder="placeholderText"
-        :maxlength="maxlength"
-        class="uni-searchbar__box-search-input"
-        confirm-type="search"
-        type="text"
-        v-model="searchVal"
-        :style="{ color: textColor }"
-        @confirm="confirm"
-        @blur="blur"
-        @focus="emitFocus" />
-      <text v-else class="uni-searchbar__text-placeholder">{{
-        placeholder
-      }}</text>
-      <view
-        v-if="
-          show &&
-          (clearButton === 'always' ||
-            (clearButton === 'auto' && searchVal !== '')) &&
-          !readonly
-        "
-        class="uni-searchbar__box-icon-clear"
-        @click="clear">
-        <slot name="clearIcon">
-          <uni-icons color="#c0c4cc" size="20" type="clear" />
-        </slot>
-      </view>
-    </view>
-    <text
-      @click="cancel"
-      class="uni-searchbar__cancel"
-      v-if="cancelButton === 'always' || (show && cancelButton === 'auto')"
-      >{{ cancelTextI18n }}</text
-    >
-  </view>
-</template>
-
-<script>
-  import { initVueI18n } from '@dcloudio/uni-i18n';
-  import messages from './i18n/index.js';
-  const { t } = initVueI18n(messages);
-
-  /**
-   * SearchBar 搜索栏
-   * @description 搜索栏组件，通常用于搜索商品、文章等
-   * @tutorial https://ext.dcloud.net.cn/plugin?id=866
-   * @property {Number} radius 搜索栏圆角
-   * @property {Number} maxlength 输入最大长度
-   * @property {String} placeholder 搜索栏Placeholder
-   * @property {String} clearButton = [always|auto|none] 是否显示清除按钮
-   * 	@value always 一直显示
-   * 	@value auto 输入框不为空时显示
-   * 	@value none 一直不显示
-   * @property {String} cancelButton = [always|auto|none] 是否显示取消按钮
-   * 	@value always 一直显示
-   * 	@value auto 输入框不为空时显示
-   * 	@value none 一直不显示
-   * @property {String} cancelText 取消按钮的文字
-   * @property {String} bgColor 输入框背景颜色
-   * @property {String} textColor 输入文字颜色
-   * @property {Boolean} focus 是否自动聚焦
-   * @property {Boolean} readonly 组件只读，不能有任何操作，只做展示
-   * @event {Function} confirm uniSearchBar 的输入框 confirm 事件，返回参数为uniSearchBar的value，e={value:Number}
-   * @event {Function} input uniSearchBar 的 value 改变时触发事件，返回参数为uniSearchBar的value，e=value
-   * @event {Function} cancel 点击取消按钮时触发事件，返回参数为uniSearchBar的value，e={value:Number}
-   * @event {Function} clear 点击清除按钮时触发事件，返回参数为uniSearchBar的value，e={value:Number}
-   * @event {Function} blur input失去焦点时触发事件，返回参数为uniSearchBar的value，e={value:Number}
-   */
-
-  export default {
-    name: 'UniSearchBar',
-    emits: [
-      'input',
-      'update:modelValue',
-      'clear',
-      'cancel',
-      'confirm',
-      'blur',
-      'focus'
-    ],
-    props: {
-      placeholder: {
-        type: String,
-        default: ''
-      },
-      radius: {
-        type: [Number, String],
-        default: 5
-      },
-      clearButton: {
-        type: String,
-        default: 'auto'
-      },
-      cancelButton: {
-        type: String,
-        default: 'auto'
-      },
-      cancelText: {
-        type: String,
-        default: ''
-      },
-      bgColor: {
-        type: String,
-        default: '#F8F8F8'
-      },
-      textColor: {
-        type: String,
-        default: '#000000'
-      },
-      maxlength: {
-        type: [Number, String],
-        default: 100
-      },
-      value: {
-        type: [Number, String],
-        default: ''
-      },
-      modelValue: {
-        type: [Number, String],
-        default: ''
-      },
-      focus: {
-        type: Boolean,
-        default: false
-      },
-      readonly: {
-        type: Boolean,
-        default: false
-      }
-    },
-    data() {
-      return {
-        show: false,
-        showSync: false,
-        searchVal: ''
-      };
-    },
-    computed: {
-      cancelTextI18n() {
-        return this.cancelText || t('uni-search-bar.cancel');
-      },
-      placeholderText() {
-        return this.placeholder || t('uni-search-bar.placeholder');
-      }
-    },
-    watch: {
-      // #ifndef VUE3
-      // value: {
-      //   immediate: true,
-      //   handler(newVal) {
-      //     this.searchVal = newVal;
-      //     if (newVal) {
-      //       this.show = true;
-      //     }
-      //   }
-      // },
-      // #endif
-      // #ifdef VUE3
-      modelValue: {
-        immediate: true,
-        handler(newVal) {
-          this.searchVal = newVal;
-          if (newVal) {
-            this.show = true;
-          }
-        }
-      },
-      // #endif
-      focus: {
-        immediate: true,
-        handler(newVal) {
-          if (newVal) {
-            if (this.readonly) return;
-            this.show = true;
-            this.$nextTick(() => {
-              this.showSync = true;
-            });
-          }
-        }
-      },
-      searchVal(newVal, oldVal) {
-        this.$emit('input', newVal);
-        // #ifdef VUE3
-        this.$emit('update:modelValue', newVal);
-        // #endif
-      }
-    },
-    methods: {
-      searchClick() {
-        if (this.readonly) return;
-        if (this.show) {
-          return;
-        }
-        this.show = true;
-        this.$nextTick(() => {
-          this.showSync = true;
-        });
-      },
-      clear() {
-        this.searchVal = '';
-        this.$nextTick(() => {
-          this.$emit('clear', { value: '' });
-        });
-      },
-      cancel() {
-        if (this.readonly) return;
-        this.$emit('cancel', {
-          value: this.searchVal
-        });
-        this.searchVal = '';
-        this.show = false;
-        this.showSync = false;
-        // #ifndef APP-PLUS
-        uni.hideKeyboard();
-        // #endif
-        // #ifdef APP-PLUS
-        // plus.key.hideSoftKeybord();
-        // #endif
-      },
-      confirm() {
-        // #ifndef APP-PLUS
-        uni.hideKeyboard();
-        // #endif
-        // #ifdef APP-PLUS
-        // plus.key.hideSoftKeybord();
-        // #endif
-        this.$emit('confirm', {
-          value: this.searchVal
-        });
-      },
-      blur() {
-        // #ifndef APP-PLUS
-        uni.hideKeyboard();
-        // #endif
-        // #ifdef APP-PLUS
-        // plus.key.hideSoftKeybord();
-        // #endif
-        this.$emit('blur', {
-          value: this.searchVal
-        });
-      },
-      emitFocus(e) {
-        this.$emit('focus', e.detail);
-      }
-    }
-  };
-</script>
-
-<style lang="scss">
-  $uni-searchbar-height: 36px;
-
-  .uni-searchbar {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    position: relative;
-    padding: 10px;
-    // background-color: #fff;
-  }
-
-  .uni-searchbar__box {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    box-sizing: border-box;
-    justify-content: left;
-    /* #endif */
-    overflow: hidden;
-    position: relative;
-    flex: 1;
-    flex-direction: row;
-    align-items: center;
-    height: $uni-searchbar-height;
-    padding: 5px 8px 5px 0px;
-  }
-
-  .uni-searchbar__box-icon-search {
-    /* #ifndef APP-NVUE */
-    display: flex;
-    /* #endif */
-    flex-direction: row;
-    // width: 32px;
-    padding: 0 8px;
-    justify-content: center;
-    align-items: center;
-    color: #b3b3b3;
-  }
-
-  .uni-searchbar__box-search-input {
-    flex: 1;
-    font-size: 14px;
-    color: #333;
-    margin-left: 5px;
-    margin-top: 1px;
-    /* #ifndef APP-NVUE */
-    background-color: inherit;
-    /* #endif */
-  }
-
-  .uni-searchbar__box-icon-clear {
-    align-items: center;
-    line-height: 24px;
-    padding-left: 8px;
-    /* #ifdef H5 */
-    cursor: pointer;
-    /* #endif */
-  }
-
-  .uni-searchbar__text-placeholder {
-    font-size: 14px;
-    color: #b3b3b3;
-    margin-left: 5px;
-    text-align: left;
-  }
-
-  .uni-searchbar__cancel {
-    padding-left: 10px;
-    line-height: $uni-searchbar-height;
-    font-size: 14px;
-    color: #333333;
-    /* #ifdef H5 */
-    cursor: pointer;
-    /* #endif */
-  }
-</style>

package/src/uni-ui/lib/uni-swipe-action-item/bindingx.js

@@ -1,311 +0,0 @@
-let bindIngXMixins = {};
-
-// #ifdef APP-NVUE
-// const BindingX = uni.requireNativePlugin('bindingx');
-// const dom = uni.requireNativePlugin('dom');
-// const animation = uni.requireNativePlugin('animation');
-
-bindIngXMixins = {
-  data() {
-    return {};
-  },
-
-  watch: {
-    show(newVal) {
-      if (this.autoClose) return;
-      if (this.stop) return;
-      this.stop = true;
-      if (newVal) {
-        this.open(newVal);
-      } else {
-        this.close();
-      }
-    },
-    leftOptions() {
-      this.getSelectorQuery();
-      this.init();
-    },
-    rightOptions(newVal) {
-      this.init();
-    }
-  },
-  created() {
-    this.swipeaction = this.getSwipeAction();
-    if (this.swipeaction && Array.isArray(this.swipeaction.children)) {
-      this.swipeaction.children.push(this);
-    }
-  },
-  mounted() {
-    console.log('this', this);
-    // this.box = this.getEl(this.$refs['selector-box--hock']);
-    // this.selector = this.getEl(this.$refs['selector-content--hock']);
-    // this.leftButton = this.getEl(this.$refs['selector-left-button--hock']);
-    // this.rightButton = this.getEl(this.$refs['selector-right-button--hock']);
-    this.init();
-  },
-  beforeDestroy() {
-    this.swipeaction.children.forEach((item, index) => {
-      if (item === this) {
-        this.swipeaction.children.splice(index, 1);
-      }
-    });
-  },
-  methods: {
-    init() {
-      this.$nextTick(() => {
-        this.x = 0;
-        this.button = {
-          show: false
-        };
-        setTimeout(() => {
-          this.getSelectorQuery();
-        }, 200);
-      });
-    },
-    onClick(index, item, position) {
-      this.$emit('click', {
-        content: item,
-        index,
-        position
-      });
-    },
-    touchstart(e) {
-      // fix by mehaotian 禁止滑动
-      if (this.disabled) return;
-      // 每次只触发一次，避免多次监听造成闪烁
-      if (this.stop) return;
-      this.stop = true;
-      if (this.autoClose && this.swipeaction) {
-        this.swipeaction.closeOther(this);
-      }
-
-      const leftWidth = this.button.left.width;
-      const rightWidth = this.button.right.width;
-      let expression = this.range(this.x, -rightWidth, leftWidth);
-      let leftExpression = this.range(this.x - leftWidth, -leftWidth, 0);
-      let rightExpression = this.range(this.x + rightWidth, 0, rightWidth);
-
-      this.eventpan = BindingX.bind(
-        {
-          anchor: this.box,
-          eventType: 'pan',
-          props: [
-            {
-              element: this.selector,
-              property: 'transform.translateX',
-              expression
-            },
-            {
-              element: this.leftButton,
-              property: 'transform.translateX',
-              expression: leftExpression
-            },
-            {
-              element: this.rightButton,
-              property: 'transform.translateX',
-              expression: rightExpression
-            }
-          ]
-        },
-        (e) => {
-          // nope
-          if (e.state === 'end') {
-            this.x = e.deltaX + this.x;
-            this.isclick = true;
-            this.bindTiming(e.deltaX);
-          }
-        }
-      );
-    },
-    touchend(e) {
-      if (this.isopen !== 'none' && !this.isclick) {
-        this.open('none');
-      }
-    },
-    bindTiming(x) {
-      const left = this.x;
-      const leftWidth = this.button.left.width;
-      const rightWidth = this.button.right.width;
-      const threshold = this.threshold;
-      if (!this.isopen || this.isopen === 'none') {
-        if (left > threshold) {
-          this.open('left');
-        } else if (left < -threshold) {
-          this.open('right');
-        } else {
-          this.open('none');
-        }
-      } else {
-        if ((x > -leftWidth && x < 0) || x > rightWidth) {
-          if ((x > -threshold && x < 0) || x - rightWidth > threshold) {
-            this.open('left');
-          } else {
-            this.open('none');
-          }
-        } else {
-          if ((x < threshold && x > 0) || x + leftWidth < -threshold) {
-            this.open('right');
-          } else {
-            this.open('none');
-          }
-        }
-      }
-    },
-
-    /**
-     * 移动范围
-     * @param {Object} num
-     * @param {Object} mix
-     * @param {Object} max
-     */
-    range(num, mix, max) {
-      return `min(max(x+${num}, ${mix}), ${max})`;
-    },
-
-    /**
-     * 开启swipe
-     */
-    open(type) {
-      this.animation(type);
-    },
-
-    /**
-     * 关闭swipe
-     */
-    close() {
-      this.animation('none');
-    },
-
-    /**
-     * 开启关闭动画
-     * @param {Object} type
-     */
-    animation(type) {
-      const time = 300;
-      const leftWidth = this.button.left.width;
-      const rightWidth = this.button.right.width;
-      if (this.eventpan && this.eventpan.token) {
-        BindingX.unbind({
-          token: this.eventpan.token,
-          eventType: 'pan'
-        });
-      }
-
-      switch (type) {
-        case 'left':
-          Promise.all([
-            this.move(this.selector, leftWidth),
-            this.move(this.leftButton, 0),
-            this.move(this.rightButton, rightWidth * 2)
-          ]).then(() => {
-            this.setEmit(leftWidth, type);
-          });
-          break;
-        case 'right':
-          Promise.all([
-            this.move(this.selector, -rightWidth),
-            this.move(this.leftButton, -leftWidth * 2),
-            this.move(this.rightButton, 0)
-          ]).then(() => {
-            this.setEmit(-rightWidth, type);
-          });
-          break;
-        default:
-          Promise.all([
-            this.move(this.selector, 0),
-            this.move(this.leftButton, -leftWidth),
-            this.move(this.rightButton, rightWidth)
-          ]).then(() => {
-            this.setEmit(0, type);
-          });
-      }
-    },
-    setEmit(x, type) {
-      const leftWidth = this.button.left.width;
-      const rightWidth = this.button.right.width;
-      this.isopen = this.isopen || 'none';
-      this.stop = false;
-      this.isclick = false;
-      // 只有状态不一致才会返回结果
-      if (this.isopen !== type && this.x !== x) {
-        if (type === 'left' && leftWidth > 0) {
-          this.$emit('change', 'left');
-        }
-        if (type === 'right' && rightWidth > 0) {
-          this.$emit('change', 'right');
-        }
-        if (type === 'none') {
-          this.$emit('change', 'none');
-        }
-      }
-      this.x = x;
-      this.isopen = type;
-    },
-    move(ref, value) {
-      return new Promise((resolve, reject) => {
-        animation.transition(
-          ref,
-          {
-            styles: {
-              transform: `translateX(${value})`
-            },
-            duration: 150, //ms
-            timingFunction: 'linear',
-            needLayout: false,
-            delay: 0 //ms
-          },
-          function (res) {
-            resolve(res);
-          }
-        );
-      });
-    },
-
-    /**
-     * 获取ref
-     * @param {Object} el
-     */
-    // getEl(el) {
-    //   console.log('getEl', el);
-    //   return el.ref;
-    // },
-    /**
-     * 获取节点信息
-     */
-    getSelectorQuery() {
-      Promise.all([this.getDom('left'), this.getDom('right')]).then((data) => {
-        let show = 'none';
-        if (this.autoClose) {
-          show = 'none';
-        } else {
-          show = this.show;
-        }
-
-        if (show === 'none') {
-          // this.close()
-        } else {
-          this.open(show);
-        }
-      });
-    },
-    getDom(str) {
-      return new Promise((resolve, reject) => {
-        dom.getComponentRect(
-          this.$refs[`selector-${str}-button--hock`],
-          (data) => {
-            if (data) {
-              this.button[str] = data.size;
-              resolve(data);
-            } else {
-              reject();
-            }
-          }
-        );
-      });
-    }
-  }
-};
-
-// #endif
-
-export default bindIngXMixins;

package/src/uni-ui/lib/uni-swipe-action-item/isPC.js

@@ -1,12 +0,0 @@
-export function isPC() {
-	var userAgentInfo = navigator.userAgent;
-	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
-	var flag = true;
-	for (let v = 0; v < Agents.length - 1; v++) {
-		if (userAgentInfo.indexOf(Agents[v]) > 0) {
-			flag = false;
-			break;
-		}
-	}
-	return flag;
-}