@cloudbase/weda-ui-mp 0.2.20

package/components/form/location/location.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5001 5.99993C10.5001 7.38064 9.3808 8.49993 8.00009 8.49993C6.61938 8.49993 5.50009 7.38064 5.50009 5.99993C5.50009 4.61922 6.61938 3.49993 8.00009 3.49993C9.3808 3.49993 10.5001 4.61922 10.5001 5.99993ZM9.50009 5.99993C9.50009 5.1715 8.82852 4.49993 8.00009 4.49993C7.17166 4.49993 6.50009 5.1715 6.50009 5.99993C6.50009 6.82835 7.17166 7.49993 8.00009 7.49993C8.82852 7.49993 9.50009 6.82835 9.50009 5.99993Z" fill="black" fill-opacity="0.9" style="fill:black;fill:black;fill-opacity:0.9;"/>
+<path d="M8.36196 14.4683C8.18821 14.7236 7.81196 14.7236 7.63822 14.4683L3.85557 8.91168C2.50041 6.92097 2.75204 4.24798 4.45488 2.54513C6.41284 0.58717 9.58733 0.587169 11.5453 2.54513C13.2481 4.24798 13.4998 6.92097 12.1446 8.91168L8.36196 14.4683ZM11.318 8.34895C12.4028 6.7553 12.2014 4.61544 10.8382 3.25224C9.27075 1.6848 6.72943 1.6848 5.16199 3.25224C3.79878 4.61545 3.59735 6.7553 4.68221 8.34895L8.00009 13.2229L11.318 8.34895Z" fill="black" fill-opacity="0.9" style="fill:black;fill:black;fill-opacity:0.9;"/>
+</svg>

package/components/form/radio/index.js

@@ -0,0 +1,124 @@
+import classNames from '../../../utils/classnames';
+import destr from '../../../utils/destr';
+import handleEvents from '../../../utils/handleEvents';
+import { callWedaApi } from '../../../utils/tcb';
+import deepEqual from '../../../utils/deepEqual';
+
+Component({
+  options: {
+    virtualHost: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    label: {
+      type: String,
+      value: '标题',
+    },
+    labelVisible: {
+      type: Boolean,
+      value: true,
+    },
+    range: {
+      type: Array,
+      value: [
+        { name: '单选-选项一', value: 'first', checked: true },
+        { name: '单选-选项二', value: 'second', checked: false },
+      ],
+    },
+    layout: {
+      type: String,
+      value: 'horizontal',
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    requiredFlag: {
+      type: Boolean,
+      value: false,
+    },
+    format: {
+      type: String,
+      value: '',
+    },
+    enumName: {
+      type: String,
+      value: '',
+    },
+  },
+  data: {
+    cls: '',
+    subCls: '',
+    isFlex: true,
+    defaultRange: [],
+  },
+  lifetimes: {
+    attached() {
+      const { className, layout, disabled, range } = this.properties;
+      const isFlex = layout !== 'vertical';
+      const cls = classNames({
+        'weda-ui': true,
+        'weda-radio': true,
+        [className]: className,
+      });
+      const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-check__label': true,
+        'weui-cell_disabled': disabled,
+      });
+
+      this.setData({ cls, subCls, isFlex, defaultRange: range });
+    },
+  },
+  methods: {
+    _fetchData: async function () {
+      let data = await callWedaApi({
+        action: 'DescribeGeneralOptionsDetailList',
+        data: {
+          OptNameList: [this.properties.enumName],
+          PageIndex: 1,
+          PageSize: 10,
+        },
+      });
+      const config = destr(data?.Items?.[0]?.Config) ?? [];
+      const option = config?.map((item) => {
+        return {
+          label: item.value,
+          value: item.key,
+          checked: false,
+        };
+      });
+      this.setData({ defaultRange: option });
+    },
+
+    ...handleEvents([
+      {
+        name: 'change',
+        title: '值改变',
+      },
+    ]),
+  },
+  observers: {
+    range: function (range) {
+      if (
+        this.properties.format !== 'x-enum' &&
+        !deepEqual(range, this.data.defaultRange)
+      ) {
+        this.setData({ defaultRange: range });
+      }
+    },
+    format: function (format) {
+      if (format === 'x-enum' && this.properties.enumName) {
+        this._fetchData();
+      }
+    },
+  },
+});

