@cloudbase/weda-ui 0.2.16 → 1.0.24

package/src/web/components/tabs/tabs.pc.tsx

@@ -1,30 +1,43 @@
+import { useCustomCompareEffect, useMountEffect, useSyncedRef } from '@react-hookz/web';
 import * as React from 'react';
 import { Tabs as TeaTabs, TabPanel, ConfigProvider } from 'tea-component';
 import classNames from '../../utils/classnames';
+import isObjectEqual from '../../utils/isObjectEqual';
 import { useSyncValue } from '../../utils/useSyncValue';
 import { PropsType } from './index';
 
 
 export default function TabsPc({
-  tabs,
+  tabs = [],
   selectedIndex,
   events,
   className,
   style,
+  isMultipleSlot = true,
   ...restProps
 }: PropsType) {
 
   const [activeIndex, setActiveIndex] = useSyncValue(selectedIndex);
-  const _tabs = Array.isArray(tabs) && tabs.length && tabs.map((item, index) => {
-    return {
-      id: index.toString(),
-      label: item.title
-    };
-  });
+  const _tabs = React.useMemo(() => {
+    return Array.isArray(tabs) && tabs.length && tabs.map((item, index) => {
+      return {
+        id: index.toString(),
+        label: item.title,
+        value: item.value
+      };
+    });
+  }, [tabs]);
 
+  const eventsRef = useSyncedRef(events);
+  useCustomCompareEffect(() => {
+    eventsRef.current && eventsRef.current.change({
+      id: _tabs[activeIndex]?.id,
+      label: _tabs[activeIndex]?.label,
+      value: _tabs[activeIndex]?.value,
+    });
+  }, [activeIndex, _tabs], isObjectEqual);
   const onActive = (e) => {
     setActiveIndex(e.id);
-    events && events.change(e);
   };
   return (
     <ConfigProvider classPrefix="wedatea2td">
@@ -40,11 +53,11 @@ export default function TabsPc({
           key={item.id}
           id={item.id}
           >
-            {restProps[`panel${index + 1}`]}
+            {isMultipleSlot ? restProps[`panel${index + 1}`] : restProps['panel1']}
           </TabPanel>
         )
         )}
     </TeaTabs>
   </ConfigProvider>
   );
-}
+}

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

