@chaomingd/design 0.0.68

package/dist/lib/UploadFile/utils/validateFileTypes.d.ts

@@ -0,0 +1,13 @@
+export declare function validateFileTypes(file: File, types: string[]): Promise<{
+    isValid: boolean;
+    fileInfo: {
+        extension: string;
+        mimeType: string;
+        description: string;
+    };
+}>;
+export declare function getFileInfo(file: File): Promise<{
+    extension: string;
+    mimeType: string;
+    description: string;
+}>;

package/dist/lib/UploadFile/utils/validateFileTypes.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFileInfo = getFileInfo;
+exports.validateFileTypes = validateFileTypes;
+var _fileTypeChecker = _interopRequireDefault(require("file-type-checker"));
+var _getExt = require("./getExt");
+function trimDot(str) {
+  if (str[0] === '.') {
+    return str.slice(1);
+  }
+  return str;
+}
+function validateFileTypes(file, types) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = function () {
+      const ext = (0, _getExt.getExt)(file.name);
+      if (reader.result) {
+        try {
+          const isValid = _fileTypeChecker.default.validateFileType(reader.result, types.map(type => trimDot(type)));
+          const fileInfo = _fileTypeChecker.default.detectFile(reader.result) || {
+            extension: ext,
+            mimeType: file.type,
+            description: file.type
+          };
+          resolve({
+            isValid,
+            fileInfo
+          });
+        } catch (e) {
+          resolve({
+            isValid: types.map(type => trimDot(type)).includes(ext),
+            fileInfo: {
+              extension: ext,
+              mimeType: file.type,
+              description: file.type
+            }
+          });
+        }
+        return;
+      }
+      reject(new Error('reader arraybuffer empty'));
+    };
+    reader.onerror = function (e) {
+      reject(e);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+function getFileInfo(file) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = function () {
+      if (reader.result) {
+        try {
+          const fileInfo = _fileTypeChecker.default.detectFile(reader.result);
+          if (fileInfo) {
+            resolve(fileInfo);
+            return;
+          }
+          resolve({
+            extension: (0, _getExt.getExt)(file.name),
+            mimeType: file.type,
+            description: file.type
+          });
+        } catch (e) {
+          console.warn('file-type-checker error', e);
+          resolve({
+            extension: (0, _getExt.getExt)(file.name),
+            mimeType: file.type,
+            description: file.type
+          });
+        }
+        return;
+      }
+      reject(new Error('reader arraybuffer empty'));
+    };
+    reader.onerror = function (e) {
+      reject(e);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}

package/dist/lib/UploadFile/utils/validateRule.d.ts

@@ -0,0 +1,3 @@
+export declare function getValidateRule(): {
+    validator: (_: any, val: any[]) => Promise<void>;
+};

package/dist/lib/UploadFile/utils/validateRule.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValidateRule = getValidateRule;
+function getValidateRule() {
+  return {
+    validator: (_, val) => {
+      if (Array.isArray(val)) {
+        let valid = true;
+        let message = '';
+        for (let i = 0; i < val.length; i++) {
+          const item = val[i];
+          if (item.status === 'error') {
+            valid = false;
+            message = '文件上传失败';
+            break;
+          }
+        }
+        if (!valid) {
+          return Promise.reject(new Error(message));
+        }
+      }
+      return Promise.resolve();
+    }
+  };
+}

package/dist/lib/UploadFile/utils/validateUpload.d.ts

@@ -0,0 +1,5 @@
+import { FileListItemProps } from '../type';
+export declare function validateUpload(fileItems: FileListItemProps[]): {
+    isValid: boolean;
+    message: string;
+};

package/dist/lib/UploadFile/utils/validateUpload.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateUpload = validateUpload;
+function validateUpload(fileItems) {
+  let isValid = true;
+  let message = '';
+  for (const fileItem of fileItems) {
+    if (fileItem.status === 'uploading') {
+      isValid = false;
+      message = `文件${fileItem.name}未上传完成`;
+      break;
+    }
+    if (fileItem.validationStatus === 'validating') {
+      isValid = false;
+      message = `文件${fileItem.name}未校验完成`;
+      break;
+    }
+    if (fileItem.validationStatus === 'error') {
+      isValid = false;
+      message = `文件${fileItem.name}校验失败`;
+      break;
+    }
+  }
+  return {
+    isValid,
+    message
+  };
+}

package/dist/lib/constant/index.d.ts

@@ -0,0 +1,7 @@
+export declare const OB_SITE_LINK = "https://www.xxx.com";
+export declare const LOCALE_LIST: {
+    value: string;
+    label: string;
+    shortLabel: string;
+    minLabel: string;
+}[];

package/dist/lib/constant/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OB_SITE_LINK = exports.LOCALE_LIST = void 0;
+// OB 官网链接
+const OB_SITE_LINK = exports.OB_SITE_LINK = 'https://www.xxx.com';
+const LOCALE_LIST = exports.LOCALE_LIST = [{
+  value: 'en-US',
+  label: 'English',
+  shortLabel: 'English',
+  minLabel: 'EN'
+}, {
+  value: 'zh-CN',
+  label: '简体中文',
+  shortLabel: '中文',
+  minLabel: '中'
+}, {
+  value: 'zh-TW',
+  label: '繁体中文',
+  shortLabel: '繁体',
+  minLabel: '繁'
+}];

package/dist/lib/constants/cssPrefix.d.ts

@@ -0,0 +1 @@
+export declare const CSS_PREFIX = "cm";

package/dist/lib/constants/cssPrefix.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CSS_PREFIX = void 0;
+const CSS_PREFIX = exports.CSS_PREFIX = 'cm';

package/dist/lib/getAntApp/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'antd';
+type TAntApp = ReturnType<typeof App.useApp>;
+export declare function setAntApp(antApp: TAntApp): void;
+export declare function clearAntApp(): void;
+export default function getAntApp(): import("antd/es/app/context").useAppProps;
+export declare function getAntMessage(): import("antd/es/message/interface").MessageInstance;
+export declare function getAntModal(): import("antd/es/modal/useModal").HookAPI;
+export {};

package/dist/lib/getAntApp/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clearAntApp = clearAntApp;
+exports.default = getAntApp;
+exports.getAntMessage = getAntMessage;
+exports.getAntModal = getAntModal;
+exports.setAntApp = setAntApp;
+var _antd = require("antd");
+let AntApp = {};
+function setAntApp(antApp) {
+  AntApp = antApp;
+}
+function clearAntApp() {
+  AntApp = {};
+}
+function getAntApp() {
+  return AntApp;
+}
+function getAntMessage() {
+  return getAntApp().message || _antd.message;
+}
+function getAntModal() {
+  return getAntApp().modal || _antd.Modal;
+}

package/dist/lib/index.d.ts

@@ -0,0 +1,10 @@
+import SetupAntApp from './SetupAntApp';
+import getAntApp from './getAntApp';
+import UploadFile from './UploadFile';
+import KaTeXRenderer from './KaTeXRenderer';
+import Grid from './Grid';
+import Transition from './Transition';
+import { PixelPlayer } from './PixelPlayer';
+import CheckGroup from './CheckGroup';
+import Resizer from './Resizer';
+export { KaTeXRenderer, Grid, Transition, UploadFile, SetupAntApp, getAntApp, PixelPlayer, CheckGroup, Resizer, };

package/dist/lib/index.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CheckGroup", {
+  enumerable: true,
+  get: function () {
+    return _CheckGroup.default;
+  }
+});
+Object.defineProperty(exports, "Grid", {
+  enumerable: true,
+  get: function () {
+    return _Grid.default;
+  }
+});
+Object.defineProperty(exports, "KaTeXRenderer", {
+  enumerable: true,
+  get: function () {
+    return _KaTeXRenderer.default;
+  }
+});
+Object.defineProperty(exports, "PixelPlayer", {
+  enumerable: true,
+  get: function () {
+    return _PixelPlayer.PixelPlayer;
+  }
+});
+Object.defineProperty(exports, "Resizer", {
+  enumerable: true,
+  get: function () {
+    return _Resizer.default;
+  }
+});
+Object.defineProperty(exports, "SetupAntApp", {
+  enumerable: true,
+  get: function () {
+    return _SetupAntApp.default;
+  }
+});
+Object.defineProperty(exports, "Transition", {
+  enumerable: true,
+  get: function () {
+    return _Transition.default;
+  }
+});
+Object.defineProperty(exports, "UploadFile", {
+  enumerable: true,
+  get: function () {
+    return _UploadFile.default;
+  }
+});
+Object.defineProperty(exports, "getAntApp", {
+  enumerable: true,
+  get: function () {
+    return _getAntApp.default;
+  }
+});
+var _SetupAntApp = _interopRequireDefault(require("./SetupAntApp"));
+var _getAntApp = _interopRequireDefault(require("./getAntApp"));
+var _UploadFile = _interopRequireDefault(require("./UploadFile"));
+var _KaTeXRenderer = _interopRequireDefault(require("./KaTeXRenderer"));
+var _Grid = _interopRequireDefault(require("./Grid"));
+var _Transition = _interopRequireDefault(require("./Transition"));
+var _PixelPlayer = require("./PixelPlayer");
+var _CheckGroup = _interopRequireDefault(require("./CheckGroup"));
+var _Resizer = _interopRequireDefault(require("./Resizer"));

