@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.2

package/src/mp/components/chart/pie/index.js

@@ -1,178 +0,0 @@
-import * as echarts from '../common/lib/echarts.min';
-import EchartPie from '../common/core/eChartPie';
-Component({
-  options: {
-    virtualHost: true,
-    multipleSlots: true,
-  },
-  properties: {
-    id: {
-      type: String,
-      value: '',
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    chartType: {
-      // 图形类型
-      type: String,
-      value: 'bight',
-    },
-    title: {
-      // 图表标题
-      type: String,
-    },
-    isTitle: {
-      // 是否显示标题
-      type: Boolean,
-      value: false,
-    },
-    titleLocation: {
-      type: String,
-      value: 'top',
-    },
-    dataSource: {
-      // 数据源
-      type: Object,
-    },
-    filterData: {
-      // 数据筛选
-      type: Array,
-      value: [],
-    },
-    setColor: {
-      // 设置颜色
-      type: Array,
-      value: [],
-    },
-    xField: {
-      // x轴字段选择
-      type: Object,
-      value: {
-        format: '',
-        type: '', // 数据源字段 类型
-        title: '', // 字段名中文
-        name: '', // 字段名英文
-      },
-    },
-    xStatistics: {
-      // x轴统计维度
-      type: String,
-      value: '', // 统计纬度, 只有选择时间类型才有，y 年，m月，d 日，w周，h时，min 分，s秒
-    },
-    xIsCountEmpty: {
-      // x轴 是否统计空值
-      type: Boolean,
-      value: false,
-    },
-    yField: {
-      // Y轴字段，分组字段，是否分组
-      type: Object,
-      value: {
-        numValue: [{ key: '', operationType: '' }],
-        groupKey: '',
-      },
-    },
-    isLegend: {
-      // 是否显示图例
-      type: Boolean,
-      value: false,
-    },
-    legend: {
-      // 图例
-      type: String,
-      value: 'bottom', // 左 left 右right, 上top，下 bottom
-    },
-
-    // 高级属性
-    isSeriesShowSymbol: {
-      // 是否显示数据标签 开启后 属性 series.label.show 要同时设置为true
-      type: Boolean,
-      value: true,
-    },
-    isPercent: {
-      // 百分比
-      type: Boolean,
-      value: false,
-    },
-    isUnit: {
-      // 显示单位
-      type: Boolean,
-      value: false,
-    },
-    unit: {
-      // 数字显示的单位 百分比，千分比，千，万，百万，亿，十亿
-      type: String,
-      value: '%',
-    },
-    decimalDigits: {
-      // 小数位数
-      type: Number,
-      value: 0,
-    },
-    suffix: {
-      // 后缀
-      type: String,
-      value: '',
-    },
-  },
-  data: {
-    ec: {},
-    canvas_id: {
-      type: String,
-      value: `canvas_pie_${Date.now()}_${Math.random() * 100}`,
-    },
-  },
-  lifetimes: {
-    attached() {
-      // 在组件实例进入页面节点树时执行
-      this.initData();
-    },
-    detached() {
-      // 在组件实例被从页面节点树移除时执行
-    },
-  },
-  // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
-  attached() {
-    // 在组件实例进入页面节点树时执行
-    this.initData();
-  },
-  detached() {
-    // 在组件实例被从页面节点树移除时执行
-  },
-  observers: {
-    // 当参数变化时
-    option() {
-      this.initData();
-    },
-  },
-  methods: {
-    initData() {
-      this.setData({
-        ec: {
-          onInit: this.initChart.bind(this),
-        },
-      });
-    },
-    async initChart(canvas, width, height, dpr) {
-      const objEchart = echarts.init(canvas, null, {
-        width,
-        height,
-        devicePixelRatio: dpr,
-      });
-      canvas.setChart(objEchart);
-      const objEChartPie = new EchartPie();
-      await objEChartPie.setOptions(this.properties);
-      const options = await objEChartPie.getOptions();
-      // objEchart.clear();
-      console.log('设置前参数pie', options);
-      objEchart.setOption(options);
-      return objEchart;
-    },
-  },
-});

package/src/mp/components/chart/pie/index.json

@@ -1,6 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-    "ec-canvas": "../ec-canvas/ec-canvas"
-  }
-}

