@gct-paas/core-web 0.1.6-dev.2 → 0.1.6-dev.21

package/es/modules/print-tmpl/print-tmpl-modal.vue_vue_type_style_index_0_scoped_d94551a9_lang.css

@@ -0,0 +1,143 @@
+.gct-print-tmpl-modal[data-v-d94551a9] {
+  height: 100%;
+  overflow: hidden;
+}
+.gct-print-tmpl-modal[data-v-d94551a9] .ant-tabs-nav {
+  margin-bottom: 0 !important;
+}
+.gct-print-tmpl-modal[data-v-d94551a9] 
+    .vxe-table--render-default .is--checked.vxe-cell--radio .vxe-radio--icon
+   {
+  color: var(--ant-primary-color);
+}
+.gct-print-tmpl-modal[data-v-d94551a9] .ant-form .ant-form-item-label {
+  padding: 0;
+}
+.gct-print-tmpl-modal[data-v-d94551a9] .ant-form .ant-form-item .ant-form-item-label > label::after {
+  display: block;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-wrap[data-v-d94551a9] {
+  display: flex;
+  height: 1px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] {
+  width: 220px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left.btw-visible .gct-category-sider[data-v-d94551a9] {
+  border-top: none;
+  border-bottom: none;
+  border-left: none;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left.btw-visible .gct-category-sider[data-v-d94551a9] .gct-category-sider__search-container {
+  padding-left: 8px !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider {
+  border-radius: 4px 0 0 4px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__search-container {
+  padding: 12px 16px !important;
+  border-top: none;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__search-container .gct-category-sider__search-input {
+  padding-left: 10px;
+  border: 1px solid #d9d9d9 !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__search-container .gct-category-sider__search-input:hover {
+  border-color: var(--ant-primary-5) !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__search-container .ant-input-prefix {
+  margin-right: 8px;
+  color: #606266 !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__search-container .ant-input-affix-wrapper {
+  color: #606266;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__tree-container {
+  padding: 0;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-left[data-v-d94551a9] .gct-category-sider .gct-category-sider__tree .ant-tree-treenode {
+  margin-bottom: 0;
+  border-radius: 0;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] {
+  width: calc(100% - 220px);
+  border: 1px solid #eaedf1;
+  border-left-color: transparent;
+  border-radius: 0 4px 4px 0;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right.btw-visible[data-v-d94551a9] {
+  width: 100%;
+  border: none;
+  padding-right: 8px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form {
+  padding-bottom: 12px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form .ant-form-item {
+  margin-bottom: 0;
+  padding: 0;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form .ant-form-item .gct-print-tmpl-input {
+  border: 1px solid #d9d9d9 !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form .ant-form-item .gct-print-tmpl-input:hover {
+  border-color: var(--ant-primary-5) !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form .ant-form-item .ant-input-prefix {
+  margin-right: 8px;
+  color: #606266 !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-form .ant-form-item .ant-input-affix-wrapper {
+  color: #606266;
+  line-height: 22px;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-select .ant-select-selector {
+  border: 1px solid #d9d9d9 !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right[data-v-d94551a9] .ant-select .ant-select-selector:hover {
+  border-color: var(--ant-primary-5) !important;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right .print-tmpl-vxe-table-wrapper[data-v-d94551a9] {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow: hidden;
+}
+.gct-print-tmpl-modal .gct-print-tmpl-modal-right .print-tmpl-vxe-table-wrapper .print-tmpl-vxe-table-area[data-v-d94551a9] {
+  flex: 1;
+  overflow: hidden;
+}
+.vxetable[data-v-d94551a9] {
+  --vxe-table-row-hover-radio-checked-background-color: #e6eeff;
+  --vxe-table-row-radio-checked-background-color: #e6eeff;
+  --vxe-table-row-checkbox-checked-background-color: #e6eeff;
+  --vxe-table-row-hover-checkbox-checked-background-color: #e6eeff;
+}
+[data-v-d94551a9] .vxe-table--render-default.border--default .vxe-header--column {
+  padding: 11px 0;
+}
+[data-v-d94551a9] .vxe-table--render-default .vxe-body--column.col--ellipsis {
+  height: 44px;
+}
+[data-v-d94551a9] .vxe-table--render-default .vxe-cell {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+.btw-label-tag[data-v-d94551a9] {
+  margin: 0 4px 0 5px;
+  padding: 2px 6px;
+  font-size: 12px;
+  border-radius: 4px;
+  border-width: 1px;
+  border-style: solid;
+}
+.btw-label-tag.common[data-v-d94551a9] {
+  color: #1990ff;
+  background: #e8f5ff;
+  border-color: #c0dbff;
+}
+.btw-label-tag.local[data-v-d94551a9] {
+  color: #5e6b7f;
+  background: #f5f7fa;
+  border-color: #e4e9f2;
+}

package/es/modules/relationship-diagram-config/cache.controller.d.ts

@@ -0,0 +1,70 @@
+import { IRelationshipDiagramNode } from './interface';
+import { RelationshipDiagramConfigController } from './relationship-diagram-config.controller';
+/**
+ * 所有的缓存操作，目前均会从
+ *
+ * @author zhanghanrui
+ * @date 2024-06-30 11:06:52
+ * @export
+ * @class CacheController
+ */
+export declare class CacheController {
+    protected c: RelationshipDiagramConfigController;
+    /**
+     * 正向节点的缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 11:06:15
+     * @protected
+     * @type {Map<string, IRelationshipDiagramNode[]>}
+     */
+    protected nodeCache: Map<string, IRelationshipDiagramNode[]>;
+    /**
+     * 反转节点的缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 11:06:28
+     * @protected
+     * @type {Map<string, IRelationshipDiagramNode[]>}
+     */
+    protected reverseNodeCache: Map<string, IRelationshipDiagramNode[]>;
+    constructor(c: RelationshipDiagramConfigController);
+    /**
+     * 清空指定节点后的所有数据并进行备份
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 12:06:00
+     * @param {IRelationshipDiagramNode} node 正向节点，清空属性之前的数据
+     * @return {*}  {boolean} 表示是否有后续节点被清空和缓存
+     */
+    clear(node: IRelationshipDiagramNode): boolean;
+    /**
+     * 根据指定节点恢复缓存的后续节点
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 12:06:24
+     * @param {IRelationshipDiagramNode} node 重新选择属性后的节点数据
+     * @return {*}  {boolean} 有无数据恢复
+     */
+    reset(node: IRelationshipDiagramNode): boolean;
+    /**
+     * 清空指定节点后的所有数据并进行备份，备份包含节点和后续节点
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 12:06:25
+     * @param {IRelationshipDiagramNode} node 反向节点，修改前包含字段的节点
+     * @param {string} [prefix='']
+     * @return {*}  {boolean} 表示是否有后续节点被清空和缓存
+     */
+    reverseClear(node: IRelationshipDiagramNode, prefix?: string): boolean;
+    /**
+     * 回填反向节点的缓存
+     *
+     * @author zhanghanrui
+     * @date 2024-06-30 12:06:20
+     * @param {IRelationshipDiagramNode} node 修改后带字段的反向节点
+     * @param {string} [prefix='']
+     * @return {*}  {boolean} 是否后后续节点恢复
+     */
+    reverseReset(node: IRelationshipDiagramNode, prefix?: string): boolean;
+}

package/es/modules/relationship-diagram-config/cache.controller.mjs

@@ -0,0 +1,128 @@
+import "./relationship-diagram-config.controller.mjs";
+import { cloneDeep } from "lodash-es";
+//#region src/modules/relationship-diagram-config/cache.controller.ts
+/**
+* 所有的缓存操作，目前均会从
+*
+* @author zhanghanrui
+* @date 2024-06-30 11:06:52
+* @export
+* @class CacheController
+*/
+var CacheController = class {
+	c;
+	/**
+	* 正向节点的缓存
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 11:06:15
+	* @protected
+	* @type {Map<string, IRelationshipDiagramNode[]>}
+	*/
+	nodeCache = /* @__PURE__ */ new Map();
+	/**
+	* 反转节点的缓存
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 11:06:28
+	* @protected
+	* @type {Map<string, IRelationshipDiagramNode[]>}
+	*/
+	reverseNodeCache = /* @__PURE__ */ new Map();
+	constructor(c) {
+		this.c = c;
+	}
+	/**
+	* 清空指定节点后的所有数据并进行备份
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 12:06:00
+	* @param {IRelationshipDiagramNode} node 正向节点，清空属性之前的数据
+	* @return {*}  {boolean} 表示是否有后续节点被清空和缓存
+	*/
+	clear(node) {
+		const nextNode = this.c.node.get(node.id, 1);
+		if (nextNode) {
+			const key = `${node.id}:${node.value}`;
+			const i = this.c.node.getNodes().findIndex((n) => n.id === node.id);
+			const nodes = this.c.state.nodes.slice(i + 1, this.c.state.nodes.length);
+			if (nodes.length > 0) {
+				this.nodeCache.set(key, cloneDeep(nodes));
+				this.c.node.delete(nextNode.id);
+				return true;
+			}
+		}
+		return false;
+	}
+	/**
+	* 根据指定节点恢复缓存的后续节点
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 12:06:24
+	* @param {IRelationshipDiagramNode} node 重新选择属性后的节点数据
+	* @return {*}  {boolean} 有无数据恢复
+	*/
+	reset(node) {
+		if (node.value) {
+			const key = `${node.id}:${node.value}`;
+			if (this.nodeCache.has(key)) {
+				const nodes = this.nodeCache.get(key);
+				if (nodes && nodes.length > 0) {
+					this.c.node.setNodes([node, ...nodes], false);
+					this.nodeCache.delete(key);
+					return true;
+				}
+			}
+		}
+		return false;
+	}
+	/**
+	* 清空指定节点后的所有数据并进行备份，备份包含节点和后续节点
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 12:06:25
+	* @param {IRelationshipDiagramNode} node 反向节点，修改前包含字段的节点
+	* @param {string} [prefix='']
+	* @return {*}  {boolean} 表示是否有后续节点被清空和缓存
+	*/
+	reverseClear(node, prefix = "") {
+		const key = `${prefix}${node.id}${node.modelKey ? `:${node.modelKey}` : ""}`;
+		const nextNode = this.c.node.get(node.id, 1);
+		if (nextNode) {
+			const i = this.c.node.getNodes().findIndex((n) => n.id === node.id);
+			const nodes = this.c.state.nodes.slice(i + 1, this.c.state.nodes.length);
+			if (nodes.length > 0) {
+				this.reverseNodeCache.set(key, [cloneDeep(node), ...cloneDeep(nodes)]);
+				this.c.node.delete(nextNode.id);
+				return true;
+			}
+		} else if (node.modelKey && node.value) this.reverseNodeCache.set(key, [cloneDeep(node)]);
+		return false;
+	}
+	/**
+	* 回填反向节点的缓存
+	*
+	* @author zhanghanrui
+	* @date 2024-06-30 12:06:20
+	* @param {IRelationshipDiagramNode} node 修改后带字段的反向节点
+	* @param {string} [prefix='']
+	* @return {*}  {boolean} 是否后后续节点恢复
+	*/
+	reverseReset(node, prefix = "") {
+		const key = `${prefix}${node.id}${node.modelKey ? `:${node.modelKey}` : ""}`;
+		if (this.reverseNodeCache.has(key)) {
+			const nodes = cloneDeep(this.reverseNodeCache.get(key));
+			if (nodes.length > 0) {
+				const first = nodes[0];
+				if (first.modelKey !== node.modelKey) return false;
+				this.c.node.update(first);
+				this.c.node.setNodes(nodes, false);
+				this.reverseNodeCache.delete(key);
+				return true;
+			}
+		}
+		return false;
+	}
+};
+//#endregion
+export { CacheController };

package/es/modules/relationship-diagram-config/components/diagram-config-item/diagram-config-item.css

@@ -0,0 +1,123 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-diagram-config-item {
+  width: 100%;
+  height: 100%;
+  padding: 8px 12px;
+  border: 1px solid #E8EBF0;
+  border-radius: 4px;
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);
+}
+.gct-diagram-config-item .ant-select {
+  width: 100%;
+}
+.gct-diagram-config-item__end {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  color: #F54547;
+}
+.gct-diagram-config-item__end--line {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  border-top: 1px dashed #F54547;
+}
+
+.gct-diagram-config-item__end--label {
+  position: absolute;
+  top: calc(50% - 11px);
+  left: calc(50% - 18px);
+  z-index: 1;
+  width: 36px;
+  text-align: center;
+  background-color: #fff;
+}
+
+.gct-diagram-config-item-title {
+  height: 22px;
+  margin-bottom: 9px;
+  font-size: 14px;
+  color: #212528;
+}
+
+.gct-diagram-config-item-content {
+  height: 32px;
+}
+
+.gct-diagram-config-item-select .ant-select {
+  width: 152px;
+}
+.gct-diagram-config-item-select .ant-select .ant-select-selector {
+  background-color: #F7F8FA;
+}
+.gct-diagram-config-item-select .ant-select .ant-select-selector .ant-select-selection-placeholder {
+  color: #C3C3C3;
+}
+.gct-diagram-config-item-select.is-select .ant-select-selector {
+  border-color: #3168EC !important;
+}