@jiangood/admin-spring-boot-starter 0.2.0

package/config/dist/config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var umi_1 = require("umi");
+var fs = require("fs");
+var path = require("path");
+//https://umijs.org/docs/api/config
+console.log('i am config.ts');
+console.log('__dirname', __dirname);
+console.log('process.cwd()', process.cwd());
+var isFramework = fs.existsSync(path.join(process.cwd(), 'config/plugins/route-plugin.ts'));
+console.log('isFramework', isFramework);
+var pluginDir = isFramework ? './config/plugins' : '@jiangood/admin-spring-boot-starter/config/dist/plugins';
+console.log('pluginDir', pluginDir);
+exports.default = (0, umi_1.defineConfig)({
+    // 配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。
+    hash: true,
+    history: { type: 'hash' },
+    // 复杂，还得设置忽略、编译等，先关掉
+    mfsu: false,
+    esbuildMinifyIIFE: true,
+    plugins: [
+        pluginDir + '/form-plugin',
+        pluginDir + '/route-plugin',
+    ],
+    proxy: {
+        '/admin': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+        },
+        '/preview': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+        },
+        '/ureport': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+            pathRewrite: { '^/ureport': '/ureport' },
+        },
+        '/admin/ws': {
+            target: 'http://127.0.0.1:8002',
+            changeOrigin: true,
+            ws: true,
+        },
+    }
+});

package/config/dist/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./config"), exports);
+__exportStar(require("./plugins/route-plugin"), exports);
+__exportStar(require("./plugins/form-plugin"), exports);

package/config/dist/plugins/form-plugin.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var fs = require("fs");
+var path = require("path");
+// 自动注册src/forms下的表单
+var pkgName = '@jiangood/admin-spring-boot-starter';
+exports.default = (function (api) {
+    api.logger.info('plugin starting... ');
+    api.logger.info('info', JSON.stringify(api.env));
+    api.describe({
+        key: 'form-register-by-dir',
+    });
+    var isFramework = api.pkg.name === pkgName;
+    api.logger.info('current pkgName', api.pkg.name);
+    api.logger.info('is framework ?', isFramework);
+    var formRegistryPath = path.join(api.paths.absSrcPath, 'framework');
+    if (!isFramework) {
+        formRegistryPath = path.join(api.paths.absNodeModulesPath, pkgName);
+    }
+    api.logger.info('formRegistryPath', formRegistryPath);
+    api.addEntryImports(function () { return ({
+        source: formRegistryPath,
+        specifier: '{FormRegistryUtils}'
+    }); });
+    parseDir(api, path.join(api.paths.absSrcPath, 'forms'));
+    if (!isFramework) {
+        parseDir(api, path.join(api.paths.absNodeModulesPath, pkgName, 'src', 'forms'));
+    }
+});
+function parseDir(api, dir) {
+    api.logger.info('scan dir', dir);
+    if (!fs.existsSync(dir)) {
+        api.logger.info('dir not exist, return ');
+        return;
+    }
+    fs.readdirSync(dir).forEach(function (file) {
+        if (!file.endsWith(".jsx")) {
+            return;
+        }
+        var source = path.join(dir, file);
+        var name = file.replace(".jsx", "");
+        // import form
+        api.addEntryImports(function () { return ({
+            source: source,
+            specifier: name
+        }); });
+        // register form
+        api.addEntryCodeAhead(function () { return "FormRegistryUtils.register(\"".concat(name, "\",").concat(name, " );"); });
+        api.logger.info('formRegistry.register: ', name, source);
+    });
+}

