@cloudbase/weda-ui 2.0.26 → 3.1.0

package/src/web/components/index.js

@@ -1,95 +0,0 @@
-import '@tcwd/style-wedatheme/index.css';
-// import loadable from '@loadable/component';
-// import { fallback } from '../utils/loading-fallback';
-
-// export const Button = loadable(() => import('./button'), {fallback});
-// export const Text = loadable(() => import('./text'), {fallback});
-// export const Container = loadable(() => import('./container'), {fallback});
-// export const Image = loadable(() => import('./image'), {fallback});
-// export const Slot = loadable(() => import('./slot'), {fallback});
-// export const ScrollView = loadable(() => import('./scrollView'), {fallback});
-// export const Swiper = loadable(() => import('./swiper'), {fallback});
-// export const Modal = loadable(() => import('./modal'), {fallback});
-// export const RichText = loadable(() => import('./richText'), {fallback});
-// export const RichTextView = loadable(() => import('./richTextView'), {fallback});
-// export const Link = loadable(() => import('./link'), {fallback});
-// export const Drawer = loadable(() => import('./drawer'), {fallback});
-// export const UploaderView = loadable(() => import('./uploaderView'), {fallback});
-// // picker
-// export const Picker = loadable(() => import('./picker/picker'), {fallback});
-// export const DatePicker = loadable(() => import('./picker/datePicker'), {fallback});
-// export const TimePicker = loadable(() => import('./picker/timePicker'), {fallback});
-// // form
-// export const Form = loadable(() => import('./form/form'), {fallback});
-// export const Input = loadable(() => import('./form/input'), {fallback});
-// export const Textarea = loadable(() => import('./form/textarea'), {fallback});
-// export const Checkbox = loadable(() => import('./form/checkbox'), {fallback});
-// export const Radio = loadable(() => import('./form/radio'), {fallback});
-// export const Switch = loadable(() => import('./form/switch'), {fallback});
-// export const Select = loadable(() => import('./form/select'), {fallback});
-// export const Uploader = loadable(() => import('./form/uploader'), {fallback});
-// export const Tips = loadable(() => import('./form/tips'), {fallback});
-// export const EnumSelect = loadable(() => import('./form/enumSelect'), {fallback});
-// export const Tabs = loadable(() => import('./tabs'), {fallback});
-
-export { default as Button } from './button';
-export { default as Text } from './text';
-export { default as Container } from './container';
-export { default as Image } from './image';
-export { default as Slot } from './slot';
-export { default as ScrollView } from './scrollView';
-export { default as Swiper } from './swiper';
-export { default as Carousel } from './carousel';
-export { default as Modal } from './modal';
-export { default as RichText } from './richText';
-export { default as RichTextView } from './richTextView';
-export { default as Link } from './link';
-export { default as Drawer } from './drawer';
-export { default as UploaderView } from './uploaderView';
-export { default as UploaderFileView } from './uploaderFileView';
-export { default as WedaVideo } from './wedaVideo/index';
-
-export { default as Picker } from './picker/picker';
-export { default as DatePicker } from './picker/datePicker';
-export { default as TimePicker } from './picker/timePicker';
-// form
-export { default as Form } from './form/form';
-export { default as Input } from './form/input';
-export { default as Textarea } from './form/textarea';
-export { default as Checkbox } from './form/checkbox';
-export { default as Radio } from './form/radio';
-export { default as Switch } from './form/switch';
-export { default as Select } from './form/select';
-export { default as Uploader } from './form/uploader';
-export { default as UploaderFile } from './form/uploaderFile';
-export { default as Tips } from './form/tips';
-export { default as Tabs } from './tabs';
-
-export { default as Location } from './form/location';
-
-export { default as EnumSelect } from './form/enumSelect';
-export { default as Calendar } from './calendar';
-export { default as NavLayout } from './navLayout';
-
-// Data Contaier
-export { default as ListView } from './listView';
-export { default as NavigationBar } from './navigationBar';
-export { default as Line } from './chart/line';
-export { default as Bar } from './chart/bar';
-export { default as Pie } from './chart/pie';
-export { default as DataView } from './dataView';
-
-export { default as StatisticsCard } from './chart/statisticsCard';
-export { default as GraphicCard } from './graphicCard';
-
-export { default as UserInfo } from './userInfo';
-export { default as Phone } from './phone';
-export { default as PhoneCode } from './phoneCode';
-export { default as Share } from './share';
-
-export { default as Lottery } from './lottery';
-// open
-// import Auth from './auth';
-
-import 'weui/dist/style/weui.css';
-import '../weda-ui.css';

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

@@ -1,8 +0,0 @@
-.weda-link {
-  text-align: center;
-  display: inline-block;
-  vertical-align: middle;
-}
-
-.weda-link-slot {
-}

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