package/src/mp/components/chart/pie/index.wxml

@@ -1,4 +0,0 @@
-<view wx:if="ec" class="{{className}} ec_container" style="{{style}}" id="{{id}}">
-    <ec-canvas canvas-id="{{canvas_id}}" ec="{{ ec }}"></ec-canvas>
-</view>
-

package/src/mp/components/chart/pie/index.wxss

@@ -1,9 +0,0 @@
-/**index.wxss**/
-ec-canvas {
-  width: 100%;
-  height: 100%;
-}
-.ec_container {
-  width: 100%;
-  height: 380px;
-}

package/src/mp/components/chart/statisticsCard/index.js

@@ -1,226 +0,0 @@
-import { callDataSource, callWedaApi } from '../../../utils/tcb';
-
-const DEFAULT_VAL = 1000;
-
-Component({
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    dataSource: {
-      // 数据源
-      type: Object,
-    },
-    filterData: {
-      // 数据筛选
-      type: Array,
-      value: [],
-    },
-    field: {
-      // 字段选择
-      type: Object,
-    },
-    operationType: {
-      // 统计方式
-      type: String,
-    },
-    label: {
-      // 字段展示名称
-      type: String,
-      value: '今日活跃用户数',
-    },
-    isCountEmpty: {
-      // 是否统计空值
-      type: Boolean,
-      value: false,
-    },
-    isShowUnit: {
-      // 是否显示单位
-      type: Boolean,
-      value: true,
-    },
-    unit: {
-      // 单位
-      type: Number,
-      value: 1,
-    },
-    decimalDigits: {
-      // 小数位数
-      type: Number,
-      value: 0,
-    },
-    suffix: {
-      // 后缀
-      type: String,
-      value: '个',
-    },
-  },
-  data: {
-    count: DEFAULT_VAL,
-  },
-  methods: {
-    scientificToNumber: function (num) {
-      const str = num;
-      const reg = /^([-]?\d+\.?\d*)(e)([-|+]?\d+)$/;
-      let zero = '';
-      if (!reg.test(str)) {
-        return num;
-      }
-      const arr = reg.exec(str);
-      const len = Math.abs(arr[3]) - 1;
-      for (let i = 0; i < len; i += 1) {
-        zero += '0';
-      }
-      if (arr[1].indexOf('-') === 0) {
-        return `-0.${zero}${arr[1].replace('-', '').replace('.', '')}`;
-      }
-      return `0.${zero}${arr[1].replace('.', '')}`;
-    },
-    padEnd: function (source, targetLength) {
-      targetLength = Math.floor(targetLength); //floor if number or convert non-number to 0;
-      if (source.length > targetLength) {
-        return source;
-      } else {
-        targetLength = targetLength - source.length;
-        return source + '0'.repeat(targetLength);
-      }
-    },
-    customToFixed: function (num, digit = 0) {
-      const pow = Math.pow(10, digit);
-      let value = `${num}`;
-      // 如果是小数，四舍五入进行转化处理确保精度正确
-      if (!Number.isInteger(num)) {
-        if (num > 0) {
-          value = (Math.round((num + Number.EPSILON) * pow) / pow).toString();
-        } else if (num < 0) {
-          value = (Math.round((num - Number.EPSILON) * pow) / pow).toString();
-        }
-      }
-      value = this.scientificToNumber(value);
-      const [integer, decimal = ''] = value.split('.');
-      if (digit > 0) {
-        return `${integer}.${this.padEnd(decimal, digit)}`;
-      }
-      return integer;
-    },
-    formatNumber: function (val, digits = 0) {
-      return isNaN(val)
-        ? val
-        : Intl
-        ? Intl.NumberFormat('en-US', {
-            maximumFractionDigits: 10,
-            minimumFractionDigits: digits,
-          }).format(this.customToFixed(val, digits))
-        : val;
-    },
-    getSourceData: async function (
-      dataSource,
-      filterData,
-      field,
-      operationType,
-      isCountEmpty
-    ) {
-      const where = filterData?.map
-        ? filterData.map((val) => {
-            let arrLogicData = val.logicData;
-            if (val.logicData && val.logicData.length > 0) {
-              arrLogicData = val.logicData.map((mval) => {
-                return {
-                  Key: mval.key,
-                  Rel: mval.rel,
-                  Value: mval.value,
-                  Logic: mval.logic,
-                };
-              });
-            }
-            return {
-              GroupLogic: val.groupLogic,
-              LogicData: arrLogicData,
-            };
-          })
-        : [];
-      const params = {
-        dataSourceName: dataSource?.name,
-        where,
-        value: [
-          {
-            Key: field?.name,
-            OperationType: operationType,
-            IsCountEmpty: isCountEmpty,
-          },
-        ],
-      };
-      try {
-        if (dataSource?.type === 'database') {
-          return await callWedaApi({
-            action: 'DescribeChartCardData',
-            data: params,
-          });
-        }
-        return await callDataSource({
-          dataSourceName: dataSource?.name,
-          methodName: dataSource?.methodName,
-        });
-      } catch {
-        return [];
-      }
-    },
-    _fetchData: async function () {
-      if (
-        (this.properties.dataSource?.type === 'database' &&
-          this.properties.field &&
-          this.properties.operationType) ||
-        (this.properties.dataSource &&
-          this.properties.dataSource?.type !== 'database')
-      ) {
-        let data = await this.getSourceData(
-          this.properties.dataSource,
-          this.properties.filterData,
-          this.properties.field,
-          this.properties.operationType,
-          this.properties.isCountEmpty
-        );
-        // 自定义连接器 返回处理
-        if (this.properties.dataSource?.type !== 'database' && data?.result) {
-          data = data?.result;
-        }
-        if (data?.length) {
-          const val = isNaN(data[0]?.Value) ? 0 : data[0]?.Value;
-          this.setData({
-            count: this.properties.isShowUnit
-              ? this.formatNumber(
-                  val / this.properties.unit,
-                  this.properties.decimalDigits
-                )
-              : val,
-          });
-        } else {
-          // 返回数据为空 使用 0
-          this.setData({
-            count: this.formatNumber(0, this.properties.decimalDigits),
-          });
-        }
-      } else {
-        // 没有配置数据使用默认数据
-        this.setData({
-          count: this.setData({
-            count: this.formatNumber(
-              DEFAULT_VAL,
-              this.properties.decimalDigits
-            ),
-          }),
-        });
-      }
-    },
-  },
-  lifetimes: {
-    attached() {
-      this._fetchData();
-    },
-  },
-});