package/config/dist/plugins/route-plugin.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var fs = require("fs");
+var path = require("path");
+// 自动注册src/forms下的表单
+var pkgName = '@jiangood/admin-spring-boot-starter';
+exports.default = (function (api) {
+    api.describe({
+        key: 'addDependenceRoutes',
+    });
+    var pageDir = api.paths.absNodeModulesPath + "/" + pkgName + "/src/pages";
+    api.logger.info('scan dir is', pageDir);
+    var exist = fs.existsSync(pageDir);
+    if (!exist) {
+        api.logger.info('dir not exist, return ');
+        return;
+    }
+    var frameworkRoutes = [];
+    parseDir(pageDir, frameworkRoutes);
+    api.logger.info('frameworkRoutes ', frameworkRoutes);
+    api.modifyRoutes(function (routes) {
+        // routes 代表用户项目的路由，umi已经自动解析过pages目录
+        // 接下来加入加入框架的路由，确保用户项目路由优先级高
+        for (var _i = 0, frameworkRoutes_1 = frameworkRoutes; _i < frameworkRoutes_1.length; _i++) {
+            var route = frameworkRoutes_1[_i];
+            if (routes[route.id] == null) { //  如果用户项目没有这个路由，则加入。否则以用户项目为准
+                routes[route.id] = route;
+            }
+        }
+        return routes;
+    });
+});
+function parseDir(pageDir, fileRoutes) {
+    var list = fs.readdirSync(pageDir);
+    for (var _i = 0, list_1 = list; _i < list_1.length; _i++) {
+        var fileName = list_1[_i];
+        var fullPath = path.join(pageDir, fileName);
+        var stats = fs.statSync(fullPath);
+        if (stats.isFile()) {
+            if (fileName.endsWith(".jsx")) {
+                addRoute(fullPath, fileRoutes);
+            }
+        }
+        else if (stats.isDirectory()) {
+            parseDir(fullPath, fileRoutes);
+        }
+    }
+}
+function addRoute(file, fileRoutes) {
+    var routePath = file.substring(file.indexOf('pages') + 6, file.length - 4);
+    routePath = routePath.replaceAll('\\', '/');
+    // 文件$开头的会替换为路径变量 如$id 变为 :id
+    routePath = routePath.replaceAll("\$", ":");
+    var parentId = "@@/global-layout";
+    fileRoutes.push({
+        absPath: file,
+        id: routePath,
+        path: routePath,
+        file: file,
+        parentId: parentId
+    });
+    if (routePath.endsWith("/index")) {
+        routePath = routePath.substring(0, routePath.length - 6);
+        fileRoutes.push({
+            absPath: file,
+            id: routePath,
+            path: routePath,
+            file: file,
+            parentId: parentId
+        });
+    }
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.0.0",
+    "@types/react-lazylog": "^4.5.1",
+    "@umijs/plugins": "^4.3.17",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5.4.0",
+    "@bpmn-io/properties-panel": "^3.34.0",
+    "@tinymce/tinymce-react": "^6.0.0",
+    "@umijs/types": "^3.5.43",
+    "antd": "^6.0.0",
+    "antd-img-crop": "^4.23.0",
+    "axios": "^1.13.2",
+    "bpmn-js": "^18.7.0",
+    "bpmn-js-properties-panel": "^5.43.0",
+    "preact": "^10.27.2",
+    "dayjs": "^1.11.13",
+    "jsencrypt": "^3.5.4",
+    "lodash": "^4.17.21",
+    "qs": "^6.14.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "umi": "^4.0.0"
+  },
+  "name": "@jiangood/admin-spring-boot-starter",
+  "description": "admin-spring-boot-starter",
+  "files": [
+    "src/*",
+    "config/dist/*",
+    "!src/.umi"
+  ],
+  "main": "src/index.ts",
+  "version": "0.2.0",
+  "scripts": {
+    "dev": "umi dev",
+    "build": "tsc --outDir config/dist --skipLibCheck --noEmitOnError false config/index.ts"
+  }
+}

package/src/app.js

@@ -0,0 +1 @@
+console.log('i am app.js')

package/src/forms/demoForm.jsx

@@ -0,0 +1,16 @@
+import {Form, Input, InputNumber} from "antd";
+
+export default function (){
+
+    return <div>
+        demo表单示例
+        <Form>
+            <Form.Item label="事由">
+                <Input/>
+            </Form.Item>
+            <Form.Item label="请假天数" name='days'>
+                <InputNumber/>
+            </Form.Item>
+        </Form>
+    </div>
+}

package/src/framework/components/DownloadFileButton.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.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/Ellipsis.jsx

@@ -0,0 +1,39 @@
+import React from 'react';
+import {Modal} from 'antd';
+import './Ellipsis.less'
+import {StringUtils} from "../utils";
+
+export class Ellipsis extends React.Component {
+  static defaultProps = {length: 15}
+
+  render() {
+    let {length, children} = this.props;
+    let text = children;
+    if(!text){
+      return
+    }
+    if(text.length < this.props.length){
+      return text;
+    }
+
+
+    const shortText =  StringUtils.ellipsis(text, length)
+    return (
+        <span className='ellipsis-text' onClick={this.showFull}>{shortText}</span>
+    );
+  }
+
+  showFull = () => {
+    const pre = this.props.pre || false
+    let node = this.props.children
+    if(pre){
+      node = <pre>{node}</pre>
+    }
+    Modal.info({
+      icon: null,
+      title:'文本内容',
+      content: node
+    })
+
+  };
+}

package/src/framework/components/Ellipsis.less

@@ -0,0 +1,8 @@
+.ellipsis-text {
+  cursor: pointer;
+ // text-decoration: none; /* 移除默认下划线 */
+  //border-bottom: 1px dotted #4990CD; /* 自定义点状下划线 */
+  //padding-bottom: 2px; /* 可选：调整下划线与文字的间距 */
+
+  text-decoration: underline dotted; /* 点状下划线 */
+}

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.d.ts

@@ -0,0 +1,14 @@
+// @ts-ignore
+import React from "react";
+
+export 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.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.tsx

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

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.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+import {Alert, Spin} from "antd";
+import {ThemeUtils} from "../utils";
+
+/**
+ * 页面加载中的动画
+ */
+export function PageLoading(props: { message?: string }) {
+    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>
+    );
+  }
+}