@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

package/es/components/TreeEx/tree-select-ex/tree-select-ex.vue_vue_type_style_index_0_scoped_1f7c12f5_lang.css

@@ -0,0 +1,67 @@
+@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-edhr-outline-select[data-v-1f7c12f5] {
+  width: 100%;
+}

package/es/components/TreeEx/type.d.ts

@@ -0,0 +1,68 @@
+import { ComponentPublicInstance } from 'vue';
+export interface ITreeNode {
+    key: string;
+    title: string;
+    children?: ITreeNode[];
+    /**
+     * 是否可选择
+     */
+    selectable?: boolean;
+    [k: string]: unknown;
+}
+export interface TreeExDropEvent {
+    event: DragEvent;
+    dragNode: ITreeNode;
+    /**
+     * 拖拽前
+     * @type {({
+     *     parent: ITreeNode | undefined; 父节点
+     *     index: number; 拖拽节点在父节点中的索引
+     *     arr: ITreeNode[]; 节点所在的数组集合
+     *     prevNode: ITreeNode | undefined; 节点的前一个节点
+     *     nextNode: ITreeNode | undefined; 节点的后一个节点
+     *   })}
+     */
+    before: {
+        parent: ITreeNode | undefined;
+        index: number;
+        arr: ITreeNode[];
+        prevNode: ITreeNode | undefined;
+        nextNode: ITreeNode | undefined;
+    };
+    /**
+     * 拖拽后
+     * @type {({
+     *     parent: ITreeNode | undefined; 父节点
+     *     index: number; 拖拽节点在父节点中的索引
+     *     arr: ITreeNode[]; 节点所在的数组集合
+     *     prevNode: ITreeNode | undefined; 节点的前一个节点
+     *     nextNode: ITreeNode | undefined; 节点的后一个节点
+     *   })}
+     */
+    after: {
+        parent: ITreeNode | undefined;
+        index: number;
+        arr: ITreeNode[];
+        prevNode: ITreeNode | undefined;
+        nextNode: ITreeNode | undefined;
+    };
+}
+export interface TreeExExpose {
+    /**
+     * 折叠所有
+     */
+    collapseAll: () => void;
+    /**
+     * 展开所有
+     */
+    expandAll: () => void;
+    /**
+     * 触发某个节点的展开收起
+     * @author lingxiaoming
+     * @date 2024-07-31 10:32:28
+     * @param {string} key 节点标识
+     * @param {boolean} isExpand 是否展开
+     */
+    expandNode(key: string, isExpand?: boolean): void;
+}
+export type TreeExInstance = ComponentPublicInstance<object, TreeExExpose>;

package/es/components/app-full-screen-container/app-full-screen-container.css

@@ -0,0 +1,77 @@
+@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-app-full-screen-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background-color: #f4f7f9;
+}
+.gct-app-full-screen-container.is-is-hidden {
+  display: none;
+}

package/es/components/app-full-screen-container/app-full-screen-container.d.ts

