@cloudbase/weda-ui 2.0.26 → 3.1.0

package/src/mp/components/button/index.js

@@ -1,91 +0,0 @@
-import classNames from '../../utils/classnames';
-import handleEvents from '../../utils/handleEvents';
-
-Component({
-  options: {
-    virtualHost: true,
-    multipleSlots: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    text: {
-      type: String,
-      value: '按钮',
-    },
-    size: {
-      type: String,
-      value: 'default',
-    },
-    type: {
-      type: String,
-      value: 'primary',
-    },
-    loading: {
-      type: Boolean,
-      value: false,
-    },
-    disabled: {
-      type: Boolean,
-      value: false,
-    },
-    formType: {
-      type: String,
-    },
-    openType: {
-      type: String,
-    },
-    sessionFrom: {
-      type: String,
-    },
-    sendMessageTitle: {
-      type: String,
-    },
-    sendMessagePath: {
-      type: String,
-    },
-    sendMessageImg: {
-      type: String,
-    },
-    showMessageCard: {
-      type: Boolean,
-    },
-    appParameter: {
-      type: String,
-    },
-  },
-  data: {
-    cls: '',
-  },
-  methods: {
-    ...handleEvents([
-      { title: '点击', name: 'tap' },
-      { title: '打开客服会话', name: 'contact' },
-      { title: '打开App', name: 'launchApp' },
-      { title: '打开授权设置', name: 'openSetting' },
-    ]),
-  },
-  observers: {
-    'className,size,type,disabled': function (className, size, type, disabled) {
-      const cls = classNames('weda-ui', {
-        'weda-button': true,
-        'weui-btn': true,
-        'weui-btn_mini': size === 'mini',
-        'weui-btn_large': size === 'large',
-        'weui-btn_primary': type === 'primary',
-        'weui-btn_default': type === 'default',
-        'weui-btn_warn': type === 'warn',
-        'weui-btn_disabled': disabled,
-        [className]: className,
-      });
-
-      this.setData({ cls });
-    },
-  },
-});

package/src/mp/components/button/index.json

@@ -1,4 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared"
-}

package/src/mp/components/button/index.wxml

@@ -1,22 +0,0 @@
-<button
-  class="{{cls}}"
-  style="{{style}}"
-  size="{{size}}"
-  loading="{{loading}}"
-  disabled="{{disabled}}"
-  open-type="{{openType}}"
-  form-type="{{formType}}"
-  bind:tap="tap"
-  bindcontact="contact"
-  bindlaunchapp="launchApp"
-  bindopensetting="openSetting"
-  session-from="{{sessionFrom}}"
-  send-message-title="{{sendMessageTitle}}"
-  send-message-path="{{sendMessagePath}}"
-  send-message-img="{{sendMessageImg}}"
-  show-message-card="{{showMessageCard}}"
-  app-parameter="{{appParameter}}"
->
-  <block>{{text ? text : ''}}</block>
-  <slot name="contentSlot" wx:if="{{!text}}" />
-</button>

package/src/mp/components/button/index.wxss

@@ -1,13 +0,0 @@
-@import '../../style/weda-ui.wxss';
-
-.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
-  background-color: var(--weui-TAG-TEXT-BLUE);
-}
-.weda-ui.weui-btn.weui-btn_large {
-  font-size: large;
-  display: block;
-  padding-left: 14rpx;
-  padding-right: 14rpx;
-  text-align: center;
-  width: 100%;
-}

package/src/mp/components/calendar/arrowright--line.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 16 16" version="1.1">
-    <title>chevron-right</title>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons" transform="translate(-320.000000, -951.000000)">
-            <g id="chevron-right" transform="translate(320.000000, 951.000000)">
-                <path d="M16,0 L16,16 L0,16 L0,0 L16,0 Z" id="矩形" opacity="0.600000024" transform="translate(8.000000, 8.000000) scale(-1, -1) rotate(90.000003) translate(-8.000000, -8.000000) "/>
-                <path d="M4.68942324,5.31054639 L8.22980396,8.85092687 L11.7701844,5.31054639 L12.6894235,6.2297852 L8.22980396,10.6894045 L3.77018443,6.2297852 L4.68942324,5.31054639 Z" id="路径-4-(Stroke)" fill="#000000" transform="translate(8.229804, 7.999975) scale(-1, -1) rotate(90.000003) translate(-8.229804, -7.999975) "/>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/mp/components/calendar/index.js

