@quansitech/antd-admin 1.1.1 → 1.1.2

package/lib/helpers.tsx

@@ -1,149 +0,0 @@
-import {router} from "@inertiajs/react";
-import {VisitOptions} from "@inertiajs/core/types/types";
-import Schema from '@rc-component/async-validator';
-import {Rules, ValidateError, ValidateFieldsError, Values} from "@rc-component/async-validator/lib/interface";
-import {Spin} from "antd";
-import http from "./http";
-import container from "./container";
-import {lazy, Suspense} from "react";
-import global from "./global";
-import {ModalContext} from "../components/ModalContext";
-
-export function replaceUrl(url: string, params: any) {
-    return url.replace(/__([\w]+)__/g, (match, key) => {
-        return params[key] || match;
-    })
-}
-
-export function replaceParams(params: Record<string, any>, data: Record<string, any>) {
-    if (typeof params !== 'object') {
-        return params;
-    }
-    const res = Object.assign({}, params);
-    Object.keys(params).forEach(key => {
-        if (typeof params[key] === 'string') {
-            const m = params[key].match(/^__(\w+)__$/)
-            if (m) {
-                res[key] = data[m[1]];
-            }
-        }
-    })
-    return res;
-}
-
-export function routerNavigateTo(url: string, config?: VisitOptions) {
-    return router.visit(url, {
-        ...config,
-    })
-}
-
-export function handleRules(dataRules: Rules, data: any) {
-    return new Promise(resolve => {
-        const validator = new Schema(dataRules);
-        validator.validate(data, (errors: ValidateError[] | null, fields: ValidateFieldsError | Values) => {
-            if (errors) {
-                resolve(false);
-                return;
-            }
-            resolve(true);
-        })
-
-    })
-
-}
-
-export async function asyncFilter(arr: any[], predicate: (item: any) => PromiseLike<any>) {
-    return await Promise.all(arr.map(predicate))
-        .then((results) => arr.filter((_v, index) => results[index]))
-}
-
-export function filterObjectKeys(obj: Record<string, any>, keysToKeep: string[]) {
-    if (typeof obj !== 'object' || !obj) {
-        return obj;
-    }
-    return Object.keys(obj)
-        .filter(key => !keysToKeep.includes(key))
-        .reduce((newObj, key) => {
-            newObj[key] = obj[key];
-            return newObj;
-        }, {} as Record<string, any>);
-}
-
-
-export function createScript(url: string) {
-    let scriptTags = window.document.querySelectorAll('script')
-    let len = scriptTags.length
-    let i = 0
-    let _url = window.location.origin + url
-    return new Promise((resolve, reject) => {
-        for (i = 0; i < len; i++) {
-            var src = scriptTags[i].src
-            if (src && src === _url) {
-                scriptTags[i].parentElement?.removeChild(scriptTags[i])
-            }
-        }
-
-        let node = document.createElement('script')
-        node.src = url
-        node.onload = resolve
-        document.body.appendChild(node)
-    })
-}
-
-export async function modalShow(options: ModalOptions) {
-    let props = options.content.props
-    if (options.content.url) {
-        const res = await http({
-            method: 'get',
-            url: options.content.url,
-            headers: {
-                'X-Modal': '1',
-            }
-        })
-        if (typeof res.data === 'string') {
-            throw new Error('modal response is not vail')
-        }
-        props = res.data
-    }
-    if (!props) {
-        throw new Error('modal props is empty')
-    }
-    const Component = lazy(() => container.get('Modal.' + upperFirst(props.type)))
-
-    let afterClose = () => {
-    }
-    const modal = global.modal.info({
-        ...options,
-        closable: true,
-        icon: null,
-        destroyOnClose: true,
-        footer: null,
-        content: (
-            <Suspense fallback={<Spin/>}>
-                <ModalContext.Provider value={{
-                    inModal: true,
-                    closeModal: () => {
-                        modal?.destroy()
-                    },
-                    contexts: options.contexts,
-                    setAfterClose(callback: () => void) {
-                        afterClose = callback
-                    }
-                }}>
-                    <Component {...props} />
-                </ModalContext.Provider>
-            </Suspense>
-        ),
-        afterClose: () => {
-            afterClose && afterClose()
-        },
-    })
-    return {
-        destroy: modal.destroy,
-        update: modal.update,
-    }
-}
-
-export function upperFirst(str: string) {
-    return str.charAt(0).toUpperCase() + str.slice(1)
-}

