@gct-paas/core-web 0.1.4-dev.11 → 0.1.4-dev.13

package/es/modules/color-picker/src/ColorPicker.vue_vue_type_script_setup_true_name_ColorPicker_lang.mjs

@@ -0,0 +1,482 @@
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, resolveComponent, watch, withCtx } from "vue";
+//#region src/modules/color-picker/src/ColorPicker.vue?vue&type=script&setup=true&name=ColorPicker&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "component"
+};
+var _hoisted_2 = { class: "box" };
+var _hoisted_3 = { style: { borderRadius: "4px" } };
+var _hoisted_4 = { class: "color-picker-middle" };
+var _hoisted_5 = { style: { "flex": "auto" } };
+var _hoisted_6 = { class: "color-picker-diamond" };
+var _hoisted_7 = { class: "color-picker-value" };
+var _hoisted_8 = { class: "hex" };
+var _hoisted_9 = ["value"];
+var _hoisted_10 = { class: "rgba-r" };
+var _hoisted_11 = ["value"];
+var _hoisted_12 = { class: "rgba-g" };
+var _hoisted_13 = ["value"];
+var _hoisted_14 = { class: "rgba-b" };
+var _hoisted_15 = ["value"];
+var _hoisted_16 = { class: "rgba-a" };
+var _hoisted_17 = ["value"];
+var _hoisted_18 = { class: "presetColor" };
+var _hoisted_19 = { class: "preset" };
+var _hoisted_20 = ["onClick"];
+var ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ColorPicker",
+	__name: "ColorPicker",
+	props: {
+		color: { default: () => "#FFFFFF00" },
+		preset: { default: () => [
+			"#D0021B",
+			"#F5A623",
+			"#F8E71C",
+			"#8B572A",
+			"#7ED321",
+			"#417505",
+			"#BD10E0",
+			"#9013FE",
+			"#4A90E2",
+			"#50E3C2",
+			"#B8E986",
+			"#000000",
+			"#4A4A4A",
+			"#9B9B9B",
+			"#FFFFFF"
+		] },
+		width: { default: 240 },
+		useTrigger: {
+			type: Boolean,
+			default: false
+		},
+		placement: { default: "bottomLeft" }
+	},
+	emits: ["update:color"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const saturationRef = ref();
+		const hueSliderRef = ref();
+		const alphaSliderRef = ref();
+		const pointStyle = ref("");
+		const hueSliderStyle = ref("left: 0;");
+		const alphaSliderStyle = ref("left: calc(100% - 6px);");
+		const hue = ref(0);
+		const saturation = ref(1);
+		const value = ref(1);
+		const red = ref(255);
+		const green = ref(0);
+		const blue = ref(0);
+		const alpha = ref(1);
+		watch(() => props.color, () => {
+			const { r, g, b, a } = parseColor(props.color || "#FFFFFF00");
+			red.value = r;
+			green.value = g;
+			blue.value = b;
+			alpha.value = a;
+		});
+		const { r, g, b, a } = parseColor(props.color || "#FFFFFF00");
+		red.value = r;
+		green.value = g;
+		blue.value = b;
+		alpha.value = a;
+		onMounted(() => {
+			const { h, s, v } = rgb2hsv(red.value, green.value, blue.value);
+			hue.value = h;
+			saturation.value = s;
+			value.value = v;
+			pointStyle.value = `top: ${100 - v * 100}%;left: ${s * 100}%;`;
+			hueSliderStyle.value = `left: ${hue.value / 360 * 100}%;`;
+			alphaSliderStyle.value = `left: ${alpha.value >= 1 ? "calc(100% - 6px)" : alpha.value * 100 + "%"};`;
+		});
+		const colorObj = computed(() => {
+			const r = red.value;
+			const g = green.value;
+			const b = blue.value;
+			const a = alpha.value;
+			const h = hue.value;
+			const s = saturation.value;
+			const v = value.value;
+			return {
+				rgb: `rgba(${r},${g},${b})`,
+				rgba: `rgba(${r},${g},${b},${a})`,
+				hex6: rgba2hex(r, g, b),
+				hex8: rgba2hex(r, g, b, a),
+				hsv: `hsv(${h},${s},${v})`,
+				hsl: ``
+			};
+		});
+		watch(() => colorObj.value.hex8, () => {
+			emit("update:color", {
+				r: red.value,
+				g: green.value,
+				b: blue.value,
+				a: alpha.value
+			}, colorObj.value.hex8);
+			const { h, s, v } = rgb2hsv(red.value, green.value, blue.value);
+			hue.value = h;
+			saturation.value = s;
+			value.value = v;
+			pointStyle.value = `top: ${100 - v * 100}%;left: ${s * 100}%;`;
+			hueSliderStyle.value = `left: ${hue.value / 360 * 100}%;`;
+		});
+		function hexChange(e) {
+			const v = e.target.value;
+			if (/^#?([0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(v)) {
+				let { r, g, b, a } = hex2rgba(v);
+				red.value = r;
+				green.value = g;
+				blue.value = b;
+				alpha.value = a;
+			}
+		}
+		function redChange(e) {
+			const v = e.target.value;
+			if (v !== "") {
+				const num = parseInt(v);
+				num > 255 && (red.value = 255);
+				num < 0 && (red.value = 0);
+				num >= 0 && num <= 255 && (red.value = num);
+			}
+		}
+		function greenChange(e) {
+			const v = e.target.value;
+			if (v !== "") {
+				const num = parseInt(v);
+				num > 255 && (green.value = 255);
+				num < 0 && (green.value = 0);
+				num >= 0 && num <= 255 && (green.value = num);
+			}
+		}
+		function blueChange(e) {
+			const v = e.target.value;
+			if (v !== "") {
+				const num = parseInt(v);
+				num > 255 && (blue.value = 255);
+				num < 0 && (blue.value = 0);
+				num >= 0 && num <= 255 && (blue.value = num);
+			}
+		}
+		function alphaChange(e) {
+			const v = e.target.value;
+			if (v !== "") {
+				const num = parseFloat(v);
+				alpha.value = num;
+				num > 1 && (alpha.value = 1);
+				num < 0 && (alpha.value = 0);
+				num >= 0 && num <= 1 && (alpha.value = num);
+			}
+		}
+		function presetChange(item) {
+			if (/^#?([0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/.test(item)) {
+				let { r, g, b, a } = hex2rgba(item);
+				red.value = r;
+				green.value = g;
+				blue.value = b;
+				alpha.value = a;
+				alphaSliderStyle.value = `left: calc(100% - 6px);`;
+				alpha.value = 1;
+			}
+		}
+		function handleChangeSV(e) {
+			if (!saturationRef.value) return;
+			const w = saturationRef.value.clientWidth;
+			const h = saturationRef.value.clientHeight;
+			let x = e.pageX - saturationRef.value.getBoundingClientRect().left;
+			let y = e.pageY - saturationRef.value.getBoundingClientRect().top;
+			x = x < w && x > 0 ? x : x > w ? w : 0;
+			y = y < h && y > 0 ? y : y > h ? h : 0;
+			saturation.value = Math.floor(x / w * 100 + .5) / 100;
+			value.value = Math.floor((1 - y / h) * 100 + .5) / 100;
+			const { r, g, b } = hsv2rgb(hue.value, saturation.value, value.value);
+			red.value = r;
+			green.value = g;
+			blue.value = b;
+			pointStyle.value = `top: ${y}px;left: ${x}px;`;
+		}
+		function mousedownSV(e) {
+			handleChangeSV(e);
+			window.addEventListener("mousemove", handleChangeSV);
+			window.addEventListener("mouseup", mouseupSV);
+			alphaSliderStyle.value = `left: calc(100% - 6px);`;
+			alpha.value = 1;
+		}
+		function mouseupSV() {
+			window.removeEventListener("mousemove", handleChangeSV);
+			window.removeEventListener("mouseup", mouseupSV);
+		}
+		function handleChangeHue(e) {
+			let w = hueSliderRef.value.clientWidth;
+			let x = e.pageX - saturationRef.value.getBoundingClientRect().left;
+			x = x < w && x > 0 ? x : x > w ? w : 0;
+			hue.value = Math.floor(x / w * 360 + .5);
+			let { r, g, b } = hsv2rgb(hue.value, saturation.value, value.value);
+			red.value = r;
+			green.value = g;
+			blue.value = b;
+			hueSliderStyle.value = `left: ${x >= w - 6 ? w - 6 : x}px;`;
+		}
+		function mousedownHue(e) {
+			handleChangeHue(e);
+			window.addEventListener("mousemove", handleChangeHue);
+			window.addEventListener("mouseup", mouseupHue);
+		}
+		function mouseupHue() {
+			window.removeEventListener("mousemove", handleChangeHue);
+			window.removeEventListener("mouseup", mouseupHue);
+		}
+		function handleChangeAlpha(e) {
+			let w = alphaSliderRef.value.clientWidth;
+			let x = e.pageX - saturationRef.value.getBoundingClientRect().left;
+			x = x < w && x > 0 ? x : x > w ? w : 0;
+			alpha.value = Math.floor(x / w * 100 + .5) / 100;
+			alphaSliderStyle.value = `left: ${x >= w - 6 ? w - 6 : x}px;`;
+		}
+		function mousedownAlpha(e) {
+			handleChangeAlpha(e);
+			window.addEventListener("mousemove", handleChangeAlpha);
+			window.addEventListener("mouseup", mouseupAlpha);
+		}
+		function mouseupAlpha() {
+			window.removeEventListener("mousemove", handleChangeAlpha);
+			window.removeEventListener("mouseup", mouseupAlpha);
+		}
+		/**
+		* 解析输入的数据,只能解析hex颜色和rgb对象形式的数据
+		* @param color
+		*/
+		function parseColor(color) {
+			if (color) {
+				let r, g, b, a;
+				if (typeof color === "string") {
+					if (/^#?([0-9a-fA-F]{6}|[0-9a-fA-F]{8}|[0-9a-fA-F]{3}|[0-9a-fA-F]{4})$/.test(color)) return hex2rgba(color);
+					return parseRGBA(color);
+				} else {
+					r = color.r > 255 ? 255 : color.r < 0 ? 0 : color.r;
+					g = color.g > 255 ? 255 : color.g < 0 ? 0 : color.g;
+					b = color.b > 255 ? 255 : color.b < 0 ? 0 : color.b;
+					a = color.a > 1 ? 1 : color.a < 0 ? 0 : color.a;
+					return {
+						r,
+						g,
+						b,
+						a
+					};
+				}
+			} else return {
+				r: 0,
+				g: 0,
+				b: 0,
+				a: 1
+			};
+		}
+		function hsv2rgb(h, s, v) {
+			h === 360 && (h = 0);
+			let i = Math.floor(h / 60) % 6;
+			let f = h / 60 - i;
+			let p = v * (1 - s);
+			let q = v * (1 - s * f);
+			let t = v * (1 - s * (1 - f));
+			let r = 0, g = 0, b = 0;
+			if (i === 0) {
+				r = v;
+				g = t;
+				b = p;
+			} else if (i === 1) {
+				r = q;
+				g = v;
+				b = p;
+			} else if (i === 2) {
+				r = p;
+				g = v;
+				b = t;
+			} else if (i === 3) {
+				r = p;
+				g = q;
+				b = v;
+			} else if (i === 4) {
+				r = t;
+				g = p;
+				b = v;
+			} else if (i === 5) {
+				r = v;
+				g = p;
+				b = q;
+			}
+			r = Math.floor(r * 255 + .5);
+			g = Math.floor(g * 255 + .5);
+			b = Math.floor(b * 255 + .5);
+			return {
+				r,
+				g,
+				b
+			};
+		}
+		function rgb2hsv(r, g, b) {
+			let r1 = r / 255;
+			let g1 = g / 255;
+			let b1 = b / 255;
+			let cmax = Math.max(r1, g1, b1);
+			let d = cmax - Math.min(r1, g1, b1);
+			let h = 0, s, v;
+			if (d === 0) h = 0;
+			else if (cmax === r1) h = (60 * (g1 - b1) / d + 360) % 360;
+			else if (cmax === g1) h = 60 * ((b1 - r1) / d + 2);
+			else if (cmax === b1) h = 60 * ((r1 - g1) / d + 4);
+			if (cmax === 0) s = 0;
+			else s = d / cmax;
+			v = cmax;
+			h = Math.floor(h + .5);
+			s = Math.floor(s * 100 + .5) / 100;
+			v = Math.floor(v * 100 + .5) / 100;
+			return {
+				h,
+				s,
+				v
+			};
+		}
+		function rgba2hex(r, g, b, a = 1) {
+			r = parseInt(r);
+			let r1 = r.toString(16).length !== 2 ? "0" + r.toString(16) : r.toString(16);
+			g = parseInt(g);
+			let g1 = g.toString(16).length !== 2 ? "0" + g.toString(16) : g.toString(16);
+			b = parseInt(b);
+			let b1 = b.toString(16).length !== 2 ? "0" + b.toString(16) : b.toString(16);
+			a = parseFloat(a);
+			let a1 = "";
+			if (a !== 1) {
+				let temp = Math.floor(256 * a);
+				a1 = temp.toString(16).length !== 2 ? "0" + temp.toString(16) : temp.toString(16);
+			}
+			return `#${r1}${g1}${b1}${a1}`.toUpperCase();
+		}
+		function hex2rgba(s) {
+			if (/^#?[0-9a-fA-F]{3}$/.test(s)) {
+				let b = s.substring(s.length - 1, s.length);
+				let g = s.substring(s.length - 2, s.length - 1);
+				let r = s.substring(s.length - 3, s.length - 2);
+				return hex2rgba(`${r + r}${g + g}${b + b}`);
+			}
+			if (/^#?[0-9a-fA-F]{4}$/.test(s)) {
+				let a = s.substring(s.length - 1, s.length);
+				let b = s.substring(s.length - 2, s.length - 1);
+				let g = s.substring(s.length - 3, s.length - 2);
+				let r = s.substring(s.length - 4, s.length - 3);
+				return hex2rgba(`${r + r}${g + g}${b + b}${a + a}`);
+			}
+			if (/^#?[0-9a-fA-F]{6}$/.test(s)) {
+				let b = parseInt("0x" + s.substring(s.length - 2, s.length));
+				let g = parseInt("0x" + s.substring(s.length - 4, s.length - 2));
+				return {
+					r: parseInt("0x" + s.substring(s.length - 6, s.length - 4)),
+					g,
+					b,
+					a: 1
+				};
+			}
+			if (/^#?[0-9a-fA-F]{8}$/.test(s)) {
+				let a = parseInt("0x" + s.substring(s.length - 2, s.length));
+				a = a / 255;
+				let b = parseInt("0x" + s.substring(s.length - 4, s.length - 2));
+				let g = parseInt("0x" + s.substring(s.length - 6, s.length - 4));
+				return {
+					r: parseInt("0x" + s.substring(s.length - 8, s.length - 6)),
+					g,
+					b,
+					a
+				};
+			}
+		}
+		function parseRGBA(colorString) {
+			const match = colorString.match(/^rgba?\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})(?:,\s*([\d.]+))?\)$/);
+			if (match) {
+				const alpha = match[4] ? parseFloat(match[4]) : 1;
+				return {
+					r: parseInt(match[1], 10),
+					g: parseInt(match[2], 10),
+					b: parseInt(match[3], 10),
+					a: alpha
+				};
+			} else throw new Error("Invalid RGBA string");
+		}
+		return (_ctx, _cache) => {
+			const _component_a_popover = resolveComponent("a-popover");
+			return openBlock(), createBlock(_component_a_popover, {
+				placement: __props.placement,
+				trigger: "click",
+				"overlay-class-name": "color-picker__popover"
+			}, {
+				content: withCtx(() => [createElementVNode("div", {
+					class: "color-picker",
+					style: normalizeStyle({ "--w": __props.width + "px" })
+				}, [
+					createElementVNode("div", {
+						ref_key: "saturationRef",
+						ref: saturationRef,
+						class: "color-picker-saturation",
+						onMousedown: mousedownSV
+					}, [
+						createElementVNode("div", { style: normalizeStyle(`background-color: hsl(${hue.value}, 100%, 50%);`) }, [createElementVNode("div", {
+							class: "point",
+							style: normalizeStyle(pointStyle.value)
+						}, null, 4)], 4),
+						_cache[0] || (_cache[0] = createElementVNode("div", { class: "color-picker-saturation-t" }, null, -1)),
+						_cache[1] || (_cache[1] = createElementVNode("div", { class: "color-picker-saturation-h" }, null, -1))
+					], 544),
+					createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createElementVNode("div", {
+						ref_key: "hueSliderRef",
+						ref: hueSliderRef,
+						class: "hue-slider",
+						onMousedown: mousedownHue
+					}, [createElementVNode("div", {
+						class: "slider",
+						style: normalizeStyle(hueSliderStyle.value)
+					}, null, 4)], 544), createElementVNode("div", {
+						ref_key: "alphaSliderRef",
+						ref: alphaSliderRef,
+						class: "alpha-slider",
+						onMousedown: mousedownAlpha
+					}, [createElementVNode("div", {
+						class: "slider",
+						style: normalizeStyle(alphaSliderStyle.value)
+					}, null, 4), createElementVNode("div", { style: normalizeStyle(`background: linear-gradient(to right, rgba(0,0,0,0), ${colorObj.value.rgb});width: 100%;height: 100%`) }, null, 4)], 544)]), createElementVNode("div", _hoisted_6, [createElementVNode("div", { style: normalizeStyle(`background-color: ${colorObj.value.rgba};width: 100%;height: 100%;box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), inset 0 0 4px rgba(0, 0, 0, .25);`) }, null, 4)])]),
+					createElementVNode("div", _hoisted_7, [
+						createElementVNode("div", _hoisted_8, [createElementVNode("label", null, [createElementVNode("input", {
+							value: colorObj.value.hex8,
+							spellcheck: "false",
+							onInput: hexChange
+						}, null, 40, _hoisted_9)]), _cache[2] || (_cache[2] = createElementVNode("p", null, "Hex", -1))]),
+						createElementVNode("div", _hoisted_10, [createElementVNode("label", null, [createElementVNode("input", {
+							value: red.value,
+							onInput: redChange
+						}, null, 40, _hoisted_11)]), _cache[3] || (_cache[3] = createElementVNode("p", null, "R", -1))]),
+						createElementVNode("div", _hoisted_12, [createElementVNode("label", null, [createElementVNode("input", {
+							value: green.value,
+							onInput: greenChange
+						}, null, 40, _hoisted_13)]), _cache[4] || (_cache[4] = createElementVNode("p", null, "G", -1))]),
+						createElementVNode("div", _hoisted_14, [createElementVNode("label", null, [createElementVNode("input", {
+							value: blue.value,
+							onInput: blueChange
+						}, null, 40, _hoisted_15)]), _cache[5] || (_cache[5] = createElementVNode("p", null, "B", -1))]),
+						createElementVNode("div", _hoisted_16, [createElementVNode("label", null, [createElementVNode("input", {
+							value: alpha.value,
+							onInput: alphaChange
+						}, null, 40, _hoisted_17)]), _cache[6] || (_cache[6] = createElementVNode("p", null, "A", -1))])
+					]),
+					createElementVNode("div", _hoisted_18, [_cache[7] || (_cache[7] = createElementVNode("div", { class: "title" }, "推荐颜色", -1)), createElementVNode("ul", _hoisted_19, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.preset, (item) => {
+						return openBlock(), createElementBlock("li", {
+							key: item,
+							style: normalizeStyle(`background-color: ${item}`),
+							onClick: ($event) => presetChange(item)
+						}, null, 12, _hoisted_20);
+					}), 128))])])
+				], 4)]),
+				default: withCtx(() => [__props.useTrigger ? renderSlot(_ctx.$slots, "trigger", { key: 0 }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, void 0, true)])])]))]),
+				_: 3
+			}, 8, ["placement"]);
+		};
+	}
+});
+//#endregion
+export { ColorPicker_vue_vue_type_script_setup_true_name_ColorPicker_lang_default as default };

