@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/field-transfer/less/TransferTree.css

@@ -0,0 +1,86 @@
+.transfer-tree-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  align-items: stretch;
+  height: 100%;
+  padding-top: 12px;
+}
+.transfer-tree-container .search-container {
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+}
+.transfer-tree-container .search-container .search-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  color: #bfbfbf;
+  font-size: 14px;
+}
+.transfer-tree-container .tree-wrapper {
+  flex: 1;
+  padding-top: 12px;
+}
+.transfer-tree-container .tree-wrapper .empty-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+.transfer-tree-container .ant-tree-treenode {
+  align-items: center;
+  padding: 0 12px;
+  transition: background 0.3s;
+}
+.transfer-tree-container .ant-tree-treenode:hover {
+  background-color: #e6eeff;
+}
+.transfer-tree-container .ant-tree-node-content-wrapper {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding-left: 0;
+}
+.transfer-tree-container .ant-tree-node-content-wrapper.ant-tree-node-selected {
+  background-color: transparent;
+}
+.transfer-tree-container .ant-tree-node-content-wrapper:hover {
+  background-color: transparent;
+}
+.transfer-tree-container .ant-tree-title {
+  flex: 1;
+  color: #333;
+}
+.transfer-tree-container .ant-tree-icon__customize {
+  color: var(--ant-primary-color);
+}
+.transfer-tree-container .ant-tree-treenode-disabled .ant-tree-icon__customize {
+  color: var(--ant-primary-color-disabled);
+}
+.transfer-tree-container .ant-tree-switcher-leaf-line,
+.transfer-tree-container .ant-tree-indent {
+  opacity: 0;
+}
+.transfer-tree-container .ant-tree-switcher {
+  display: none;
+  position: relative;
+  top: -1px;
+  align-self: center;
+  width: 20px;
+  background: transparent;
+  color: rgba(0, 0, 0, 0.45);
+}
+.transfer-tree-container .ant-tree-checkbox {
+  margin-top: 0;
+  margin-right: 4px;
+}
+.transfer-tree-container .ant-empty-image {
+  width: 90px;
+  height: 66px;
+}
+.transfer-tree-container .ant-empty-description {
+  color: #A6A6A6;
+}

package/es/components/field-transfer/less/TreeItem.css

@@ -0,0 +1,29 @@
+.tree-item-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.tree-item-container:hover .operation-container {
+  opacity: 1;
+}
+.tree-item-container .tree-title {
+  word-break: keep-all;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  width: 1px;
+}
+.tree-item-container .operation-container {
+  opacity: 0;
+  white-space: nowrap;
+  color: #8c8c8c;
+}
+.tree-item-container .operation-container .iconfont {
+  color: #bfbfbf;
+  margin: 0 4px;
+  font-size: 12px;
+}
+.tree-item-container .operation-container .iconfont:hover {
+  color: #595959;
+}

package/es/components/field-transfer/useFieldTransfer.d.ts

@@ -0,0 +1,47 @@
+import { FIELD_TYPE, CreateType } from '@gct-paas/core';
+export interface IFieldTransferProps {
+    /** 模型key */
+    modelKey: string;
+    /** 模态框标题 */
+    modalTitle?: string;
+    /** 是否显示级联选择 */
+    isShowCascader?: boolean;
+    /**提示消息 */
+    promptMessage?: string;
+    /** 选中的字段数组 */
+    data: IObject[];
+    /** 穿梭框标题集合 */
+    titles?: string[];
+    /** 包含的字段 */
+    containFieldType?: FIELD_TYPE[];
+    /** 包含的字段key */
+    containFieldKey?: string[];
+    /** 禁用的字段key */
+    disabledFieldKey?: string[];
+    /** 排除的字段 */
+    excludeFieldKey?: string[];
+    /** 排除的字段 */
+    excludeFieldType?: FIELD_TYPE[];
+    /**包含的字段创建类型 */
+    containCreateType?: CreateType[];
+    /**过滤函数 */
+    filterFieldByFunction?: (field: object) => boolean;
+    /** 最大选择个数 */
+    maxEnableCount?: number;
+    /** 是否支持拖拽 */
+    draggable?: boolean;
+    /**
+     * 子表的关联主键字段的父模型字段
+     */
+    childParentModelKey?: string;
+    width?: number;
+    saveCallback?: (params: IObject) => void;
+}
+export interface IFieldTransferOptions {
+    target?: any;
+    props?: Partial<IFieldTransferProps>;
+}
+export declare function useFieldTransfer(): {
+    open: (params: Partial<IFieldTransferProps> | Partial<IFieldTransferOptions>) => Promise<void>;
+    close: () => void;
+};

