@cloudbase/weda-ui 0.2.5 → 0.2.8

package/src/mp/components/markdown/towxml/todogroup/todogroup.wxml

@@ -1,13 +0,0 @@
-<checkbox-group wx:if="{{data.tag === 'todogroup'}}" class="{{data.attr.class}}" bindchange="_change">
-    <block wx:if="{{data.child}}" wx:for="{{data.child}}" wx:for-item="item" wx:key="i">
-        <label wx:if="{{item.tag}}" class="{{item.attr.class}}">
-            <block wx:if="{{item.child}}" wx:for="{{item.child}}" wx:for-item="item" wx:key="i">
-                <!--解析选择框-->
-                <checkbox wx:if="{{item.tag === 'checkbox'}}" class="{{item.attr.class}}" value="{{item.attr.value}}" data-_e="{{item}}" checked="{{item.attr.checked}}" disabled="{{item.attr.disabled}}"/>
-
-                <!--解析文字-->
-                <decode wx:if="{{item.child}}" nodes="{{item}}"/>
-            </block>
-        </label>
-    </block>
-</checkbox-group>

package/src/mp/components/markdown/towxml/todogroup/todogroup.wxss

@@ -1,3 +0,0 @@
-.h2w__todolist {
-    display:block;
-}

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

@@ -1,17 +0,0 @@
-Component({
-  options: {
-    styleIsolation: 'shared',
-  },
-  properties: {
-    nodes: {
-      type: Object,
-      value: {},
-    },
-    className: {
-      type: String,
-    },
-  },
-  data: {
-    someData: {},
-  },
-});

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

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

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

@@ -1,5 +0,0 @@
-<view class="h2w h2w-{{nodes.theme}} {{className}}">
-	<view class="h2w__main">
-		<decode nodes="{{nodes}}"/>
-	</view>
-</view>

package/src/mp/components/markdown/towxml/towxml.wxss

@@ -1,8 +0,0 @@
-/**基础风格样式**/
-@import './style/main.wxss';
-
-/**主题配色（浅色样式）**/
-@import './style/theme/light.wxss';
-
-/**主题配色（深色样式）**/
-@import './style/theme/dark.wxss';

package/src/mp/components/markdown/towxml/yuml/yuml.js

@@ -1,51 +0,0 @@
-const config = require('../config');
-Component({
-  options: {
-    styleIsolation: 'shared',
-  },
-  properties: {
-    data: {
-      type: Object,
-      value: {},
-    },
-  },
-  data: {
-    attr: {
-      src: '',
-      class: '',
-    },
-    size: {
-      w: 0,
-      h: 0,
-    },
-  },
-  lifetimes: {
-    attached() {
-      const _ts = this;
-      const dataAttr = this.data.data.attr;
-
-      // 设置公式图片
-      _ts.setData({
-        attr: {
-          src: `${config.yuml.api}=${dataAttr.value}&theme=${global._theme}`,
-          class: `${dataAttr.class}`,
-        },
-      });
-    },
-  },
-  methods: {
-    load(e) {
-      const _ts = this;
-      // 公式图片加载完成则根据其图片大小、类型计算其显示的合适大小
-      const scale = 20;
-      const w = e.detail.width / scale;
-      const h = e.detail.height / scale;
-      _ts.setData({
-        size: {
-          w,
-          h,
-        },
-      });
-    },
-  },
-});

package/src/mp/components/markdown/towxml/yuml/yuml.json

@@ -1,5 +0,0 @@
-{
-  "component": true,
-  "usingComponents": {
-  }
-}

package/src/mp/components/markdown/towxml/yuml/yuml.wxml

@@ -1,5 +0,0 @@
-<view class="h2w__yumlBox">
-    <view style="width:{{size.w}}em;" class="h2w__yumlView">
-        <image class="{{attr.class}}" src="{{attr.src}}" style="width:{{size.w}}em; height:{{size.h}}em;" lazy-load="true" mode="aspectFill" bindload="load"></image>
-    </view>
-</view>

package/src/web/components/form/uploader/uploaderH5.jsx

