@cloudbase/weda-ui 2.0.28 → 3.1.0

package/src/mp/utils/tcb.js

@@ -1,90 +0,0 @@
-export async function getCloudInstance() {
-  return await getApp().app.cloud.getCloudInstance();
-}
-
-/**
- * 获取单个临时链接
- * 单个cos文件，返回字符串
- * 多个cos文件，返回 {fileID: src} 这样的对象
- */
-export async function getTempFileURL(data) {
-  if (getApp().app.cloud.getTempFileURL) {
-    return await getApp().app.cloud.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服务
- */
-export async function callWedaApi(param) {
-  if (getApp().app.cloud.callWedaApi) {
-    return await getApp().app.cloud.callWedaApi(param);
-  }
-}
-
-/**
- * 云函数获取数据
- */
-export async function callDataSource(param) {
-  if (getApp().app.cloud.callDataSource) {
-    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 {};
-  }
-}
-
-/**
- * 返回静态托管cdn域名
- */
-export const resolveStaticResourceUrl = (path) => {
-  try {
-    // eslint-disable-next-line no-unsafe-optional-chaining
-    const resourceUrl =
-      getApp()?.app?.__internal__?.resolveStaticResourceUrl(path);
-    return resourceUrl;
-  } catch (error) {
-    return '';
-  }
-};

package/src/setupTests.js

@@ -1,14 +0,0 @@
-require('regenerator-runtime');
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // Deprecated
-    removeListener: jest.fn(), // Deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});

package/src/web/actions/index.js

@@ -1,2 +0,0 @@
-export { default as showToast } from './showToast';
-export { default as showModal } from './showModal';

package/src/web/actions/showModal/index.tsx

@@ -1,118 +0,0 @@
-import * as ReactDOM from 'react-dom';
-import * as React from 'react';
-import { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
-import { Modal, Button, Text, ModalProps, ConfigProvider } from 'tea-component';
-import type {
-  ModalShowHandle,
-  ModalShowOptions,
-} from 'tea-component/lib/modal/ModalShow';
-
-interface ModalShowInstance {
-  setVisible: React.Dispatch<React.SetStateAction<boolean>>;
-}
-
-const ModalShow = forwardRef(function ModalShow(
-  props: ModalProps,
-  ref: React.Ref<ModalShowInstance>
-) {
-  const [visible, setVisible] = useState(false);
-
-  // 渲染之后，马上显示
-  useEffect(() => {
-    setVisible(true);
-  }, []);
-
-  // 实例 ref 到外部
-  useImperativeHandle(ref, () => ({ setVisible }));
-
-  return <Modal {...props} visible={visible} />;
-});
-
-function show(options: ModalShowOptions): ModalShowHandle {
-  const el = document.createElement('div');
-
-  const instanceRef = React.createRef<ModalShowInstance>();
-
-  ReactDOM.render(
-    <ConfigProvider classPrefix="wedatea2td">
-      <ModalShow
-        {...options}
-        ref={instanceRef}
-        onExited={() => ReactDOM.unmountComponentAtNode(el)}
-      />
-    </ConfigProvider>,
-    el
-  );
-
-  return {
-    destroy: () => {
-      if (instanceRef.current) {
-        instanceRef.current.setVisible(false);
-      }
-    },
-  };
-}
-
-export default async function showModal({ data }) {
-  const {
-    title,
-    content,
-    showCancel,
-    cancelText = '取消',
-    cancelColor,
-    confirmText = '确定',
-    confirmColor,
-    success = () => {},
-    fail = () => {},
-    complete = () => {},
-  } = data;
-
-  return new Promise((resolve) => {
-    const base = { cancel: false, confirm: false, content: null };
-
-    const modal = show({
-      caption: title,
-      children: (
-        <>
-          <Modal.Body>{content}</Modal.Body>
-          <Modal.Footer>
-            <Button
-              // type="primary"
-              onClick={() => {
-                resolve({ ...base, confirm: true });
-                modal.destroy();
-              }}
-            >
-              <Text style={{ color: confirmColor }}>{confirmText}</Text>
-            </Button>
-            {showCancel && (
-              <Button
-                onClick={() => {
-                  resolve({ ...base, cancel: true });
-                  modal.destroy();
-                }}
-              >
-                <Text style={{ color: cancelColor }}>{cancelText}</Text>
-              </Button>
-            )}
-          </Modal.Footer>
-        </>
-      ),
-      onClose: () => {
-        resolve({ ...base, cancel: true });
-        modal.destroy();
-      },
-    });
-  }).then(
-    (res) => {
-      success && success(res);
-      return res;
-    },
-    (e) => {
-      // console.log(e);
-      fail && fail();
-      complete && complete();
-      throw e;
-    }
-  );
-}

package/src/web/actions/showToast/index.js

@@ -1,3 +0,0 @@
-export default function showToast(/* { data, event } */) {
-  // console.log({ data, event });
-}

package/src/web/components/auth/index.js

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-
-import classNames from '../../utils/classnames';
-import { getCloudInstance } from '../../utils/tcb';
-
-import {
-  CloudbaseAuthenticator,
-  onAuthUIStateChange,
-  AUTHSTATE,
-  LOGINTYPE,
-  CloudbaseSignOut,
-} from '@cloudbase/ui-react';
-
-export default function Auth({ className }) {
-  const cls = classNames({
-    [className]: className,
-  });
-
-  const [authState, setAuthState] = React.useState(AUTHSTATE.SIGNIN);
-  const [user, setUser] = React.useState({});
-  const [tcb, setTcb] = React.useState(undefined);
-
-  React.useEffect(() => {
-    async function createTcb() {
-      // 创建Tcb实例
-      const app = await getCloudInstance();
-      setTcb(app);
-      // console.log('<<<<<weda', app);
-
-      onAuthUIStateChange(app, (nextAuthState, authData) => {
-        // console.log('call');
-        // console.log('<<<<<nextAuthState', nextAuthState);
-        // console.log('<<<<<authData', authData);
-        setAuthState(nextAuthState);
-        setUser(authData);
-      });
-    }
-    createTcb();
-  }, []);
-
-  // console.log('<<<<<<<wedaaaa', tcb);
-
-  return tcb ? (
-    authState === AUTHSTATE.SIGNEDIN && user ? (
-      <div className={cls}>
-        <header className="tcb-header">
-          {/* Hello, {user.uid} */}
-          <CloudbaseSignOut app={tcb}></CloudbaseSignOut>
-        </header>
-      </div>
-    ) : (
-      <div className={cls}>
-        <CloudbaseAuthenticator
-          userLoginType={LOGINTYPE.PHONE}
-          isUsePassword={false}
-          app={tcb}
-        />
-      </div>
-    )
-  ) : null;
-}
-
-Auth.propTypes = {
-  className: PropTypes.string,
-};

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

@@ -1,27 +0,0 @@
-.weda-button.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
-  background-color: var(--weui-TAG-TEXT-BLUE);
-}
-
-.weda-button.weui-btn_primary {
-  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;
-}
-.weda-button.weda-button-large {
-  font-size: large;
-  display: block;
-  padding-left: 14px;
-  padding-right: 14px;
-  text-align: center;
-  width: 100%;
-}

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

@@ -1,119 +0,0 @@
-import * as React from 'react';
-import {
-  Button as TeaButton,
-  ButtonProps,
-  ConfigProvider,
-} from 'tea-component';
-import classNames from '../../utils/classnames';
-import { usePlatform } from '../../utils/platform';
-import type { CommonPropsType, unknownFunction } from '../../types';
-
-import './index.css';
-
-// 不用 react-weui 而直接用底层实现的原因是 react-weui 不能支持表单类型
-const Button = ({
-  text,
-  size,
-  type,
-  contentSlot,
-  formType,
-  loading,
-  disabled,
-  events = {} as Record<string, unknownFunction>,
-  className,
-  style,
-  id,
-}: PropsType) => {
-  const platform: string = usePlatform();
-  const isH5: boolean = platform === 'h5';
-  const cls = classNames({
-    'weda-ui': true,
-    'weda-button': true,
-    'weda-button-large': size === 'large',
-    'weda-button-mini': size === 'mini',
-    'weui-btn': isH5,
-    'weui-btn_mini': isH5 && size === 'mini',
-    '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,
-  });
-  const onClick = (e) => events.tap({}, { originEvent: e });
-
-  if (platform === 'h5') {
-    return (
-      <button
-        className={cls}
-        disabled={disabled}
-        type={formType}
-        style={style}
-        id={id}
-        onClick={onClick}
-      >
-        {loading && (
-          <span className="weui-btn_loading">
-            <i className="weui-loading" />
-          </span>
-        )}
-        {text ? text : contentSlot}
-      </button>
-    );
-  }
-
-  return (
-    <ConfigProvider classPrefix="wedatea2td">
-      <TeaButton
-        loading={loading}
-        onClick={onClick}
-        disabled={disabled}
-        htmlType={formType}
-        type={toTeaButtonType(type)}
-        style={style}
-        className={cls}
-        id={id}
-      >
-        {text ? text : contentSlot}
-      </TeaButton>
-    </ConfigProvider>
-  );
-};
-
-function toTeaButtonType(type: PropsType['type']): ButtonProps['type'] {
-  if (type === 'primary') return type;
-  if (type === 'warn') return 'error';
-  if (type === 'default') return 'primary';
-  return 'primary';
-}
-
-export interface PropsType extends CommonPropsType {
-  /**
-   * 内容
-   */
-  text?: string;
-  /**
-   * 样式类型
-   */
-  type?: 'primary' | 'warn' | 'wechat' | 'default';
-  /**
-   * 大小
-   */
-  size?: 'default' | 'mini' | 'large';
-  /**
-   * 是否禁用
-   */
-  disabled?: boolean;
-  /**
-   * 加载中
-   */
-  loading?: boolean;
-
-  /**
-   * 用于 form 类型
-   */
-  formType?: 'button' | 'submit' | 'reset';
-  contentSlot?: string;
-}
-
-export default Button;