@quansitech/antd-admin 1.0.0 → 1.0.1

package/components/Tabs.tsx

@@ -1,72 +1,72 @@
-import {Tabs} from "antd";
-import {lazy, Suspense, useEffect, useState} from "react";
-import type {Tab} from 'rc-tabs/lib/interface';
-import container from "../lib/container";
-import {routerNavigateTo} from "../lib/helpers";
-import upperFirst from "lodash/upperFirst";
-import {ProSkeleton} from "@ant-design/pro-components";
-
-type TabProps = {
-    title: string,
-    url?: string,
-    pane?: {
-        component: 'form' | 'table',
-        props: any,
-    }
-}
-
-export type TabsPageType = {
-    tabs: Record<string, TabProps>,
-    defaultActiveKey?: string,
-}
-
-export default function (props: TabsPageType) {
-    const [items, setItems] = useState<Tab[]>([]);
-    const [activeKey, setActiveKey] = useState<string>();
-
-    useEffect(() => {
-        setActiveKey(props.defaultActiveKey || Object.keys(props.tabs)[0])
-
-        setItems(Object.keys(props.tabs).map(key => {
-            const t = props.tabs[key]
-
-            if (!t.pane) {
-                return {
-                    key,
-                    label: t.title,
-                    children: <>
-                        <ProSkeleton list={2}></ProSkeleton>
-                    </>
-                }
-            }
-
-            const Component = lazy(() => container.get('Tab.Pane.' + upperFirst(t.pane?.component)))
-
-            return {
-                key,
-                label: t.title,
-                children: <>
-                    <Suspense>
-                        <Component {...t.pane.props}></Component>
-                    </Suspense>
-                </>
-            }
-        }))
-    }, []);
-
-    const onChange = (key: string) => {
-        setActiveKey(key)
-
-        const tab = props.tabs[key]
-        if (tab.url) {
-            routerNavigateTo(tab.url)
-        }
-    }
-
-    return <>
-        <Tabs items={items}
-              onChange={onChange}
-              activeKey={activeKey}
-        ></Tabs>
-    </>
+import {Tabs} from "antd";
+import {lazy, Suspense, useEffect, useState} from "react";
+import type {Tab} from 'rc-tabs/lib/interface';
+import container from "../lib/container";
+import {routerNavigateTo} from "../lib/helpers";
+import upperFirst from "lodash/upperFirst";
+import {ProSkeleton} from "@ant-design/pro-components";
+
+type TabProps = {
+    title: string,
+    url?: string,
+    pane?: {
+        component: 'form' | 'table',
+        props: any,
+    }
+}
+
+export type TabsPageType = {
+    tabs: Record<string, TabProps>,
+    defaultActiveKey?: string,
+}
+
+export default function (props: TabsPageType) {
+    const [items, setItems] = useState<Tab[]>([]);
+    const [activeKey, setActiveKey] = useState<string>();
+
+    useEffect(() => {
+        setActiveKey(props.defaultActiveKey || Object.keys(props.tabs)[0])
+
+        setItems(Object.keys(props.tabs).map(key => {
+            const t = props.tabs[key]
+
+            if (!t.pane) {
+                return {
+                    key,
+                    label: t.title,
+                    children: <>
+                        <ProSkeleton list={2}></ProSkeleton>
+                    </>
+                }
+            }
+
+            const Component = lazy(() => container.get('Tab.Pane.' + upperFirst(t.pane?.component)))
+
+            return {
+                key,
+                label: t.title,
+                children: <>
+                    <Suspense>
+                        <Component {...t.pane.props}></Component>
+                    </Suspense>
+                </>
+            }
+        }))
+    }, []);
+
+    const onChange = (key: string) => {
+        setActiveKey(key)
+
+        const tab = props.tabs[key]
+        if (tab.url) {
+            routerNavigateTo(tab.url)
+        }
+    }
+
+    return <>
+        <Tabs items={items}
+              onChange={onChange}
+              activeKey={activeKey}
+        ></Tabs>
+    </>
 }

package/lib/container.ts

@@ -1,82 +1,84 @@
-import {schemaHandler} from "./schemaHandler";
-
-const components: Record<string, any> = {}
-
-const container = {
-    register(name: string, componentLoader: any) {
-        if (this.check(name)) {
-            throw new Error(`Component ${name} already registered`)
-        }
-        components[name] = componentLoader
-    },
-    get(name: string) {
-        if (!this.check(name)) {
-            throw new Error(`Component ${name} is not registered`)
-        }
-        return components[name]
-    },
-    check(name: string) {
-        return !!components[name]
-    },
-    schemaHandler,
-};
-
-function autoRegister(prefix: string, components: Record<string, () => Promise<any>>) {
-    for (const [key, value] of Object.entries(components)) {
-        const name = key.split('/').pop()?.split('.').shift()
-        container.register(prefix + name, value)
-    }
-}
-
-// -------- 通用 -----------
-{
-    const columnRender = import.meta.glob('../components/Column/*.tsx')
-    autoRegister('Column.', columnRender)
-
-    // readonly render
-    const columnReadonlyRender = import.meta.glob('../components/Column/Readonly/*.tsx')
-    autoRegister('Column.Readonly.', columnReadonlyRender)
-}
-
-// -------- 弹窗 -----------
-{
-    container.register('Modal.Table', import('../components/Table'))
-    container.register('Modal.Form', import('../components/Form'))
-}
-
-// -------- Tabs -----------
-{
-    container.register('Tab.Pane.Table', import('../components/Table'))
-    container.register('Tab.Pane.Form', import('../components/Form'))
-}
-
-// -------- 表格 -----------
-{
-    // options render
-    const optionsRender = import.meta.glob('../components/Table/Option/*.tsx')
-    autoRegister('Table.Option.', optionsRender)
-
-    // action render
-    const actionRender = import.meta.glob('../components/Table/Action/*.tsx')
-    autoRegister('Table.Action.', actionRender)
-}
-
-// -------- 表单 -----------
-{
-
-    // formAction render
-    const formActionRender = import.meta.glob('../components/Form/Action/*.tsx')
-    autoRegister('Form.Action.', formActionRender)
-}
-
-
-;((globalThis: any) => {
-    if (globalThis.$qsContainer) {
-        return;
-    }
-
-    globalThis.$qsContainer = container
-
-})(window)
-
+import {schemaHandler} from "./schemaHandler";
+import {routerNavigateTo} from "./helpers";
+
+const components: Record<string, any> = {}
+
+const container = {
+    register(name: string, componentLoader: any) {
+        if (this.check(name)) {
+            throw new Error(`Component ${name} already registered`)
+        }
+        components[name] = componentLoader
+    },
+    get(name: string) {
+        if (!this.check(name)) {
+            throw new Error(`Component ${name} is not registered`)
+        }
+        return components[name]
+    },
+    check(name: string) {
+        return !!components[name]
+    },
+    schemaHandler,
+    routerNavigateTo,
+};
+
+function autoRegister(prefix: string, components: Record<string, () => Promise<any>>) {
+    for (const [key, value] of Object.entries(components)) {
+        const name = key.split('/').pop()?.split('.').shift()
+        container.register(prefix + name, value)
+    }
+}
+
+// -------- 通用 -----------
+{
+    const columnRender = import.meta.glob('../components/Column/*.tsx')
+    autoRegister('Column.', columnRender)
+
+    // readonly render
+    const columnReadonlyRender = import.meta.glob('../components/Column/Readonly/*.tsx')
+    autoRegister('Column.Readonly.', columnReadonlyRender)
+}
+
+// -------- 弹窗 -----------
+{
+    container.register('Modal.Table', import('../components/Table'))
+    container.register('Modal.Form', import('../components/Form'))
+}
+
+// -------- Tabs -----------
+{
+    container.register('Tab.Pane.Table', import('../components/Table'))
+    container.register('Tab.Pane.Form', import('../components/Form'))
+}
+
+// -------- 表格 -----------
+{
+    // column.action render
+    const optionsRender = import.meta.glob('../components/Column/Readonly/Action/*.tsx')
+    autoRegister('Column.Readonly.Action.', optionsRender)
+
+    // action render
+    const actionRender = import.meta.glob('../components/Table/Action/*.tsx')
+    autoRegister('Table.Action.', actionRender)
+}
+
+// -------- 表单 -----------
+{
+
+    // formAction render
+    const formActionRender = import.meta.glob('../components/Form/Action/*.tsx')
+    autoRegister('Form.Action.', formActionRender)
+}
+
+
+;((globalThis: any) => {
+    if (globalThis.$qsContainer) {
+        return;
+    }
+
+    globalThis.$qsContainer = container
+
+})(window)
+
 export default container

package/lib/customRule.ts

@@ -1,10 +1,10 @@
-import {RuleObject, StoreValue} from "rc-field-form/lib/interface";
-
-const customRule: Record<string, (rule: RuleObject, value: StoreValue, callback: (error?: string) => void) => any> = {
-    notInEnum(rule, value) {
-        return !rule.enum?.includes(value);
-
-    }
-}
-
+import {RuleObject, StoreValue} from "rc-field-form/lib/interface";
+
+const customRule: Record<string, (rule: RuleObject, value: StoreValue, callback: (error?: string) => void) => any> = {
+    notInEnum(rule, value) {
+        return !rule.enum?.includes(value);
+
+    }
+}
+
 export default customRule

package/lib/global.ts

@@ -1,11 +1,11 @@
-import {MessageInstance} from "antd/es/message/interface";
-import {ModalStaticFunctions} from "antd/es/modal/confirm";
-import {NotificationInstance} from "antd/es/notification/interface";
-
-const global = {} as {
-    message: MessageInstance,
-    modal: Omit<ModalStaticFunctions, 'warn'>,
-    notification: NotificationInstance,
-}
-
+import {MessageInstance} from "antd/es/message/interface";
+import {ModalStaticFunctions} from "antd/es/modal/confirm";
+import {NotificationInstance} from "antd/es/notification/interface";
+
+const global = {} as {
+    message: MessageInstance,
+    modal: Omit<ModalStaticFunctions, 'warn'>,
+    notification: NotificationInstance,
+}
+
 export default global

package/lib/helpers.tsx

@@ -1,150 +1,146 @@
-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 upperFirst from "lodash/upperFirst";
-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 modalShow(type: string, props: any) {
-
-}
-
-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 modal(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(options.content.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,
-    }
+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 upperFirst from "lodash/upperFirst";
+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,
+    }
 }