workflow-bpmn-modeler-andtv-vue3 10.1.1 → 10.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2281,7 +2281,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _no
|
|
|
2281
2281
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2282
2282
|
|
|
2283
2283
|
"use strict";
|
|
2284
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/diagram-js.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-codes.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-embedded.css);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 样式导入 - 使用CDN确保样式正确加载 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://workflow-bpmn-modeler-andtv-vue3/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2284
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 核心样式 - 完全内联版本 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n background: white !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n position: relative !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://workflow-bpmn-modeler-andtv-vue3/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2285
2285
|
|
|
2286
2286
|
/***/ }),
|
|
2287
2287
|
|
|
@@ -2281,7 +2281,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _no
|
|
|
2281
2281
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2282
2282
|
|
|
2283
2283
|
"use strict";
|
|
2284
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/diagram-js.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-codes.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-embedded.css);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 样式导入 - 使用CDN确保样式正确加载 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://WorkflowBpmnModelerAndtvVue/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2284
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 核心样式 - 完全内联版本 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n background: white !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n position: relative !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://WorkflowBpmnModelerAndtvVue/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-67.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-67.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-67.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2285
2285
|
|
|
2286
2286
|
/***/ }),
|
|
2287
2287
|
|
|
@@ -2281,7 +2281,7 @@ eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _no
|
|
|
2281
2281
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
2282
2282
|
|
|
2283
2283
|
"use strict";
|
|
2284
|
-
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/diagram-js.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-codes.css);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://cdn.jsdelivr.net/npm/bpmn-js@8.10.0/dist/assets/bpmn-font/css/bpmn-embedded.css);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 样式导入 - 使用CDN确保样式正确加载 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://WorkflowBpmnModelerAndtvVue/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-112.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-112.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-112.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2284
|
+
eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_pnpm_css_loader_6_11_0_webpack_5_101_3_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"@charset \\\"UTF-8\\\";\\n/* BPMN.js 核心样式 - 完全内联版本 */\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n background: white !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n position: relative !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 强制BPMN样式 */\\n.djs-container {\\n width: 100% !important;\\n height: 100% !important;\\n position: relative !important;\\n}\\n.djs-canvas {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n}\\n.djs-palette {\\n position: absolute !important;\\n left: 20px !important;\\n top: 20px !important;\\n z-index: 10 !important;\\n background: white !important;\\n border: 1px solid #ccc !important;\\n border-radius: 4px !important;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;\\n}\\n.djs-palette-entries {\\n padding: 8px !important;\\n}\\n.djs-palette-entry {\\n margin: 4px 0 !important;\\n padding: 8px !important;\\n border-radius: 4px !important;\\n cursor: pointer !important;\\n -webkit-transition: background-color 0.2s !important;\\n transition: background-color 0.2s !important;\\n}\\n.djs-palette-entry:hover {\\n background-color: #f0f0f0 !important;\\n}\\n\\n/* 确保viewport正确显示 */\\n.viewport {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n\\n/* 视图模式样式 */\\n.view-mode .ant-layout-header,\\n.view-mode .ant-layout-sider,\\n.view-mode .djs-palette,\\n.view-mode .bjs-powered-by {\\n display: none;\\n}\\n.view-mode .ant-spin-mask {\\n background-color: initial;\\n}\\n.view-mode .ant-spin-spinning {\\n display: none;\\n}\\n\\n/* 主容器样式 */\\n.flow-containers {\\n width: 100%;\\n height: 100vh;\\n background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);\\n overflow: hidden;\\n /* 主布局 */\\n}\\n.flow-containers .main-layout {\\n height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 工具栏头部 */\\n}\\n.flow-containers .toolbar-header {\\n background: #f8f9fa;\\n border-bottom: 1px solid #e9ecef;\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\\n padding: 0;\\n height: 64px;\\n line-height: 64px;\\n}\\n.flow-containers .toolbar-header .toolbar-container {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-pack: justify;\\n -ms-flex-pack: justify;\\n justify-content: space-between;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n padding: 0 32px;\\n height: 100%;\\n}\\n.flow-containers .toolbar-header .toolbar-left {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 20px;\\n}\\n.flow-containers .toolbar-header .toolbar-right {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 16px;\\n}\\n.flow-containers .toolbar-header .toolbar-group {\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n gap: 8px;\\n padding: 0;\\n min-width: -webkit-fit-content;\\n min-width: -moz-fit-content;\\n min-width: fit-content;\\n}\\n.flow-containers .toolbar-header .toolbar-group .group-label {\\n color: #6c757d;\\n font-size: 12px;\\n font-weight: 600;\\n margin-right: 8px;\\n white-space: nowrap;\\n}\\n.flow-containers .toolbar-header .toolbar-btn {\\n background: #ffffff;\\n border: 1px solid #e9ecef;\\n color: #495057;\\n border-radius: 6px;\\n -webkit-transition: all 0.3s ease;\\n transition: all 0.3s ease;\\n height: 36px;\\n padding: 0 12px;\\n font-size: 13px;\\n font-weight: 500;\\n min-width: 36px;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-align: center;\\n -ms-flex-align: center;\\n align-items: center;\\n -webkit-box-pack: center;\\n -ms-flex-pack: center;\\n justify-content: center;\\n}\\n.flow-containers .toolbar-header .toolbar-btn:hover {\\n background: #f8f9fa;\\n border-color: #dee2e6;\\n color: #212529;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .toolbar-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\\n}\\n.flow-containers .toolbar-header .export-btn {\\n background: #f8f9fa;\\n border: 1px solid #e9ecef;\\n color: #6c757d;\\n}\\n.flow-containers .toolbar-header .export-btn:hover {\\n background: #e9ecef;\\n border-color: #dee2e6;\\n color: #495057;\\n}\\n.flow-containers .toolbar-header .save-btn {\\n background: #007bff;\\n border: 1px solid #007bff;\\n border-radius: 6px;\\n font-weight: 600;\\n height: 36px;\\n padding: 0 20px;\\n font-size: 13px;\\n color: white;\\n min-width: 120px;\\n}\\n.flow-containers .toolbar-header .save-btn:hover {\\n background: #0056b3;\\n border-color: #0056b3;\\n -webkit-transform: translateY(-1px);\\n transform: translateY(-1px);\\n -webkit-box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers .toolbar-header .save-btn:active {\\n -webkit-transform: translateY(0);\\n transform: translateY(0);\\n -webkit-box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n box-shadow: 0 1px 3px rgba(0, 123, 255, 0.3);\\n}\\n.flow-containers {\\n /* 内容布局 */\\n}\\n.flow-containers .content-layout {\\n height: calc(100vh - 64px);\\n background: transparent;\\n}\\n.flow-containers {\\n /* 画布容器 */\\n}\\n.flow-containers .canvas-container {\\n background: white;\\n border-radius: 8px;\\n margin: 16px;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n position: relative;\\n}\\n.flow-containers .canvas-container::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f8f9fa 75%), linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);\\n background-size: 20px 20px;\\n background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\\n opacity: 0.3;\\n pointer-events: none;\\n}\\n.flow-containers .canvas {\\n width: 100%;\\n height: 100%;\\n position: relative;\\n z-index: 1;\\n min-height: 400px;\\n display: block;\\n /* 确保BPMN容器正确显示 */\\n}\\n.flow-containers .canvas :deep(.djs-container) {\\n width: 100% !important;\\n height: 100% !important;\\n min-height: 400px !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-container svg) {\\n width: 100% !important;\\n height: 100% !important;\\n background: white !important;\\n display: block !important;\\n}\\n.flow-containers .canvas :deep(.djs-canvas) {\\n background: white !important;\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers .canvas {\\n /* 确保在jeecgboot环境中正确显示 */\\n}\\n.flow-containers .canvas :deep(.viewport) {\\n width: 100% !important;\\n height: 100% !important;\\n}\\n.flow-containers {\\n /* 属性面板 */\\n}\\n.flow-containers .property-panel {\\n width: 380px !important;\\n min-width: 380px !important;\\n max-width: 380px !important;\\n background: white;\\n border-radius: 8px;\\n margin: 16px 20px 16px 0;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\\n overflow: hidden;\\n display: -webkit-box;\\n display: -ms-flexbox;\\n display: flex;\\n -webkit-box-orient: vertical;\\n -webkit-box-direction: normal;\\n -ms-flex-direction: column;\\n flex-direction: column;\\n height: calc(100vh - 96px);\\n}\\n.flow-containers .property-panel :deep(.property-panel) {\\n height: 100%;\\n overflow-y: auto;\\n overflow-x: hidden;\\n}\\n.flow-containers {\\n /* BPMN 工具栏样式优化 */\\n}\\n.flow-containers .djs-palette {\\n left: 20px !important;\\n top: 20px !important;\\n border: none !important;\\n border-radius: 12px !important;\\n -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;\\n background: white !important;\\n padding: 16px !important;\\n width: 160px !important;\\n min-width: 160px !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry {\\n border-radius: 8px !important;\\n margin: 6px 0 !important;\\n -webkit-transition: all 0.3s ease !important;\\n transition: all 0.3s ease !important;\\n width: 100% !important;\\n min-height: 40px !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry:hover {\\n background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%) !important;\\n -webkit-transform: translateY(-1px) !important;\\n transform: translateY(-1px) !important;\\n -webkit-box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2) !important;\\n}\\n.flow-containers .djs-palette .djs-palette-entries .djs-palette-entry .entry {\\n padding: 10px 12px !important;\\n border-radius: 8px !important;\\n font-size: 13px !important;\\n font-weight: 500 !important;\\n color: #262626 !important;\\n width: 100% !important;\\n white-space: nowrap !important;\\n overflow: hidden !important;\\n text-overflow: ellipsis !important;\\n display: -webkit-box !important;\\n display: -ms-flexbox !important;\\n display: flex !important;\\n -webkit-box-align: center !important;\\n -ms-flex-align: center !important;\\n align-items: center !important;\\n gap: 8px !important;\\n}\\n.flow-containers {\\n /* BPMN 画布样式 */\\n}\\n.flow-containers .djs-container svg {\\n min-height: 100%;\\n background: transparent;\\n}\\n.flow-containers {\\n /* 表单样式优化 */\\n}\\n.flow-containers .ant-form-item-label > label {\\n font-size: 13px;\\n font-weight: 500;\\n color: #262626;\\n}\\n.flow-containers {\\n /* 响应式设计 */\\n}\\n@media (max-width: 1200px) {\\n.flow-containers .property-panel {\\n width: 320px !important;\\n min-width: 320px !important;\\n max-width: 320px !important;\\n margin: 16px 16px 16px 0;\\n}\\n.flow-containers .djs-palette {\\n width: 140px !important;\\n min-width: 140px !important;\\n}\\n}\\n@media (max-width: 768px) {\\n.flow-containers .toolbar-container {\\n padding: 0 16px;\\n}\\n.flow-containers .toolbar-group {\\n padding: 6px 12px;\\n gap: 6px;\\n}\\n.flow-containers .toolbar-group .group-label {\\n display: none;\\n}\\n.flow-containers .property-panel {\\n width: 100% !important;\\n min-width: 100% !important;\\n max-width: 100% !important;\\n margin: 0;\\n border-radius: 0;\\n}\\n}\", \"\"]);\n// Exports\n/* harmony default export */ __webpack_exports__[\"default\"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://WorkflowBpmnModelerAndtvVue/./package/index.vue?./node_modules/.pnpm/css-loader@6.11.0_webpack@5.101.3/node_modules/css-loader/dist/cjs.js??clonedRuleSet-112.use%5B1%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.101.3/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-112.use%5B2%5D!./node_modules/.pnpm/sass-loader@13.3.3_sass@1.92.0_webpack@5.101.3/node_modules/sass-loader/dist/cjs.js??clonedRuleSet-112.use%5B3%5D!./node_modules/.pnpm/vue-loader@17.4.2_@vue+compiler-sfc@3.5.21_vue@3.5.21_typescript@5.9.2__webpack@5.101.3/node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D.use%5B0%5D\n}");
|
|
2285
2285
|
|
|
2286
2286
|
/***/ }),
|
|
2287
2287
|
|
package/package/index.vue
CHANGED
|
@@ -686,11 +686,55 @@ const downloadFile = (filename: string, data: string, type: string): void => {
|
|
|
686
686
|
</script>
|
|
687
687
|
|
|
688
688
|
<style lang="scss">
|
|
689
|
-
/* BPMN.js
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
689
|
+
/* BPMN.js 核心样式 - 完全内联版本 */
|
|
690
|
+
|
|
691
|
+
/* 强制BPMN样式 */
|
|
692
|
+
.djs-container {
|
|
693
|
+
width: 100% !important;
|
|
694
|
+
height: 100% !important;
|
|
695
|
+
position: relative !important;
|
|
696
|
+
background: white !important;
|
|
697
|
+
}
|
|
698
|
+
|
|
699
|
+
.djs-canvas {
|
|
700
|
+
width: 100% !important;
|
|
701
|
+
height: 100% !important;
|
|
702
|
+
background: white !important;
|
|
703
|
+
position: relative !important;
|
|
704
|
+
}
|
|
705
|
+
|
|
706
|
+
.djs-palette {
|
|
707
|
+
position: absolute !important;
|
|
708
|
+
left: 20px !important;
|
|
709
|
+
top: 20px !important;
|
|
710
|
+
z-index: 10 !important;
|
|
711
|
+
background: white !important;
|
|
712
|
+
border: 1px solid #ccc !important;
|
|
713
|
+
border-radius: 4px !important;
|
|
714
|
+
box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
.djs-palette-entries {
|
|
718
|
+
padding: 8px !important;
|
|
719
|
+
}
|
|
720
|
+
|
|
721
|
+
.djs-palette-entry {
|
|
722
|
+
margin: 4px 0 !important;
|
|
723
|
+
padding: 8px !important;
|
|
724
|
+
border-radius: 4px !important;
|
|
725
|
+
cursor: pointer !important;
|
|
726
|
+
transition: background-color 0.2s !important;
|
|
727
|
+
}
|
|
728
|
+
|
|
729
|
+
.djs-palette-entry:hover {
|
|
730
|
+
background-color: #f0f0f0 !important;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
/* 确保viewport正确显示 */
|
|
734
|
+
.viewport {
|
|
735
|
+
width: 100% !important;
|
|
736
|
+
height: 100% !important;
|
|
737
|
+
}
|
|
694
738
|
|
|
695
739
|
/* 强制BPMN样式 */
|
|
696
740
|
.djs-container {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "workflow-bpmn-modeler-andtv-vue3",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.2",
|
|
4
4
|
"description": "基于 `Vue3` + `TypeScript` + `Ant Design Vue` 和 `bpmn.io@8.10` ，实现 flowable 的 modeler 模型设计器",
|
|
5
5
|
"main": "dist/workflow-bpmn-modeler-andtv-vue3.common.js",
|
|
6
6
|
"module": "dist/workflow-bpmn-modeler-andtv-vue3.common.js",
|