package/dist/lib/interface.d.ts

@@ -0,0 +1 @@
+export type Locale = 'zh-TW' | 'zh-CN' | 'en-US';

package/dist/lib/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/lib/styles/cssVar.less

@@ -0,0 +1,28 @@
+@import "./var.less";
+
+// design-token.less
+// var(--sp-color-primary, #345678);
+.apply-design-token(@tokens) {
+  & {
+    each(@tokens, {
+         --@{prefix}-@{key}: @value;
+    })
+  }
+}
+
+// mixin.less
+.cssVar(@block, @rule, @type: '') {
+  & {
+    each(@rule, {
+      // 去除变量定义 @xx: val;
+      .css() when((replace(@key, '@', '') = @key)) {
+        @{key}: if(@type = '', ~"var(--@{prefix}-@{block}-@{key}, @{value})", ~"var(--@{prefix}-@{block}-@{key}-@{type}, @{value})");
+      }
+      .css();
+    })
+  }
+}
+
+.var(@name, @default: '') {
+  @val: if((@default = ''), ~"var(--@{prefix}-@{name})", ~"var(--@{prefix}-@{name}, @{default})");
+}

package/dist/lib/styles/reset.css

@@ -0,0 +1,3 @@
+html {
+  font-size: 192px;
+}

package/dist/lib/styles/var.d.ts