package/src/mp/components/chart/statisticsCard/index.json

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

package/src/mp/components/chart/statisticsCard/index.wxml

@@ -1,9 +0,0 @@
-<view class="weda-statistics-card weda-ui {{className}}" style="{{style}}" bind:tap="tap">
-  <view class="weda-statistics-card__wrapper">
-    <view class="weda-statistics-card__title">{{label}}</view>
-    <view class="weda-statistics-card__detail">
-      <text class="weda-statistics-card__count">{{count}}</text>
-      <text class="weda-statistics-card__unit">{{suffix}}</text>
-    </view>
-  </view>
-</view>

package/src/mp/components/chart/statisticsCard/index.wxss

@@ -1,45 +0,0 @@
-.weda-statistics-card {
-  background: #ffffff;
-  border: 1px solid #f1f2f5;
-  box-sizing: border-box;
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
-  box-sizing: border-box;
-  max-width: 100%;
-  min-height: 140px;
-}
-
-.weda-statistics-card .weda-statistics-card__wrapper {
-  width: 100%;
-  padding: 40px 24px;
-  box-sizing: border-box;
-}
-
-.weda-statistics-card .weda-statistics-card__title {
-  font-size: 14px;
-  line-height: 22px;
-  color: rgba(0, 0, 0, 0.6);
-}
-
-.weda-statistics-card .weda-statistics-card__detail {
-  margin-top: 4px;
-  font-size: 28px;
-  line-height: 34px;
-  color: rgba(0, 0, 0, 0.9);
-  word-break: break-all;
-}
-
-.weda-statistics-card .weda-statistics-card__count {
-  font-size: 28px;
-  line-height: 34px;
-  color: rgba(0, 0, 0, 0.9);
-  word-break: break-all;
-}
-
-.weda-statistics-card .weda-statistics-card__unit {
-  font-size: 14px;
-  line-height: 22px;
-  color: rgba(0, 0, 0, 0.4);
-  margin-left: 4px;
-  vertical-align: middle;
-}

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

