@cloudbase/weda-ui 2.0.28 → 3.1.2

package/dist/web/components/listView/interface.d.ts

@@ -0,0 +1,122 @@
+import React from 'react';
+/**
+ * 数据容器公共属性
+ */
+export interface IDataContainer {
+    /**
+     * 数据源类型
+     */
+    dataSourceType: 'data-model' | 'connector' | 'custom-connector';
+    /**
+     * 连接器
+     */
+    bindConnectMetadata?: {
+        datasource: {
+            name?: string;
+        };
+    };
+    /**
+     * 连接器方法
+     */
+    connectorMethod?: {
+        name?: string;
+        inParams?: string[];
+        outParams?: string[];
+        title?: string;
+    };
+    /**
+     * 数据模型
+     */
+    datasource?: {
+        name?: string;
+        extra?: {
+            viewId?: string;
+            methodName?: string;
+        };
+    };
+    /**
+     * 连接器查询入参
+     */
+    connectorParams?: object;
+    /**
+     * 数据筛选
+     */
+    where?: {
+        groupLogic?: null | 'or' | 'and';
+        logicData?: {
+            keyType?: 'field' | 'var-font';
+            key: string;
+            rel: 'eq' | 'neq' | 'lt' | 'gt' | 'gte' | 'lte' | 'in' | 'nin' | 'search';
+            value: any;
+            valueType?: 'const' | 'var-font' | 'relative-amount' | 'field';
+            expression?: string | boolean;
+            logic?: null | 'or' | 'and' | string;
+            extra?: {
+                type?: 'string' | 'number' | 'boolean' | 'object' | 'array' | string;
+                format?: string | null;
+                isExpression?: boolean;
+            };
+        }[];
+    }[];
+    /**
+     * 容器事件
+     */
+    events?: {
+        queryEmpty?: any;
+        querySuccess?: any;
+        queryFail?: any;
+        onDataChange?: (param: any) => any;
+    };
+    /**
+     * 类
+     */
+    className?: string;
+    /**
+     * app.cloud 对象依赖，默认会从 window.app 取值
+     */
+    appCloud?: {
+        callDataSource?: any;
+        isInIde?: any;
+    };
+    /**
+     * 子元素
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * 其他属性
+     */
+    [key: string]: any;
+}
+/**
+ * 数据容器-列表视图
+ */
+export interface IListView extends IDataContainer {
+    /**
+     * 数据字段
+     */
+    orderBy?: string;
+    /**
+     * 数据类型
+     */
+    orderType?: 'desc' | 'asc';
+    /**
+     * 模板
+     */
+    template?: 'simpleList' | 'detailList' | 'imageTextList' | 'cardList' | 'none';
+    /**
+     * 显示行数
+     */
+    pageSize?: number;
+    /**
+     * 分页类型，加载更多|底部刷新｜分页器
+     */
+    pagination?: 'loadMoreButton' | 'bottomLoad' | 'pagination' | 'none';
+    /**
+     * 调用 onDataChange 之前的数据转换，如列表视图需要接受 array，而数据视图需要接受 object
+     */
+    beforeDataChange?: (param: any) => any;
+    /**
+     * 是否展示回调recoreds字段
+     */
+    isRecords?: boolean;
+}

package/dist/web/components/listView/interface.js

@@ -0,0 +1 @@
+export {};

package/{src → dist}/web/components/lottery/index.css

