@jiangood/open-admin 1.0.0

package/config/dist/common-plugin.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var fs = require("fs");
+var path = require("path");
+var pkgName = '@jiangood/open-admin';
+exports.default = (function (api) {
+    api.describe({
+        key: 'admin-spring-boot-stater',
+    });
+    api.logger.info('plugin starting... ');
+    var isFramework = api.pkg.name === pkgName;
+    var frameworkDirs = Utils.getDirs(api.paths.absNodeModulesPath + "/@jiangood");
+    api.logger.info('依赖的框架：', frameworkDirs);
+    var _loop_1 = function (frameworkDir) {
+        api.logger.info("正在解析文件夹", frameworkDir);
+        // 处理路由
+        var routeFiles = Utils.findFilesSync(frameworkDir, /src\/pages\/.*\.jsx$/); // src/pages/**
+        api.logger.info("找到的页面文件：", routeFiles);
+        api.modifyRoutes(function (routes) {
+            for (var _i = 0, routeFiles_1 = routeFiles; _i < routeFiles_1.length; _i++) {
+                var file = routeFiles_1[_i];
+                var route = convertFileToRoute(file);
+                if (route) {
+                    if (routes[route.id] == null) { //  如果用户项目没有这个路由，则加入。否则以用户项目为准
+                        api.logger.info("加入路由:", route.id, "路径:", route.absPath);
+                        routes[route.id] = route;
+                    }
+                }
+            }
+            api.logger.info("路由修改完成");
+            return routes;
+        });
+    };
+    // ==================== 处理路由 ========================
+    for (var _i = 0, frameworkDirs_1 = frameworkDirs; _i < frameworkDirs_1.length; _i++) {
+        var frameworkDir = frameworkDirs_1[_i];
+        _loop_1(frameworkDir);
+    }
+    // =============== 处理表单 ========================
+    { // 导入工具类 FormRegistryUtils
+        var importFrom_1 = path.join(api.paths.absSrcPath, 'framework');
+        if (!isFramework) {
+            importFrom_1 = path.join(api.paths.absNodeModulesPath, pkgName);
+        }
+        api.logger.info('formRegistryPath', importFrom_1);
+        api.addEntryImports(function () { return ({
+            source: importFrom_1,
+            specifier: '{FormRegistryUtils}'
+        }); });
+    }
+    Utils.findFilesSync(api.paths.absSrcPath, /forms\/.*\.jsx$/).forEach(function (file) {
+        var name = Utils.getFileMainName(file);
+        api.addEntryImports(function () { return ({
+            source: file,
+            specifier: name
+        }); });
+        // register form
+        api.addEntryCodeAhead(function () { return "FormRegistryUtils.register(\"".concat(name, "\",").concat(name, " );"); });
+        api.logger.info('新版本 formRegistry.register: ', name, file);
+    });
+});
+function convertFileToRoute(file) {
+    var absPath = file;
+    var mainName = Utils.getFileMainName(file);
+    // 只添加小写开头的文件页面，大写的默认为组件
+    if (mainName.charAt(0) !== mainName.charAt(0).toLowerCase()) {
+        return;
+    }
+    var routePath = file.substring(file.indexOf('pages') + 6, file.length - 4);
+    routePath = routePath.replaceAll("\$", ":"); // 文件$开头的会替换为路径变量 如$id 变为 :id
+    var parentId = "@@/global-layout";
+    if (routePath.endsWith("/index")) {
+        routePath = routePath.substring(0, routePath.length - 6);
+    }
+    return {
+        absPath: absPath,
+        id: routePath,
+        path: routePath,
+        file: file,
+        parentId: parentId
+    };
+}
+var Utils = /** @class */ (function () {
+    function Utils() {
+    }
+    /**
+     * 获取目录下的所有子目录
+     * @param dir
+     * @returns {string[]}  完整路径
+     */
+    Utils.getDirs = function (dir) {
+        console.log('获取dir....', dir);
+        if (!fs.existsSync(dir))
+            throw new Error("\u76EE\u5F55\u4E0D\u5B58\u5728: ".concat(dir));
+        return fs.readdirSync(dir).map(function (item) {
+            var fullPath = path.join(dir, item);
+            if (fs.statSync(fullPath).isDirectory()) {
+                return path.join(dir, item);
+            }
+        });
+    };
+    /**
+     * 同步获取目录下所有文件
+     */
+    Utils.getAllFilesSync = function (dir) {
+        if (!fs.existsSync(dir))
+            throw new Error("\u76EE\u5F55\u4E0D\u5B58\u5728: ".concat(dir));
+        var results = [];
+        function traverse(currentDir) {
+            fs.readdirSync(currentDir).forEach(function (item) {
+                var fullPath = path.join(currentDir, item);
+                if (fs.statSync(fullPath).isDirectory()) {
+                    traverse(fullPath);
+                }
+                else {
+                    results.push(fullPath.split(path.sep).join('/'));
+                }
+            });
+        }
+        traverse(dir);
+        return results;
+    };
+    /**
+     * 同步查找匹配模式的文件
+     *
+     * @return 文件列表 全路径
+     */
+    Utils.findFilesSync = function (dir, pattern) {
+        var files = this.getAllFilesSync(dir);
+        return files.filter(function (file) { return pattern.test(file); }).map(function (file) { return file.split(path.sep).join('/'); });
+    };
+    /**
+     * 获取文件名（不含后缀）
+     * @param {string} filePath - 文件路径
+     * @returns {string} 文件名（不含后缀）
+     */
+    Utils.getFileMainName = function (filePath) {
+        // 从路径中提取文件名
+        var fileName = path.basename(filePath);
+        // 移除扩展名
+        var lastDotIndex = fileName.lastIndexOf('.');
+        if (lastDotIndex > 0) {
+            return fileName.substring(0, lastDotIndex);
+        }
+        return fileName; // 没有扩展名的情况
+    };
+    return Utils;
+}());

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/common-plugin.ts'));
+console.log('isFramework', isFramework);
+var pluginDir = isFramework ? './config' : '@jiangood/open-admin/config/dist';
+console.log('pluginDir', pluginDir);
+var host = '127.0.0.1:8080';
+exports.default = (0, umi_1.defineConfig)({
+    // 配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。
+    hash: true,
+    history: { type: 'hash' },
+    // 复杂，还得设置忽略、编译等，先关掉
+    mfsu: false,
+    esbuildMinifyIIFE: true,
+    plugins: [
+        pluginDir + '/common-plugin',
+    ],
+    proxy: {
+        '/admin': {
+            target: 'http://' + host,
+            changeOrigin: true,
+        },
+        '/preview': {
+            target: 'http://' + host,
+            changeOrigin: true,
+        },
+        '/ureport': {
+            target: 'http://' + host,
+            changeOrigin: true,
+            pathRewrite: { '^/ureport': '/ureport' },
+        },
+        '/admin/ws': {
+            target: 'ws://' + host,
+            changeOrigin: true,
+            ws: true,
+        },
+    }
+});

package/config/dist/index.js

@@ -0,0 +1,18 @@
+"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("./common-plugin"), exports);

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": "^6.0.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/open-admin",
+  "description": "open-admin",
+  "files": [
+    "src/*",
+    "config/dist/*",
+    "!src/.umi"
+  ],
+  "main": "src/index.ts",
+  "version": "1.0.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>
+    );
+  }
+}