@@ -1,192 +0,0 @@
-import * as PropTypes from 'prop-types';
-import * as React from 'react';
-import weui from '../../../utils/weui';
-import classNames from '../../../utils/classnames';
-import { getCloudInstance } from '../../../utils/tcb';
-import { useGetSet } from 'react-use';
-
-const uploadPath = 'weda-uploader';
-/**
- * H5端
- */
-export function UploaderH5({
-  title,
-  maxUploadCount,
-  className,
-  id,
-  events,
-  layout,
-  value,
-  single = false,
-  onChange,
-  style,
-}) {
-  const cls = classNames({
-    'weda-ui': true,
-    'weui-cells': true,
-    'weui-cells_form': true,
-    [className]: className,
-  });
-
-  const [fileIDList, setfileIDList] = React.useState([]);
-  React.useEffect(() => {
-    if(value === undefined) {
-      const root = document.getElementById(id);
-      if(root) {
-        root.querySelector('#uploaderFiles').innerHTML = '';
-      value = [];
-      }
-    }
-  }, [value]);
-  React.useEffect(() => {
-    let initialValue = []
-    .concat(value ?? [])
-    .filter((d) => typeof d === 'string' && d !== '');
-    if (single) {
-      maxUploadCount = 1;
-      initialValue = initialValue[0] ? [initialValue[0]] : [];
-    }
-    setfileIDList(initialValue);
-  }, [value, maxUploadCount, single]);
-  
-  const [uploadCount, setUploadConut] = useGetSet(0);
-  React.useEffect(() => {
-    events.change && events.change({ value: fileIDList });
-    if (single) {
-      const file = fileIDList[0] || '';
-      file && onChange && onChange(file);
-    } else {
-      onChange && onChange(fileIDList);
-    }
-  }, [fileIDList]);
-  React.useEffect(() => {
-    const opts = {
-      url: 'http://localhost:8081',
-      auto: true,
-      type: 'file',
-      fileVal: 'fileVal',
-      compress: {
-        width: 1600,
-        height: 1600,
-        quality: 0.8,
-      },
-      onBeforeQueued: function (files) {
-        // `this` 是轮询到的文件, `files` 是所有文件
-
-        if (
-          ['image/jpg', 'image/jpeg', 'image/png', 'image/gif'].indexOf(
-            this.type
-          ) < 0
-        ) {
-          weui.alert('请上传图片');
-          return false; // 阻止文件添加
-        }
-        if (this.size > 10 * 1024 * 1024) {
-          weui.alert('请上传不超过10M的图片');
-          return false;
-        }
-
-        if (files.length > maxUploadCount) {
-          // 防止一下子选择过多文件
-          weui.alert(`最多只能上传${maxUploadCount}张图片，请重新选择`);
-          return false;
-        }
-        if (uploadCount() + 1 > maxUploadCount) {
-          weui.alert(`最多只能上传${maxUploadCount}张图片`);
-          return false;
-        }
-
-        setUploadConut(c => c + 1);
-
-      },
-      onQueued: function () {
-
-        const file = this;
-        getCloudInstance().then(async (tcb) => {
-          try {
-            const fileType = file.type.split('/')?.[1];
-            const cloudPath = `${uploadPath}/uploader-${Date.now()}.${fileType}`;
-            const { fileID } = await tcb.uploadFile({
-              cloudPath,
-              filePath: file,
-            });
-            fileID && setfileIDList((list) => [...list, fileID]);
-            fileID && events.success && events.success({ value: fileID, file });
-            const r = opts.onSuccess(file, );
-            if(!r) {
-              
-              const $el = document.querySelector(`#${id}`);
-              const $file = $el.querySelector(`[data-id="${file.id}"]`);
-              $file.classList.remove('weui-uploader__file_status');
-              $file.querySelector('.weui-uploader__file-content').remove();
-            }
-          } catch (err) {
-            opts.onError(err);
-          }
-        });
-      },
-      onBeforeSend: function () {
-        // $.extend(data, { test: 1 }); // 可以扩展此对象来控制上传参数
-        // $.extend(headers, { Origin: 'http://127.0.0.1' }); // 可以扩展此对象来控制上传头部
-
-        return false; // 阻止文件上传
-      },
-      onProgress: function () {
-        // console.log(this, percent);
-        // return true; // 阻止默认行为，不使用默认的进度显示
-      },
-      onSuccess: function (ret) {
-        events.success && events.success(ret);
-        return false;
-      },
-      onError: function (err) {
-        events.error && events.error(err);
-        return false;
-      },
-    };
-    weui.uploader(`#${id}`, opts);
-  }, []);
-
-  return (
-    <div className={cls} id={id} style={style}>
-      <div className="weui-cell">
-        <div className="weui-cell__bd">
-          <div className={classNames("weui-uploader", layout)}>
-            <div className={classNames("weui-uploader__hd", layout)}>
-              <p className="weui-uploader__title">{title}</p>
-              <div className="weui-uploader__info">
-                <span id="uploadCount">{uploadCount()}</span>
-                {`/${maxUploadCount}`}
-              </div>
-            </div>
-            <div className="weui-uploader__bd">
-              <ul className="weui-uploader__files" id="uploaderFiles"></ul>
-              <div className="weui-uploader__input-box">
-                <input
-                  id="uploaderInput"
-                  className="weui-uploader__input"
-                  type="file"
-                  accept="image/*"
-                  multiple=""
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-UploaderH5.propTypes = {
-  id: PropTypes.string,
-  title: PropTypes.string,
-  className: PropTypes.string, // 传入类
-  maxUploadCount: PropTypes.number, // 【上传图片最大数量】
-  events: PropTypes.objectOf(PropTypes.func), // 事件
-  style: PropTypes.object,
-  layout: PropTypes.oneOf(['horizontal', 'vertical']),
-  value: PropTypes.oneOfType([PropTypes.array, PropTypes.string]), // 初始值，该参数需配合 formily 使用
-  single: PropTypes.bool, // 单张上传还是多张上传，对应 onChange 参数为字符串还是字符串数组，value 在处理过程统一转为字符串数组
-  onChange: PropTypes.objectOf(PropTypes.func), // 值变化，该参数需配合 formily 使用
-};

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

@@ -1,40 +0,0 @@
-/* eslint-disable react/display-name */
-/* eslint-disable react/prop-types */
-import * as React from 'react';
-import RawMarkdown from 'react-markdown';
-import { Prism } from 'react-syntax-highlighter';
-
-import * as PropTypes from 'prop-types';
-import classNames from '../../utils/classnames';
-
-const renderers = {
-  code: ({ language, value = '' }) => (
-    <Prism language={language}>{value}</Prism>
-  ),
-};
-
-export default function Markdown({ source = '', className = '', ...props }) {
-  const { contenteditable, onInput, onBlur, style, id } = props;
-  return (
-    <div
-      className={classNames({
-        'weda-ui': true,
-        [className]: className,
-      })}
-      id={id}
-      style={style}
-      contentEditable={contenteditable}
-      onInput={onInput}
-      onBlur={onBlur}
-    >
-      <RawMarkdown source={source} renderers={renderers} />
-    </div>
-  );
-}
-
-Markdown.propTypes = {
-  /**
-   * markdown 文本内容
-   */
-  source: PropTypes.string,
-};