@jiaozhiye/qm-design-react 1.0.0-beta.1

package/lib/tinymce/src/ScriptLoader.d.ts

@@ -0,0 +1,13 @@
+export declare type callbackFn = () => void;
+export interface IStateObj {
+    listeners: callbackFn[];
+    scriptId: string;
+    scriptLoading: boolean;
+    scriptLoaded: boolean;
+}
+interface ScriptLoader {
+    load: (doc: Document, url: string, async: boolean, defer: boolean, delay: number, callback: callbackFn) => void;
+    reinitialize: () => void;
+}
+declare const ScriptLoader: ScriptLoader;
+export { ScriptLoader };

package/lib/tinymce/src/TinyMCE.d.ts

@@ -0,0 +1,2 @@
+declare const getTinymce: () => any | null;
+export { getTinymce };

package/lib/tinymce/src/Utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2017-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import { IEventPropTypes } from './components/EditorPropTypes';
+import { IAllProps } from './components/Editor';
+export declare const isFunction: (x: unknown) => boolean;
+declare type PropLookup = <K extends keyof IAllProps>(key: K) => IAllProps[K] | undefined;
+export declare const configHandlers2: <H>(handlerLookup: PropLookup, on: (name: string, handler: H) => void, off: (name: string, handler: H) => void, adapter: <K extends keyof import("./Events").IEvents>(lookup: PropLookup, key: K) => H, prevProps: Partial<IAllProps>, props: Partial<IAllProps>, boundHandlers: Record<string, H>) => void;
+export declare const configHandlers: (editor: any, prevProps: Partial<IAllProps>, props: Partial<IAllProps>, boundHandlers: Record<string, (event: any) => unknown>, lookup: PropLookup) => void;
+export declare const uuid: (prefix: string) => string;
+export declare const isTextareaOrInput: (element: Element | null) => element is HTMLInputElement | HTMLTextAreaElement;
+export declare const mergePlugins: (initPlugins: string | string[] | undefined, inputPlugins: string | string[] | undefined) => string[];
+export declare const isBeforeInputEventAvailable: () => boolean;
+export declare const isInDoc: (elem: Node) => boolean;
+export {};

package/lib/tinymce/src/components/Editor.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) 2017-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as React from 'react';
+import { IEvents } from '../Events';
+import { IEditorPropTypes } from './EditorPropTypes';
+export interface IProps {
+    apiKey: string;
+    id: string;
+    inline: boolean;
+    initialValue: string;
+    onEditorChange: (a: string, editor: any) => void;
+    value: string;
+    init: any;
+    /** @deprecated use `editor.getContent({format: 'text' })` in `onEditorChange` prop instead */
+    outputFormat: 'html' | 'text';
+    tagName: string;
+    cloudChannel: string;
+    plugins: string[] | string;
+    toolbar: string[] | string;
+    disabled: boolean;
+    textareaName: string;
+    tinymceScriptSrc: string;
+    scriptLoading: {
+        async?: boolean;
+        defer?: boolean;
+        delay?: number;
+    };
+}
+export interface IAllProps extends Partial<IProps>, Partial<IEvents> {
+}
+export declare class Editor extends React.Component<IAllProps> {
+    static propTypes: IEditorPropTypes;
+    static defaultProps: Partial<IAllProps>;
+    editor?: any;
+    private id;
+    private elementRef;
+    private inline;
+    private currentContent?;
+    private boundHandlers;
+    private rollbackTimer;
+    private valueCursor;
+    constructor(props: Partial<IAllProps>);
+    componentDidUpdate(prevProps: Partial<IAllProps>): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.ReactElement<{
+        ref: React.RefObject<HTMLElement>;
+        id: string;
+    }, string | React.JSXElementConstructor<any>>;
+    private renderInline;
+    private renderIframe;
+    private getScriptSrc;
+    private getInitialValue;
+    private bindHandlers;
+    private rollbackChange;
+    private handleBeforeInput;
+    private handleBeforeInputSpecial;
+    private handleEditorChange;
+    private handleEditorChangeSpecial;
+    private initialise;
+}

package/lib/tinymce/src/components/EditorPropTypes.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) 2017-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import * as PropTypes from 'prop-types';
+import { IEvents } from '../Events';
+import { IProps } from './Editor';
+export declare type CopyProps<T> = {
+    [P in keyof T]: PropTypes.Requireable<unknown>;
+};
+export declare type IEventPropTypes = CopyProps<IEvents>;
+export interface IEditorPropTypes extends IEventPropTypes, CopyProps<IProps> {
+}
+export declare const eventPropTypes: IEventPropTypes;
+export declare const EditorPropTypes: IEditorPropTypes;

package/lib/tinymce/src/index.d.ts