package/es/modules/formula-editor/constants/index.mjs

@@ -1,8 +1,10 @@
-const WUJIE_FORMULA_EVENTS = {
-  // 公式编辑完成，确认并关闭事件
-  CONFIRM: "wujie-formula___confirm",
-  // 公式编辑取消事件，直接关闭编辑器
-  CANCEL: "wujie-formula___cancel"
+//#region src/modules/formula-editor/constants/index.ts
+/**
+* 公式编辑器 wujie 事件常量
+*/
+var WUJIE_FORMULA_EVENTS = {
+	CONFIRM: "wujie-formula___confirm",
+	CANCEL: "wujie-formula___cancel"
 };
-
+//#endregion
 export { WUJIE_FORMULA_EVENTS };

package/es/modules/formula-editor/formula-editor.mjs

@@ -1,62 +1,43 @@
-import { createApp, h } from 'vue';
-import WujieVue3 from 'wujie-vue3';
-import '@gct-paas/core';
-import '../../components/layout/view-container/view-container.css';import '../../components/code-editor/code-editor.css';import '../../components/icon-next/src/IconNextPicker.css';import '../../components/icon-next/src/IconNext.css';import '../../components/copy-module-key/copy-module-key.css';import '../../components/basic-button/basic-button.css';import '../../components/base-button/base-button.css';import '../../components/assets-svg-icon/assets-svg-icon.css';import '../../components/svg-icon/svg-icon.css';/* empty css                                       */
-/* empty css                                                     */
-import 'ant-design-vue';
-import 'lodash-es';
-/* empty css                                             */
-/* empty css                                               */
-import { WuJieContainer } from '../../components/wujie-container/wujie-container.mjs';
-import 'bignumber.js';
-/* empty css                                                     */
-import '@gct-paas/platform-icons';
-import '@icon-park/vue-next/es/all';
-/* empty css                                           */
-import 'overlayscrollbars-vue';
-import '../../components/icon-next/hooks/useIconAsset.mjs';
-import '../../components/icon-next/hooks/useIconPark.mjs';
-import '../../components/icon-next/hooks/useIconPlatform.mjs';
-/* empty css                                                 */
-import '@monaco-editor/loader';
-/* empty css                                             */
-/* empty css                                                          */
-
+import { WuJieContainer } from "../../components/wujie-container/wujie-container.mjs";
+import "../../components/index.mjs";
+import { createApp, h } from "vue";
+import WujieVue3 from "wujie-vue3";
+//#region src/modules/formula-editor/formula-editor.ts
+/**
+* 打开公式编辑器
+*
+* @export
+* @param {IFormulaEditorOptions} opts
+* @return {*}  {(Promise<IFormulaResult | undefined>)}
+*/
 function openFormulaEditor(opts) {
-  return new Promise((resolve) => {
-    const div = document.createElement("div");
-    document.body.appendChild(div);
-    const app = createApp({
-      setup() {
-        function destroy() {
-          app.unmount();
-          document.body.removeChild(div);
-        }
-        return () => {
-          return h(
-            "div",
-            {},
-            h(WuJieContainer, {
-              wuJieName: `gct-formula-editor`,
-              // 本地开发时，需要更换为本地地址，生产环境需要更换为线上地址
-              url: "/extras/@gct-paas/formula-editor/index.html",
-              props: opts,
-              onWujieFormula___confirm: (data) => {
-                resolve(data);
-                destroy();
-              },
-              onWujieFormula___cancel: () => {
-                resolve(void 0);
-                destroy();
-              }
-            })
-          );
-        };
-      }
-    });
-    app.use(WujieVue3);
-    app.mount(div);
-  });
+	return new Promise((resolve) => {
+		const div = document.createElement("div");
+		document.body.appendChild(div);
+		const app = createApp({ setup() {
+			function destroy() {
+				app.unmount();
+				document.body.removeChild(div);
+			}
+			return () => {
+				return h("div", {}, h(WuJieContainer, {
+					wuJieName: `gct-formula-editor`,
+					url: "/extras/@gct-paas/formula-editor/index.html",
+					props: opts,
+					onWujieFormula___confirm: (data) => {
+						resolve(data);
+						destroy();
+					},
+					onWujieFormula___cancel: () => {
+						resolve(void 0);
+						destroy();
+					}
+				}));
+			};
+		} });
+		app.use(WujieVue3);
+		app.mount(div);
+	});
 }
-
+//#endregion
 export { openFormulaEditor };

package/es/modules/formula-editor/index.mjs

@@ -0,0 +1,2 @@
+import "./constants/index.mjs";
+import "./formula-editor.mjs";