package/es/components/field-transfer/useFieldTransfer.mjs

@@ -0,0 +1,48 @@
+import modal_wrapper_default from "./components/modal-wrapper.vue.mjs";
+import { has } from "lodash-es";
+import { OverlayContainer } from "@gct-paas/core";
+import { ref, unref } from "vue";
+//#region src/components/field-transfer/useFieldTransfer.ts
+function useFieldTransfer() {
+	let app = null;
+	let instance = null;
+	const modalKey = ref("");
+	async function open(params) {
+		let props;
+		let target = document.body;
+		if (has(params, "target") || has(params, "props")) {
+			const options = params;
+			props = options.props || {};
+			target = options.target || document.body;
+		} else props = params;
+		modalKey.value = `field-transfer-modal-${Math.random().toString(16).substring(8)}`;
+		const propsData = {
+			width: 740,
+			modalKey: unref(modalKey),
+			destroyCallback: close,
+			...props
+		};
+		if (!app) {
+			const container = document.createElement("div");
+			container.id = unref(modalKey);
+			unref(target)?.appendChild(container);
+			app = await OverlayContainer.createVueApp(modal_wrapper_default, propsData);
+			instance = app.mount(container);
+		}
+		instance.open();
+	}
+	function close() {
+		document.querySelector(`#${unref(modalKey)}`).remove();
+		if (app) {
+			app.unmount();
+			app = null;
+			instance = null;
+		}
+	}
+	return {
+		open,
+		close
+	};
+}
+//#endregion
+export { useFieldTransfer };

package/es/components/field-transfer/utils/tree-tool.d.ts

@@ -0,0 +1,6 @@
+import { ColumnItem, TreeNodeGroup, TreeNode } from '../types/index.d';
+export declare function isGroupNode(node: TreeNode): node is TreeNodeGroup;
+export declare function generateData(nodes: TreeNode[]): ColumnItem[];
+export declare function traverse(handler: (node: TreeNode) => void, items: TreeNode[]): void;
+export declare function findNode(key: string, root: TreeNodeGroup): TreeNode | undefined;
+export declare function traverseFilter(handler: (node: TreeNode) => boolean, items: TreeNode[]): TreeNode[];

package/es/components/field-transfer/utils/tree-tool.mjs

@@ -0,0 +1,62 @@
+//#region src/components/field-transfer/utils/tree-tool.ts
+function isGroupNode(node) {
+	return node.type === "group";
+}
+function generateData(nodes) {
+	return nodes.map((node) => {
+		if (isGroupNode(node)) return {
+			width: node.width,
+			id: node.key,
+			title: node.title,
+			type: node.type,
+			children: generateData(node.children || [])
+		};
+		return {
+			width: node.width,
+			id: node.key,
+			title: node.title,
+			type: node.type,
+			modelKey: node.modelKey
+		};
+	});
+}
+function traverse(handler, items) {
+	items.forEach((node) => {
+		handler(node);
+		if (isGroupNode(node)) traverse(handler, node.children);
+	});
+}
+function findNode(key, root) {
+	let result;
+	const handler = (items) => {
+		return items.some((node) => {
+			if (node.key === key) {
+				result = node;
+				return true;
+			}
+			if (isGroupNode(node)) return handler(node.children);
+			return false;
+		});
+	};
+	if (root.key === key) return root;
+	handler(root.children);
+	return result;
+}
+function traverseFilter(handler, items) {
+	const result = [];
+	items.forEach((node) => {
+		if (isGroupNode(node)) {
+			const children = traverseFilter(handler, node.children);
+			if (children.length === 0 && !handler(node)) return;
+			result.push({
+				...node,
+				children
+			});
+			return;
+		}
+		if (handler(node)) result.push(node);
+	});
+	return result;
+}
+//#endregion
+export { findNode, generateData, isGroupNode, traverse, traverseFilter };

package/es/components/icon/downleft-icon.vue.mjs