@@ -1,268 +0,0 @@
-// pages/calendar/calendar.js
-import dayjs from '../../utils/dayjs.min.js';
-// import dayjs from 'dayjs'
-Component({
-  externalClasses: ['ext-class'],
-  options: {
-    virtualHost: true,
-  },
-  /** 传入的props */
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: {},
-    },
-    // 控制器显示隐藏
-    initVisible: {
-      type: String,
-      value: 'true',
-    },
-    // 初始化日历值
-    initValue: {
-      type: String,
-      value: '',
-    },
-    // 展示配置
-    configData: {
-      type: Array,
-      value: [],
-    },
-  },
-  /** 页面的初始数据 */
-  data: {
-    // 常量
-    blockName: 'weda_calendar', // 类名前缀
-    minYear: 1970, // 最早选择年份
-    firstDayOfWeek: 1, // 日历从周一开始
-    initFormat: 'YYYY-MM-DD',
-    controlSectionSize: 'medium', // 操作栏控件尺寸
-    week: ['一', '二', '三', '四', '五', '六', '日'], // 表头日历星期展示方式
-    isShowWeekend: true, // 是否显示周末
-    // 变量
-    value: null,
-    visible: true,
-    year: 0,
-    month: 0,
-    datalist: [],
-    headerlist: [],
-  },
-
-  lifetimes: {
-    created: function () {},
-    attached: function () {
-      const { initVisible, initValue } = this.properties;
-      const { firstDayOfWeek, initFormat } = this.data;
-      if (initVisible !== null) {
-        this.setData({
-          visible: initVisible,
-        });
-      }
-      if (initValue !== null && initValue !== '') {
-        const value = dayjs(initValue);
-        const year = dayjs(initValue).year();
-        const month = parseInt(dayjs(initValue).format('M'), 10);
-        this.setData({
-          value,
-          year,
-          month,
-          datalist: this.getDateLis(
-            year,
-            month,
-            firstDayOfWeek,
-            value,
-            initFormat
-          ),
-          headerlist: this.colHeaderList(),
-        });
-      } else {
-        const _dayjsDate = dayjs(dayjs().format('YYYY-MM-DD'));
-        const value = _dayjsDate;
-        const year = _dayjsDate.year();
-        const month = parseInt(_dayjsDate.format('M'), 10);
-        this.setData({
-          value,
-          year,
-          month,
-          datalist: this.getDateLis(
-            year,
-            month,
-            firstDayOfWeek,
-            value,
-            initFormat
-          ),
-          headerlist: this.colHeaderList(),
-        });
-      }
-    },
-  },
-  methods: {
-    // 传入参数，修改展示列表
-    getDateLis: function (year, month, firstDayOfWeek, value, initFormat) {
-      const datalist = this.createDateList(
-        year,
-        month,
-        firstDayOfWeek,
-        value,
-        initFormat
-      );
-      return this._dataList(datalist);
-    },
-    // 获取一个日期是周几（1~7）
-    getDay: function (dt) {
-      let day = dayjs(dt).day();
-      if (day === 0) {
-        day = 7;
-      }
-      return day;
-    },
-    // 获取日期数组
-    createDateList: function (year, month, firstDayOfWeek, value, initFormat) {
-      const createCellData = (belongTo, isCurrent, date, weekOrder) => {
-        const day = this.getDay(date);
-        return {
-          mode: 'month',
-          belongTo,
-          isCurrent,
-          day,
-          weekOrder,
-          date,
-          formattedDate: dayjs(date).format(initFormat),
-          filterDate: null,
-          formattedFilterDate: null,
-          isShowWeekend: true,
-          dateDay: date.getDate(), // 用于展示的天，需要标记
-          isNow: dayjs().format(initFormat) === dayjs(date).format(initFormat), // 是否当天
-        };
-      };
-
-      const monthFirstDay = dayjs(`${year}-${month}`);
-      const rowList = [];
-      let list = [];
-      let weekCount = 1;
-
-      // 添加上个月中会在本月显示的最后几天日期
-      // getDay(monthFirstDay.toDate()) 获取每月第一天是周几
-      const lastMonthDaysCount =
-        (this.getDay(monthFirstDay.toDate()) - firstDayOfWeek + 7) % 7;
-      for (let i = 0; i < lastMonthDaysCount; i++) {
-        // 获取显示在当前月的日历中，上月日期数据
-        // monthFirstDay.subtract(num, 'day' | 'month' | 'year') 表示以当月第一天日期为基准，在 日|月|年 数字上减去num
-        const dayObj = monthFirstDay.subtract(i + 1, 'day');
-        list.unshift(createCellData(-1, false, dayObj.toDate(), weekCount));
-      }
-      // 添加本月日期
-      // 获取本月最后一天是几号
-      const monthDaysCount = monthFirstDay.endOf('month').daysInMonth();
-      for (let i = 0; i < monthDaysCount; i++) {
-        const dayObj = monthFirstDay.add(i, 'day');
-        list.push(
-          createCellData(0, value.isSame(dayObj), dayObj.toDate(), weekCount)
-        );
-        if (list.length === 7) {
-          rowList.push(list);
-          list = [];
-          weekCount += 1;
-        }
-      }
-
-      // 添加下月日期
-      if (list.length) {
-        // 获取当月最后一天
-        const monthLastDay = dayjs(`${year}-${month}`).endOf('month');
-        // 获取下月在当月日历中的天数
-        const nextMonthDaysCount = 7 - list.length;
-        for (let i = 0; i < nextMonthDaysCount; i++) {
-          const dayObj = monthLastDay.add(i + 1, 'day');
-          list.push(createCellData(1, false, dayObj.toDate(), weekCount));
-        }
-        rowList.push(list);
-      }
-      return rowList;
-    },
-    // 混合数据
-    _dataList: function (configList) {
-      const { configData } = this.properties;
-      const _map = new Map();
-      for (const item of configData) {
-        _map.set(item.matchDate, item);
-      }
-      return configList.map((item) => {
-        return item.reduce((res, i) => {
-          if (_map.has(i.formattedDate)) {
-            const _disabled = _map.get(i.formattedDate)['disabled'];
-            const _marked = _map.get(i.formattedDate)['marked'];
-            i['disabled'] =
-              _disabled !== undefined ? JSON.parse(_disabled) : false;
-            i['marked'] = _marked;
-          }
-          res.push(i);
-          return res;
-        }, []);
-      });
-    },
-    // 表头数组
-    colHeaderList: function () {
-      const { week, firstDayOfWeek, isShowWeekend } = this.data;
-      const list = [];
-      for (let i = firstDayOfWeek; i <= 7; i++) {
-        if (!isShowWeekend && i > 5) {
-          break;
-        }
-        list.push({
-          day: i,
-          text: week[i - 1],
-        });
-      }
-      if (firstDayOfWeek > 1) {
-        for (let i = 1; i < firstDayOfWeek; i++) {
-          if (!isShowWeekend && i > 5) {
-            break;
-          }
-          list.push({
-            day: i,
-            text: week[i - 1],
-          });
-        }
-      }
-      return list;
-    },
-    // 上一个月
-    handlePrevMonth: function () {
-      const { year, month, firstDayOfWeek, value, initFormat } = this.data;
-      const _month = month == 1 ? 12 : month - 1;
-      const _year = month === 1 ? year - 1 : year;
-      this.setData({
-        year: _year,
-        month: _month,
-        datalist: this.getDateLis(
-          _year,
-          _month,
-          firstDayOfWeek,
-          value,
-          initFormat
-        ),
-      });
-    },
-    // 下一个月
-    handleNextMonth: function () {
-      const { year, month, firstDayOfWeek, value, initFormat } = this.data;
-      const _month = month == 12 ? 1 : month + 1;
-      const _year = month === 12 ? year + 1 : year;
-      this.setData({
-        year: _year,
-        month: _month,
-        datalist: this.getDateLis(
-          _year,
-          _month,
-          firstDayOfWeek,
-          value,
-          initFormat
-        ),
-      });
-    },
-  },
-});

