@jiangood/open-admin 1.0.0-beta.5

package/src/.umi-production/typings.d.ts

@@ -0,0 +1,136 @@
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+type CSSModuleClasses = { readonly [key: string]: string }
+declare module '*.css' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+declare module '*.scss' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+declare module '*.sass' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+declare module '*.less' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+declare module '*.styl' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+declare module '*.stylus' {
+  const classes: CSSModuleClasses
+  export default classes
+}
+
+// images
+declare module '*.jpg' {
+  const src: string
+  export default src
+}
+declare module '*.jpeg' {
+  const src: string
+  export default src
+}
+declare module '*.png' {
+  const src: string
+  export default src
+}
+declare module '*.gif' {
+  const src: string
+  export default src
+}
+declare module '*.svg' {
+  import * as React from 'react';
+  export const ReactComponent: React.FunctionComponent<React.SVGProps<
+  SVGSVGElement
+  > & { title?: string }>;
+
+  const src: string
+  export default src
+}
+declare module '*.ico' {
+  const src: string
+  export default src
+}
+declare module '*.webp' {
+  const src: string
+  export default src
+}
+declare module '*.avif' {
+  const src: string
+  export default src
+}
+
+// media
+declare module '*.mp4' {
+  const src: string
+  export default src
+}
+declare module '*.webm' {
+  const src: string
+  export default src
+}
+declare module '*.ogg' {
+  const src: string
+  export default src
+}
+declare module '*.mp3' {
+  const src: string
+  export default src
+}
+declare module '*.wav' {
+  const src: string
+  export default src
+}
+declare module '*.flac' {
+  const src: string
+  export default src
+}
+declare module '*.aac' {
+  const src: string
+  export default src
+}
+
+// fonts
+declare module '*.woff' {
+  const src: string
+  export default src
+}
+declare module '*.woff2' {
+  const src: string
+  export default src
+}
+declare module '*.eot' {
+  const src: string
+  export default src
+}
+declare module '*.ttf' {
+  const src: string
+  export default src
+}
+declare module '*.otf' {
+  const src: string
+  export default src
+}
+
+// other
+declare module '*.wasm' {
+  const initWasm: (options: WebAssembly.Imports) => Promise<WebAssembly.Exports>
+  export default initWasm
+}
+declare module '*.webmanifest' {
+  const src: string
+  export default src
+}
+declare module '*.pdf' {
+  const src: string
+  export default src
+}
+declare module '*.txt' {
+  const src: string
+  export default src
+}

package/src/.umi-production/umi.ts

@@ -0,0 +1,83 @@
+// @ts-nocheck
+// This file is generated by Umi automatically
+// DO NOT CHANGE IT MANUALLY!
+import './core/polyfill';
+
+import { renderClient } from '/home/runner/work/open-admin/open-admin/web/node_modules/.pnpm/@umijs+renderer-react@4.6.25_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@umijs/renderer-react';
+import { getRoutes } from './core/route';
+import { createPluginManager } from './core/plugin';
+import { createHistory } from './core/history';
+import Loading from '/home/runner/work/open-admin/open-admin/web/src/loading.jsx';
+import { ApplyPluginsType } from 'umi';
+import {FormRegistryUtils} from '/home/runner/work/open-admin/open-admin/web/src/framework';
+
+const publicPath = "/";
+const runtimePublicPath = false;
+
+async function render() {
+  const pluginManager = createPluginManager();
+  const { routes, routeComponents } = await getRoutes(pluginManager);
+
+  // allow user to extend routes
+  await pluginManager.applyPlugins({
+    key: 'patchRoutes',
+    type: ApplyPluginsType.event,
+    args: {
+      routes,
+      routeComponents,
+    },
+  });
+
+  const contextOpts = pluginManager.applyPlugins({
+    key: 'modifyContextOpts',
+    type: ApplyPluginsType.modify,
+    initialValue: {},
+  });
+
+  const basename = contextOpts.basename || '/';
+  const historyType = contextOpts.historyType || 'hash';
+
+  const history = createHistory({
+    type: historyType,
+    basename,
+    ...contextOpts.historyOpts,
+  });
+
+  return (pluginManager.applyPlugins({
+    key: 'render',
+    type: ApplyPluginsType.compose,
+    initialValue() {
+      const context = {
+        useStream: true,
+        routes,
+        routeComponents,
+        pluginManager,
+        mountElementId: 'root',
+        rootElement: contextOpts.rootElement || document.getElementById('root'),
+        loadingComponent: Loading,
+        publicPath,
+        runtimePublicPath,
+        history,
+        historyType,
+        basename,
+        __INTERNAL_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: {"pureApp":false,"pureHtml":false},
+        callback: contextOpts.callback,
+      };
+      const modifiedContext = pluginManager.applyPlugins({
+        key: 'modifyClientRenderOpts',
+        type: ApplyPluginsType.modify,
+        initialValue: context,
+      });
+      return renderClient(modifiedContext);
+    },
+  }))();
+}
+
+
+render();
+
+    if (typeof window !== 'undefined') {
+      window.g_umi = {
+        version: '4.6.25',
+      };
+    }

