@xtdev/xt-miniprogram-ui 1.2.59 → 1.2.60

package/libs/xt-popover/index.js

@@ -1,209 +0,0 @@
-Component({
-  behaviors: [],
-  observers: {},
-  properties: {
-    zIndx: {
-      type: Number,
-      value: 999,
-      observer: function () {},
-    },
-    // 弹窗标题
-    title: {
-      type: String,
-      value: "",
-      observer: function () {},
-    },
-    // 弹窗类型
-    type: {
-      type: String,
-      value: "operate",
-      observer: function () {},
-    },
-    show: {
-      type: Boolean,
-      value: false,
-      observer: async function (val) {
-        if (val) {
-          const res = await this.findIntersection();
-          this.setData({
-            sourceData: res,
-          });
-        }
-      },
-    },
-    showCloseIcon: {
-      type: Boolean,
-      value: true,
-      observer: function (val) {},
-    },
-
-    // 文本内容
-    textContent: {
-      type: String,
-      value: "",
-      observer: function () {},
-    },
-    // 列表每一项标题内容
-    itemTextKey: {
-      type: String,
-      value: "",
-      observer: function () {},
-    },
-    // 操作
-    operates: {
-      type: Array,
-      value: [],
-      observer: function () {},
-    },
-    // 源数据
-    sourceData: {
-      type: Array,
-      value: [],
-      observer: function (val) {},
-    },
-    // 选中数据
-    selectData: {
-      type: Array,
-      value: [],
-      observer: async function () {},
-    },
-    // 数据对比字段，用于找出选中的数据
-    contrastId: {
-      type: String,
-      value: "",
-      observer: function () {},
-    },
-  },
-  data: {
-    sourceData: [],
-    multipleChooseData: [],
-  },
-  methods: {
-    closePopover() {
-      this.triggerEvent("onClose");
-      this.resetSourceData();
-    },
-
-    async findIntersection() {
-      const { sourceData, selectData, contrastId, type } = this.data;
-
-      for (const selectItem of selectData) {
-        for (const sourceItem of sourceData) {
-          if (type === "multiple") {
-            if (selectItem[contrastId] == sourceItem[contrastId]) {
-              sourceItem.selected = true;
-            }
-          } else {
-            if (selectItem[contrastId] == sourceItem[contrastId]) {
-              sourceItem.selected = true;
-            } else {
-              sourceItem.selected = false;
-            }
-          }
-        }
-      }
-      return this.deepClone(sourceData);
-    },
-    // 重置数据
-    async resetSourceData() {
-      const { sourceData } = this.data;
-      for (const sourceItem of sourceData) {
-        delete sourceItem.selected;
-      }
-
-      this.setData({
-        sourceData: this.deepClone(sourceData),
-      });
-    },
-
-    async formatSourceData(chooseItem) {
-      const { sourceData, contrastId } = this.data;
-      for (const sourceItem of sourceData) {
-        if (
-          chooseItem[contrastId] == sourceItem[contrastId] &&
-          sourceItem.selected
-        ) {
-          sourceItem.selected = false;
-        } else if (
-          chooseItem[contrastId] == sourceItem[contrastId] &&
-          !sourceItem.selected
-        ) {
-          sourceItem.selected = true;
-        }
-      }
-      return sourceData;
-    },
-
-    confirm() {
-      const { sourceData } = this.data;
-      const chooseData = sourceData.filter((item) => item.selected);
-
-      const deleteSelected = chooseData.map((item) => {
-        delete item.selected;
-        return item;
-      });
-      this.triggerEvent("onConfirm", { chooseData: deleteSelected });
-    },
-
-    async chooseItemClick(event) {
-      const chooseItem = event.currentTarget.dataset.item;
-      const { type } = this.data;
-
-      if (type == "single") {
-        delete chooseItem.selected;
-        this.triggerEvent("onChooseItemClick", { chooseItem });
-      } else if (type == "multiple") {
-        const res = await this.formatSourceData(chooseItem);
-
-        this.setData({
-          sourceData: this.deepClone(res),
-        });
-      } else {
-        this.triggerEvent("onChooseItemClick", { chooseItem });
-      }
-    },
-
-    deepClone(target, map = new Map()) {
-      if (typeof target === "object") {
-        const isArray = Array.isArray(target);
-        let cloneTarget = isArray ? [] : {};
-
-        if (map.get(target)) {
-          return map.get(target);
-        }
-        map.set(target, cloneTarget);
-
-        const keys = isArray ? undefined : Object.keys(target);
-        this.forEach(keys || target, (value, key) => {
-          if (keys) {
-            key = value;
-          }
-          cloneTarget[key] = this.deepClone(target[key], map);
-        });
-
-        return cloneTarget;
-      } else {
-        return target;
-      }
-    },
-    forEach(array, iteratee) {
-      let index = -1;
-      const length = array.length;
-      while (++index < length) {
-        iteratee(array[index], index);
-      }
-      return array;
-    },
-  },
-  pageLifetimes: {
-    // 组件所在页面的生命周期函数
-    show: function () {},
-    hide: function () {},
-    resize: function () {},
-  },
-  created: function () {},
-  attached: function () {},
-  ready: function () {},
-  moved: function () {},
-  detached: function () {},
-});