package/src/mp/components/calendar/index.json

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

package/src/mp/components/calendar/index.wxml

@@ -1,35 +0,0 @@
-<view class="{{className}} weda-calendar" style="{{style}}">
-  <view class="weda-calendar__control">
-    <view class="weda-calendar__prevMonth" wx:if="{{visible}}" bindtap="handlePrevMonth">
-      <image class="weda-calendar__prevMonth-icon" src="arrowright--line.svg" />
-    </view>
-    <view class="weda-calendar__current-date">{{year}}年{{month}}月</view>
-    <view class="weda-calendar__nextMonth" wx:if="{{visible}}" bindtap="handleNextMonth">
-      <image class="weda-calendar__nextMonth-icon" src="arrowright--line.svg" />
-    </view>
-  </view>
-  <view class="weda-calendar__panel">
-    <view class="weda-calendar__table">
-      <view class="weda-calendar__table-head">
-        <view class="weda-calendar__table-head-row">
-          <view class="weda-calendar__table-head-cell" wx:for="{{headerlist}}" wx:for-index="index" wx:for-item="item" wx:key="index"> {{item.text}} </view>
-        </view>
-      </view>
-      <view class="weda-calendar__table-body">
-        <block wx:for="{{datalist}}" wx:for-item="dateRow" wx:key="index">
-          <view class="weda-calendar__table-body-row">
-            <block wx:for="{{dateRow}}" wx:for-item="dateCell" wx:key="index">
-              <view class="'weda-calendar__table-body-cell' {{dateCell.belongTo !== 0 ? 'is-disabled ': ''}} {{dateCell.disabled ? 'is-invalid' : ''}}{{dateCell.isNow ? 'is-now' : ''}}">
-                <view class="weda-calendar__table-body-cell-value">
-                  {{dateCell.dateDay}}
-                  <view class="weda-calendar__table-body-cell-bg"></view>
-                  <view wx:if="{{dateCell.marked}}" class="weda-calendar__table-body-cell-marked" style="background: {{dateCell.marked}}"></view>
-                </view>
-              </view>
-            </block>
-          </view>
-        </block>
-      </view>
-    </view>
-  </view>
-</view>