@@ -1,11 +1,23 @@
-import { defineComponent } from 'vue';
-import Icon from '@ant-design/icons-vue';
-
-const _sfc_main = defineComponent({
-  name: "DownleftIcon",
-  components: {
-    Icon
-  }
-});
-
-export { _sfc_main as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import downleft_icon_vue_vue_type_script_lang_default from "./downleft-icon.vue_vue_type_script_lang.mjs";
+import { createBlock, createElementVNode, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/icon/downleft-icon.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_icon = resolveComponent("icon");
+	return openBlock(), createBlock(_component_icon, null, {
+		component: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+			width: "1em",
+			height: "1em",
+			fill: "currentColor",
+			viewBox: "0 0 1024 1024"
+		}, [createElementVNode("path", {
+			d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m64 320h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32z",
+			fill: "#000000",
+			"p-id": "4633"
+		})], -1)])]),
+		_: 1
+	});
+}
+var downleft_icon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(downleft_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { downleft_icon_default as default };

package/es/components/icon/downleft-icon.vue_vue_type_script_lang.mjs

@@ -0,0 +1,9 @@
+import { defineComponent } from "vue";
+import Icon from "@ant-design/icons-vue";
+//#region src/components/icon/downleft-icon.vue?vue&type=script&lang.ts
+var downleft_icon_vue_vue_type_script_lang_default = defineComponent({
+	name: "DownleftIcon",
+	components: { Icon }
+});
+//#endregion
+export { downleft_icon_vue_vue_type_script_lang_default as default };

package/es/components/icon/downright-icon.vue.mjs

@@ -1,11 +1,23 @@
-import { defineComponent } from 'vue';
-import Icon from '@ant-design/icons-vue';
-
-const _sfc_main = defineComponent({
-  name: "DownrightIcon",
-  components: {
-    Icon
-  }
-});
-
-export { _sfc_main as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import downright_icon_vue_vue_type_script_lang_default from "./downright-icon.vue_vue_type_script_lang.mjs";
+import { createBlock, createElementVNode, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/icon/downright-icon.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_icon = resolveComponent("icon");
+	return openBlock(), createBlock(_component_icon, null, {
+		component: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+			width: "1em",
+			height: "1em",
+			fill: "currentColor",
+			viewBox: "0 0 1024 1024"
+		}, [createElementVNode("path", {
+			d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m448 320h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32v-192a32 32 0 0 1 32-32z",
+			fill: "#000000",
+			"p-id": "4921"
+		})], -1)])]),
+		_: 1
+	});
+}
+var downright_icon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(downright_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { downright_icon_default as default };

package/es/components/icon/downright-icon.vue_vue_type_script_lang.mjs

@@ -0,0 +1,9 @@
+import { defineComponent } from "vue";
+import Icon from "@ant-design/icons-vue";
+//#region src/components/icon/downright-icon.vue?vue&type=script&lang.ts
+var downright_icon_vue_vue_type_script_lang_default = defineComponent({
+	name: "DownrightIcon",
+	components: { Icon }
+});
+//#endregion
+export { downright_icon_vue_vue_type_script_lang_default as default };

package/es/components/icon/upleft-icon.vue.mjs

@@ -1,11 +1,23 @@
-import { defineComponent } from 'vue';
-import Icon from '@ant-design/icons-vue';
-
-const _sfc_main = defineComponent({
-  name: "UpleftIcon",
-  components: {
-    Icon
-  }
-});
-
-export { _sfc_main as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import upleft_icon_vue_vue_type_script_lang_default from "./upleft-icon.vue_vue_type_script_lang.mjs";
+import { createBlock, createElementVNode, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/icon/upleft-icon.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_icon = resolveComponent("icon");
+	return openBlock(), createBlock(_component_icon, null, {
+		component: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+			width: "1em",
+			height: "1em",
+			fill: "currentColor",
+			viewBox: "0 0 1024 1024"
+		}, [createElementVNode("path", {
+			d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m64 64h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32H224a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32z",
+			fill: "#000000",
+			"p-id": "4489"
+		})], -1)])]),
+		_: 1
+	});
+}
+var upleft_icon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upleft_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { upleft_icon_default as default };

package/es/components/icon/upleft-icon.vue_vue_type_script_lang.mjs

@@ -0,0 +1,9 @@
+import { defineComponent } from "vue";
+import Icon from "@ant-design/icons-vue";
+//#region src/components/icon/upleft-icon.vue?vue&type=script&lang.ts
+var upleft_icon_vue_vue_type_script_lang_default = defineComponent({
+	name: "UpleftIcon",
+	components: { Icon }
+});
+//#endregion
+export { upleft_icon_vue_vue_type_script_lang_default as default };

package/es/components/icon/upright-icon.vue.mjs