package/lib/http.ts

@@ -1,74 +0,0 @@
-import axios, {AxiosError} from "axios";
-import {routerNavigateTo} from "./helpers";
-import global from "./global";
-
-/**
- * fetchOptions.noHandle 成功时不处理 url 和 info
- */
-
-const http = axios.create({})
-
-http.interceptors.request.use(config => {
-    config.headers['Accept'] = 'application/json'
-    // 设置异步模式
-    config.headers['X-Requested-With'] = 'XMLHttpRequest'
-    return config
-})
-
-http.interceptors.response.use(response => {
-    const checkInfo = (data: { status?: number, info?: string }) => {
-        if (!data?.info) {
-            return false
-        }
-        switch (data.status) {
-            case 0:
-                global.notification.warning({
-                    message: data.info
-                })
-                break
-            default:
-                global.notification.success({
-                    message: data.info
-                })
-        }
-        return true
-    }
-
-    if (response.config.fetchOptions?.noHandle) {
-        return response
-    }
-    const showInfo = checkInfo(response.data)
-
-    if (response.data.url) {
-        setTimeout(() => {
-            routerNavigateTo(response.data.url)
-        }, showInfo ? 2000 : 0)
-    }
-    if (response.data.status == 0) {
-        return Promise.reject(response.data.info)
-    }
-    return response
-}, error => {
-    if (error instanceof AxiosError) {
-        if (error.response?.headers['content-type'].includes('application/json')) {
-            global.notification.error({
-                message: error.response?.data?.info || '请求错误，请稍候重试'
-            })
-        } else if (error.response?.headers['content-type'].includes('text/html')) {
-            const parser = new DOMParser;
-            const doc = parser.parseFromString(error.response?.data, 'text/html');
-            const title = doc.querySelector('title')?.textContent;
-
-            global.notification.error({
-                message: title || '请求错误，请稍候重试'
-            })
-        }
-    } else {
-        global.notification.error({
-            message: '请求错误，请稍候重试'
-        })
-    }
-    return Promise.reject(error)
-})
-
-export default http

package/lib/schemaHandler.ts