@@ -1,7 +1,7 @@
 /* pc style start */
 .weda-lottery {
-  width: 326px;
-  height: 326px;
+  width: 23.28571rem;
+  height: 23.28571rem;
   position: relative;
 }
 .weda-lottery .weda-lottery__wrap {
@@ -9,33 +9,33 @@
   width: 100%;
   height: 100%;
   background: #ff465c;
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5);
-  border-radius: 10px;
+  border: 0.07143rem solid rgba(255, 255, 255, 0.6);
+  box-shadow: inset 0 0 0.28571rem rgba(255, 255, 255, 0.5);
+  border-radius: 0.71429rem;
 }
 
 .weda-lottery .weda-lottery__dot-top {
   position: absolute;
-  top: 4px;
-  left: calc((100% - 217px) / 2);
+  top: 0.28571rem;
+  left: calc((100% - 15.5rem) / 2);
 }
 
 .weda-lottery .weda-lottery__dot-bottom {
   position: absolute;
-  bottom: 4px;
-  left: calc((100% - 217px) / 2);
+  bottom: 0.28571rem;
+  left: calc((100% - 15.5rem) / 2);
 }
 
 .weda-lottery .weda-lottery__dot-left {
   position: absolute;
-  left: 4px;
-  top: calc((100% - 217px) / 2);
+  left: 0.28571rem;
+  top: calc((100% - 15.5rem) / 2);
 }
 
 .weda-lottery .weda-lottery__dot-right {
   position: absolute;
-  right: 4px;
-  top: calc((100% - 217px) / 2);
+  right: 0.28571rem;
+  top: calc((100% - 15.5rem) / 2);
 }
 
 .weda-lottery .weda-lottery__dot {
@@ -52,9 +52,9 @@
 
 .weda-lottery .weda-lottery__dot .weda-lottery__dot-item,
 .weda-lottery .weda-lottery__dot-single {
-  width: 9px;
-  height: 9px;
-  box-shadow: 0px 0px 4px rgba(255, 255, 255, 0.3);
+  width: 0.64286rem;
+  height: 0.64286rem;
+  box-shadow: 0 0 0.28571rem rgba(255, 255, 255, 0.3);
   border-radius: 50%;
   background: #ffffff;
 }
@@ -68,7 +68,7 @@
 }
 
 .weda-lottery .weda-lottery__dot-horizontal .weda-lottery__dot-item {
-  margin-right: 43px;
+  margin-right: 3.07143rem;
 }
 
 .weda-lottery .weda-lottery__dot-horizontal .weda-lottery__dot-item:last-child {
@@ -76,7 +76,7 @@
 }
 
 .weda-lottery .weda-lottery__dot-vertical .weda-lottery__dot-item {
-  margin-bottom: 43px;
+  margin-bottom: 3.07143rem;
 }
 
 .weda-lottery .weda-lottery__dot-vertical .weda-lottery__dot-item:last-child {
@@ -85,30 +85,30 @@
 
 .weda-lottery .weda-lottery__dot-left-top {
   position: absolute;
-  top: 9px;
-  left: 6px;
+  top: 0.64286rem;
+  left: 0.42857rem;
 }
 
 .weda-lottery .weda-lottery__dot-right-top {
   position: absolute;
-  top: 9px;
-  right: 6px;
+  top: 0.64286rem;
+  right: 0.42857rem;
 }
 
 .weda-lottery .weda-lottery__dot-left-bottom {
   position: absolute;
-  left: 6px;
-  bottom: 9px;
+  left: 0.42857rem;
+  bottom: 0.64286rem;
 }
 
 .weda-lottery .weda-lottery__dot-right-bottom {
   position: absolute;
-  right: 6px;
-  bottom: 9px;
+  right: 0.42857rem;
+  bottom: 0.64286rem;
 }
 
 .weda-lottery .weda-lottery__inner {
-  padding: 18px;
+  padding: 1.28571rem;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
@@ -119,9 +119,9 @@
   width: 100%;
   box-sizing: border-box;
   background: linear-gradient(180deg, #dd0d00 0%, #d80027 100%);
-  border: 1px solid rgba(255, 255, 255, 0.25);
-  box-shadow: inset 0px 0px 4px rgba(255, 255, 255, 0.5);
-  border-radius: 10px;
+  border: 0.07143rem solid rgba(255, 255, 255, 0.25);
+  box-shadow: inset 0 0 0.28571rem rgba(255, 255, 255, 0.5);
+  border-radius: 0.71429rem;
   height: 100%;
 }
 
@@ -137,63 +137,63 @@
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item {
   position: absolute;
-  width: calc((100% - 32px) / 3);
-  height: calc((100% - 32px) / 3);
+  width: calc((100% - 2.28571rem) / 3);
+  height: calc((100% - 2.28571rem) / 3);
   font-size: 0;
   text-align: center;
   background: #fff8ee;
-  box-shadow: inset 0px -2px 0px #ffddbd;
-  border-radius: 8px;
+  box-shadow: inset 0 -0.14286rem 0 #ffddbd;
+  border-radius: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item.is-actived {
   background: #fff8ee;
-  box-shadow: 0px 0px 6px #ffffff;
+  box-shadow: 0 0 0.42857rem #ffffff;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item.is-selected {
   background: #ff6666;
-  box-shadow: inset 0px -2px 0px #ffa4a4;
+  box-shadow: inset 0 -0.14286rem 0 #ffa4a4;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:first-child {
-  top: 8px;
-  left: 8px;
+  top: 0.57143rem;
+  left: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(2) {
-  top: 8px;
-  left: calc((100% - 32px) / 3 + 16px);
+  top: 0.57143rem;
+  left: calc((100% - 2.28571rem) / 3 + 1.14286rem);
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(3) {
-  top: 8px;
-  right: 8px;
+  top: 0.57143rem;
+  right: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(4) {
-  top: calc((100% - 32px) / 3 + 16px);
-  right: 8px;
+  top: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+  right: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(5) {
-  bottom: 8px;
-  right: 8px;
+  bottom: 0.57143rem;
+  right: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(6) {
-  bottom: 8px;
-  left: calc((100% - 32px) / 3 + 16px);
+  bottom: 0.57143rem;
+  left: calc((100% - 2.28571rem) / 3 + 1.14286rem);
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(7) {
-  bottom: 8px;
-  left: 8px;
+  bottom: 0.57143rem;
+  left: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(8) {
-  bottom: calc((100% - 32px) / 3 + 16px);
-  left: 8px;
+  bottom: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+  left: 0.57143rem;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell {
@@ -204,10 +204,11 @@
   box-sizing: border-box;
   border-style: solid;
   border-color: transparent;
-  border-radius: 8px;
+  border-radius: 0.57143rem;
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
 }
 
 .weda-lottery
@@ -218,7 +219,7 @@
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-image {
-  height: 40px;
+  height: 2.85714rem;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -226,16 +227,16 @@
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-icon {
   display: block;
-  width: 40px;
-  height: 40px;
+  width: 2.85714rem;
+  height: 2.85714rem;
   object-fit: contain;
 }
 
 .weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-desc {
-  margin-top: 6px;
+  margin-top: 0.42857rem;
   font-weight: 400;
-  font-size: 12px;
-  line-height: 17px;
+  font-size: 0.85714rem;
+  line-height: 1.21429rem;
   text-align: center;
   color: #ba0000;
   white-space: nowrap;
@@ -254,22 +255,22 @@
 .weda-lottery .weda-lottery__turntable-btn {
   z-index: 2;
   position: absolute;
-  width: calc((100% - 32px) / 3);
-  height: calc((100% - 32px) / 3);
-  top: calc((100% - 32px) / 3 + 16px);
-  left: calc((100% - 32px) / 3 + 16px);
+  width: calc((100% - 2.28571rem) / 3);
+  height: calc((100% - 2.28571rem) / 3);
+  top: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+  left: calc((100% - 2.28571rem) / 3 + 1.14286rem);
   background: linear-gradient(180deg, #ffee81 0%, #ffd646 100%);
-  box-shadow: inset 0px -2px 0px #ff7a00;
+  box-shadow: inset 0 -0.14286rem 0 #ff7a00;
   border-radius: 50%;
 }
 
 .weda-lottery .weda-lottery__turntable-btn.is-actived {
   background: linear-gradient(180deg, #ffee81 0%, #ffd646 100%);
-  box-shadow: inset 0px 2px 0px #ffffff;
+  box-shadow: inset 0 0.14286rem 0 #ffffff;
 }
 
 .weda-lottery .weda-lottery__btn-inner {
-  padding: 9px;
+  padding: 0.64286rem;
   width: 100%;
   height: 100%;
 }
@@ -278,7 +279,7 @@
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, #ff922d 0%, #ff3c76 100%);
-  box-shadow: inset 0px 0px 8px rgba(234, 27, 53, 0.5);
+  box-shadow: inset 0 0 0.57143rem rgba(234, 27, 53, 0.5);
   border-radius: 50%;
   display: flex;
   align-items: center;
@@ -287,11 +288,11 @@
 
 .weda-lottery .weda-lottery__turntable-btn.is-actived .weda-lottery__btn {
   background: linear-gradient(180deg, #ff922d 0%, #ff3c76 100%);
-  box-shadow: inset 0px 0px 8px rgba(234, 27, 53, 0.5);
+  box-shadow: inset 0 0 0.57143rem rgba(234, 27, 53, 0.5);
 }
 
 .weda-lottery .weda-lottery__btn-image {
-  padding: 11px 15px;
+  padding: 0.78571rem 1.07143rem;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
@@ -302,11 +303,11 @@
 
 .weda-lottery .weda-lottery__btn-image .weda-lottery__btn-text {
   font-weight: 600;
-  font-size: 18px;
-  line-height: 22px;
+  font-size: 1.28571rem;
+  line-height: 1.57143rem;
   text-align: center;
   color: #ffffff;
-  text-shadow: 0px 0.5px 0px #e42b27;
+  text-shadow: 0 0.03571rem 0 #e42b27;
   max-height: 100%;
   display: -webkit-box;
   overflow: hidden;
@@ -324,6 +325,31 @@
 /* mobile style start */
 .weda-lottery-mobile {
   width: 100%;
+  height: auto;
+}
+.weda-lottery-mobile::before {
+  float: left;
+  width: 100%;
+  height: auto;
+  padding-top: 100%;
+  content: '';
+}
+.weda-lottery-mobile::after {
+  display: block;
+  width: 100%;
+  height: auto;
+  content: '';
+  clear: both;
+}
+.weda-lottery-mobile .weda-lottery__wrap {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
 }
 
 .weda-lottery-mobile .weda-lottery__wrap,

package/dist/web/components/lottery/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.css';
+import type { CommonPropsType, ICompRef } from '../../types';
+declare type TCompRef = ICompRef<{
+    start: () => void;
+}>;
+declare const _default: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<TCompRef>>;
+export default _default;
+export interface PropsType extends CommonPropsType {
+    /**
+     * 奖品列表
+     */
+    prizeList: any;
+    /**
+     * 启动抽奖
+     */
+    enablePrize: boolean;
+    /**
+     * 抽奖结果
+     */
+    prizeResult: string;
+}