package/libs/xt-popover/index.json

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

package/libs/xt-popover/index.wxml

@@ -1,43 +0,0 @@
-<view wx:if="{{show}}" class="xt-popover-popup" style="z-index:{{zIndx}}">
-    <view class="xt-popover">
-        <view wx:if="{{ type == 'operate'}}" class="operate-wrapper">
-            <view class="operate-content font40rpx">
-                <block wx:for="{{operates}}" wx:for-item="operate" wx:for-index="idx" wx:key="idx">
-                    <view bindtap="chooseItemClick" data-item="{{operate}}" class="flex-center operate">
-                        {{operate[itemTextKey]}}
-                    </view>
-                </block>
-            </view>
-            <view bindtap="closePopover" class="font40rpx flex-center cancel">取消</view>
-        </view>
-        <view wx:else class="content-wrapper">
-            <view class="header">
-                <view class="header-title">{{title}}</view>
-                <image wx:if="{{showCloseIcon}}" bindtap="closePopover" class="close-icon" src="https://img.tanjiu.cn/home/zGMfEx8iJBb6JewsFrYXNWs8R8KRwjzD.png" mode="widthFix"></image>
-            </view>
-            <scroll-view scroll-y="true" class="content font40rpx {{ type == 'single' ? 'spec-content':''}}">
-                <view class="content-info">
-                    <block wx:if="{{type == 'text'}}">{{textContent}}</block>
-                    <view wx:else class="list">
-                        <block wx:for="{{sourceData}}" wx:for-item="listItem" wx:for-index="idx" wx:key="idx">
-                            <view class="list-item" bindtap="chooseItemClick" data-item="{{listItem}}">
-                                <view class="list-item-label">{{listItem[itemTextKey]}}</view>
-                                <block wx:if="{{type == 'multiple'}}">
-                                    <xt-icon wx:if="{{listItem.selected}}" icon="tongguo" size="44" style="color:#30BF67"></xt-icon>
-                                    <xt-icon wx:else icon="weixuanzhong1" size="44" style="color:#999999"></xt-icon>
-                                </block>
-                                <block wx:if="{{type == 'single'}}">
-                                    <xt-icon wx:if="{{listItem.selected}}" icon="zhengque" size="44" style="color:#30BF67"></xt-icon>
-                                </block>
-                            </view>
-                        </block>
-                    </view>
-                    <slot ></slot>
-                </view>
-            </scroll-view>
-            <view wx:if="{{type == 'text' || type == 'multiple'}}" class="btn-wrapper">
-                <view bindtap="confirm" class="confirm flex-center">确定</view>
-            </view>
-        </view>
-    </view>
-</view>

package/libs/xt-popover/index.wxss