@@ -1,11 +1,23 @@
-import { defineComponent } from 'vue';
-import Icon from '@ant-design/icons-vue';
-
-const _sfc_main = defineComponent({
-  name: "UprightIcon",
-  components: {
-    Icon
-  }
-});
-
-export { _sfc_main as default };
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import upright_icon_vue_vue_type_script_lang_default from "./upright-icon.vue_vue_type_script_lang.mjs";
+import { createBlock, createElementVNode, openBlock, resolveComponent, withCtx } from "vue";
+//#region src/components/icon/upright-icon.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_icon = resolveComponent("icon");
+	return openBlock(), createBlock(_component_icon, null, {
+		component: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+			width: "1em",
+			height: "1em",
+			fill: "currentColor",
+			viewBox: "0 0 1024 1024"
+		}, [createElementVNode("path", {
+			d: "M128 128h768a64 64 0 0 1 64 64v640a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V192a64 64 0 0 1 64-64z m32 64a32 32 0 0 0-32 32v576a32 32 0 0 0 32 32h704a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H160z m448 64h192a32 32 0 0 1 32 32v192a32 32 0 0 1-32 32h-192a32 32 0 0 1-32-32V288a32 32 0 0 1 32-32z",
+			fill: "#000000",
+			"p-id": "4777"
+		})], -1)])]),
+		_: 1
+	});
+}
+var upright_icon_default = /* @__PURE__ */ _plugin_vue_export_helper_default(upright_icon_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { upright_icon_default as default };

package/es/components/icon/upright-icon.vue_vue_type_script_lang.mjs

@@ -0,0 +1,9 @@
+import { defineComponent } from "vue";
+import Icon from "@ant-design/icons-vue";
+//#region src/components/icon/upright-icon.vue?vue&type=script&lang.ts
+var upright_icon_vue_vue_type_script_lang_default = defineComponent({
+	name: "UprightIcon",
+	components: { Icon }
+});
+//#endregion
+export { upright_icon_vue_vue_type_script_lang_default as default };

package/es/components/index.d.ts

@@ -6,4 +6,7 @@ export default _default;
 export { DesignSaveTip } from './design-save-tip/design-save-tip';
 export { DesignStepCheck } from './design-step-check/design-step-check';
 export { DesignViewLayout } from './design-view-layout/design-view-layout';
+export { FieldCascader } from './field-cascader';
+export { useFieldTransfer } from './field-transfer';
 export { ModalNameEditor } from './modal-name-editor/modal-name-editor';
+export * from './user-occupy';

package/es/components/index.mjs

@@ -1,26 +1,23 @@
-import Design from './design/index.mjs';
-import Material from './material/index.mjs';
-import Panel from './panel/index.mjs';
-import Editor from './editor/index.mjs';
-import { DesignIconButton } from './design-icon-button/design-icon-button.mjs';
-import { MobileContainer } from './mobile-container/mobile-container.mjs';
-import 'vue';
-import '@gct-paas/core';
-import './design-view-layout/design-view-layout.css';import './modal-name-editor/modal-name-editor.css';import './design-step-check/design-step-check.css';import './design-save-tip/design-save-tip.css';/* empty css                                      */
-/* empty css                                          */
-import '@vueuse/core';
-/* empty css                                          */
-/* empty css                                            */
-
-const Components = {
-  install(app) {
-    app.use(Design);
-    app.use(Material);
-    app.use(Panel);
-    app.use(Editor);
-    app.component(DesignIconButton.name, DesignIconButton);
-    app.component(MobileContainer.name, MobileContainer);
-  }
-};
-
-export { Components as default };
+import editor_default from "./editor/index.mjs";
+import { DesignIconButton } from "./design-icon-button/design-icon-button.mjs";
+import { MobileContainer } from "./mobile-container/mobile-container.mjs";
+import "./design-save-tip/design-save-tip.mjs";
+import "./design-step-check/design-step-check.mjs";
+import "./modal-name-editor/modal-name-editor.mjs";
+import "./design-view-layout/design-view-layout.mjs";
+import "./field-cascader/src/FieldCascader.vue.mjs";
+import "./field-cascader/index.mjs";
+import "./field-transfer/useFieldTransfer.mjs";
+import "./field-transfer/index.mjs";
+import "./user-occupy/useUserOccupy.mjs";
+import "./user-occupy/user-lock.vue.mjs";
+import "./user-occupy/user-occupy.vue.mjs";
+import "./user-occupy/index.mjs";
+//#region src/components/index.ts
+var components_default = { install(app) {
+	app.use(editor_default);
+	app.component(DesignIconButton.name, DesignIconButton);
+	app.component(MobileContainer.name, MobileContainer);
+} };
+//#endregion
+export { components_default as default };

package/es/components/mobile-container/mobile-container.d.ts

@@ -9,6 +9,7 @@ export declare const MobileContainer: import('vue').DefineComponent<import('vue'
     };
     title: {
         type: StringConstructor;
+        default: () => any;
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
@@ -24,8 +25,10 @@ export declare const MobileContainer: import('vue').DefineComponent<import('vue'
     };
     title: {
         type: StringConstructor;
+        default: () => any;
     };
 }>> & Readonly<{}>, {
+    title: string;
     headerBgColor: boolean;
     showTitleBar: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;