@xtdev/xt-miniprogram-ui 1.2.59 → 1.2.60

package/libs/xt-stepper/index.js

@@ -1,158 +0,0 @@
-// components/v-stepper/index.js
-/**
- * NumberBox 数字输入框
- * @description 带加减按钮的数字输入框
- * @tutorial https://ext.dcloud.net.cn/plugin?id=31
- * @property {Number} value 输入框当前值
- * @property {Number} min 最小值
- * @property {Number} max 最大值
- * @property {Number} step 每次点击改变的间隔大小
- * @property {String} background 背景色
- * @property {String} color 字体颜色（前景色）
- * @property {Boolean} disabled = [true|false] 是否为禁用状态
- * @property {String} stepTips 进步倍数纠正提示文案
- * @event {Function} change 输入框值改变时触发的事件，参数为输入框当前的 value
- * @event {Function} focus 输入框聚焦时触发的事件，参数为 event 对象
- * @event {Function} blur 输入框失焦时触发的事件，参数为 event 对象
- */
-Component({
-  lifetimes: {
-    attached: function() {
-      // 在组件实例进入页面节点树时执行
-    },
-    detached: function() {
-      // 在组件实例被从页面节点树移除时执行
-    },
-  },
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    value: {
-      type: [Number, String],
-      default: 1
-    },
-    min: {
-      type: Number,
-      default: 0
-    },
-    max: {
-      type: Number,
-      default: 100
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    background: {
-      type: String,
-      default: '#fff'
-    },
-    color: {
-      type: String,
-      default: '#000'
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    stepTips: {
-      type: String,
-      default: ''
-    },
-    disableInput: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-    inputValue: 0
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    // 输入完成数据预处理
-    // input 和 按钮都触发
-    preHandler(count) {
-      // -. 小数转整数
-      count = Math.ceil(count);
-      // -. 取3的倍数
-      if (count % this.data.step != 0) {
-        wx.showToast({
-          title: this.data.stepTips,
-          icon: 'none',
-          duration: 1500
-        })
-        count = Math.ceil(count / this.data.step) * this.data.step;
-      }
-      // -. 判断是否大于最大值
-      if (count > this.data.max) {
-        count = this.data.max;
-      }
-      // -. 判断是否小于最小值
-      if (count < this.data.min) {
-        count = this.data.min;
-      }
-      this.setData({
-        inputValue: count
-      });
-      return count;
-    },
-    /**
-     * 加减按钮
-     * @param {*} type
-     */
-    _calcValue(e) {
-      const type = e.currentTarget.dataset.type;
-      let value = this.data.inputValue;
-      // 判断是否禁用
-      if (this.data.disabled) {
-        return;
-      }
-      // 加减库存
-      if (type === 'minus') {
-        if (value <= this.data.min) {
-          return;
-        }
-        value -= this.data.step;
-      } else if (type === 'plus') {
-        if (value >= this.data.max) {
-          return;
-        } 
-        value += this.data.step;
-      }
-      value = this.preHandler(value);
-      this.triggerEvent('change', value);
-    },
-    /**
-     * 输入框失去焦点
-     * @param {*} event
-     */
-    _onBlur(event) {
-      let count = event.detail.value;
-      count = this.preHandler(count);
-      this.triggerEvent('change', +count);
-    },
-    _onFocus(event) {
-      this.triggerEvent('focus', event);
-    },
-    onInput(e) {
-      this.setData({
-        inputValue: e.detail.value
-      });
-      this.triggerEvent('change', +inputValue);
-    },
-  },
-  observers: {
-    value(val) {
-      const inputValue = this.data.inputValue + val;
-      this.setData({inputValue});
-    }
-  }
-});

package/libs/xt-stepper/index.json

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

package/libs/xt-stepper/index.wxml

@@ -1,11 +0,0 @@
-<view class="uni-numbox">
-  <view catchtap="_calcValue" data-type="minus" class="uni-numbox__minus uni-numbox-btns" style="background:{{background}}">
-    <image wx:if="{{inputValue <= min || disabled}}" src="https://img.tanjiu.cn/home/N3hXeF3t62GfK2xAsn6PyCATw82d5QeK.png" />
-    <image wx:else src="https://img.tanjiu.cn/home/dznTAnDMTRR4NTmZnHYXpHxEdTPZcT5t.png" />
-  </view>
-  <input disabled="{{disableInput || disabled}}"  bind:focus="_onFocus" bind:blur="_onBlur" class="uni-numbox__value" type="number" value="{{inputValue}}" style="background:{{background}},  color:{{color}}" />
-  <view catchtap="_calcValue" data-type="plus" class="uni-numbox__plus uni-numbox-btns" style="background:{{background}}">
-    <image wx:if="{{inputValue >= max || disabled}}" src="https://img.tanjiu.cn/home/Bp4De4y8FFwYk3s8bbMhb6YbwKmp4yxf.png" />
-    <image wx:else src="https://img.tanjiu.cn/home/WeSZCF7QHwptXEM7fWh5EPKt72meekPn.png" />
-  </view>
-</view>

package/libs/xt-stepper/index.wxss

@@ -1,77 +0,0 @@
-.uni-numbox {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-}
-.uni-numbox image {
-  width: 64rpx;
-  height: 64rpx;
-}
-
-.add-btn {
-  width: 64rpx;
-  height: 64rpx;
-  background: #6722ab;
-  font-size: 44rpx;
-  color: white;
-  border-radius: 64rpx;
-  text-align: center;
-  border-radius: #dddddd;
-}
-.reduce-btn {
-  width: 64rpx;
-  height: 64rpx;
-  background: white;
-  font-size: 44rpx;
-  color: #6722ab;
-  border-radius: 64rpx;
-  text-align: center;
-  border: 2rpx solid #dddddd;
-}
-.uni-numbox-btns {
-  /* #ifndef APP-NVUE */
-  display: flex;
-  /* #endif */
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding: 0 ;
-  background-color: #f5f5f5;
-  /* #ifdef H5 */
-  cursor: pointer;
-
-  /* #endif */
-}
-
-.uni-numbox__value {
-  margin: 0 16rpx;
-  width: 120rpx;
-  height: 64rpx;
-  font-size: 34rpx;
-  color: #222222;
-  font-family: FengTan-Regular, FengTan;
-  border-radius: 32rpx;
-  font-weight: 800;
-  background-color: #fff;
-  text-align: center;
-  border: 2rpx solid #dddddd;
-}
-
-.uni-numbox__minus, .uni-numbox__plus {
-  border-radius: 64rpx;
-}
-
-.uni-numbox--text {
-  line-height: 20rpx;
-  font-size: 20rpx;
-  font-weight: 300;
-  color: #333;
-}
-
-.uni-numbox .uni-numbox--disabled {
-  color: #c0c0c0 !important;
-  /* #ifdef H5 */
-  cursor: not-allowed;
-  /* #endif */
-}

package/libs/xt-steps/README.md

@@ -1,79 +0,0 @@
-# Steps步骤条
-
-### 介绍
-用于展示操作流程的各个环节，让用户了解当前的操作在整体流程中的位置
-
-###效果图
-![效果图](https://img.tanjiu.cn/home/M72SJ3SepSRE5dCiWCDnJA58hjPWHwcE.png "步骤条效果图")
-
-### 引入
-在app.json或页面配置json中引入
-```
-"usingComponents": {
-    "xt-steps": "@xtdev/xt-miniprogram-ui/xt-steps",
-}
-```
-
-## 代码演示
-
-### 默认模式，横向展示
-![效果图](https://img.tanjiu.cn/home/2p7XNCtEBbmNPW6y4fb2Ny5MWTGkbkbA.png "步骤条效果图")
-
-```
-<xt-steps steps="{{steps}}" active="{{active}}"></xt-steps>
-```
-
-### 默认模式，纵向展示
-![效果图](https://img.tanjiu.cn/home/eK5bdXE7JYWwxprNhA6FrJppfiTw4nBH.png "步骤条效果图")
-
-```
-<xt-steps direction="vertical" steps="{{steps}}" active="{{active}}"></xt-steps>
-```
-
-### 简约模式，横向展示
-![效果图](https://img.tanjiu.cn/home/eyynm3HtySHti4PTZnxx6JHr8WsECTeF.png "步骤条效果图")
-```
-<xt-steps type="brief" steps="{{steps}}" active="{{active}}"></xt-steps>
-```
-
-### 简约模式，纵向展示
-![效果图](https://img.tanjiu.cn/home/FyaeMK52WetmZemF82RbQFmTTffJ5cjb.png "步骤条效果图")
-```
-<xt-steps type="brief" direction="vertical" steps="{{steps}}" active="{{active}}"></xt-steps>
-```
-
-### 插槽模式，纵向展示
-提示：插槽name规则为slot-{{index}} index从0开始
-![效果图](https://img.tanjiu.cn/home/tcD7PAr3XDSfKZbYwXPGe4XBc2zbDk5M.png "步骤条效果图")
-```
-<xt-steps type="brief" direction="vertical" steps="{{steps}}" active="{{active}}">
-    <view slot="slot-1" class="custom-box">
-        <view slot:listIndex>订单编号：123456{{ listIndex }}</view>
-        <xt-button style="margin-left: 20rpx" size="small">复制</xt-button>
-    </view>
-    <view slot="slot-2" class="custom-box">
-        <view slot:listIndex>订单编号：123456777{{ listIndex }}</view>
-        <xt-button style="margin-left: 20rpx" size="small">复制</xt-button>
-    </view>
-</xt-steps>
-```
-
-
-##API
-
-#### xt-steps props
-
-| 参数      | 说明                                 | 类型          | 默认值     |
-| --------- | ------------------------------------ | ------------- | ---------- |
-| steps     | 步骤配置集合                         | `stepsItem[]` | []         |
-| active    | 当前步骤                             | `Number`      | 0          |
-| type      | 当前步骤，可选值static、brief        | `String`      | static     |
-| direction | 展示方向，可选值horizontal、vertical | `String`      | horizontal |
-
-#### stepsItem Props
-
-| 参数  | 说明     | 类型      |
-| ----- | -------- | --------- |
-| title | 标题     | `String`  |
-| desc  | 副标题   | `String`  |
-| slot  | 是否插槽 | `Boolean` |

package/libs/xt-steps/index.js

@@ -1,37 +0,0 @@
-Component({
-  options: {
-    multipleSlots: true
-  },
-  properties: {
-    steps: {
-      type: Array,
-      value: []
-    },
-    active: {
-      type: Number,
-      value: 0
-    },
-    type: {
-      type: String,
-      value: 'static'
-    },
-    direction: {
-      type: String,
-      value: 'horizontal'
-    },
-  },
-
-  /**
-   * 组件的初始数据
-   */
-  data: {
-  },
-  attached: function () {
-  },
-
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-  }
-});

package/libs/xt-steps/index.json

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "apply-shared",
-  "usingComponents": {   
-    "xt-icon": "../xt-icon/index"
-  }
-}

package/libs/xt-steps/index.wxml

@@ -1,34 +0,0 @@
-<view wx:if="{{direction === 'horizontal'}}" class="xt-steps">
-    <view wx:for="{{steps}}" wx:key="index" class="{{ active > index ? 'finished xt-step' : (active === index ? 'xt-step active' : 'xt-step')}}">
-        <view wx:if="{{type === 'static'}}" class="step-dot">
-            <xt-icon wx:if="{{active > index}}" icon="zhengque"></xt-icon>
-            <view wx:else>{{index+1}}</view>
-        </view>
-        <view wx:if="{{type === 'brief'}}" class="step-dot-brief">
-            <view wx:if="{{index === active}}" class="center-box"></view>
-        </view>
-        <view class="step-title">{{item.title}}</view>
-        <view class="step-desc">
-            <slot wx:if="{{item.slot}}" name="slot-{{index}}" list-index="{{ index }}" item="{{ item }}" />
-            <rich-text wx:else nodes="{{item.desc}}"></rich-text>
-        </view>
-        <view wx:if="{{index < steps.length - 1}}" class="{{type === 'brief' ? 'step-line-brief' : 'step-line'}}"></view>
-    </view>
-</view>
-<view wx:if="{{direction === 'vertical'}}" class="{{type === 'brief' ? 'xt-steps xt-steps-column xt-steps-column-brief' : 'xt-steps xt-steps-column'}}">
-    <view wx:for="{{steps}}" wx:key="index" class="{{ active > index ? 'finished xt-step' : (active === index ? 'xt-step active' : 'xt-step')}}">
-        <view wx:if="{{type === 'static'}}" class="step-dot">
-            <xt-icon wx:if="{{active > index}}" icon="zhengque"></xt-icon>
-            <view wx:else>{{index+1}}</view>
-        </view>
-        <view wx:if="{{type === 'brief'}}" class="step-dot-brief"></view>
-        <view class="text-box">
-            <view class="step-title">{{item.title}}</view>
-            <view class="step-desc">
-                <slot wx:if="{{item.slot}}" name="slot-{{index}}" list-index="{{ index }}" item="{{ item }}" />
-                <rich-text wx:else nodes="{{item.desc}}"></rich-text>
-            </view>
-        </view>
-        <view wx:if="{{index < steps.length - 1}}" class="{{type === 'brief' ? 'step-line-brief' : 'step-line'}}"></view>
-    </view>
-</view>

package/libs/xt-steps/index.wxss

@@ -1,186 +0,0 @@
-.xt-steps {
-  display: flex;
-}
-
-.xt-steps-column {
-  flex-direction: column;
-}
-
-.xt-steps-column .xt-step {
-  flex-grow: 0;
-  flex-direction: row;
-}
-
-.xt-step {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  flex: 1;
-}
-
-.xt-step.active {
-  color: #6622aa;
-}
-
-.step-dot {
-  width: 48rpx;
-  height: 48rpx;
-  min-width: 48rpx;
-  border-radius: 24rpx;
-  background-color: #ededed;
-  text-align: center;
-  line-height: 48rpx;
-  font-size: 34rpx;
-  font-family: FengTan-Regular, FengTan;
-  font-weight: 400;
-  color: #b8b8b8;
-}
-
-.active .step-title {
-  font-weight: 600;
-}
-
-.active .step-title,
-.active .step-desc {
-  color: #6622aa;
-}
-
-.active .step-dot {
-  background-color: #6622aa;
-  color: #fff;
-}
-
-.finished .step-dot {
-  background-color: #30bf67;
-  color: #fff;
-}
-
-.finished .step-title {
-  font-weight: 600;
-}
-
-.finished .step-title,
-.finished .step-desc {
-  color: #000000;
-}
-
-.finished .step-line {
-  border-bottom: 4rpx solid #30bf67;
-  border-color: #30bf67;
-}
-
-.step-title {
-  font-size: 34rpx;
-  font-family: PingFang SC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #999999;
-  line-height: 48rpx;
-  margin-top: 16rpx;
-}
-
-.step-desc {
-  font-size: 28rpx;
-  font-family: PingFang SC-Regular, PingFang SC;
-  font-weight: 400;
-  color: #999999;
-  line-height: 40rpx;
-  margin-top: 8rpx;
-  text-align: center;
-}
-
-.step-line,
-.step-line-brief {
-  border-bottom: 4rpx dotted #b8b8b8;
-  flex-grow: 1;
-  position: absolute;
-  width: calc(100% - 24rpx);
-  top: 24rpx;
-  left: calc(50% + 24rpx);
-}
-
-.step-line-brief {
-  top: 16rpx;
-  left: calc(50% + 16rpx);
-}
-
-.step-dot-brief {
-  width: 32rpx;
-  height: 32rpx;
-  border-radius: 50%;
-  background-color: #ededed;
-}
-
-.active .step-dot-brief {
-  background-color: #fff;
-  border: 8rpx solid #6722ab;
-  width: 16rpx;
-  height: 16rpx;
-}
-
-.finished .step-dot-brief {
-  background-color: #6722ab;
-}
-
-.text-box {
-  margin-left: 24rpx;
-}
-
-.xt-steps-column .xt-step {
-  align-items: start;
-}
-
-.xt-steps-column .step-title {
-  margin-top: 0;
-}
-
-.xt-steps-column .xt-step:nth-of-type(n + 2) {
-  margin-top: 60rpx;
-}
-
-.xt-steps-column-brief .xt-step:nth-of-type(n + 2) {
-  margin-top: 48rpx;
-}
-
-.xt-steps-column .step-line,
-.xt-steps-column .step-line-brief {
-  border-left: 4rpx dotted #b8b8b8;
-  width: 0rpx;
-  height: calc(100% + 24rpx);
-  left: 22rpx;
-  top: 48rpx;
-}
-
-.xt-steps-column .finished .step-line {
-  border-left: 4rpx solid #30bf67;
-}
-
-.xt-steps-column .step-dot-brief {
-  width: 16rpx;
-  height: 16rpx;
-  border-radius: 50%;
-  flex-shrink: 0;
-  flex-grow: 0;
-}
-
-.xt-steps-column .active .step-dot-brief {
-  width: 12rpx;
-  height: 12rpx;
-  background-color: #fff;
-  border: 2rpx solid #6722ab;
-}
-
-.xt-steps-column .step-line-brief {
-  left: 6rpx;
-  top: 16rpx;
-  height: calc(100% + 32rpx);
-}
-
-.xt-steps-column-brief .xt-step:nth-of-type(n + 2) {
-  margin-top: 48rpx;
-}
-
-.xt-steps-column-brief .text-box {
-  margin-left: 16rpx;
-  margin-top: -12rpx;
-}

package/libs/xt-tabs/README.md

@@ -1,98 +0,0 @@
-# Icon图标
-
-### 介绍
-选项卡组件，用于在不同的内容区域之间进行切换
-
-###效果图
-![效果图](https://img.tanjiu.cn/home/NbcpQMpKZNCerYMy5ETZ3fwFBaCQjGS3.png "选项卡效果图")
-
-### 引入
-在app.json或页面配置json中引入
-```
-"usingComponents": {
-    "xt-tabs": "@xtdev/xt-miniprogram-ui/xt-tabs",
-}
-```
-
-## 代码演示
-
-### 基础用法
-
-```
-<xt-tabs list="{{list}}"></xt-tabs>
-```
-```
-  data: {
-    list: [
-      {
-        title: '标签一'
-      },
-      {
-        title: '标签二'
-      },
-    ],
-  }
-```
-
-### 带副标题
-```
-<xt-tabs list="{{subTitlelist}}"></xt-tabs>
-```
-```
-  data: {
-    subTitlelist: [
-      {
-        title: '标签一',
-        subTitle: '副标题'
-      },
-      {
-        title: '标签二',
-        subTitle: '副标题'
-      },
-    ],
-  }
-```
-
-### 卡片模式
-支持两种样式风格：line和card，默认为line样式，可以通过type属性修改样式风格
-```
-<xt-tabs type="card" list="{{list}}"></xt-tabs>
-```
-```
-  data: {
-    list: [
-      {
-        title: '标签一'
-      },
-      {
-        title: '标签二'
-      },
-    ],
-  }
-```
-
-##API
-
-####xt-tabs props
-
-| 参数      | 说明 |  类型 |
-| ----------- | ----------- | ---------- |
-| type      | 样式风格，可选值`card`、`line`,默认值为`line` | `String` |
-| active   | 当前选中标签的标识符，默认值0  | `Number` |
-| list   | 数据源数组  | `ItemProps` |
-| cardBgColor   | tab背景色 | `String` |
-| borderColor   | tab边框颜色 | `String` |
-
-#### ItemProps
-
-| 参数      | 说明 | 类型 |
-| ----------- | ----------- | ----------- |
-| title      | 卡片标题 | `String` |
-| subTitle   | 卡片副标题  | `String` |
-| titleColor   | 标题颜色  | `String` |
-
-#### Tabs Event
-
-| 事件名      | 说明 | 参数 |
-| ----------- | ----------- | ----------- |
-| bind:change      | tab点击事件 | 当前激活项数据以及索引 |