@@ -1,135 +0,0 @@
-.xt-popover-popup {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(0, 0, 0, 0.7);
-
-  transition-property: opacity;
-  transition-timing-function: ease;
-}
-.xt-popover-popup .xt-popover {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background-color: #ffffff;
-  border-radius: 20rpx 20rpx 0 0;
-  overflow: hidden;
-  box-sizing: border-box;
-
-  padding-bottom: calc(constant(safe-area-inset-bottom) + 0rpx);
-  padding-bottom: calc(env(safe-area-inset-bottom) + 0rpx);
-
-  transition: all 0.5s ease-in;
-}
-
-.xt-popover .operate-wrapper {
-  overflow: hidden;
-  background: #ededed;
-}
-
-.xt-popover .operate-content {
-  background-color: #ffffff;
-  margin-bottom: 16rpx;
-  box-sizing: border-box;
-}
-
-.xt-popover .operate {
-  box-sizing: border-box;
-  width: 100%;
-  height: 120rpx;
-  box-shadow: inset 0px -2rpx 0rpx 0rpx #ededed;
-}
-
-.xt-popover .cancel {
-  width: 100%;
-  min-height: 120rpx;
-  background-color: #ffffff;
-}
-
-.xt-popover .flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.xt-popover .font40rpx {
-  font-size: 40rpx;
-  font-weight: 400;
-  color: #000000;
-}
-
-.content-wrapper {
-  box-sizing: border-box;
-  background-color: #ffffff;
-}
-
-.xt-popover-popup .header {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: 0 32rpx;
-
-  width: 100%;
-  height: 120rpx;
-  background: #ffffff;
-  box-shadow: inset 0px -2rpx 0rpx 0rpx #f5f5f5;
-  font-size: 40rpx;
-  font-weight: 600;
-  color: #222222;
-}
-
-.xt-popover-popup .content {
-  box-sizing: border-box;
-  height: 924rpx;
-}
-
-.xt-popover-popup .spec-content {
-  height: 1084rpx;
-}
-
-.xt-popover-popup .content-info {
-  box-sizing: border-box;
-  padding: 32rpx;
-  text-align: justify;
-}
-
-.xt-popover-popup .close-icon {
-  width: 48rpx;
-  height: 48rpx;
-}
-
-.xt-popover-popup .btn-wrapper {
-  box-sizing: border-box;
-  width: 100%;
-  padding: 32rpx;
-  height: 160rpx;
-  background: #ffffff;
-  box-shadow: inset 0px 2rpx 0rpx 0rpx #ededed;
-}
-
-.xt-popover-popup .confirm {
-  width: 100%;
-  height: 100%;
-  background: #6722ab;
-  border-radius: 120rpx;
-
-  font-size: 40rpx;
-  font-weight: 600;
-  color: #ffffff;
-}
-
-.xt-popover-popup .list-item {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 32rpx 0;
-}
-
-.xt-popover-popup .list-item-label {
-  flex: 1;
-  margin-right: 20rpx;
-}

package/libs/xt-search/README.md