@@ -1,119 +0,0 @@
-import * as React from 'react';
-import type { CommonPropsType } from '../../types';
-import classNames from '../../utils/classnames';
-import './index.css';
-
-export interface PropsType extends CommonPropsType {
-  /**
-   * 内容
-   */
-  content?: string;
-  /**
-   * 链接地址
-   */
-  url?: string;
-  /**
-   * 参数
-   */
-  params?: { key: string; value: string }[];
-  contentSlot?: React.ReactNode;
-  isOpenInNewWindow: boolean;
-}
-
-// 所有绝对地址直接交由浏览器，新开窗口交由浏览器
-// 当前窗口相对地址交给平台
-export default function Link({
-  content,
-  url = '',
-  events = {},
-  style,
-  className,
-  contentSlot,
-  params = [], // TODO 格式定义,
-  isOpenInNewWindow,
-}: PropsType) {
-  url = url.trim();
-  const cls = classNames({
-    'weda-link': true,
-    'weda-ui': true,
-    [className]: className,
-  });
-
-  // URL 构造函数不支持 '//xxx.com' 的格式
-  if (url.indexOf('//') === 0) {
-    url = location.protocol + url;
-  }
-
-  // "proto:" 或 "//" 起头的是绝对路径
-  let isAbosolutePath = /^(?:[a-z]+:)/i.test(url);
-
-  let base,
-    path,
-    href,
-    paramObj = {},
-    urlObj;
-  if (!isAbosolutePath) {
-    // 相对地址使用站位域名，不实际使用
-    base =
-      location.origin && location.origin !== 'null'
-        ? location.origin
-        : 'https://we.da';
-  }
-
-  try {
-    urlObj = new URL(url, base);
-    params.forEach((x) => {
-      urlObj.searchParams.append(x.key, x.value);
-    });
-
-    href = urlObj.href;
-    path = urlObj.pathname;
-
-    for (const [key, value] of urlObj.searchParams) {
-      paramObj[key] = value;
-    }
-
-    // 相对地址去掉站位域名
-    if (!isAbosolutePath) {
-      href = urlObj.pathname + urlObj.search + urlObj.hash;
-      href = href.replace(/^\//, '');
-    }
-  } catch (e) {
-    // 非法 url
-    isAbosolutePath = true;
-    href = url;
-    path = '';
-    paramObj = params.reduce((p, x) => {
-      p[x.key] = x.value;
-      return p;
-    }, {});
-  }
-
-  return (
-    <a
-      style={{ ...style }}
-      className={cls}
-      target={isOpenInNewWindow ? '_blank' : '_self'}
-      href={href}
-      onClick={(e) => {
-        events.tap && events.tap({}, { originEvent: e });
-
-        if (!e.defaultPrevented) {
-          if (!isAbosolutePath) {
-            e.preventDefault();
-            app.navigateTo({
-              pageId: path,
-              packageName: '',
-              mode: 'weDa',
-              params: paramObj,
-            });
-          }
-        }
-      }}
-      rel="noopener noreferrer"
-    >
-      {contentSlot && <div className="weda-link-slot">{contentSlot}</div>}
-      {content}
-    </a>
-  );
-}

package/src/web/components/listView/arrow-right-line.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.1719 12.0002L8.22192 7.05023L9.63592 5.63623L15.9999 12.0002L9.63592 18.3642L8.22192 16.9502L13.1719 12.0002Z" fill="#09121F"/>
-</svg>

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

@@ -1,143 +0,0 @@
-.weda-list-view__containor {
-  overflow-y: auto;
-  max-height: 100%;
-  overflow-x: hidden;
-}
-
-.weda-list-view-card {
-  display: flex;
-  flex-wrap: wrap;
-  margin-right: 3px;
-}
-
-/* 加载更多 */
-.weda-list-view__containor .weda-list-view__more {
-  width: 100%;
-}
-
-.weda-list-view__containor .weda-list-view__more .weda-list-view__bottom-load {
-  padding-top: 1px;
-}
-
-.weda-list-view__containor .weda-list-view__more .weda-list-view__more-text {
-  padding-top: 10px;
-  padding-bottom: 14px;
-  font-size: 0.85714em;
-  line-height: 0.85714em;
-  color: rgba(0, 0, 0, 0.4);
-  text-align: center;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-/* 加载更多 ... */
-.weda-list-view__containor .weda-list-view__more .weda-list-view__more-symbol {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-top: 20px;
-  padding-bottom: 18px;
-  box-sizing: border-box;
-}
-
-.weda-list-view__containor .weda-list-view__more .weda-list-view__symbol-item {
-  width: 8px;
-  height: 8px;
-  background: #c4c4c4;
-  margin-left: 6px;
-  border-radius: 50%;
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__symbol-item:first-child {
-  width: 6px;
-  height: 6px;
-  margin-left: 0;
-}
-
-/* 加载更多 分页 */
-.weda-list-view__containor .weda-list-view__more {
-  background-color: #fff;
-}
-.weda-list-view__containor
-  .weda-list-view__more.weda-list-view__more-bottomLoad {
-  background-color: transparent;
-}
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__more-pagination {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  padding: 10px 18px 12px 16px;
-  box-sizing: border-box;
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-pre,
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-next {
-  font-size: 0.85714em;
-  line-height: 1.71428em;
-  color: rgba(0, 0, 0, 0.4);
-  padding: 0 24px;
-  cursor: pointer;
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-pre.active,
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-next.active {
-  color: rgba(0, 0, 0, 0.9);
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-pre::before,
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-next::after {
-  position: absolute;
-  content: '';
-  width: 1.71428em;
-  height: 1.71428em;
-  top: 10px;
-  opacity: 0.2;
-  background-image: url(arrow-right-line.svg);
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .active.weda-list-view__pagination-pre::before,
-.weda-list-view__containor
-  .weda-list-view__more
-  .active.weda-list-view__pagination-next::after {
-  opacity: 1;
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-pre::before {
-  left: 16px;
-  transform: rotate(180deg);
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-next::after {
-  right: 18px;
-}
-
-.weda-list-view__containor
-  .weda-list-view__more
-  .weda-list-view__pagination-text {
-  font-size: 0.85714em;
-  line-height: 1.71428em;
-  color: rgba(0, 0, 0, 0.4);
-}