package/src/mp/components/calendar/index.wxss

@@ -1,179 +0,0 @@
-@import '../../style/weda-ui.wxss';
-
-/* components/calendar.wxss */
-.weda-calendar {
-  background: rgb(255, 255, 255);
-  width: 100%;
-  opacity: 0.9;
-  font-size: 28rpx;
-}
-
-.weda-calendar .weda-calendar__control {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 32rpx 32rpx 0;
-  position: relative;
-  text-align: center;
-}
-
-.weda-calendar .weda-calendar__current-date {
-  font-weight: bold;
-  font-size: inherit;
-  line-height: 1.57142em;
-}
-
-.weda-calendar .weda-calendar__prevMonth,
-.weda-calendar .weda-calendar__nextMonth {
-  position: absolute;
-  width: 1.14285em;
-  height: 1.14285em;
-  vertical-align: middle;
-  top: 34rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.weda-calendar .weda-calendar__prevMonth .weda-calendar__prevMonth-icon,
-.weda-calendar .weda-calendar__nextMonth .weda-calendar__nextMonth-icon {
-  width: 100%;
-  height: 100%;
-}
-
-.weda-calendar .weda-calendar__prevMonth {
-  transform: rotate(180deg);
-  left: 32rpx;
-}
-
-.weda-calendar .weda-calendar__nextMonth {
-  right: 32rpx;
-}
-
-.weda-calendar .weda-calendar__panel {
-  height: 21.85714em;
-  padding: 40rpx 32rpx 32rpx 32rpx;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.weda-calendar .weda-calendar__table {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-self: start;
-  align-items: flex-start;
-  font-size: inherit;
-}
-
-.weda-calendar .weda-calendar__table-head {
-  display: block;
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.weda-calendar .weda-calendar__table-head-row {
-  width: 100%;
-  padding-bottom: 0;
-  display: flex;
-}
-
-.weda-calendar .weda-calendar__table-head-cell {
-  flex: 1 1 0%;
-  display: flex;
-  color: rgba(0, 0, 0, 0.6);
-  position: relative;
-  width: 100%;
-  height: 100%;
-  justify-content: center;
-  font-size: 1em;
-  line-height: 1.42857em;
-  box-sizing: border-box;
-}
-
-.weda-calendar .weda-calendar__table-body {
-  display: flex;
-  flex-direction: column;
-  justify-self: center;
-  align-items: center;
-  flex: 1 1 0%;
-  width: 100%;
-}
-
-.weda-calendar .weda-calendar__table-body-row {
-  width: 100%;
-  display: flex;
-  flex: 1 1 0%;
-}
-
-.weda-calendar .weda-calendar__table-body-cell {
-  flex: 1 1 0%;
-  position: relative;
-  width: 100%;
-  height: 100%;
-  font-size: 1em;
-  line-height: 1.42857em;
-  box-sizing: border-box;
-  justify-content: center;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-
-.weda-calendar .weda-calendar__table-body-cell-value {
-  font-size: 1em;
-  text-align: center;
-  border-radius: 50%;
-  width: 80rpx;
-  line-height: 2.85714em;
-  box-sizing: border-box;
-  color: rgba(0, 0, 0, 0.9);
-  position: relative;
-}
-
-.weda-calendar .weda-calendar__table-body-cell.is-disabled,
-.weda-calendar .weda-calendar__table-body-cell.is-invalid {
-  cursor: not-allowed;
-}
-
-.weda-calendar
-  .weda-calendar__table-body-cell.is-disabled
-  .weda-calendar__table-body-cell-value {
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.weda-calendar
-  .weda-calendar__table-body-cell.is-invalid
-  .weda-calendar__table-body-cell-value {
-  color: #c5c5c5;
-}
-
-.weda-calendar
-  .weda-calendar__table-body-cell.is-now
-  .weda-calendar__table-body-cell-value {
-  color: #fff;
-}
-
-.weda-calendar
-  .weda-calendar__table-body-cell.is-now
-  .weda-calendar__table-body-cell-bg {
-  position: absolute;
-  width: 1.714285em;
-  height: 1.714285em;
-  background: #0052d9;
-  border-radius: 100%;
-  left: calc(50% - 0.85714em);
-  top: calc(50% - 0.85714em);
-  z-index: -1;
-}
-
-.weda-calendar .weda-calendar__table-body-cell-marked {
-  position: absolute;
-  border-radius: 50%;
-  left: 50%;
-  transform: translate(-50%);
-  bottom: -20rpx;
-  width: 8rpx;
-  height: 8rpx;
-  top: calc(50% + 28rpx);
-}