@@ -1,55 +0,0 @@
-# Search搜索框
-
-### 介绍
-常用于列表过渡，通过输入搜索筛选数据
-
-### 效果图
-![效果图](https://img.tanjiu.cn/home/PdAzeR3aNa6kz7J6Aks6xinCwT8HRk2y.png "搜索框图")
-
-### 引入
-在app.json或页面配置json中引入
-```
-"usingComponents": {
-    "xt-search": "@xtdev/xt-miniprogram-ui/xt-search",
-}
-```
-
-## 代码演示
-
-### 默认模式，横向展示
-![效果图](https://img.tanjiu.cn/home/PdAzeR3aNa6kz7J6Aks6xinCwT8HRk2y.png "搜索框图")
-
-```
-<xt-steps></xt-steps>
-```
-
-### 方形
-![效果图](https://img.tanjiu.cn/home/wsXSS75BzmJ57ZhSHdij5JimWA6YcBXf.png "搜索框图")
-
-```
-<xt-steps isCircle="{{false}}"></xt-steps>
-```
-
-
-## API
-
-#### xt-steps props
-
-| 参数      | 说明 |  类型 | 默认值 |
-| ----------- | ----------- | ---------- | ---------- |
-| isCircle      | 是否为圆角 | `Boolean` | true |
-| placeholder   | 当前输入框placeholder  | `String` | 请输入内容  |
-| isFocus   | 是否自动聚焦  | `Boolean` | true |
-| value   | 默认值  | `String` | '' |
-| remote   | 是否为远程搜索(点击输入框将只执行onFocus指令。适用于跳转新页面搜索场景)  | `Boolean` | false |
-| rightBtnText   | 提交按钮文案  | `String` | '搜索' |
-
-#### 事件
-
-| 事件名称      | 说明 | 参数 |
-| ----------- | ----------- | ----------- |
-| onFocus      | 聚焦 | - |
-| onBlur   | 失去焦点  | - |
-| onInput   | 输入  | 输入框值 |
-| onClear   | 清除  | - |
-| onSearch   | 按钮提交  | 输入框值 |

package/libs/xt-search/index.js

@@ -1,88 +0,0 @@
-Component({
-    /**
-     * 组件的属性列表
-     */
-    properties: {
-      // 搜索框样式，是否是圆的，默认为方
-      isCircle: {
-        type: Boolean,
-        value: true
-      },
-      placeholder: {
-        type: String,
-        value: "请输入内容"
-      },
-      // 是否自动聚焦
-      isFocus: {
-        type: Boolean,
-        value: false
-      },
-      value: {
-        type: String,
-        value: ''
-      },
-      // 是否远程搜索，如果为true。点击输入框将只执行onFocus指令。适用于跳转新页面搜索场景
-      remote: {
-        type: Boolean,
-        value: false
-      },
-      rightBtnText: {
-        type: String,
-        value: '搜索'
-      }
-    },
-  
-    /**
-     * 组件的初始数据
-     */
-    data: {
-      isActive: false,
-      // 输入框的输入值
-      inputVal: ''
-    },
-  
-    /**
-     * 组件的方法列表
-     */
-    methods: {
-      onFocus() {
-        if (!this.data.remote) {
-          this.setData({
-            isActive: true
-          });
-        }
-        this.triggerEvent('onFocus');
-      },
-      onBlur() {
-        this.setData({
-          isActive: false
-        });
-        this.triggerEvent('onBlur');
-      },
-      onInput(e) {
-        this.setData({
-          inputVal: e.detail.value
-        });
-        this.triggerEvent('onInput', e.detail.value);
-      },
-      clearInpVal() {
-        this.setData({
-          inputVal: ''
-        });
-        if (!this.data.isActive) {
-          this.triggerEvent('onClear');
-        }
-      },
-      onSearch() {
-        this.triggerEvent('onSearch', this.data.inputVal);
-      }
-    },
-    observers: {
-      value(val) {
-        this.setData({
-          inputVal: val
-        });
-      }
-    }
-  });
-  

package/libs/xt-search/index.json

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

package/libs/xt-search/index.wxml

@@ -1,17 +0,0 @@
-<!--components/xt-search.wxml-->
-<view class="xt-search-container">
-    <view class=".xt-search-box {{isActive? 'xt-search-active':''}} {{isCircle? 'search-box-circle' : ''}}">
-        <xt-icon class="xt-search-icon" slot="left-icon" icon="sousuo" size="32"></xt-icon>
-        <view wx:if="{{remote}}" class="xt-search-input {{inputVal ?'' : 'placeholder'}}" bind:tap="onFocus">
-            {{inputVal||placeholder}}
-        </view>
-        <input wx:else class="xt-search-input" placeholder-class="xt-palceholder" confirm-type="search" bind:focus="onFocus" bindblur="onBlur" bindinput="onInput" value="{{ inputVal }}" bind:confirm="onSearch" focus="{{isFocus}}" placeholder="{{placeholder}}" />
-        <view slot="action" class="xt-search-btn {{isCircle? 'xt-search-btn-circle' : ''}}" placeholder="{{placeholder}}">
-            <view wx:if="{{inputVal}}" class="xt-clearimg-box" catchtap="clearInpVal">
-                <xt-icon class="xt-clear-img" icon="shibai-xiao" size="32"></xt-icon>
-            </view>
-            <text bind:tap="onSearch" class="xt-search-text">{{rightBtnText}}</text>
-        </view>
-    </view>
-    <view slot="show-more"></view>
-</view>

package/libs/xt-search/index.wxss

@@ -1,82 +0,0 @@
-/* components/xt-search.wxss */
-.xt-search-container {
-  position: relative;
-  display: flex;
-}
-
-.xt-search-box {
-  border: 2rpx solid #dddddd;
-  background-color: white;
-  box-sizing: border-box;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 80rpx;
-  border-radius: 10rpx;
-  overflow: hidden;
-  flex: 1;
-}
-
-.xt-search-box.search-box-circle {
-  border-radius: 40rpx;
-}
-
-.xt-search-icon {
-  color: #999999;
-  padding-left: 24rpx;
-  padding-right: 8rpx;
-}
-
-.xt-search-input {
-  width: 100%;
-  flex: 1;
-  font-size: 34rpx;
-  font-weight: 400;
-}
-
-.xt-palceholder {
-  font-size: 34rpx;
-  color: #999999;
-}
-
-.xt-clearimg-box {
-  width: 64rpx;
-}
-
-.xt-clear-img {
-  z-index: 999;
-  color: #B8B8B8;
-}
-
-.xt-search-btn {
-  display: flex;
-  align-items: center;
-  height: 40rpx;
-  line-height: 40rpx;
-  box-sizing: border-box;
-  text-align: center;
-  font-weight: 800;
-  color: #6722ab;
-}
-
-.xt-search-btn .xt-search-text {
-  font-size: 34rpx;
-  width: 120rpx;
-  display: inline-block;
-  border-left: 2rpx solid #e5e5e5;
-  line-height: 32rpx !important;
-}
-
-.xt-search-btn-circle .xt-search-text {
-  width: 132rpx;
-  font-size: 34rpx;
-}
-
-.xt-search-active {
-  border-color: #6722ab;
-}
-
-.xt-placeholder {
-  color: #999999;
-}

package/libs/xt-stepper/README.md

@@ -1,52 +0,0 @@
-<!--
- * @Author: Mr.Hu
- * @Date: 2023-07-17 17:45:42
- * @Description: 
- * @LastEditors: Mr.Hu
--->
-# 列表卡片
-
-### 介绍
-列表中的单个展示项
-
-### 效果图
-![效果图](https://img.tanjiu.cn/home/xRRapWMCmE6S44YQDWzaCyj78FjBFxjG.png "步进器效果图")
-
-### 引入
-在app.json或页面配置json中引入
-```
-"usingComponents": {
-    "xt-stepper": "@xtdev/xt-miniprogram-ui/xt-stepper",
-}
-```
-
-## 代码演示
-
-### 基础用法
-
-```
-<xt-stepper value="{{good.qty}}" step="{{good.step}}" min="{{good.min}}" max="{{good.max}}" bind:change="inputChange" stepTips="3的倍数瓶起购"/>
-```
-
-## API
-
-#### xt-stepper props
-
-| 参数      | 说明 |  类型 |
-| ----------- | ----------- | ---------- |
-| value      | 输入框当前值 | `Number` |
-| min   | 最小值  | `Number` |
-| max   | 最大值  | `Number` |
-| step   | 每次点击改变的间隔大小  | `Number` |
-| background   | 背景色  | `String` |
-| color   | 字体颜色（前景色）  | `String` |
-| disabled   |  是否为禁用步进器，默认否  | `Boolean` |
-| disableInput   |  是否为禁用输入框，默认否  | `Boolean` |
-
-## Event
-
-| 事件名      | 说明 | 回调参数 |
-| ----------- | ----------- | ----------- |
-| change      | 输入框值改变时触发 | `Number` |
-| focus   | 输入框聚焦时触发 | `event` |
-| blur   | 输入框失焦时触发  | `event` |