@@ -1,20 +0,0 @@
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    id: {
-      type: String,
-      value: '',
-    },
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-  },
-  methods: {},
-});

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

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

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

@@ -1,3 +0,0 @@
-<view id="{{id}}" class="weda-ui {{className}}" style="{{style}}">
-  <slot></slot>
-</view>

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

@@ -1,34 +0,0 @@
-Component({
-  options: {
-    virtualHost: true,
-  },
-  properties: {
-    className: {
-      type: String,
-      value: '',
-    },
-    style: {
-      type: String,
-      value: '',
-    },
-    datasource: {
-      type: Object,
-      value: {},
-    },
-    where: {
-      type: Array,
-      value: [],
-    },
-  },
-  data: {
-    innerBeforeDataChange: function (values) {
-      return values?.[0];
-    },
-  },
-  methods: {
-    handleEvent: function (params) {
-      const { type, detail } = params || {};
-      type && this.triggerEvent(type, detail);
-    },
-  },
-});

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

@@ -1,7 +0,0 @@
-{
-  "component": true,
-  "styleIsolation": "shared",
-  "usingComponents": {
-    "list-view": "../internals/listView"
-  }
-}

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

@@ -1,15 +0,0 @@
-<list-view 
-  className="weda-data-view__containor {{className}}"
-  style="{{style}}"
-  datasource="{{datasource}}"
-  where="{{where}}"
-  pageSize="{{1}}"
-  pagination="none"
-  beforeDataChange="{{innerBeforeDataChange}}"
-  bindonDataChange="handleEvent"
-  bindqueryFail="handleEvent"
-  bindqueryEmpty="handleEvent"
-  bindquerySuccess="handleEvent"
->
-  <slot></slot>
-</list-view>

package/src/mp/components/form/checkbox/index.js

@@ -1,77 +0,0 @@
-import classNames from '../../../utils/classnames';
-import handleEvents from '../../../utils/handleEvents';
-
-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,
-    },
-  },
-  data: {
-    cls: '',
-    subCls: '',
-    isFlex: true,
-  },
-  lifetimes: {
-    attached() {
-      const { className, layout, disabled } = this.properties;
-      const isFlex = layout !== 'vertical';
-      const cls = classNames({
-        'weda-ui': true,
-        'weda-checkbox': 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 });
-    },
-  },
-  methods: {
-    ...handleEvents([
-      {
-        name: 'change',
-        title: '值改变',
-      },
-    ]),
-  },
-});

package/src/mp/components/form/checkbox/index.json

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

package/src/mp/components/form/checkbox/index.wxml

@@ -1,25 +0,0 @@
-<formcell
-	className="{{cls}}" 
-	style="{{style}}"
-	label="{{labelVisible ? label : null}}"
-	layout="{{layout}}"
-	multiCell="{{true}}"
-	requiredFlag="{{requiredFlag}}"
->
-	<checkbox-group class="{{isFlex ? 'weui-flex__item' : ''}}" bindchange="change">
-		<label class="{{subCls}}" wx:for="{{range}}" wx:key="value">
-			<view class="weui-cell__hd">
-				<checkbox
-				 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>
-	</checkbox-group>
-</formcell>

package/src/mp/components/form/checkbox/index.wxss

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