@cloudbase/weda-ui 0.2.10 → 0.2.14

package/src/web/utils/platform.js

@@ -1,5 +1,5 @@
 // 平台类方法，如 BOM、DOM、区分 h5 和 pc 端
-import { useMedia } from 'react-use';
+import { useMediaQuery } from '@react-hookz/web';
 /**
  * 当前环境是否为 H5 端
  */
@@ -19,14 +19,85 @@ export const isH5Platform = () => {
 };
 
 /**
- * 判断当前是否是 cloud 开头的图片协议
+ * 判断当前是否是 cloud 开头的文件协议
  */
 export const isCloudFileID = (url) => {
   return /^cloud:\/\/.*/.test(url);
 };
 
+/**
+ * 判断当前是否是 http/https 开头的文件协议
+ */
+export const isHttpFileID = (url) => {
+  return /^http(s?):\/\/.*/.test(url);
+};
+
 export function usePlatform() {
-  const smallScreen = useMedia('(max-width: 1024px)', isH5Platform());
-  const touchDevice = useMedia('(pointer:coarse)', smallScreen);
-  return (touchDevice || smallScreen) ? 'h5' : 'pc';
-}
+  const smallScreen = useMediaQuery('(max-width: 1024px)') ?? isH5Platform();
+  const touchDevice = useMediaQuery('(pointer:coarse)') ?? smallScreen;
+  return touchDevice || smallScreen ? 'h5' : 'pc';
+}
+
+/**
+ * 过滤非字符串，返回字符串数组
+ * 用于兼容单个组件和组件数组
+ */
+export const filterStrList = (value) => {
+  return [].concat(value).filter((d) => typeof d === 'string' && d !== '');
+};
+
+/**
+ * 文件字节转换
+ */
+export const transSize = (size) => {
+  const b = parseInt(size) || 0;
+  const getBig = (d) => Math.ceil(d / 1024) || 0;
+  if (b < 1024) {
+    return `${size}B`;
+  }
+  const k = getBig(size);
+  if (k < 1024) {
+    return `${k}K`;
+  }
+  const m = getBig(k);
+  if (m < 1024) {
+    return `${m}M`;
+  }
+  const g = getBig(m);
+  return `${g}G`;
+};
+
+/**
+ * 链接转换为下载
+ */
+export const downloadFile = (url) => {
+  if (!url) {
+    return;
+  }
+  const urlObj = new URL(url);
+  urlObj.searchParams.append('response-content-disposition', 'attawchment');
+  const urls = urlObj.toString();
+  window.open(urls);
+  setTimeout(() => {
+    window.URL.revokeObjectURL(urls);
+  }, 0);
+};
+
+/**
+ * 文件名截取，保留后缀类型
+ */
+export const cutFileTitle = (str = '', count = 10) => {
+  let [title, type] = [str, ''];
+  const dotIndex = `${str}`.lastIndexOf('.');
+  if (dotIndex > -1) {
+    type = str.slice(dotIndex + 1);
+    title = str.slice(0, dotIndex);
+  }
+  if (title.length > count) {
+    title = `${title.slice(0, 7)}...${title.slice(-3)}`;
+  }
+  if (type) {
+    title = `${title}.${type}`;
+  }
+  return title;
+};

package/src/web/utils/tcb.js

@@ -35,11 +35,3 @@ 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/src/web/utils/useSetState.ts

@@ -0,0 +1,14 @@
+import { useCallback, useState } from 'react';
+
+export const useSetState = <T extends object>(
+  initialState: T = {} as T
+): [T, (patch: Partial<T> | ((prevState: T) => Partial<T>)) => void] => {
+  const [state, set] = useState<T>(initialState);
+  const setState = useCallback((patch) => {
+    set((prevState) =>
+      Object.assign({}, prevState, patch instanceof Function ? patch(prevState) : patch)
+    );
+  }, []);
+
+  return [state, setState];
+};

package/src/web/utils/useSyncValue.ts

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+import { usePrevious } from '@react-hookz/web';
+
+type TComparotor<T = any> = (a: T, b: T) => boolean;
+export function useSyncValue<T>(
+  defaultValue: T,
+  comparotor: TComparotor = Object.is
+): [T, (value: T) => void] {
+  const [stateValue, setStateValue] = useState(defaultValue);
+  const prevValue = usePrevious(defaultValue);
+  useEffect(() => {
+    if (!comparotor(prevValue, defaultValue)) {
+      setStateValue(defaultValue);
+    }
+  }, [defaultValue]);
+  return [stateValue, setStateValue];
+}

package/src/web/wedatheme/.git

@@ -0,0 +1 @@
+gitdir: ../../../.git/modules/src/web/wedatheme

package/src/web/wedatheme/.gitignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+.history
+src/.DS_Store
+*.DS_Store

package/src/web/wedatheme/.npmrc

@@ -0,0 +1 @@
+registry=https://mirrors.tencent.com/npm/