@@ -0,0 +1 @@
+export declare const CSS_PREFIX = "cm";

package/dist/lib/styles/var.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CSS_PREFIX = void 0;
+const CSS_PREFIX = exports.CSS_PREFIX = 'cm';

package/dist/lib/styles/var.less

@@ -0,0 +1,2 @@
+
+@prefix: cm;

package/dist/lib/variable.less

@@ -0,0 +1,52 @@
+// 限制最大宽度，避免页面被无限拉伸
+// 暂时去除最大宽度限制
+@maxWidth: 8192px;
+@prefixCls: ant;
+@iconPrefixCls: anticon;
+
+// 边框渐变
+.border-gradient
+  (
+    // 背景色，默认为透明色
+    @background-color: transparent,
+    // 边框色
+    @border-color,
+    // 边框宽度
+    @border-width: 1px,
+    // 边框样式
+    @border-style: solid,
+    // 边框圆角
+    @border-radius: 0px
+  ) {
+  background-image: @background-color, @border-color;
+  background-clip: padding-box, border-box;
+  background-origin: padding-box, border-box;
+  border: @border-width @border-style transparent;
+  border-radius: @border-radius;
+  transition: border-width 0.3s;
+}
+
+@keyframes activeGradientAnimation {
+  0% {
+    background-repeat: no-repeat;
+    background-size: 0% 100%;
+  }
+  100% {
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+  }
+}
+
+@keyframes selectedGradientAnimation {
+  0% {
+    background-repeat: no-repeat;
+    background-size: 0% 100%;
+    // 选中态有圆角渐变动画
+    border-radius: 0;
+  }
+  100% {
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    border-radius: 8px;
+  }
+}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@chaomingd/design",
+  "version": "0.0.68",
+  "description": "react design for laf",
+  "keywords": [],
+  "license": "MIT",
+  "main": "dist/lib/index.js",
+  "module": "dist/esm/index.js",
+  "typings": "dist/esm/index.d.ts",
+  "files": [
+    "dist",
+    "compiled"
+  ],
+  "peerDependencies": {
+    "@ant-design/cssinjs": "^1.23.0",
+    "@ant-design/icons": "^5.6.1",
+    "@ant-design/pro-components": "^2.8.6",
+    "ahooks": ">=3.0.1",
+    "antd": ">=5.18.2",
+    "axios": ">=1.4.0",
+    "classnames": ">=2.5.1",
+    "rc-upload": "^4.3.4",
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "devDependencies": {
+    "father": "^4.5.0"
+  },
+  "authors": [
+    "liangchaofei"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.25.7",
+    "classnames": ">=2.5.1",
+    "file-type-checker": "^1.1.2",
+    "hoist-non-react-statics": "^3.3.2",
+    "katex": "^0.16.11",
+    "moment": "^2.30.1",
+    "path-to-regexp": "^8.2.0",
+    "rc-upload": "^4.3.4",
+    "@chaomingd/store": "2.0.7",
+    "@chaomingd/hooks": "0.0.34",
+    "@chaomingd/utils": "0.0.17"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "father build",
+    "build:deps": "father prebundle",
+    "dev": "father dev"
+  }
+}