package/src/framework/components/DownloadFileButton/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+
+
+declare type DownloadFileButtonProps = {
+    url:  String;
+    params: any
+
+};
+
+export class DownloadFileButton extends React.Component<DownloadFileButtonProps, any> {
+}

package/src/framework/components/DownloadFileButton/index.jsx

@@ -0,0 +1,33 @@
+import React from "react";
+import {Button, Modal, Spin} from "antd";
+import {HttpUtils} from "../../utils";
+
+
+export class DownloadFileButton extends React.Component {
+
+    state = {
+        open:false
+    }
+
+    onClick(){
+        const {url, params, children, ...rest} = this.props;
+        this.setState({open:true})
+        HttpUtils.downloadFile(url,params).then(rs=>{
+
+        }).finally(()=>{
+            this.setState({open:false})
+        })
+    }
+
+    render() {
+        const {url, params, children, ...rest} = this.props;
+
+
+        return <> <Button {...rest}>{children}</Button>
+
+            <Modal title='提示' footer={null} onCancel={()=>{this.setState({open:false})}} maskClosable={false}>
+                <Spin /> 下载文件中，请勿关闭浏览器
+            </Modal>
+        </>
+    }
+}

package/src/framework/components/Gap/index.d.ts

@@ -0,0 +1,23 @@
+// @ts-ignore
+import React from "react";
+
+// 推荐(16+8n)px 作为间隔，n为自然数
+declare type GapProps = {
+    /**
+     * mini 4px
+     * middle 8px
+     * large 16px
+     *
+     * 默认 middle
+     */
+    size?: 'small' | 'middle' | 'large';
+
+    /** 方向：水平或垂直
+     * 默认垂直：上下间隔
+     *
+     */
+    direction?: 'horizontal' | 'vertical';
+};
+
+export class Gap extends React.Component<GapProps, any> {
+}

package/src/framework/components/Gap/index.jsx

@@ -0,0 +1,46 @@
+import React from "react";
+
+/**
+ * 上下间隔
+ */
+export class Gap extends React.Component {
+
+    static defaultProps = {
+        size: 'middle',
+        direction: 'vertical',
+    };
+
+    render() {
+        const {n = 0, size, direction} = this.props;
+        if (n) {
+            console.warn('参数 n 已经不被支持')
+            return
+        }
+
+        const SizeMap = {
+            x: 4,
+            small: 8,
+            middle: 16,
+            large: 24,
+            xLarge: 32,
+            xxLarge: 40,
+        };
+
+
+        let sizePx = SizeMap[size];
+        const isHorizontal = direction === 'horizontal';
+
+
+        // 水平间隔：有宽度，无高度
+        // 垂直间隔：有高度，无宽度
+        const width = isHorizontal ? sizePx : 0;
+        const height = isHorizontal ? 0 : sizePx;
+
+        // 水平间隔用 inline-block（避免换行），垂直间隔用 block
+        const display = isHorizontal ? 'inline-block' : 'block';
+
+        const style = {display, height, width}
+
+        return <div style={style}></div>
+    }
+}

package/src/framework/components/LinkButton/index.d.ts

@@ -0,0 +1,14 @@
+// @ts-ignore
+import React from "react";
+
+interface LinkButtonProps {
+    /**
+     *   路径
+     */
+    path: string;
+    label: string;
+    type?: 'primary' | 'default' | 'dashed' | 'link' | 'text' | 'ghost'
+};
+
+export class LinkButton extends React.Component<LinkButtonProps, any> {
+}

package/src/framework/components/LinkButton/index.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import {Button} from "antd";
+import {PageUtils} from "../../utils";
+
+export function LinkButton(props) {
+    const {path, label, children, size = 'small', ...rest} = props;
+    return <Button size={size} {...rest} onClick={() => {
+        PageUtils.open(path, label)
+    }}>{children}</Button>
+}

package/src/framework/components/NamedIcon/index.d.ts

@@ -0,0 +1,5 @@
+declare type NamedIconProps = {
+    name: string
+};
+
+export function NamedIcon(props:NamedIconProps);

package/src/framework/components/NamedIcon/index.jsx

@@ -0,0 +1,11 @@
+import * as Icons from '@ant-design/icons';
+
+export function NamedIcon(props){
+    let {name, ...rest} = props;
+    const IconType = Icons[name]
+
+    if(IconType){
+        return <IconType {...rest}></IconType>
+    }
+
+}

package/src/framework/components/OrgTree/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+
+export class OrgTree extends React.Component<any, any> {
+}

package/src/framework/components/OrgTree/index.jsx

