@cloudbase/weda-ui 0.2.16 → 1.0.24

package/src/mp/index.json

@@ -29,11 +29,20 @@
     "RichTextView": "components/richText/index",
     "Tabs": "components/tabs/index",
     "ListView": "components/listView/index",
+    "NavigationBar": "components/navigationBar/index",
     "DataView": "components/dataView/index",
     "Calendar": "components/calendar/index",
     "NavLayout": "components/navLayout/index",
+    "Line": "components/chart/line/index",
+    "Bar": "components/chart/bar/index",
+    "Pie": "components/chart/pie/index",
     "StatisticsCard": "components/chart/statisticsCard/index",
-    "GraphicCard": "components/graphicCard/index"
+    "GraphicCard": "components/graphicCard/index",
+    "UserInfo": "components/wxOpenApi/userInfo/index",
+    "Phone": "components/wxOpenApi/phone/index",
+    "Share": "components/wxOpenApi/share/index",
+    "Lottery": "components/lottery/index",
+    "PhoneCode": "components/wxOpenApi/phoneCode/index"
   },
   "actions": {
     "showToast": "actions/showToast/index",

package/src/mp/style/weda-ui.wxss

@@ -6,6 +6,8 @@ page .weda-ui {
   --weui-BRAND: #006eff;
   --weui-TAG-TEXT-BLUE: #0067eb;
   --weui-BTN-DEFAULT-COLOR: #576b95;
+  --weui-WECHAT: #07c160;
+  --weui-TAG-TEXT-GREEN: #06ae56;
   --weui-BG-2: rgba(255, 255, 255, 0);
 }
 

package/src/mp/utils/constant.js

@@ -3,3 +3,18 @@ export const TitleType = {
   TOP: 'top',
   NONE: 'none',
 };
+
+export const REL_DICT = {
+  equal: 'eq', // 等于
+  unequal: 'neq', // 不等于
+  include: 'search', // 包含
+  exclude: '_exclude', // 不包含
+  begin_with: '_begin_with', // 开头是
+  greater: 'gt', // 大于
+  greater_or_equal: 'gte', // 大于等于
+  bigger_or_equal: 'gte', //大于等于
+  less: 'lt', // 小于
+  less_or_equal: 'lte', // 小于等于
+  in: 'in', // 多选值
+  not_in: 'nin', // 不在多选值
+};

package/src/mp/utils/destr.js

@@ -0,0 +1,48 @@
+// https://github.com/unjs/destr/blob/2f6612533dd798d2ff5786274f2244558f86d09c/src/index.ts
+// https://github.com/fastify/secure-json-parse
+// https://github.com/hapijs/bourne
+const suspectProtoRx = /"(?:_|\\u005[Ff])(?:_|\\u005[Ff])(?:p|\\u0070)(?:r|\\u0072)(?:o|\\u006[Ff])(?:t|\\u0074)(?:o|\\u006[Ff])(?:_|\\u005[Ff])(?:_|\\u005[Ff])"\s*:/;
+const suspectConstructorRx = /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/;
+const JsonSigRx = /^["{[]|^-?[0-9][0-9.]{0,14}$/;
+function jsonParseTransform(key, value) {
+    if (key === '__proto__' || key === 'constructor') {
+        return;
+    }
+    return value;
+}
+export default function destr(val) {
+    if (typeof val !== 'string') {
+        return val;
+    }
+    const _lval = val.toLowerCase();
+    if (_lval === 'true') {
+        return true;
+    }
+    if (_lval === 'false') {
+        return false;
+    }
+    if (_lval === 'null') {
+        return null;
+    }
+    if (_lval === 'nan') {
+        return NaN;
+    }
+    if (_lval === 'infinity') {
+        return Infinity;
+    }
+    if (_lval === 'undefined') {
+        return undefined;
+    }
+    if (!JsonSigRx.test(val)) {
+        return val;
+    }
+    try {
+        if (suspectProtoRx.test(val) || suspectConstructorRx.test(val)) {
+            return JSON.parse(val, jsonParseTransform);
+        }
+        return JSON.parse(val);
+    }
+    catch (_e) {
+        return val;
+    }
+}

package/src/mp/utils/lodash.js

@@ -0,0 +1,2 @@
+// https://github.com/lodash/lodash/blob/4.17.15/lodash.js#L11973
+export const isNil = (val) => val == null;

package/src/mp/utils/platform.js

@@ -18,3 +18,28 @@ export const transSize = (size) => {
   const g = getBig(m);
   return `${g}G`;
 };
+
+/**
+ * 判断是否是url
+ */
+const reg =
+  // eslint-disable-next-line no-useless-escape
+  /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
+
+export const isUrl = (path) => reg.test(path);
+
+/**
+ * 生成随机数
+ */
+export const uuid = () => {
+  var s = [];
+  var hexDigits = '0123456789abcdef';
+  for (var i = 0; i < 36; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+  }
+  s[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010
+  s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+  s[8] = s[13] = s[18] = s[23] = '-';
+  var uuid = s.join('');
+  return uuid;
+};

package/src/mp/utils/tcb.js

@@ -13,6 +13,32 @@ export async function getTempFileURL(data) {
   }
 }
 
+/**
+ * 云API：获取用户自定义导航内容
+ *  param
+ *  WeAppId: string,
+ *  EnvId: string,
+ *  PublishType?: string,
+ */
+export async function getAppCustomNav() {
+  try {
+    const PublishType = getApp().app.cloud?.IS_WEDA_IDE ? 'preview' : '';
+    const WeAppId = getApp().app?.id;
+    const res = await callWedaApi({
+      action: 'DescribeAppCustomNav',
+      serviceType: 'lowcode',
+      data: {
+        WeAppId,
+        PublishType,
+      },
+    });
+    return res;
+  } catch (error) {
+    console.error('错误', error);
+    return {};
+  }
+}
+
 /**
  * 调用微搭后端API服务
  */
@@ -30,3 +56,21 @@ export async function callDataSource(param) {
     return await getApp().app.cloud.callDataSource(param);
   }
 }
+
+/**
+ * 云函数获取数据
+ */
+export async function callDataSourceApi(param) {
+  const { params, dataSourceName, methodName } = param;
+  try {
+    const res = await getApp()?.app?.cloud?.callDataSource?.({
+      params,
+      dataSourceName,
+      methodName,
+    });
+    return res;
+  } catch (error) {
+    console.error('错误', error);
+    return {};
+  }
+}

package/src/setupTests.js

@@ -1,3 +1,4 @@
+require("regenerator-runtime");
 Object.defineProperty(window, 'matchMedia', {
     writable: true,
     value: jest.fn().mockImplementation(query => ({
@@ -10,4 +11,4 @@ Object.defineProperty(window, 'matchMedia', {
       removeEventListener: jest.fn(),
       dispatchEvent: jest.fn(),
     })),
-  });
+  });

package/src/web/components/button/index.css

@@ -6,6 +6,14 @@
   background-color: var(--weui-BRAND);
 }
 