@@ -0,0 +1,29 @@
+import React, { Component } from 'react';
+import { ComponentSize, CSSProperties } from '../../_utils/types';
+declare type IProps = {
+    value?: string;
+    size?: ComponentSize;
+    height?: number | string;
+    tinymceScriptSrc?: string;
+    disabled?: boolean;
+    plugins?: string[] | string;
+    toolbar?: string[] | string;
+    className?: string;
+    style?: CSSProperties;
+    onChange?: (value: string) => void;
+};
+export declare type QmTinymceProps = IProps;
+declare class QmTinymce extends Component<IProps> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    static propTypes: {
+        size: (props: any, propName: any, componentName: any) => void;
+        height: (props: any, propName: any, componentName: any) => void;
+    };
+    static defaultProps: {
+        height: number;
+        plugins: string;
+        toolbar: string;
+    };
+    render(): React.ReactElement;
+}
+export default QmTinymce;

package/lib/tinymce/style/index.less

@@ -0,0 +1,18 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-tinymce: ~'@{qm-prefix}-tinymce';
+
+.@{prefix-tinymce} {
+  .tox-fullscreen {
+    width: 100% !important;
+  }
+  .tox-statusbar__branding {
+    display: none;
+  }
+}

package/lib/upload-file/index.d.ts

@@ -0,0 +1,3 @@
+import UploadFile from './src/upload-file';
+export type { QmUploadFileProps } from './src/upload-file';
+export default UploadFile;

package/lib/upload-file/src/upload-file.d.ts

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import type { UploadProps } from '../../antd';
+declare type IProps = UploadProps;
+export declare type QmUploadFileProps = IProps;
+declare class QmUploadFile extends Component<IProps> {
+    static defaultProps: {
+        name: string;
+        multiple: boolean;
+        showUploadList: {
+            showDownloadIcon: boolean;
+            downloadIcon: JSX.Element;
+        };
+    };
+    render(): React.ReactElement;
+}
+export default QmUploadFile;

package/lib/upload-file/style/index.less

@@ -0,0 +1,12 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-07-31 22:38:07
+ */
+@import '../../style/common';
+
+@prefix-upload-file: ~'@{qm-prefix}-upload-file';
+
+.@{prefix-upload-file} {
+}

package/lib/upload-img/index.d.ts

@@ -0,0 +1,3 @@
+import UploadImg from './src/upload-img';
+export type { QmUploadImgProps } from './src/upload-img';
+export default UploadImg;

package/lib/upload-img/src/cropper-preview.d.ts

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import type { CSSProperties } from '../../_utils/types';
+declare type IProps = {
+    fixedSize?: [number, number];
+    quality?: number;
+    beforeCrop?: (file: any, fileList: any[]) => Promise<boolean>;
+};
+declare type IState = {
+    src: string;
+};
+declare class CropperPreview extends Component<IProps, IState> {
+    static contextType: React.Context<import("../../config-provider/context").IConfig | undefined>;
+    private cropperRef;
+    private beforeUploadRef;
+    private fileRef;
+    private resolveRef;
+    private rejectRef;
+    state: IState;
+    get previewSize(): CSSProperties;
+    setSrc(src: any): void;
+    renderUpload(): React.CElement<any, React.Component<any, any, any>> | null;
+    confirmHandle: () => Promise<void>;
+    scaleHandle(percent: number): void;
+    rotateHandle(deg: number): void;
+    renderCropper(): JSX.Element;
+    onOk: () => void;
+    onClose: () => void;
+    render(): React.ReactElement;
+}
+export default CropperPreview;

package/lib/upload-img/src/upload-img.d.ts

@@ -0,0 +1,27 @@
+import React, { Component } from 'react';
+import type { UploadProps } from '../../antd';
+declare type IProps = UploadProps & {
+    fixedSize?: [number, number] | undefined;
+    quality?: number;
+    beforeCrop?: (file: any, fileList: any[]) => Promise<boolean>;
+};
+declare type IState = {
+    previewVisible: boolean;
+    previewImage: string;
+    previewTitle: string;
+};
+export declare type QmUploadImgProps = IProps;
+declare class QmUploadImg extends Component<IProps, IState> {
+    static defaultProps: {
+        name: string;
+        multiple: boolean;
+        accept: string;
+        listType: string;
+        quality: number;
+    };
+    state: IState;
+    get showUploadButton(): boolean;
+    handlePreview: (file: any) => Promise<void>;
+    render(): React.ReactElement;
+}
+export default QmUploadImg;

package/lib/upload-img/style/index.less

@@ -0,0 +1,36 @@
+/*
+ * @Author: 焦质晔
+ * @Date: 2021-07-23 19:05:57
+ * @Last Modified by: 焦质晔
+ * @Last Modified time: 2021-08-28 08:54:46
+ */
+@import '../../style/common';
+
+@prefix-upload-img: ~'@{qm-prefix}-upload-img';
+@prefix-cropper-preview: ~'@{qm-prefix}-cropper-preview';
+
+.@{prefix-upload-img} {
+}
+
+.@{prefix-cropper-preview} {
+  .cropper-preview {
+    display: flex;
+    flex-direction: row;
+    .cropper-area {
+      flex: 1;
+      .actions {
+        margin-top: @--margin-md;
+      }
+    }
+    .preview-area {
+      width: 380px;
+      min-height: 380px;
+      margin-left: @--margin-md;
+      display: flex;
+      justify-content: center;
+      .preview {
+        overflow: hidden;
+      }
+    }
+  }
+}