@@ -21,8 +21,6 @@ export default function Text({
   maxLines = 2,
   space = false,
   userSelect = true,
-  textAlign = '',
-  textColor = '',
   style = {},
   className,
   events,
@@ -42,23 +40,17 @@ export default function Text({
   }
   const levelName = level === '0' ? '' : `level_${level}`;
 
-  // 添加文本颜色属性
-  let style2 = {};
-  if (textColor !== "") {
-    style2 = {color: textColor};
-  }
-
-  // 添加对齐属性
-  if (textAlign !== "") {
-    style2 = {...style2, textAlign};
-  }
+  const inlineStyle = React.useMemo(
+    () => ({ ...textStyle, ...style }),
+    [textStyle, style]
+  );
   return (
     <p
       //@ts-expect-error contentEditable type def sucks
       contentEditable={contenteditable}
       onInput={onInput}
       onBlur={onBlur}
-      style={{  ...style, ...textStyle, ...style2 }}
+      style={inlineStyle}
       className={classNames('weda-text', 'weda-ui', className, levelName)}
       id={id}
       onClick={(e) => events.tap({}, { originEvent: e })}
@@ -66,4 +58,4 @@ export default function Text({
       {text}
     </p>
   );
-}
+}

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import Button from '../../components/button';
+import { CommonPropsType } from '../../types';
+
+const UserInfo = (props: PropsType) => <Button {...props} />;
+
+export interface PropsType extends CommonPropsType {
+  /**
+   * 按钮标题
+   */
+  text?: string;
+  /**
+   * 按钮风格
+   */
+  type?: 'primary' | 'warn' | 'wechat' | 'default';
+  /**
+   * 按钮大小
+   */
+  size?: 'default' | 'mini' | 'large';
+  /**
+   * 信息用途
+   */
+  usage?: string;
+  /**
+   * 语言
+   */
+  language?: string;
+}
+
+export default UserInfo;

package/src/web/utils/{constant.js → constant.ts}

@@ -2,6 +2,21 @@ export const TitleType = {
   LEFT: 'left',
   TOP: 'top',
   NONE: 'none',
-};
+} as const;
 
-export const LOAD_ERR_IMG_BASE64 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjUuMzIgMTYuMzU5N0MyNi4wNzY0IDE2LjM1OTcgMjYuODI1NCAxNi41MDg3IDI3LjUyNDMgMTYuNzk4MUMyOC4yMjMxIDE3LjA4NzYgMjguODU4MSAxNy41MTE5IDI5LjM5MjkgMTguMDQ2OEMyOS45Mjc4IDE4LjU4MTYgMzAuMzUyMSAxOS4yMTY2IDMwLjY0MTYgMTkuOTE1NEMzMC45MzEgMjAuNjE0MyAzMS4wOCAyMS4zNjMzIDMxLjA4IDIyLjExOTdDMzEuMDggMjIuODc2MSAzMC45MzEgMjMuNjI1MSAzMC42NDE2IDI0LjMyMzlDMzAuMzUyMSAyNS4wMjI4IDI5LjkyNzggMjUuNjU3OCAyOS4zOTI5IDI2LjE5MjZDMjguODU4MSAyNi43Mjc1IDI4LjIyMzEgMjcuMTUxOCAyNy41MjQzIDI3LjQ0MTJDMjYuODI1NCAyNy43MzA3IDI2LjA3NjQgMjcuODc5NyAyNS4zMiAyNy44Nzk3QzIzLjc5MjQgMjcuODc5NyAyMi4zMjczIDI3LjI3MjggMjEuMjQ3MSAyNi4xOTI2QzIwLjE2NjkgMjUuMTEyNCAxOS41NiAyMy42NDczIDE5LjU2IDIyLjExOTdDMTkuNTYgMjAuNTkyIDIwLjE2NjkgMTkuMTI3IDIxLjI0NzEgMTguMDQ2OEMyMi4zMjczIDE2Ljk2NjUgMjMuNzkyNCAxNi4zNTk3IDI1LjMyIDE2LjM1OTdaTTI4IDMuNTU5NjlWMTQuODc2OEMyNy4xNzc3IDE0LjU4NjYgMjYuMTkyIDE0LjQzODggMjUuMzIgMTQuNDM5N0MyNC4wMzEgMTQuNDM5NyAyMi44MTU3IDE0Ljc1NzEgMjEuNzQ4OCAxNS4zMTg0TDIwLjc5NTIgMTMuMTU5N0wxNi4wMjU5IDIwLjAyNzVMOC40NDU3NiAxNi40NDFMMy41NiAyMy4zOTk3SDE3Ljc0NjJDMTcuOTg2NyAyNC44MjkgMTguNjI4MiAyNi4xNjA2IDE5LjU5NTggMjcuMjM5N0gxVjMuNTU5NjlIMjhaTTI1Ljk2IDI0LjAzOTdIMjQuNjhWMjUuMzE5N0gyNS45NlYyNC4wMzk3Wk0yNS45NiAxOC45MTk3SDI0LjY4VjIzLjM5OTdIMjUuOTZWMTguOTE5N1pNNi4xMiAxMC41OTk3QzYuMTIgMTEuOTk4MSA3LjE5OTA0IDEzLjEwODUgOC42MDc2OCAxMy4xNTg0QzEwLjAyMDggMTMuMjA3NyAxMS4yNCAxMi4wNDggMTEuMjQgMTAuNTk5N0MxMS4yNCA5LjI0NjA5IDEwLjA2NDMgOC4wODU3NyA4Ljc1MjMyIDguMDQwOTdDNy4yOTU2OCA3Ljk5MTY5IDYuMTIgOS4xNTEzNyA2LjEyIDEwLjU5OTdaIiBmaWxsPSIjQkNDNEQwIj48L3BhdGg+Cjwvc3ZnPgo=';
+export const LOAD_ERR_IMG_BASE64 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjUuMzIgMTYuMzU5N0MyNi4wNzY0IDE2LjM1OTcgMjYuODI1NCAxNi41MDg3IDI3LjUyNDMgMTYuNzk4MUMyOC4yMjMxIDE3LjA4NzYgMjguODU4MSAxNy41MTE5IDI5LjM5MjkgMTguMDQ2OEMyOS45Mjc4IDE4LjU4MTYgMzAuMzUyMSAxOS4yMTY2IDMwLjY0MTYgMTkuOTE1NEMzMC45MzEgMjAuNjE0MyAzMS4wOCAyMS4zNjMzIDMxLjA4IDIyLjExOTdDMzEuMDggMjIuODc2MSAzMC45MzEgMjMuNjI1MSAzMC42NDE2IDI0LjMyMzlDMzAuMzUyMSAyNS4wMjI4IDI5LjkyNzggMjUuNjU3OCAyOS4zOTI5IDI2LjE5MjZDMjguODU4MSAyNi43Mjc1IDI4LjIyMzEgMjcuMTUxOCAyNy41MjQzIDI3LjQ0MTJDMjYuODI1NCAyNy43MzA3IDI2LjA3NjQgMjcuODc5NyAyNS4zMiAyNy44Nzk3QzIzLjc5MjQgMjcuODc5NyAyMi4zMjczIDI3LjI3MjggMjEuMjQ3MSAyNi4xOTI2QzIwLjE2NjkgMjUuMTEyNCAxOS41NiAyMy42NDczIDE5LjU2IDIyLjExOTdDMTkuNTYgMjAuNTkyIDIwLjE2NjkgMTkuMTI3IDIxLjI0NzEgMTguMDQ2OEMyMi4zMjczIDE2Ljk2NjUgMjMuNzkyNCAxNi4zNTk3IDI1LjMyIDE2LjM1OTdaTTI4IDMuNTU5NjlWMTQuODc2OEMyNy4xNzc3IDE0LjU4NjYgMjYuMTkyIDE0LjQzODggMjUuMzIgMTQuNDM5N0MyNC4wMzEgMTQuNDM5NyAyMi44MTU3IDE0Ljc1NzEgMjEuNzQ4OCAxNS4zMTg0TDIwLjc5NTIgMTMuMTU5N0wxNi4wMjU5IDIwLjAyNzVMOC40NDU3NiAxNi40NDFMMy41NiAyMy4zOTk3SDE3Ljc0NjJDMTcuOTg2NyAyNC44MjkgMTguNjI4MiAyNi4xNjA2IDE5LjU5NTggMjcuMjM5N0gxVjMuNTU5NjlIMjhaTTI1Ljk2IDI0LjAzOTdIMjQuNjhWMjUuMzE5N0gyNS45NlYyNC4wMzk3Wk0yNS45NiAxOC45MTk3SDI0LjY4VjIzLjM5OTdIMjUuOTZWMTguOTE5N1pNNi4xMiAxMC41OTk3QzYuMTIgMTEuOTk4MSA3LjE5OTA0IDEzLjEwODUgOC42MDc2OCAxMy4xNTg0QzEwLjAyMDggMTMuMjA3NyAxMS4yNCAxMi4wNDggMTEuMjQgMTAuNTk5N0MxMS4yNCA5LjI0NjA5IDEwLjA2NDMgOC4wODU3NyA4Ljc1MjMyIDguMDQwOTdDNy4yOTU2OCA3Ljk5MTY5IDYuMTIgOS4xNTEzNyA2LjEyIDEwLjU5OTdaIiBmaWxsPSIjQkNDNEQwIj48L3BhdGg+Cjwvc3ZnPgo=' as const;
+
+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', // 不在多选值
+} as const;

package/src/web/utils/lodash.ts

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

package/src/web/utils/platform.js

@@ -126,9 +126,18 @@ export const isInIde = () => !!window?.app?.cloud?.IS_WEDA_IDE;
  * cloudid和文件名转换
  */
 export const transFileCloudidToName = (fileID) => {
-  const uuidReg = /(file-)?[0-9a-f]{8}(-[0-9a-f]{4}){3}-[0-9a-f]{12}-/;
+  const uuidReg = /(file-)?[0-9a-f]{8}((-)?[0-9a-f]{4}){3}(-)?[0-9a-f]{12}-/;
   const lastIndex = `${fileID}`.lastIndexOf('/');
   const name = `${fileID}`.slice(lastIndex + 1);
   const title = name.replace(uuidReg, '');
   return title;
 };
+
+/**
+ * 判断是否是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);

package/src/web/utils/tcb.js

@@ -1,3 +1,4 @@
+import { isInIde } from './platform';
 /**
  * 云存储/云函数相关
  */
@@ -55,14 +56,23 @@ export async function callDataSource(param) {
 }
 
 /**
- * 调用微搭后端API服务
+ * 云API：获取用户自定义导航内容
+ *  param
+ *  WeAppId: string,
+ *  EnvId: string,
+ *  PublishType?: string,
  */
-export async function callWedaApi(param) {
-  const { data, action } = param;
+export async function getAppCustomNav() {
   try {
-    const res = await window?.app?.cloud?.callWedaApi?.({
-      action,
-      data,
+    const PublishType = isInIde() ? 'preview' : '';
+    const WeAppId = window?.app?.id;
+    const res = await callWedaApi({
+      action: 'DescribeAppCustomNav',
+      serviceType: 'lowcode',
+      data: {
+        WeAppId,
+        PublishType,
+      },
     });
     return res;
   } catch (error) {
@@ -70,3 +80,7 @@ export async function callWedaApi(param) {
     return {};
   }
 }
+
+export function callWedaApi(...args) {
+  return window.app.cloud.callWedaApi(...args);
+}

package/src/web/weda-ui.css

@@ -6,6 +6,8 @@ body .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/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/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.*