+.weda-button.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weda-button.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
 .weda-button.weda-button-mini {
   font-size: smaller;
 }
@@ -17,4 +25,3 @@
   text-align: center;
   width: 100%;
 }
-

package/src/web/components/button/index.tsx

@@ -29,9 +29,10 @@ const Button = ({
     'weda-button-mini': size === 'mini',
     'weui-btn': isH5,
     'weui-btn_mini': isH5 && size === 'mini',
-    'weui-btn_primary': isH5 && type === 'primary',
+    'weui-btn_primary': isH5 && (type === 'primary' || type === 'wechat'),
     'weui-btn_default': isH5 && type === 'default',
     'weui-btn_warn': isH5 && type === 'warn',
+    'weui-btn_wechat': isH5 && type === 'wechat',
     'weui-btn_disabled': isH5 && disabled,
     [className]: className,
   });
@@ -90,7 +91,7 @@ export interface PropsType extends CommonPropsType {
   /**
    * 样式类型
    */
-  type?: "primary" | "warn" | "default";
+  type?: 'primary' | 'warn' | 'wechat' | 'default';
   /**
    * 大小
    */

package/src/web/components/chart/bar/index.tsx

@@ -0,0 +1,140 @@
+import React, { useState, useEffect, useRef } from 'react';
+import { CommonPropsType } from '../../../types';
+import { DataSource, Xfield, Yfield } from '../common/core/type';
+import EchartBar from '../common/core/eChartBar';
+import { useWedaChart } from '../common/useChart';
+import classNames from '../../../utils/classnames';
+interface PropsType extends CommonPropsType {
+  directionType?: string;
+  isPile?: boolean;
+  isTitle?: boolean;
+  title?: string;
+  titleLocation?: string;
+  dataSource?: DataSource;
+  filterData?: string;
+  setColor?: Array<string>;
+  xField?: Xfield;
+  xStatistics?: string;
+  groupKey?: Xfield;
+  groupKeyTimeSpan?: string;
+  xIsCountEmpty?: boolean;
+  yField?: Yfield;
+  isLegend?: boolean;
+  legend?: string;
+  legend2?: string;
+  isXaxisName?: boolean;
+  xAxisName?: string;
+  isXaxisAxisLabelShow?: boolean;
+  isXaxisAxisTickShow?: boolean;
+  isXaxisAxisLabelRotate?: boolean;
+  isYAxisSplitlineLinestyleWidth?: boolean;
+  yAxisSplitlineLinestyleType?: string;
+  yAxisMax?: number;
+  yAxisMin?: number;
+  isYAxisName?: boolean;
+  yAxisName?: string;
+  isSeriesShowSymbol?: boolean;
+  isYAxisShow?: boolean;
+  isUnit?: boolean;
+  unit?: string;
+  decimalDigits?: number;
+  suffix?: string;
+}
+export default function Bar(opts: PropsType) {
+  const {
+    directionType,
+    isPile,
+    id,
+    style,
+    className,
+    isTitle,
+    title,
+    titleLocation,
+    dataSource,
+    setColor,
+    filterData,
+    xField,
+    xStatistics,
+    groupKey,
+    groupKeyTimeSpan,
+    xIsCountEmpty,
+    yField,
+    isLegend,
+    legend,
+    legend2,
+    isXaxisName,
+    xAxisName,
+    isXaxisAxisLabelShow,
+    isXaxisAxisTickShow,
+    isXaxisAxisLabelRotate,
+    isYAxisSplitlineLinestyleWidth,
+    yAxisSplitlineLinestyleType,
+    yAxisMax,
+    yAxisMin,
+    isYAxisName,
+    yAxisName,
+    isSeriesShowSymbol,
+    isYAxisShow,
+    isUnit,
+    unit,
+    decimalDigits,
+    suffix,
+  } = opts;
+  const domRef = useRef<HTMLDivElement>();
+  useWedaChart(domRef, EchartBar, {
+    directionType,
+    isPile,
+    setColor,
+    isTitle,
+    title,
+    titleLocation,
+    dataSource,
+    filterData,
+    xField,
+    xStatistics,
+    groupKey,
+    groupKeyTimeSpan,
+    xIsCountEmpty,
+    yField,
+    isLegend,
+    legend,
+    legend2,
+    isXaxisName,
+    xAxisName,
+    isXaxisAxisLabelShow,
+    isXaxisAxisTickShow,
+    isXaxisAxisLabelRotate,
+    isYAxisSplitlineLinestyleWidth,
+    yAxisSplitlineLinestyleType,
+    yAxisMax,
+    yAxisMin,
+    isYAxisName,
+    yAxisName,
+    isSeriesShowSymbol,
+    isYAxisShow,
+    isUnit,
+    unit,
+    decimalDigits,
+    suffix,
+  });
+  const inlineStyle = {
+    height: '380px',
+    width: '100%',
+    backgroundColor: '#ffffff',
+    ...style,
+  };
+  return (
+    <div
+      id={id}
+      data-testid="bar"
+      ref={domRef}
+      style={inlineStyle}
+      className={classNames({
+        'weda-ui-chart-bar': true,
+        'echart-wrapper-canvas': true,
+        'echart-dark-body': true,
+        [className]: className,
+      })}
+    />
+  );
+}

package/src/web/components/chart/common/config/bar.js

@@ -0,0 +1,49 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+  const barH5 = {
+    xAxis: {
+      name: 'X轴名',
+      nameTextStyle: { align: 'center' },
+      axisLabel: {
+        show: true, // 刻度标签显示
+        rotate: 0, // 字体倾斜
+      },
+      axisTick: {
+        show: true, // 刻度显示
+      },
+      inverse:false,
+      type: 'category',
+      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    yAxis: {
+      type: 'value',
+      show: true, // y轴刻度线
+      name: 'Y轴名',
+      splitLine: {
+        lineStyle: {
+          width: 1, // 网格线宽度，为0则不显示
+          type: 'dashed', //solid,dashed,dotted
+        },
+      },
+      axisLabel: { padding: [0, -10, 0, 0] },
+      min: null,
+      max: null,
+    },
+    series: [
+      {
+        name: 'demo',
+        data: [0, 932, 901, 934, 1290, 1330, 1320],
+        type: 'bar',
+        itemStyle: {
+          color: 'green',
+        },
+        showSymbol: true, //是否显示线条上数据标签
+        label: {
+          show: true, // 显示线条上的数据
+        },
+      },
+    ],
+  };
+  return barH5;
+};
+export default getConfig;

package/src/web/components/chart/common/config/global.js

@@ -0,0 +1,16 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+  const globalH5 = {
+    title: {
+      text: 'demo实例',
+      show: true,
+      left: '50%',
+    },
+    legend: {
+      top: '88%',
+    },
+    tooltip: {},
+  };
+  return globalH5;
+};
+export default getConfig;