package/components/form/radio/index.json

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

package/components/form/radio/index.wxml

@@ -0,0 +1,13 @@
+<formcell className="{{cls}}" style="{{style}}" label="{{labelVisible ? label : null}}" layout="{{layout}}" multiCell="{{true}}" requiredFlag="{{requiredFlag}}">
+  <radio-group class="{{isFlex ? 'weui-flex__item' : ''}}" bindchange="change">
+    <label class="{{subCls}}" wx:for="{{defaultRange}}" wx:key="value">
+      <view class="weui-cell__hd">
+        <radio class="weui-check" value="{{item.value}}" checked="{{item.checked}}" disabled="{{disabled}}" />
+        <i class="weui-icon-checked" />
+      </view>
+      <view class="weui-cell__bd">
+        <view>{{item.label}}</view>
+      </view>
+    </label>
+  </radio-group>
+</formcell>

package/components/form/radio/index.wxss

@@ -0,0 +1 @@
+@import '../../../style/weda-ui.wxss';

package/components/form/select/allTimePicker/dataUtils.js

@@ -0,0 +1,377 @@
+export const weeks = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+
+export const data = () => {
+  const year = [];
+  for (let i = 0; i < 500; i++) {
+    year.push(1900 + i + '年');
+  }
+  return [
+    {
+      id: 'column1',
+      value: [' ', ' ', ...year, ' ', ' '],
+    },
+    {
+      id: 'column2',
+      value: [
+        '01月',
+        '02月',
+        '03月',
+        '04月',
+        '05月',
+        '06月',
+        '07月',
+        '08月',
+        '09月',
+        '10月',
+        '11月',
+        '12月',
+      ],
+    },
+  ];
+};
+export const dataTime = [
+  {
+    id: 'column1',
+    value: [
+      '00时',
+      '01时',
+      '02时',
+      '03时',
+      '04时',
+      '05时',
+      '06时',
+      '07时',
+      '08时',
+      '09时',
+      '10时',
+      '11时',
+      '12时',
+      '13时',
+      '14时',
+      '15时',
+      '16时',
+      '17时',
+      '18时',
+      '19时',
+      '20时',
+      '21时',
+      '22时',
+      '23时',
+      '00时',
+    ],
+  },
+  {
+    id: 'column2',
+    value: [
+      '00分',
+      '01分',
+      '02分',
+      '03分',
+      '04分',
+      '05分',
+      '06分',
+      '07分',
+      '08分',
+      '09分',
+      '10分',
+      '11分',
+      '12分',
+      '13分',
+      '14分',
+      '15分',
+      '16分',
+      '17分',
+      '18分',
+      '19分',
+      '20分',
+      '21分',
+      '22分',
+      '23分',
+      '24分',
+      '25分',
+      '26分',
+      '27分',
+      '28分',
+      '29分',
+      '30分',
+      '31分',
+      '32分',
+      '33分',
+      '34分',
+      '35分',
+      '36分',
+      '37分',
+      '38分',
+      '39分',
+      '40分',
+      '41分',
+      '42分',
+      '43分',
+      '44分',
+      '45分',
+      '46分',
+      '47分',
+      '48分',
+      '49分',
+      '50分',
+      '51分',
+      '52分',
+      '53分',
+      '54分',
+      '55分',
+      '56分',
+      '57分',
+      '58分',
+      '59分',
+      '00分',
+    ],
+  },
+  {
+    id: 'column3',
+    value: [
+      '00秒',
+      '01秒',
+      '02秒',
+      '03秒',
+      '04秒',
+      '05秒',
+      '06秒',
+      '07秒',
+      '08秒',
+      '09秒',
+      '10秒',
+      '11秒',
+      '12秒',
+      '13秒',
+      '14秒',
+      '15秒',
+      '16秒',
+      '17秒',
+      '18秒',
+      '19秒',
+      '20秒',
+      '21秒',
+      '22秒',
+      '23秒',
+      '24秒',
+      '25秒',
+      '26秒',
+      '27秒',
+      '28秒',
+      '29秒',
+      '30秒',
+      '31秒',
+      '32秒',
+      '33秒',
+      '34秒',
+      '35秒',
+      '36秒',
+      '37秒',
+      '38秒',
+      '39秒',
+      '40秒',
+      '41秒',
+      '42秒',
+      '43秒',
+      '44秒',
+      '45秒',
+      '46秒',
+      '47秒',
+      '48秒',
+      '49秒',
+      '50秒',
+      '51秒',
+      '52秒',
+      '53秒',
+      '54秒',
+      '55秒',
+      '56秒',
+      '57秒',
+      '58秒',
+      '59秒',
+    ],
+  },
+];
+
+const getIndex = (index) => {
+  return index < 0 ? 0 : index;
+};
+
+export const getFormatData = (data) => {
+  return data < 10 ? '0' + data : data;
+};
+export const getLast = (index, array) => {
+  return index < 0 ? array.length - 1 : index;
+};
+
+/**
+ * 动态获取日期时间数组的下标
+ */
+export const getCurrentYearIndex = (dateTime) => {
+  const year = new Date(getIOSNotNaNDate(dateTime)).getFullYear();
+  return getIndex(data()[0].value.indexOf(getFormatData(year) + '年'));
+};
+
+export const getCurrentMonthIndex = (dateTime) => {
+  const month = new Date(getIOSNotNaNDate(dateTime)).getMonth() + 1;
+  return getIndex(data()[1].value.indexOf(getFormatData(month) + '月'));
+};
+export const getCurrentDayIndex = (dateTime) => {
+  const month = new Date(getIOSNotNaNDate(dateTime)).getMonth() + 1;
+  return getIndex(data()[1].value.indexOf(getFormatData(month) + '月'));
+};
+
+export const getCurrentHoursIndex = (dateTime) => {
+  const hours = new Date(getIOSNotNaNDate(dateTime)).getHours();
+  return getIndex(dataTime[0].value.indexOf(getFormatData(hours) + '时'));
+};
+
+export const getCurrentMinutesIndex = (dateTime) => {
+  const minutes = new Date(getIOSNotNaNDate(dateTime)).getMinutes();
+  return getIndex(dataTime[1].value.indexOf(getFormatData(minutes) + '分'));
+};
+
+export const getCurrentSecondsIndex = (dateTime) => {
+  const seconds = new Date(getIOSNotNaNDate(dateTime)).getSeconds();
+  return getIndex(dataTime[2].value.indexOf(getFormatData(seconds) + '秒'));
+};
+/**
+ * 日期解析，字符串转日期
+ * @param dateString 可以为2017-02-16，2017/02/16，2017.02.16
+ * @returns {Date} 返回对应的日期对象
+ */
+export const dateParse = (dateString) => {
+  var SEPARATOR_BAR = '-';
+  var SEPARATOR_SLASH = '/';
+  var SEPARATOR_DOT = '.';
+  var dateArray;
+  if (dateString.indexOf(SEPARATOR_BAR) > -1) {
+    dateArray = dateString.split(SEPARATOR_BAR);
+  } else if (dateString.indexOf(SEPARATOR_SLASH) > -1) {
+    dateArray = dateString.split(SEPARATOR_SLASH);
+  } else {
+    dateArray = dateString.split(SEPARATOR_DOT);
+  }
+  return new Date(dateArray[0], dateArray[1] - 1, dateArray[2]);
+};
+/**
+ * 日期比较大小
+ * compareDateString大于dateString，返回1；
+ * 等于返回0；
+ * compareDateString小于dateString，返回-1
+ * @param dateString 日期
+ * @param compareDateString 比较的日期
+ */
+export const dateCompare = (dateString, compareDateString) => {
+  //判断入参为空串情况
+  if (dateString.length !== 0 && compareDateString.length === 0) {
+    return -1;
+  } else if (dateString.length === 0 && compareDateString.length !== 0) {
+    return 1;
+  } else if (dateString.length === 0 && compareDateString.length === 0) {
+    return 0;
+  } else if (dateString.length !== 0 && compareDateString.length !== 0) {
+    var dateTime = new Date(dateString.replace(/-/g, '/')).getTime();
+    var compareDateTime = new Date(
+      compareDateString.replace(/-/g, '/')
+    ).getTime();
+    if (compareDateTime > dateTime) {
+      return 1;
+    } else if (compareDateTime == dateTime) {
+      return 0;
+    } else {
+      return -1;
+    }
+  }
+};
+/**
+ *获得距离当前前后某月的开始日期和结束日期
+ * month 整数，负数当前之前某月，正数当月之后某月，0当月
+ */
+export const getMonthStartDateAndDateRange = (month = 0) => {
+  const oneDayLong = 24 * 60 * 60 * 1000;
+  const now = new Date();
+  now.setMonth(now.getMonth() + month);
+  const year = now.getFullYear();
+  const monthStartDate = new Date(year, now.getMonth(), 1); // 当前月1号
+  const nextMonthStartDate = new Date(year, now.getMonth() + 1, 1); // 下个月1号
+  const days =
+    (nextMonthStartDate.getTime() - monthStartDate.getTime()) / oneDayLong; // 计算当前月份的天数
+  const monthEndDate = new Date(year, now.getMonth(), days);
+  const monthRange = [monthStartDate, monthEndDate];
+  return monthRange;
+};
+// 获取当前月的天数
+export const mGetDate = (e) => {
+  var date = new Date(e);
+  var year = date.getFullYear();
+  var month = date.getMonth() + 1;
+  var d = new Date(year, month, 0);
+  return d.getDate();
+};
+// 获取当前月的所有日期
+export const getNowM = (e, time) => {
+  let now = new Date(e);
+  let current_month_num = mGetDate(e);
+  let current_month = [];
+  for (let i = 1; i <= current_month_num; i++) {
+    let day = now.setDate(i);
+    let everyDay = formatDate(day, time);
+    current_month.push(everyDay);
+  }
+  return current_month;
+};
+// 格式化日期
+export const formatDate = (date, time) => {
+  date = new Date(date);
+  let myyear = date.getFullYear();
+  let mymonth = date.getMonth() + 1;
+  let myweekday = date.getDate();
+  let myhours = date.getHours();
+  let myminutes = date.getMinutes();
+  let mygetseconds = date.getSeconds();
+  mymonth < 10 ? (mymonth = '0' + mymonth) : mymonth;
+  myweekday < 10 ? (myweekday = '0' + myweekday) : myweekday;
+  myhours < 10 ? (myhours = '0' + myhours) : myhours;
+  myminutes < 10 ? (myminutes = '0' + myminutes) : myminutes;
+  mygetseconds < 10 ? (mygetseconds = '0' + mygetseconds) : mygetseconds;
+  if (time) return `${myyear}/${mymonth}/${myweekday}` + ` ` + time;
+  return `${myyear}/${mymonth}/${myweekday} ${myhours}:${myminutes}:${mygetseconds}`;
+};
+export const getIOSNotNaNDate = (data) => {
+  return data.replace(/-/g, '/');
+};
+
+export const getFormatDate = (data) => {
+  return data.replace(new RegExp('/', 'g'), '-');
+};
+
+export const getDefaultDate = (date) => {
+  if (!date) return date;
+  const dateTime = Number(date);
+  // 判断是否是YYYY-MM-DD HH:MM:SS
+  if (isNaN(dateTime)) {
+    return date;
+  }
+  // 转换成字符串YYYY-MM-DD HH:MM:SS
+  const time = new Date(dateTime);
+  const year = time.getFullYear();
+  const month = time.getMonth() + 1;
+  const day = time.getDate();
+  const hour = time.getHours();
+  const min = time.getMinutes();
+  const sec = time.getSeconds();
+  return (
+    year +
+    '-' +
+    (month < 10 ? '0' + month : month) +
+    '-' +
+    (day < 10 ? '0' + day : day) +
+    ' ' +
+    (hour < 10 ? '0' + hour : hour) +
+    ':' +
+    (min < 10 ? '0' + min : min) +
+    ':' +
+    (sec < 10 ? '0' + sec : sec)
+  );
+};