@@ -0,0 +1,26 @@
+import { PropType, VNode } from 'vue';
+import { IAppFullScreenContainerOptions, IOverlayContainer } from '@gct-paas/core';
+export declare const AppFullScreenContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    opts: {
+        type: PropType<IAppFullScreenContainerOptions>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    opts: {
+        type: PropType<IAppFullScreenContainerOptions>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    opts: IAppFullScreenContainerOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/**
+ * 创建全屏容器
+ *
+ * @author zhanghanrui
+ * @date 2024-07-04 15:07:25
+ * @export
+ * @param {() => VNode} render
+ * @param {IAppFullScreenContainerOptions} [opts]
+ * @return {*}  {IOverlayContainer}
+ */
+export declare function createAppFullScreenContainer(render: () => VNode, opts?: IAppFullScreenContainerOptions): IOverlayContainer;

package/es/components/app-full-screen-container/app-full-screen-container.mjs

@@ -0,0 +1,83 @@
+import { useLocale } from "../../hooks/useLocale.mjs";
+import "../../hooks/index.mjs";
+import './app-full-screen-container.css';/* empty css                                */
+import { createVNode, defineComponent, h, isVNode, provide, ref } from "vue";
+import { Modal, OverlayContainer, useNamespace } from "@gct-paas/core";
+import { ConfigProvider } from "ant-design-vue";
+import { DndProvider } from "vue3-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+//#region src/components/app-full-screen-container/app-full-screen-container.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var AppFullScreenContainer = /* @__PURE__ */ defineComponent({
+	name: "AppFullScreenContainer",
+	props: { opts: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(props, ctx) {
+		const ns = useNamespace("app-full-screen-container");
+		const isShow = ref(false);
+		const options = ref({});
+		if (props.opts) Object.assign(options.value, props.opts);
+		let data = null;
+		const modal = new Modal({ dismiss: (result) => {
+			isShow.value = false;
+			data = result;
+			ctx.emit("dismiss", data);
+		} });
+		provide("modal", modal);
+		const dismiss = (_data) => {
+			return modal.dismiss(_data);
+		};
+		const present = () => {
+			isShow.value = true;
+		};
+		const ok = async () => {
+			if (modal.ok) {
+				const result = await modal.ok();
+				if (result && result.ok) dismiss(result);
+			} else console.warn("打开模态未实现ok方法");
+		};
+		const cancel = () => {
+			if (modal.cancel) return modal.cancel();
+			return dismiss();
+		};
+		ctx.expose({
+			present,
+			dismiss,
+			ok,
+			cancel
+		});
+		const { getAntdLocale } = useLocale();
+		return () => {
+			let _slot;
+			const slot = ctx.slots.default?.();
+			if (slot && slot.length > 0 && slot[0].props) slot[0].props.modal = modal;
+			return createVNode(ConfigProvider, { "locale": getAntdLocale.value }, { default: () => [createVNode(DndProvider, { "backend": HTML5Backend }, _isSlot(_slot = h("div", {
+				class: [
+					ns.b(),
+					ns.is("is-hidden", isShow.value !== true),
+					options.value.containerClass
+				],
+				...options.value
+			}, [slot])) ? _slot : { default: () => [_slot] })] });
+		};
+	}
+});
+/**
+* 创建全屏容器
+*
+* @author zhanghanrui
+* @date 2024-07-04 15:07:25
+* @export
+* @param {() => VNode} render
+* @param {IAppFullScreenContainerOptions} [opts]
+* @return {*}  {IOverlayContainer}
+*/
+function createAppFullScreenContainer(render, opts) {
+	return new OverlayContainer(AppFullScreenContainer, render, opts);
+}
+//#endregion
+export { createAppFullScreenContainer };

package/es/components/app-popover/app-popover-component.css

@@ -0,0 +1,100 @@
+@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-popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+  display: none;
+  width: max-content;
+  background-color: #fff;
+  background-clip: padding-box;
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9 ;
+}
+.gct-popover__arrow {
+  position: absolute;
+  display: none;
+  width: 8px;
+  height: 8px;
+  background: #fff;
+  transform: rotate(45deg);
+}
+
+.gct-popover.is-show {
+  z-index: 1000;
+  display: block;
+}
+.gct-popover.is-show .gct-popover__arrow {
+  display: block;
+}
+
+.gct-popover__overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 10000;
+  background-color: transparent;
+}

package/es/components/app-popover/app-popover-component.d.ts

@@ -0,0 +1,13 @@
+import { VNode } from 'vue';
+import { IPopoverOptions, FloatingUIConfig, IOverlayPopoverContainer } from '@gct-paas/core';
+/**
+ * 创建飘窗
+ *
+ * @author chitanda
+ * @date 2022-12-29 15:12:59
+ * @export
+ * @param {() => VNode} render
+ * @param {IPopoverOptions<FloatingUIConfig>} [opts]
+ * @return {*}  {OverlayPopoverContainer}
+ */
+export declare function createPopover(render: () => VNode, opts?: IPopoverOptions<FloatingUIConfig>): IOverlayPopoverContainer;

package/es/components/app-popover/app-popover-component.mjs