package/src/web/components/chart/common/config/line.js

@@ -0,0 +1,50 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+  const lineH5 = {
+    xAxis: {
+      name: 'X轴名',
+      nameTextStyle: { align: 'center' },
+      axisLabel: {
+        show: true, // 刻度标签显示
+        rotate: 0, // 字体倾斜
+      },
+      axisTick: {
+        show: true, // 刻度显示
+      },
+      type: 'category',
+      data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+    },
+    yAxis: {
+      type: 'value',
+      show: true, // y轴刻度线
+      name: 'Y轴名',
+      splitLine: {
+        lineStyle: {
+          width: 1, // 网格线宽度，为0则不显示
+          type: 'dashed', //solid,dashed,dotted
+        },
+      },
+      axisLabel: {
+        padding: [0, -10, 0, 0],
+      },
+      min: null,
+      max: null,
+    },
+    series: [
+      {
+        name: 'demo',
+        connectNulls: true,
+        data: [820, 932, 901, 934, 1290, 1330, 1320],
+        type: 'line',
+        smooth: true,
+        showSymbol: true, //是否显示线条上数据标签
+        label: {
+          show: true, // 显示线条上的数据
+        },
+      },
+    ],
+  };
+  return lineH5;
+};
+
+export default getConfig;

package/src/web/components/chart/common/config/pie.js

@@ -0,0 +1,37 @@
+/** 根据当前环境获取 pc 上配置，还是 H5上的配置 */
+const getConfig = () => {
+  const pieH5 = {
+    series: [
+      {
+        // name: 'demo',
+        data: [
+          { value: 820, name: '实例数据1', tooltip: {}, itemStyle: {} },
+          { value: 932, name: '实例数据2', tooltip: {}, itemStyle: {} },
+          { value: 901, name: '实例数据3', tooltip: {}, itemStyle: {} },
+          { value: 934, name: '实例数据4', tooltip: {}, itemStyle: {} },
+          { value: 1290, name: '实例数据5', tooltip: {}, itemStyle: {} },
+        ],
+        label: {
+          show: true,
+          position: 'inner',
+          normal: {
+            formatter: null,
+            position: 'inner',
+          },
+        },
+        type: 'pie',
+        radius: '70%',
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowOffsetX: 0,
+            shadowColor: 'rgba(0, 0, 0, 0.5)',
+          },
+        },
+      },
+    ],
+  };
+
+  return pieH5;
+};
+export default getConfig;