@@ -1,122 +0,0 @@
-import {ProColumnType, ProSchema} from "@ant-design/pro-components";
-import {UploadFile} from "antd";
-import http from "./http";
-
-type Handler = (schema: any) => ProSchema | ProColumnType
-
-const uploadValidator = (_: unknown, value: UploadFile[]) => {
-    return new Promise((resolve, reject) => {
-        if (!value) {
-            resolve(true)
-            return
-        }
-        for (let i = 0; i < value.length; i++) {
-            switch (value[i].status) {
-                case 'error':
-                    reject('存在上传失败文件，请删除失败文件后重新上传')
-                    return
-                case 'uploading':
-                    reject('文件上传中，请稍后')
-                    return
-            }
-        }
-        resolve(true)
-    })
-}
-
-const uploadTransform = (value?: UploadFile[], _name?: string) => {
-    if (value instanceof Array) {
-        return value.filter(file => file.status === 'done')
-            .map((file: UploadFile) => {
-                return file.response?.file_id
-            }).join(',')
-    }
-    return value
-}
-
-export const commonHandler: Handler = schema => {
-    if (schema.valueEnum) {
-        schema.valueEnum = new Map(schema.valueEnum)
-    }
-    return schema
-}
-
-export const schemaHandler: Record<string, Handler> = {
-    dateTimeRange: schema => {
-        if (schema.search !== false) {
-            return {
-                ...schema,
-                search: {
-                    transform(value) {
-                        if (value) {
-                            return value.join(' - ')
-                        }
-                        return value
-                    }
-                }
-            }
-        }
-
-        return {
-            ...schema,
-        }
-    },
-    dateRange: schema => {
-        if (schema.search !== false) {
-            return {
-                ...schema,
-                search: {
-                    transform(value) {
-                        if (value) {
-                            return value.join(' - ')
-                        }
-                        return value
-                    }
-                }
-            }
-        }
-
-        return {
-            ...schema,
-        }
-    },
-
-    // 上传
-    image: schema => {
-        schema.formItemProps.rules.push({
-            validator: uploadValidator,
-        })
-
-        return {
-            ...schema,
-            transform: uploadTransform,
-        }
-    },
-    file: schema => {
-        schema.formItemProps.rules.push({
-            validator: uploadValidator,
-        })
-
-        return {
-            ...schema,
-            transform: uploadTransform,
-        }
-    },
-
-    select(schema) {
-        schema.searchOnChange = true
-        if (schema.fieldProps?.searchUrl) {
-            return {
-                ...schema,
-                request: async params => {
-                    const res = await http(schema.fieldProps.searchUrl, {params})
-                    return res.data.map((item: { value: any, label?: string }) => ({
-                        label: item.label || item.value,
-                        value: item.value
-                    }))
-                }
-            }
-        }
-        return schema
-    },
-}

package/lib/upload.ts

