@spacecorexdev/core 0.0.4 → 0.0.5

package/src/utils/htmlUtils.tsx

@@ -0,0 +1,59 @@
+import { useEffect, useRef } from "react";
+
+export function htmlNoData() {
+  return (
+    <div className="ant-empty ant-empty-normal justify-self-center text-muted py-4">
+      <div className="ant-empty-image">
+        <svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
+          <title> 无数据 </title>
+          <g transform="translate(0 1)" fill="none" fillRule="evenodd">
+            <ellipse fill="rgb(var(--color-muted) / 0.12)" cx="32" cy="33" rx="32" ry="7"></ellipse>
+            <g fillRule="nonzero" stroke="rgb(var(--color-border))">
+              <path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path>
+              <path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="rgb(var(--color-surface))"></path>
+            </g>
+          </g>
+        </svg>
+      </div>
+      <div className="ant-empty-description justify-self-center text-sm font-thin text-muted" > 无数据 </div>
+    </div>
+  );
+}
+
+export function useEffectResize(onSmallView: () => void, onLargeView: () => void, smallViewWidth:number = 768) {
+  const onSmallViewRef = useRef(onSmallView);
+  const onLargeViewRef = useRef(onLargeView);
+
+  onSmallViewRef.current = onSmallView;
+  onLargeViewRef.current = onLargeView;
+
+  useEffect(() => {
+    // 仅在 small/large 状态真正切换时触发回调，避免移动端滚动导致地址栏收起/展开
+    // 触发 resize 时反复覆盖用户手动设置的状态（如视图模式）
+    let isSmallView = window.innerWidth <= smallViewWidth;
+
+    const handleResize = () => {
+      const newIsSmallView = window.innerWidth <= smallViewWidth;
+      if (newIsSmallView === isSmallView) {
+        return;
+      }
+      isSmallView = newIsSmallView;
+      if (newIsSmallView) {
+        onSmallViewRef.current();
+      } else {
+        onLargeViewRef.current();
+      }
+    };
+
+    // 初次挂载时按当前屏幕尺寸触发一次回调
+    if (isSmallView) {
+      onSmallViewRef.current();
+    } else {
+      onLargeViewRef.current();
+    }
+
+    window.addEventListener('resize', handleResize);
+
+    return () => window.removeEventListener('resize', handleResize);
+  }, [smallViewWidth]);
+}

package/src/utils/index.ts

@@ -0,0 +1,18 @@
+export * from './CacheDepartmentInfo';
+export * from './CacheFileContent';
+export * from './CachePermissionInfo';
+export * from './CacheRoleInfo';
+export * from './CacheUserInfo';
+export * from './CacheViewToggleInfo';
+export * from './MessageContentUtils';
+export * from './clipboard';
+export * from './companyEmail';
+export * from './forbidDebugger';
+export * from './formatters';
+export * from './keyboard';
+export * from './mammothApi';
+export * from './polyfills';
+export * from './regex';
+export * from './storage';
+export * from './workerBootstrap';
+export * from './htmlUtils';

package/src/utils/keyboard.ts

@@ -0,0 +1,114 @@
+'use strict'
+
+/**
+ * Copyright (c) 2021 bpui All Rights Reserved.
+ * Author: brian.li
+ * Date: 2021-09-06 13:55
+ * Desc:
+ */
+
+import key from 'keymaster'
+
+export const keyboard = {
+  /**
+   * @descs: 定义一个快捷键.
+   *
+   * 可以使用如下的修饰键:
+   * - `⇧`, `shift`
+   * - `option`, `⌥`, `alt`
+   * - `ctrl`, `control`, `command`, and `⌘`.
+   *
+   * 可以使用如下的特殊键:
+   * - `backspace`, `tab`, `clear`
+   * - `enter`, `return`
+   * - `esc`, `escape`, `space`,
+   * - `up`, `down`, `left`, `right`, `home`, `end`, `pageup`, `pagedown`, `del`, `delete`
+   * - `f1` through `f19`.
+   *
+   * @example
+   *
+   * keyboard.on('a', () => {});
+   * keyboard.on('ctrl+r', () => {});
+   * keyboard.on('ctrl+r, ⌘+r', () => {});
+   */
+  on: function(keyname: string, callback: /*bp.keyboard.KeyHandler*/any) {
+    key(keyname, callback)
+    return this
+  },
+
+  /**
+   * 解除按键handler.
+   */
+  off: function(keyname: string) {
+    key.unbind(keyname)
+    return this
+  },
+
+  /**
+   * 检查指定的按键是否按下.
+   *
+   * @example
+   * if (keyboard.isPressed('M')) {
+   *     alert('M key is pressed, can ya believe it!?');
+   * }
+   * if (keyboard.isPressed(77)) {
+   *     alert('M key is pressed, can ya believe it!?');
+   * }
+   */
+  isPressed(keyCode: number | string): boolean {
+    return key.isPressed(keyCode)
+  },
+
+  /**
+   * 检查shift键是否按下.
+   */
+  get shift(): boolean {
+    return key.shift
+  },
+  get '⇧'(): boolean {
+    return key['⇧']
+  },
+
+  /**
+   * 检查alt键是否按下.
+   */
+  get alt(): boolean {
+    return key.alt
+  },
+  get option(): boolean {
+    return key.option
+  },
+  get '⌥'(): boolean {
+    return key['⌥']
+  },
+
+  /**
+   * 检查control键是否按下.
+   */
+  get ctrl(): boolean {
+    return key.ctrl
+  },
+  get control(): boolean {
+    return key.control
+  },
+  get '⌃'(): boolean {
+    return key['⌃']
+  },
+
+  /**
+   * 检查command键是否按下.
+   */
+  get command(): boolean {
+    return key.command
+  },
+  get '⌘'(): boolean {
+    return key['⌘']
+  },
+
+  /**
+   * 获得按下按键的keyCode列表.
+   */
+  get pressedKeyCodes(): number[] {
+    return key.getPressedKeyCodes()
+  },
+}

package/src/utils/mammothApi.ts

@@ -0,0 +1,16 @@
+import * as mammothModule from 'mammoth';
+
+/**
+ * mammoth 的浏览器可用实例。
+ *
+ * 背景：npm 包 mammoth@1.12.3 的 Node 入口依赖 `@xmldom/xmldom`，但它声明的 `^0.8.6`
+ * 与项目里被提升到根目录的 `0.9.x` 不兼容（0.9 起会强制校验 parseFromString 的 mimeType，
+ * 且构造 DOMParser 时传 errorHandler 会直接报错）。Vite 预打包时把 mammoth 解析到了 0.9，
+ * 导致 docx 解析全线失败。
+ *
+ * 因此 vite.config.ts 里把 `mammoth` 别名到了官方预构建的 `mammoth.browser.js`——它自带
+ * `@xmldom/xmldom@0.8.6`，是自包含的。该文件是 UMD 包，只有一个 default 导出，所以这里统一
+ * 做一次解包，兼容 UMD（取 .default）与 ESM（直接取命名空间）两种形态。
+ */
+export const mammoth: typeof mammothModule =
+  (mammothModule as unknown as { default?: typeof mammothModule }).default ?? mammothModule;