@cloudbase/weda-ui 3.1.0 → 3.1.3

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/dist/web/components/lottery/index.css

@@ -0,0 +1,359 @@
+/* pc style start */
+.weda-lottery {
+  width: 23.28571rem;
+  height: 23.28571rem;
+  position: relative;
+}
+.weda-lottery .weda-lottery__wrap {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  background: #ff465c;
+  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: 0.28571rem;
+  left: calc((100% - 15.5rem) / 2);
+}
+
+.weda-lottery .weda-lottery__dot-bottom {
+  position: absolute;
+  bottom: 0.28571rem;
+  left: calc((100% - 15.5rem) / 2);
+}
+
+.weda-lottery .weda-lottery__dot-left {
+  position: absolute;
+  left: 0.28571rem;
+  top: calc((100% - 15.5rem) / 2);
+}
+
+.weda-lottery .weda-lottery__dot-right {
+  position: absolute;
+  right: 0.28571rem;
+  top: calc((100% - 15.5rem) / 2);
+}
+
+.weda-lottery .weda-lottery__dot {
+  display: flex;
+}
+
+.weda-lottery .weda-lottery__dot-horizontal {
+  flex-direction: row;
+}
+
+.weda-lottery .weda-lottery__dot-vertical {
+  flex-direction: column;
+}
+
+.weda-lottery .weda-lottery__dot .weda-lottery__dot-item,
+.weda-lottery .weda-lottery__dot-single {
+  width: 0.64286rem;
+  height: 0.64286rem;
+  box-shadow: 0 0 0.28571rem rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  background: #ffffff;
+}
+
+.weda-lottery .weda-lottery__dot .weda-lottery__dot-item:nth-child(odd) {
+  background: #ffee52;
+}
+
+.weda-lottery .weda-lottery__dot .weda-lottery__dot-item:nth-child(even) {
+  background: #ffffff;
+}
+
+.weda-lottery .weda-lottery__dot-horizontal .weda-lottery__dot-item {
+  margin-right: 3.07143rem;
+}
+
+.weda-lottery .weda-lottery__dot-horizontal .weda-lottery__dot-item:last-child {
+  margin-right: 0 !important;
+}
+
+.weda-lottery .weda-lottery__dot-vertical .weda-lottery__dot-item {
+  margin-bottom: 3.07143rem;
+}
+
+.weda-lottery .weda-lottery__dot-vertical .weda-lottery__dot-item:last-child {
+  margin-bottom: 0 !important;
+}
+
+.weda-lottery .weda-lottery__dot-left-top {
+  position: absolute;
+  top: 0.64286rem;
+  left: 0.42857rem;
+}
+
+.weda-lottery .weda-lottery__dot-right-top {
+  position: absolute;
+  top: 0.64286rem;
+  right: 0.42857rem;
+}
+
+.weda-lottery .weda-lottery__dot-left-bottom {
+  position: absolute;
+  left: 0.42857rem;
+  bottom: 0.64286rem;
+}
+
+.weda-lottery .weda-lottery__dot-right-bottom {
+  position: absolute;
+  right: 0.42857rem;
+  bottom: 0.64286rem;
+}
+
+.weda-lottery .weda-lottery__inner {
+  padding: 1.28571rem;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__inner-wrap {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  background: linear-gradient(180deg, #dd0d00 0%, #d80027 100%);
+  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%;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__list {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  box-sizing: border-box;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item {
+  position: absolute;
+  width: calc((100% - 2.28571rem) / 3);
+  height: calc((100% - 2.28571rem) / 3);
+  font-size: 0;
+  text-align: center;
+  background: #fff8ee;
+  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: 0 0 0.42857rem #ffffff;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item.is-selected {
+  background: #ff6666;
+  box-shadow: inset 0 -0.14286rem 0 #ffa4a4;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:first-child {
+  top: 0.57143rem;
+  left: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(2) {
+  top: 0.57143rem;
+  left: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(3) {
+  top: 0.57143rem;
+  right: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(4) {
+  top: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+  right: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(5) {
+  bottom: 0.57143rem;
+  right: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(6) {
+  bottom: 0.57143rem;
+  left: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(7) {
+  bottom: 0.57143rem;
+  left: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-item:nth-child(8) {
+  bottom: calc((100% - 2.28571rem) / 3 + 1.14286rem);
+  left: 0.57143rem;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell {
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  box-sizing: border-box;
+  border-style: solid;
+  border-color: transparent;
+  border-radius: 0.57143rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.weda-lottery
+  .weda-lottery__inner
+  .weda-lottery__turntable-item.is-actived
+  .weda-lottery__turntable-cell {
+  border-color: #ffe05f;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-image {
+  height: 2.85714rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-icon {
+  display: block;
+  width: 2.85714rem;
+  height: 2.85714rem;
+  object-fit: contain;
+}
+
+.weda-lottery .weda-lottery__inner .weda-lottery__turntable-cell-desc {
+  margin-top: 0.42857rem;
+  font-weight: 400;
+  font-size: 0.85714rem;
+  line-height: 1.21429rem;
+  text-align: center;
+  color: #ba0000;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  width: 100%;
+}
+
+.weda-lottery
+  .weda-lottery__inner
+  .weda-lottery__turntable-item.is-selected
+  .weda-lottery__turntable-cell-desc {
+  color: #ffffff;
+}
+
+.weda-lottery .weda-lottery__turntable-btn {
+  z-index: 2;
+  position: absolute;
+  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 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 0 0.14286rem 0 #ffffff;
+}
+
+.weda-lottery .weda-lottery__btn-inner {
+  padding: 0.64286rem;
+  width: 100%;
+  height: 100%;
+}
+
+.weda-lottery .weda-lottery__btn {
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(180deg, #ff922d 0%, #ff3c76 100%);
+  box-shadow: inset 0 0 0.57143rem rgba(234, 27, 53, 0.5);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.weda-lottery .weda-lottery__turntable-btn.is-actived .weda-lottery__btn {
+  background: linear-gradient(180deg, #ff922d 0%, #ff3c76 100%);
+  box-shadow: inset 0 0 0.57143rem rgba(234, 27, 53, 0.5);
+}
+
+.weda-lottery .weda-lottery__btn-image {
+  padding: 0.78571rem 1.07143rem;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+
+.weda-lottery .weda-lottery__btn-image .weda-lottery__btn-text {
+  font-weight: 600;
+  font-size: 1.28571rem;
+  line-height: 1.57143rem;
+  text-align: center;
+  color: #ffffff;
+  text-shadow: 0 0.03571rem 0 #e42b27;
+  max-height: 100%;
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  width: 100%;
+}
+
+.weda-lottery .weda-lottery__turntable-btn.is-actived .weda-lottery__btn-image {
+  opacity: 0.6;
+}
+/* pc style end */
+
+/* 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,
+.weda-lottery-mobile .weda-lottery__content {
+  width: 100%;
+}
+/* mobile style end */

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;
+}