@@ -0,0 +1,58 @@
+import {Alert, Skeleton, Tree} from 'antd';
+import React from 'react';
+import * as Icons from '@ant-design/icons';
+import {HttpUtils} from "../../utils";
+
+
+export  class OrgTree  extends React.Component {
+
+    state = {
+        treeDataLoading: true,
+        treeData: [],
+
+        currentOrgId: null
+    }
+
+
+    componentDidMount() {
+        HttpUtils.get('admin/sysOrg/deptTree').then(tree => {
+            this.setState({treeData: tree,treeDataLoading: false})
+        })
+    }
+
+
+    onSelectOrg = orgIds => {
+        let orgId = orgIds[0] || null;
+        this.props.onChange(orgId)
+    }
+
+
+    render() {
+        let {treeData, treeDataLoading} = this.state
+        if (treeDataLoading) {
+            return <Skeleton title='加载中...'/>
+        }
+
+        if (treeData.length === 0) {
+            return <Alert type={"warning"} message={'组织机构数据为空'}>
+            </Alert>
+        }
+
+        return <Tree
+            treeData={treeData}
+            defaultExpandAll
+            onSelect={this.onSelectOrg}
+            showIcon
+            blockNode
+            icon={item=>{
+                const icon =  Icons[item.iconName]
+                if(icon){
+                    return React.createElement(icon)
+                }
+            }}
+        >
+        </Tree>
+    }
+
+
+}

package/src/framework/components/Page/index.d.ts

@@ -0,0 +1,17 @@
+// @ts-ignore
+import React from "react";
+
+declare type PageProps = {
+    /**
+     * 是否有内边距
+     */
+    padding?: boolean;
+
+    /**
+     * 背景色
+     */
+    backgroundGray?:boolean;
+};
+
+export class Page extends React.Component<PageProps, any> {
+}

package/src/framework/components/Page/index.jsx

@@ -0,0 +1,30 @@
+import React from "react";
+import './index.less'
+import {ThemeUtils} from "../../utils";
+
+/**
+ * 上下间隔
+ */
+export class Page extends React.Component {
+
+    static defaultProps = {
+        padding: false,
+        backgroundGray:false
+    }
+
+    render() {
+        const style = {}
+        if(this.props.padding){
+            style.padding = 16
+        }
+        if(this.props.backgroundGray){
+            style.backgroundColor = ThemeUtils.getColor("background-color")
+        }
+
+
+        return <div className={'tmgg-page'}  style={style}>
+            {this.props.children}
+        </div>
+    }
+
+}

package/src/framework/components/Page/index.less

@@ -0,0 +1,10 @@
+.tmgg-page {
+  width: 100%;
+
+  // header 48 footer 43, tab 36
+  height: calc(100vh - 127px);
+
+  overflow: auto;
+
+  background-color: white;
+}

package/src/framework/components/PageLoading/index.d.ts

@@ -0,0 +1 @@
+export function PageLoading(props: { message?: string });

package/src/framework/components/PageLoading/index.jsx

@@ -0,0 +1,25 @@
+import React from "react";
+import {Alert, Spin} from "antd";
+import {ThemeUtils} from "../../utils";
+
+
+export function PageLoading(props) {
+    const msg = props.message || '页面加载中...';
+
+    return <div style={{
+        height: '100vh', width: '100%',
+        display: 'flex', alignItems: 'center', justifyContent: "center",
+        color: ThemeUtils.getColor("primary-color")
+    }}>
+        <div style={{textAlign: "center", marginTop: '-10rem'}}>
+            <div>
+                <Spin size={"large"}></Spin>
+            </div>
+            <div style={{marginTop: '1rem'}}>
+                <Alert title={msg}></Alert>
+            </div>
+
+
+        </div>
+    </div>
+}

package/src/framework/components/ProModal/index.tsx

@@ -0,0 +1,66 @@
+import React, {ReactNode} from 'react';
+import {Modal} from 'antd';
+
+export interface ProModalProps {
+  title: string;
+  actionRef?: any; // 弃用，请使用ref
+  ref: any;
+  onShow?: any;
+  footer?: any;
+  width?: number;
+  children:ReactNode;
+}
+export class ProModal extends React.Component<ProModalProps, any> {
+
+  constructor(props:ProModalProps) {
+    super(props);
+    if (props.actionRef) {
+      props.actionRef.current = this;
+    }
+    if (props.ref) {
+      props.ref.current = this;
+    }
+  }
+
+
+
+  state = {
+    visible: false,
+  };
+
+  show = () => {
+    this.setState({
+      visible: true,
+    });
+    if (this.props.onShow) {
+      this.props.onShow();
+    }
+  };
+  hide = () => {
+    this.setState({
+      visible: false,
+    });
+  };
+  open = () => {
+    this.show();
+  };
+  close = () => {
+    this.hide();
+  };
+
+  render() {
+    return (
+      <Modal
+        maskClosable={false}
+        destroyOnHidden
+        title={this.props.title}
+        open={this.state.visible}
+        onCancel={this.hide}
+        footer={this.props.footer || null}
+        width={this.props.width || 800}
+      >
+        {this.state.visible && this.props.children}
+      </Modal>
+    );
+  }
+}