@@ -0,0 +1,160 @@
+import { useLocale } from "../../hooks/useLocale.mjs";
+import "../../hooks/index.mjs";
+import './app-popover-component.css';/* empty css                            */
+import { createVNode, defineComponent, isVNode, onUnmounted, reactive, ref } from "vue";
+import { isNumber } from "lodash-es";
+import { Modal, OverlayPopoverContainer, useNamespace } from "@gct-paas/core";
+import { ConfigProvider } from "ant-design-vue";
+import { onClickOutside } from "@vueuse/core";
+import { DndProvider } from "vue3-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { arrow, autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/dom";
+//#region src/components/app-popover/app-popover-component.tsx
+/**
+* 计算飘窗显示
+*
+* @author chitanda
+* @date 2022-11-08 21:11:18
+* @param {HTMLElement} element
+* @param {HTMLElement} el
+* @param {HTMLElement} arrEl
+* @param {IPopoverOptions<FloatingUIConfig>} opts
+* @return {*}  {Promise<void>}
+*/
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+async function computePos(element, el, arrEl, opts) {
+	const middlewareArr = [
+		offset(opts.offsetOpts || 6),
+		flip(),
+		shift()
+	];
+	if (!opts.noArrow) middlewareArr.push(arrow({ element: arrEl }));
+	const config = {
+		placement: opts.placement,
+		strategy: "absolute",
+		middleware: middlewareArr
+	};
+	if (opts.options) Object.assign(config, opts.options);
+	const options = await computePosition(element, el, config);
+	{
+		const { x, y, placement, middlewareData } = options;
+		const { style } = el;
+		style.left = `${x}px`;
+		style.top = `${y}px`;
+		if (!opts.noArrow) {
+			const { x: arrowX, y: arrowY } = middlewareData.arrow;
+			const staticSide = {
+				top: "bottom",
+				right: "left",
+				bottom: "top",
+				left: "right"
+			}[placement.split("-")[0]];
+			Object.assign(arrEl.style, {
+				left: arrowX != null ? `${arrowX}px` : "",
+				top: arrowY != null ? `${arrowY}px` : "",
+				right: "",
+				bottom: "",
+				[staticSide]: "-4px"
+			});
+		}
+	}
+}
+var AppPopoverComponent = /* @__PURE__ */ defineComponent({
+	props: { opts: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(props, ctx) {
+		const ns = useNamespace("popover");
+		const isShow = ref(false);
+		const el = ref();
+		const arrEl = ref();
+		const customStyle = reactive({});
+		const { width, height, maxHeight } = props.opts;
+		if (width) if (isNumber(width)) customStyle.width = `${width}px`;
+		else customStyle.width = width;
+		if (height) if (isNumber(height)) customStyle.height = `${height}px`;
+		else customStyle.height = height;
+		if (maxHeight) if (isNumber(maxHeight)) customStyle.maxHeight = `${maxHeight}px`;
+		else customStyle.maxHeight = maxHeight;
+		const modal = new Modal({ dismiss: (data) => {
+			ctx.emit("dismiss", data);
+		} });
+		function dismiss(data) {
+			return modal.dismiss(data);
+		}
+		let cleanUpAutoUpdate = () => {};
+		onUnmounted(() => {
+			cleanUpAutoUpdate();
+		});
+		onClickOutside(el, () => {
+			dismiss({ ok: false });
+		});
+		/**
+		* 飘窗显示并计算位置
+		*
+		* @author chitanda
+		* @date 2022-11-09 12:11:04
+		* @param {HTMLElement} target
+		* @return {*}  {Promise<void>}
+		*/
+		async function present(target) {
+			isShow.value = true;
+			const updatePosition = () => {
+				return computePos(target, el.value, arrEl.value, props.opts);
+			};
+			cleanUpAutoUpdate = autoUpdate(target, el.value, updatePosition);
+		}
+		ctx.expose({
+			present,
+			dismiss
+		});
+		const onMaskClick = () => {
+			if (props.opts.autoClose === true) dismiss();
+		};
+		const { getAntdLocale } = useLocale();
+		return () => {
+			const slot = ctx.slots.default?.();
+			if (slot && slot.length > 0 && slot[0].props) slot[0].props.modal = modal;
+			const content = createVNode("div", {
+				"class": [
+					ns.b(),
+					ns.is("show", isShow.value),
+					props.opts.className
+				],
+				"ref": el,
+				"style": customStyle,
+				"onClick": (e) => {
+					e.stopPropagation();
+				}
+			}, [!props.opts.noArrow && createVNode("div", {
+				"class": [ns.e("arrow")],
+				"ref": arrEl
+			}, null), slot]);
+			if (props.opts.autoClose === true) return createVNode("div", {
+				"class": [ns.e("overlay")],
+				"onClick": () => {
+					onMaskClick();
+				}
+			}, [content]);
+			return createVNode(ConfigProvider, { "locale": getAntdLocale.value }, { default: () => [createVNode(DndProvider, { "backend": HTML5Backend }, _isSlot(content) ? content : { default: () => [content] })] });
+		};
+	}
+});
+/**
+* 创建飘窗
+*
+* @author chitanda
+* @date 2022-12-29 15:12:59
+* @export
+* @param {() => VNode} render
+* @param {IPopoverOptions<FloatingUIConfig>} [opts]
+* @return {*}  {OverlayPopoverContainer}
+*/
+function createPopover(render, opts) {
+	return new OverlayPopoverContainer(AppPopoverComponent, render, opts);
+}
+//#endregion
+export { createPopover };

package/es/components/copy-module-key/copy-module-key.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
 import copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default from "./copy-module-key.vue_vue_type_script_setup_true_name_copy-module-key_lang.mjs";
-import './copy-module-key.vue_vue_type_style_index_0_scoped_531b3cd2_lang.css';/* empty css                                                                     */
+import './copy-module-key.vue_vue_type_style_index_0_scoped_66e22862_lang.css';/* empty css                                                                     */
 //#region src/components/copy-module-key/copy-module-key.vue
-var copy_module_key_default = /* @__PURE__ */ _plugin_vue_export_helper_default(copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default, [["__scopeId", "data-v-531b3cd2"]]);
+var copy_module_key_default = /* @__PURE__ */ _plugin_vue_export_helper_default(copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default, [["__scopeId", "data-v-66e22862"]]);
 //#endregion
 export { copy_module_key_default as default };

package/es/components/copy-module-key/copy-module-key.vue_vue_type_script_setup_true_name_copy-module-key_lang.mjs

@@ -14,6 +14,7 @@ var _hoisted_3 = {
 	class: "copy-wrap"
 };
 var copy_module_key_vue_vue_type_script_setup_true_name_copy_module_key_lang_default = /* @__PURE__ */ defineComponent({
+	name: "CopyModuleKey",
 	__name: "copy-module-key",
 	props: {
 		moduleKey: {

package/es/components/copy-module-key/{copy-module-key.vue_vue_type_style_index_0_scoped_531b3cd2_lang.css → copy-module-key.vue_vue_type_style_index_0_scoped_66e22862_lang.css}

@@ -1,8 +1,8 @@
 
-.copy-wrap[data-v-531b3cd2] {
+.copy-wrap[data-v-66e22862] {
   display: inline-block;
 }
-.iconfont.icon-fuzhi[data-v-531b3cd2] {
+.iconfont.icon-fuzhi[data-v-66e22862] {
   margin-left: 4px;
   line-height: 0.8;
   cursor: pointer;
@@ -10,10 +10,10 @@
   top: 2px;
 }
 .copy-wrap-tooltip {
-&[data-v-531b3cd2] {
+&[data-v-66e22862] {
   display: flex;
   }
-.copy-key[data-v-531b3cd2] {
+.copy-key[data-v-66e22862] {
     display: inline-block;
     width: 100%;
     overflow: hidden;

package/es/components/field-cascader/index.d.ts

@@ -0,0 +1,2 @@
+import { default as FieldCascader } from './src/FieldCascader.vue';
+export { FieldCascader };

package/es/components/field-cascader/index.mjs

@@ -0,0 +1 @@
+import "./src/FieldCascader.vue.mjs";