package/lib/version/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/package.json

@@ -0,0 +1,136 @@
+{
+  "name": "@jiaozhiye/qm-design-react",
+  "version": "1.0.0-beta.1",
+  "description": "A Component Library for React",
+  "keywords": [
+    "React",
+    "components",
+    "typescript"
+  ],
+  "author": "jiaozhiye",
+  "license": "MIT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development BABEL_ENV=web webpack serve --progress --config build/webpack.src.conf.js",
+    "build:lib": "yarn clean:lib && yarn build:umd && yarn build:esm && yarn build:type && yarn build:locale && yarn build:theme",
+    "build:umd": "cross-env NODE_ENV=production BABEL_ENV=lib webpack --config ./build/webpack.build.conf.js",
+    "build:esm": "cross-env BABEL_ENV=lib rollup --config ./build/build-esm.rollup.js",
+    "build:type": "gulp build --gulpfile ./build/build-type.gulp.js && cp-cli lib/packages lib && rimraf lib/packages",
+    "build:locale": "cross-env BABEL_ENV=lib babel packages/locale --extensions .ts --out-dir lib/locale",
+    "build:theme": "gulp build --gulpfile ./build/build-style.gulp.js",
+    "clean:lib": "rimraf lib",
+    "lint": "eslint ./packages --ext .js,.ts,.jsx,.tsx",
+    "lint-fix": "eslint --fix ./packages --ext .js,.ts,.jsx,.tsx",
+    "format": "prettier --write \"./packages/**/*.{js,ts,jsx,tsx}\"",
+    "website-dev": "cross-env NODE_ENV=development BABEL_ENV=web webpack serve --progress --config ./website/webpack.config.js",
+    "website-build": "rimraf website-dist && cross-env NODE_ENV=production BABEL_ENV=web webpack --config ./website/webpack.config.js"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "packages/**/*.{js,ts,jsx,tsx,vue}": [
+      "npm run lint-fix",
+      "git add"
+    ],
+    "packages/**/*.{less}": "prettier --write"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/index.js",
+  "module": "lib/index.esm.js",
+  "unpkg": "lib/index.full.js",
+  "typings": "lib/index.d.ts",
+  "style": "lib/style/index.css",
+  "peerDependencies": {
+    "react": ">=16.14.0"
+  },
+  "dependencies": {
+    "add-dom-event-listener": "^1.1.0",
+    "antd": "^4.18.2",
+    "axios": "^0.24.0",
+    "classnames": "^2.3.1",
+    "cropperjs": "^1.5.12",
+    "dayjs": "1.10.6",
+    "exceljs": "^4.3.0",
+    "localforage": "^1.10.0",
+    "lodash-es": "^4.17.21",
+    "memoize-one": "^6.0.0",
+    "omit.js": "^2.0.2",
+    "prop-types": "^15.8.0",
+    "react-countup": "^6.1.0",
+    "react-sortablejs": "^6.0.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "scroll-into-view-if-needed": "^2.2.28",
+    "sortablejs": "^1.14.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.16.0",
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.0",
+    "@babel/plugin-proposal-decorators": "^7.16.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.16.0",
+    "@babel/preset-env": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
+    "@babel/preset-typescript": "^7.16.0",
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-json": "^4.1.0",
+    "@rollup/plugin-node-resolve": "^13.1.0",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@types/lodash-es": "^4.17.5",
+    "@types/react": "^17.0.38",
+    "@types/react-dom": "^17.0.10",
+    "@typescript-eslint/eslint-plugin": "^5.8.0",
+    "@typescript-eslint/parser": "^5.8.0",
+    "autoprefixer": "^10.4.0",
+    "babel-loader": "^8.2.3",
+    "core-js": "^3.20.0",
+    "cp-cli": "^2.0.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.2.7",
+    "eslint": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-webpack-plugin": "^3.1.0",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-cssmin": "^0.2.0",
+    "gulp-ignore": "^3.0.0",
+    "gulp-less": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-typescript": "^6.0.0-alpha.1",
+    "html-webpack-plugin": "^5.5.0",
+    "husky": "^4.3.8",
+    "less": "^4.1.2",
+    "less-loader": "^10.2.0",
+    "lint-staged": "^10.5.4",
+    "mockjs": "^1.1.0",
+    "postcss-loader": "^6.2.0",
+    "prettier": "^2.5.0",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.62.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "style-loader": "^3.3.0",
+    "style-resources-loader": "^1.5.0",
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.5.4",
+    "webpack": "^5.65.0",
+    "webpack-cli": "^4.9.0",
+    "webpack-dev-server": "^4.6.0",
+    "webpack-node-externals": "^3.0.0"
+  },
+  "engines": {
+    "node": ">= 14"
+  }
+}