@cloudbase/weda-ui 0.2.6 → 0.2.10

package/src/web/components/modal/index.jsx

@@ -11,6 +11,7 @@ export default function WeDaModal(_props) {
     customContent,
     isDefaultButton,
     emit,
+    events,
     ...props
   } = _props;
 
@@ -19,7 +20,7 @@ export default function WeDaModal(_props) {
       className={classNames('weda-ui', 'lcap-modal', 'container', className)}
       visible={visible}
       onClose={() => {
-        emit('close');
+        emit('close', {});
       }}
       {...props}
     >
@@ -29,7 +30,7 @@ export default function WeDaModal(_props) {
           <Button
             type="primary"
             onClick={() => {
-              emit('confirm');
+              emit('confirm', {});
               // events.confirm();
             }}
           >

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

@@ -1,13 +1,3 @@
-.weda-RichTextView {
-  width: 100%;
-}
-
-@media (min-width: 1024px) {
-  .weda-RichTextView {
-    height: 100px;
-  }
-}
-
 .weda-RichTextView blockquote {
   margin: 0 0 10px;
   padding: 15px 20px;

package/src/web/components/richTextView/index.jsx

@@ -86,15 +86,4 @@ RichTextView.propTypes = {
    */
   style: PropTypes.object,
   id: PropTypes.string
-};
-
-/**
- * 默认属性
- */
-RichTextView.defaultProps = {
-  value: '',
-  style: {
-    width: '100%',
-    height: '100%',
-  },
-};
+};

package/src/web/components/tabs/index.jsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { usePlatform } from '../../utils/platform';
-import TabsH5 from './tabsH5';
-import TabsPc from './tabsPc';
+import TabsH5 from './tabs.h5';
+import TabsPc from './tabs.pc';
 
 export default function Tabs(props) {
   const platform = usePlatform();
 
   return platform === 'h5' ? <TabsH5 {...props} /> : <TabsPc {...props} />;
-}
+}

package/src/web/components/tabs/{tabsH5.jsx → tabs.h5.jsx}

@@ -1,58 +1,19 @@
-import React, { useState, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import * as PropTypes from 'prop-types';
 
 import './index.css';
 import classNames from '../../utils/classnames';
+import { useSyncValue } from '../../utils/useSyncValue';
 
 export default function TabsH5({
   tabs,
+  selectedIndex,
   events,
   className,
-  panel1,
-  panel2,
-  panel3,
-  panel4,
-  panel5,
-  panel6,
-  panel7,
-  panel8,
-  panel9,
-  panel10,
-  panel11,
-  panel12,
-  panel13,
-  panel14,
-  panel15,
-  panel16,
-  panel17,
-  panel18,
-  panel19,
-  panel20,
-  style
+  style,
+  ...restProps
 }) {
-  const cachePanel = {
-    panel1,
-    panel2,
-    panel3,
-    panel4,
-    panel5,
-    panel6,
-    panel7,
-    panel8,
-    panel9,
-    panel10,
-    panel11,
-    panel12,
-    panel13,
-    panel14,
-    panel15,
-    panel16,
-    panel17,
-    panel18,
-    panel19,
-    panel20
-  };
-  const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentIndex, setCurrentIndex] = useSyncValue(selectedIndex);
   const stickyStyle = useMemo(() => {
     const length = tabs.length;
     return {
@@ -81,7 +42,7 @@ export default function TabsH5({
               key={name || index}
               onClick={(event) => {
                 setCurrentIndex(index);
-                events && events.change(tabs[index], { event });
+                events && events.change({id: index, label: title}, { event });
               }}
             >
             {title}
@@ -98,7 +59,7 @@ export default function TabsH5({
       <div className={classNames({
         'weda-tabs__panel': true,
       })}>
-        {cachePanel[`panel${currentIndex + 1}`]}
+        {restProps[`panel${currentIndex + 1}`]}
       </div>
     </div>
   );
@@ -109,6 +70,7 @@ TabsH5.propTypes = {
   tabs: PropTypes.array,
   className: PropTypes.string,
   style: PropTypes.object,
+  selectedIndex: PropTypes.number,
   events: PropTypes.objectOf(PropTypes.func),
   panel1: PropTypes.node,
   panel2: PropTypes.node,

package/src/web/components/tabs/{tabsPc.jsx → tabs.pc.jsx}

@@ -2,73 +2,38 @@ import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { Tabs as TeaTabs, TabPanel, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
+import { useSyncValue } from '../../utils/useSyncValue';
 
 
 export default function TabsPc({
   tabs,
+  selectedIndex,
   events,
   className,
-  panel1,
-  panel2,
-  panel3,
-  panel4,
-  panel5,
-  panel6,
-  panel7,
-  panel8,
-  panel9,
-  panel10,
-  panel11,
-  panel12,
-  panel13,
-  panel14,
-  panel15,
-  panel16,
-  panel17,
-  panel18,
-  panel19,
-  panel20,
-  style
+  style,
+  ...restProps
 }) {
 
-  const cachePanel = {
-    panel1,
-    panel2,
-    panel3,
-    panel4,
-    panel5,
-    panel6,
-    panel7,
-    panel8,
-    panel9,
-    panel10,
-    panel11,
-    panel12,
-    panel13,
-    panel14,
-    panel15,
-    panel16,
-    panel17,
-    panel18,
-    panel19,
-    panel20
-  };
-
+  const [activeIndex, setActiveIndex] = useSyncValue(selectedIndex);
   const _tabs = Array.isArray(tabs) && tabs.length && tabs.map((item, index) => {
     return {
-      id: item.name ?? index,
+      id: index,
       label: item.title
     };
   });
 
 
 
+  // React.useEffect(() => {
+  //   console.log('render');
+  // });
   const onActive = (e) => {
+    setActiveIndex(e.id);
     events && events.change(e);
   };
   return (
     <ConfigProvider classPrefix="wedatea2td">
-    <TeaTabs style={style} tabs={_tabs} onActive={onActive} className={classNames(
+    <TeaTabs  style={style} tabs={_tabs} activeId={activeIndex} onActive={onActive} className={classNames(
       "weda-tabs_pc",
       {
         [className]: className
@@ -81,7 +46,7 @@ export default function TabsPc({
           id={item.id}
           label={item.label}
           >
-            {cachePanel[`panel${index + 1}`]}
+            {restProps[`panel${index + 1}`]}
           </TabPanel>
         )
         )}
@@ -93,6 +58,7 @@ export default function TabsPc({
 TabsPc.propTypes = {
   tabs: PropTypes.array,
   className: PropTypes.string,
+  selectedIndex: PropTypes.number,
   style: PropTypes.object,
   events: PropTypes.objectOf(PropTypes.func),
   panel1: PropTypes.node,

package/src/web/components/uploaderView/index.jsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-import { TcbImage } from '../form/uploader/uploaderPc';
+import { TcbImage } from '../form/uploader/uploader.pc';
 import classNames from '../../utils/classnames';
 import './index.css';
 

package/src/web/utils/tcb.js

@@ -35,3 +35,11 @@ export async function getTempFileURL(data) {
     return await window?.app?.cloud?.getTempFileURL(data);
   }
 }
+
+export async function getDescribeGeneralOptionsDetailList(params) {
+  // @ts-ignore
+  const callWedaApi = window?.app?.cloud?.callWedaApi;
+  if (callWedaApi) {
+    return await callWedaApi(params);
+  }
+}

package/CHANGELOG.md

@@ -1,240 +0,0 @@
-> 为了更好的区分组件类型，仅在更新日志中进行如下约定：低码组件使用大驼峰命名，源码组件使用小驼峰命名。
-
-## [1.2] - 2021-08-24
-
-### Changed
-
-- swiper 轮播
-
-  - 添加示例图片
-
-## [1.1] - 2021-08-09
-
-### Added
-
-- text 文本
-
-  - 新增事件 `tap`
-
-- modal 模态弹窗
-
-  - 新增组件 `modal`, web 使用 tea 样式用于 PC 样式响应式。
-
-- showModal 显示弹窗
-
-  - 新增动作 `showModal`，用于平台方法的 PC 大屏响应式版本，小程序对齐 wx.showModal api。
-
-- FormTextarea 表单多行输入
-
-  - 新增组件 `FormTextarea`, 用以替代被移除的 `Textarea` 组件
-
-- link 链接
-
-  - 新增组件 `link`，可通过插槽来配置自定义内容
-
-### Changed
-
-- button 按钮
-
-  - 添加响应式样式，屏幕宽度大于 **1024px** 时显示为方角
-
-- swiper 轮播
-
-  - 添加响应式样式，屏幕宽度大于 1024px 时显示为方角
-
-- FormRadio 表单单选
-
-  - 修复多个单选组件并存导致的选中问题
-
-- FormCheckbox 表单复选
-
-  - 修复多个复选组件并存导致的选中问题
-
-- 所有组件:
-  - 表单组件的默认背景色，统一配置为透明
-  - 组件最外层容器统一添加 `weda-ui` 类名，组件库级别重置样式及公共样式都限制在 `weda-ui` 类名下，防止污染
-  - 规范了组件事件的触发方式
-
-## [1.0] - 2021-06-10
-
-### Added
-
-- text 文本:
-
-  - 新增属性 `maxLines` 最大显示行数
-
-- FormRegion 表单区域选择:
-
-  - 新增组件 `FormRegion`, 用以替代被移除的 `RegionPicker` 组件
-
-### Removed
-
-- swiper 轮播:
-
-  - 移除属性 `displayMultipleItems`, `nextMargin`, `previousMargin`, `updated`
-  - 移除 `transition` 和 `animationfinished` 事件
-
-- text 文本:
-
-  - 移除属性 `decode` 是否解码
-  - 移除 `tap` 事件
-
-- image 图片:
-
-  - 移除属性 `webp` 能否解析 webp 格式
-
-- button 按钮:
-
-  - 移除属性 `plain` 镂空
-  - 移除属性 `openType` 微信开放能力的 `获取用户信息` 选项
-
-- FormInput 表单输入:
-
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormRadio 表单单选:
-
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormCheckbox 表单复选:
-
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormSwitch 表单开关:
-
-  - 移除属性 `type` 显示类型
-  - 移除属性 `checkedIcon` 选中图标
-  - 移除属性 `uncheckedIcon` 非选中图标
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormDate 表单日期:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormTime 表单时间:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormSelect 表单选择:
-
-  - 移除属性 `suffixType` 操作尾部样式类型
-  - 移除属性 `suffixText` 操作尾部文案
-  - 移除属性 `validateTrigger` 字段触发校验类型
-  - 移除属性 `validateStatus` 校验状态
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormPhone 表单手机号码:
-
-  - 移除属性 `maxLength` 最大输入长度
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormEmail 表单邮件地址:
-
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormUrl 表单邮件地址:
-
-  - 移除属性 `rules` 校验规则
-  - 移除属性 `requiredFlag` 是否需要必填星号
-  - 移除属性 `underline` 是否需要底部下划线
-
-- FormItem 表单元素:
-
-  - 移除组件
-
-- FormCell 表单表格:
-
-  - 移除组件
-
-- RegionPicker 地域选择:
-
-  - 移除组件
-
-- Textarea 多行输入:
-
-  - 移除组件, 待优化后重新上架
-
-### Changed
-
-- image 图片:
-
-  - 默认大小由 320\*240 rpx 调整为 240\*240 rpx
-
-- text 文本:
-
-  - 跟随小程序定义，`selectabble` 变更为 `userSelect`
-  - 样式调整：默认布局模式从 `inline` 编程 `block`
-
-- button 按钮：
-
-  - 样式调整：从默认宽度 `100%` 调整为默认 `184px`
-
-- Form 表单容器:
-
-  - 样式优化
-
-- FormInput 表单输入:
-
-  - 样式优化
-
-- FormRadio 表单单选:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsRadioKey` 改为 `formRadio`
-  - 样式优化
-
-- FormCheckbox 表单复选:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsCheckboxKey` 改为 `formCheckbox`
-  - 样式优化
-
-- FormSwitch 表单开关:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsSelectKey` 改为 `formSwitch`
-  - 样式优化
-
-- FormDate 表单日期:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsDateKey` 改为 `formDate`
-  - 样式优化
-
-- FormTime 表单时间:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsTimeKey` 改为 `formTime`
-  - 样式优化
-
-- FormSelect 表单选择:
-
-  - 属性 `name` 表单字段名称，默认值由 `thisIsSelectKey` 改为 `formSelect`
-  - 样式优化
-
-- FormPhone 表单手机号码:
-
-  - 样式优化
-
-- FormEmail 表单邮件地址:
-
-  - 样式优化
-
-- FormUrl 表单邮件地址:
-
-  - 样式优化

package/src/configs/components/markdown.json

@@ -1,17 +0,0 @@
-{
-  "$schema": "https://comp-public-1303824488.cos.ap-shanghai.myqcloud.com/schema/lcds_component.json",
-  "data": {
-    "properties": {
-      "source": {
-        "title": "markdown 内容",
-        "type": "textarea",
-        "default": "> 这是 `markdown` 文本"
-      }
-    }
-  },
-  "meta": {
-      "title": "Markdown",
-      "description": "markdown 预览",
-      "category": "展示"
-  }
-}

package/src/mp/.gitignore

@@ -1,10 +0,0 @@
-/.yarn/*
-!/.yarn/patches
-!/.yarn/plugins
-!/.yarn/releases
-!/.yarn/sdks
-
-# Swap the comments on the following lines if you don't wish to use zero-installs
-# Documentation here: https://yarnpkg.com/features/zero-installs
-!/.yarn/cache
-#/.pnp.*

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

@@ -1,27 +0,0 @@
-const towxml = require('./towxml/index');
-
-Component({
-  options: {
-    virtualHost: true,
-  },
-  data: {
-    nodes: {},
-  },
-  properties: {
-    source: {
-      type: String,
-      value: '> 这是 `markdown` 文本',
-    },
-  },
-  methods: {
-    updateNodes() {
-      const nodes = towxml(this.properties.source, 'markdown', {});
-      this.setData({ nodes });
-    },
-  },
-  observers: {
-    source() {
-      this.updateNodes();
-    },
-  },
-});

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

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

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

@@ -1 +0,0 @@
-<towxml className="weda-ui" nodes="{{nodes}}"></towxml>

package/src/mp/components/markdown/towxml/audio-player/Audio.js

@@ -1,99 +0,0 @@
-const fillIn = (val) => `${val < 10 ? '0' : ''}${val}`;
-const formatTime = (_time) => {
-  const time = Math.round(_time);
-  const second = Math.round(time % 60);
-  const minute = Math.floor((time / 60) % 60);
-  const hour = Math.floor(time / 60 / 60);
-  return `${fillIn(hour)}:${fillIn(minute)}:${fillIn(second)}`;
-};
-
-class Audio {
-  constructor(obj) {
-    const _ts = this;
-    const option = (_ts.option = obj.attr);
-
-    (_ts.loop = option.loop === 'true'), (_ts.autoplay = option.autoplay === 'true');
-    _ts.create();
-    _ts.index = 0;
-  }
-  create() {
-    const _ts = this;
-    const { option } = _ts;
-    const audio = (_ts.audio = wx.createInnerAudioContext());
-    audio.src = option.src;
-
-    // 说明可以播放了
-    audio.onCanplay(() => {
-      if (_ts.autoplay && !_ts.index) {
-        _ts.play();
-      }
-      if (!_ts.autoplay && !_ts.index) {
-        _ts.eventCanplay();
-      }
-    });
-
-    // 更新时间
-    audio.onTimeUpdate(() => {
-      // _ts.status = 'update';
-      _ts.duration = audio.duration;
-      _ts.currentTime = audio.currentTime;
-
-      // 定义播放结束
-      if (_ts.duration - _ts.currentTime < 0.5) {
-        _ts.index++;
-        if (_ts.loop) {
-          audio.stop();
-        } else {
-          _ts.stop();
-        }
-        audio.seek(0);
-      }
-      _ts.eventTimeUpdate(formatTime(_ts.duration), formatTime(_ts.currentTime));
-    });
-
-    //
-    audio.onSeeked(() => {
-      if (_ts.loop) {
-        _ts.play();
-      }
-    });
-  }
-  // 播放
-  play() {
-    const _ts = this;
-    _ts.status = 'play';
-    _ts.audio.play();
-    _ts.eventPlay();
-  }
-  // 暂停
-  pause() {
-    const _ts = this;
-    _ts.status = 'pause';
-    _ts.audio.pause();
-    _ts.eventPause();
-  }
-  // 停止
-  stop() {
-    const _ts = this;
-    _ts.status = 'stop';
-    _ts.audio.stop();
-    _ts.eventStop();
-  }
-  // 销毁
-  destroy() {
-    const _ts = this;
-    _ts.stop();
-    _ts.audio.destroy();
-  }
-  eventCanplay() {}
-  eventTimeUpdate() {}
-  eventEnded() {}
-  eventError() {}
-  eventPause() {}
-  eventPlay() {}
-  eventSeeked() {}
-  eventSeeking() {}
-  eventStop() {}
-  eventWaiting() {}
-}
-module.exports = Audio;