@@ -1,177 +0,0 @@
-import http from "./http";
-import {AxiosError} from "axios";
-import {UploadRequestOption} from "rc-upload/lib/interface";
-import {GetProp, message, Upload, UploadFile, UploadProps} from "antd";
-import {md5} from "js-md5"
-
-type QsUploadFile = UploadFile & {
-    hash_id?: string,
-}
-
-export async function customRequest(options: UploadRequestOption & {
-    file: QsUploadFile
-}) {
-    const policyRes = await http({
-        url: options.action,
-        method: 'get',
-        headers: options.headers,
-        fetchOptions: {
-            noHandle: true
-        },
-        params: {
-            title: options.file.name,
-            hash_id: options.file.hash_id,
-            file_type: options.file?.type || '' as string
-        }
-    })
-    if (policyRes.data.status) {
-        options.onSuccess && options.onSuccess({
-            ...policyRes.data,
-            url: policyRes.data.url || policyRes.data.file_url
-        })
-        return
-    }
-
-    const formData = new FormData();
-    let url = ''
-    if (policyRes.data.server_url) {
-        url = policyRes.data.server_url
-    } else if (policyRes.data.url) {
-        url = policyRes.data.url
-    }
-    if (policyRes.data.params) {
-        for (const key in policyRes.data.params) {
-            formData.append(key, policyRes.data.params[key])
-        }
-    }
-
-    formData.append('file', options.file)
-    try {
-        const res = await http({
-            url: url,
-            method: 'post',
-            data: formData,
-            fetchOptions: {
-                noHandle: true
-            },
-            headers: options.headers,
-            onUploadProgress(ev) {
-                options.onProgress && options.onProgress({
-                    percent: (ev.progress || 0) * 100
-                })
-            },
-        })
-
-        if (res.data.info) {
-            message.error(res.data.info)
-            options.onError && options.onError(new Error(res.data.info), res.data)
-            return
-        }
-
-        options.onSuccess && options.onSuccess({
-            ...res.data,
-            url: res.data.url || res.data.file_url
-        })
-    } catch (e) {
-        if (e instanceof AxiosError) {
-            options.onError && options.onError(e, e.response?.data)
-        }
-        if (e instanceof Error) {
-            options.onError && options.onError({
-                name: e.name,
-                message: e.message,
-                method: options.method,
-                url: options.action
-            })
-        }
-        throw e
-    }
-}
-
-export type FileType = Parameters<GetProp<UploadProps, 'beforeUpload'>>[0];
-
-export function getBase64(file: FileType): Promise<string> {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        reader.onload = () => resolve(reader.result as string);
-        reader.onerror = (error) => reject(error);
-    })
-}
-
-/**
- * 计算文件MD5
- * https://github.com/quansitech/file-md5-wasm/blob/master/js/calc_file_hash.js
- * @param file
- */
-export function calc_file_hash(file: File) {
-    const MD5_RANGE_SIZE = 10 * 1024 * 1024;
-    const CUT_LIMIT = 40 * 1024 * 1024;
-
-    function makeMd5Range(fileSize: number) {
-        if (CUT_LIMIT > fileSize) {
-            return [[0, fileSize]];
-        }
-
-        // MD5_RANGE_SIZE设置为10
-        const first = [0.0, MD5_RANGE_SIZE];
-        const last = [fileSize - MD5_RANGE_SIZE, fileSize];
-
-        // 中间段算法
-        const rangeMod = fileSize - 3.0 * MD5_RANGE_SIZE;
-        const midStart = fileSize % rangeMod;
-        const middle = [MD5_RANGE_SIZE + midStart, MD5_RANGE_SIZE + midStart + MD5_RANGE_SIZE];
-
-        return [first, middle, last];
-    }
-
-    return new Promise<string>(function (resolve, reject) {
-        const fileSize = file.size;
-        const range = makeMd5Range(fileSize);
-
-        let index = 0;
-        const hash = md5.create();// 创建MD5哈希对象
-
-        const reader = new FileReader();
-
-        reader.onload = function (e) {
-            // 处理当前分块的读取结果
-            const chunkData = e.target?.result;
-
-            hash.update(chunkData as string); // 更新哈希计算结果
-
-            if (index < range.length - 1) {
-                index++;
-                readNextChunk(range, index);
-            } else {
-                const fileMD5 = hash.hex(); // 计算文件的最终MD5哈希值
-
-                resolve(fileMD5);
-            }
-        };
-
-        reader.onerror = function (e) {
-            reject(e);
-
-        };
-
-        function readNextChunk(chunkRange: number[][], index: number) {
-            const chunk = file.slice(chunkRange[index][0], chunkRange[index][1]);
-            reader.readAsArrayBuffer(chunk);
-        }
-
-        readNextChunk(range, index);
-    });
-
-}
-
-export async function beforeUpload(file: File & {
-    hash_id?: string,
-}, fileList: UploadFile[], allFileList: UploadFile[]) {
-    file.hash_id = await calc_file_hash(file)
-    const f = allFileList.filter((item: QsUploadFile) => !!item.hash_id).find((item: QsUploadFile) => item.hash_id === file.hash_id)
-    if (f) {
-        message.error(file.name + '文件已上传')
-        return Upload.LIST_IGNORE
-    }
-}

package/lib/writeExtra.js

@@ -1,31 +0,0 @@
-import fs from "node:fs"
-import path from "node:path"
-import * as process from "node:process";
-
-export default function () {
-    // 分析额外组件
-    if (!fs.existsSync(process.cwd() + '/vendor')) {
-        throw new Error('Please run `composer install` first.');
-    }
-
-    const installed = JSON.parse(fs.readFileSync(process.cwd() + '/vendor/composer/installed.json'))
-    const extras = installed.packages.filter(p => !!p.extra?.qscmf?.['antd-admin']).map(p => ({
-        name: p.name,
-        path: p['install-path'],
-        component: p.extra.qscmf['antd-admin'].component,
-    }));
-
-    const extra_script = `
-import container from "@quansitech/antd-admin/lib/container.ts";
-
-${extras.map(e => {
-        const cs = [];
-        for (const componentKey in e.component) {
-            cs.push(`container.register('${componentKey}', () => import('../../../vendor${path.join('/', e.path, e.component[componentKey])}'));`)
-        }
-        return cs.join('\n');
-    })}
-`
-
-    fs.writeFileSync(process.cwd() + '/resources/js/backend/extra.ts', extra_script);
-}