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

package/es/components/label-design/stage/stage.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,175 @@
+import { loadLabelInfo } from "../hooks/usePage.mjs";
+import { PanelEnum, useDesigner } from "../hooks/useDesigner.mjs";
+import { ActionBar } from "../components/action-bar/action-bar.mjs";
+import panel_default from "../panels/panel.vue.mjs";
+import stage_canvas_default from "./stage-canvas.vue.mjs";
+import stage_header_default from "./stage-header.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeStyle, onMounted, onUnmounted, openBlock, reactive, ref, unref, watch, withCtx, withModifiers } from "vue";
+import { useDebounceFn, useResizeObserver } from "@vueuse/core";
+import SketchRule from "vue3-sketch-ruler";
+import "vue3-sketch-ruler/lib/style.css";
+//#region src/components/label-design/stage/stage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "designer-stage" };
+var _hoisted_2 = { class: "designer-state-canvas" };
+var stage_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "LabelDesignStage",
+	__name: "stage",
+	props: {
+		id: {},
+		readonly: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const sketchRuleRef = ref();
+		const count = ref(0);
+		const container = ref();
+		const project = ref(null);
+		useResizeObserver(container, () => {
+			count.value += 1;
+			handleResize();
+		});
+		const panZoomInst = computed(() => {
+			return sketchRuleRef.value?.panzoomInstance;
+		});
+		const { zoom, updateEditorZoom, selectedElements, togglePanel } = useDesigner();
+		const lines = reactive({
+			h: [],
+			v: []
+		});
+		const shadow = reactive({
+			x: 0,
+			y: 0,
+			width: 0,
+			height: 0
+		});
+		const rulerProps = computed(() => {
+			return {
+				thick: 22,
+				scale: zoom.value,
+				palette: {
+					bgColor: "#fff",
+					longfgColor: "#ccc",
+					fontColor: "#ccc",
+					fontShadowColor: "#ccc",
+					maxScale: 3,
+					minScale: .3
+				},
+				width: container.value?.clientWidth,
+				height: container.value?.clientHeight,
+				canvasWidth: project.value?.width !== void 0 ? Number(project.value.width) : void 0,
+				canvasHeight: project.value?.height !== void 0 ? Number(project.value.height) : void 0,
+				lines,
+				shadow,
+				count: count.value
+			};
+		});
+		watch(selectedElements, () => {
+			lines.h = [];
+			lines.v = [];
+			shadow.x = 0;
+			shadow.y = 0;
+			shadow.width = 0;
+			shadow.height = 0;
+		});
+		function pointerdown(e) {
+			if (e.button === 1 && panZoomInst.value) {
+				if (sketchRuleRef.value) sketchRuleRef.value.cursorClass = "grabCursor";
+				panZoomInst.value.bind();
+				panZoomInst.value.handleDown(e);
+				e.preventDefault();
+			}
+		}
+		function pointerup(e) {
+			if (e.button === 1 && panZoomInst.value) {
+				panZoomInst.value.destroy();
+				if (sketchRuleRef.value) sketchRuleRef.value.cursorClass = "defaultCursor";
+			}
+		}
+		function handleClick() {
+			togglePanel(PanelEnum.WIDGET);
+		}
+		onMounted(() => {
+			document.addEventListener("pointerdown", pointerdown);
+			document.addEventListener("pointerup", pointerup);
+		});
+		onUnmounted(() => {
+			document.removeEventListener("pointerdown", pointerdown);
+			document.removeEventListener("pointerup", pointerup);
+		});
+		const handleResize = useDebounceFn(() => {
+			if (sketchRuleRef.value) sketchRuleRef.value.initPanzoom();
+		}, 300);
+		const updateZoom = (e) => {
+			updateEditorZoom(e.scale);
+		};
+		function zoomReset() {
+			if (!panZoomInst.value) return;
+			panZoomInst.value.bind();
+			panZoomInst.value.zoom(1);
+			panZoomInst.value.destroy();
+		}
+		function zoomAuto() {
+			if (!panZoomInst.value) return;
+			panZoomInst.value.bind();
+			panZoomInst.value.reset();
+			panZoomInst.value.destroy();
+		}
+		function zoomIn() {
+			if (!panZoomInst.value) return;
+			panZoomInst.value.bind();
+			panZoomInst.value.zoomIn();
+			panZoomInst.value.destroy();
+		}
+		function zoomOut() {
+			if (!panZoomInst.value) return;
+			panZoomInst.value.bind();
+			panZoomInst.value.zoomOut();
+			panZoomInst.value.destroy();
+		}
+		function movingItem(x, y, w, h) {
+			lines.h = [y, y + h];
+			lines.v = [x, x + w];
+			Object.assign(shadow, {
+				x,
+				y,
+				width: w,
+				height: h
+			});
+		}
+		async function init(id) {
+			project.value = await loadLabelInfo(id);
+		}
+		if (!props.readonly) init();
+		watch(() => props.id, (id) => {
+			init(id);
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(stage_header_default, { class: "designer-stage-header" }), createElementVNode("div", {
+				ref_key: "container",
+				ref: container,
+				class: "designer-canvas"
+			}, [createVNode(unref(ActionBar), {
+				zoom: unref(zoom),
+				onZoomReset: zoomReset,
+				onZoomAuto: zoomAuto,
+				onZoomIn: zoomIn,
+				onZoomOut: zoomOut
+			}, null, 8, ["zoom"]), createVNode(unref(SketchRule), mergeProps({
+				ref_key: "sketchRuleRef",
+				ref: sketchRuleRef
+			}, rulerProps.value, { onZoomchange: updateZoom }), {
+				default: withCtx(() => [createVNode(stage_canvas_default, {
+					style: normalizeStyle({ pointerEvents: __props.readonly ? "none" : "auto" }),
+					onMovingItem: movingItem,
+					onClick: withModifiers(handleClick, ["stop"])
+				}, null, 8, ["style"])]),
+				_: 1
+			}, 16)], 512)]), !__props.readonly ? (openBlock(), createBlock(panel_default, {
+				key: 0,
+				class: "designer-panel"
+			})) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { stage_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/stage/stage.vue_vue_type_style_index_0_scoped_142d3d35_lang.css

@@ -0,0 +1,95 @@
+@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 */
+.designer-stage[data-v-142d3d35] {
+  display: flex;
+  background-color: #fff;
+}
+.designer-state-canvas[data-v-142d3d35] {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  width: 100%;
+}
+.designer-stage-header[data-v-142d3d35] {
+  flex-shrink: 0;
+  height: 42px;
+}
+.designer-canvas[data-v-142d3d35] {
+  position: relative;
+  flex-grow: 1;
+  background-color: #f2f4f7;
+}
+.designer-canvas[data-v-142d3d35] .sketch-ruler {
+  width: 100%;
+}
+.designer-canvas[data-v-142d3d35] .sketch-ruler > .defaultCursor,
+.designer-canvas[data-v-142d3d35] .sketch-ruler > .grabCursor {
+  background-color: #f2f4f7 !important;
+}
+.designer-panel[data-v-142d3d35] {
+  flex-shrink: 0;
+  width: 248px;
+  border-left: 1px solid #eaeaea;
+}

package/es/components/label-design/toolkits/toolkit-widgets.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/toolkits/toolkit-widgets.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default from "./toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs";
+import './toolkit-widgets.vue_vue_type_style_index_0_scoped_a787d212_lang.css';/* empty css                                                                      */
+//#region src/components/label-design/toolkits/toolkit-widgets.vue
+var toolkit_widgets_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default, [["__scopeId", "data-v-a787d212"]]);
+//#endregion
+export { toolkit_widgets_default as default };

package/es/components/label-design/toolkits/toolkit-widgets.vue_vue_type_script_setup_true_name_toolkit-widgets_lang.mjs

@@ -0,0 +1,60 @@
+import symbolElements from "../constants/CommonPrintElems.mjs";
+import { usePage } from "../hooks/usePage.mjs";
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import { Fragment, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref } from "vue";
+//#region src/components/label-design/toolkits/toolkit-widgets.vue?vue&type=script&setup=true&name=toolkit-widgets&lang.ts
+var _hoisted_1 = { class: "element-menu-wrapper" };
+var _hoisted_2 = { class: "title py8px" };
+var _hoisted_3 = { class: "comp-menu" };
+var _hoisted_4 = [
+	"title",
+	"onDragstart",
+	"onClick"
+];
+var _hoisted_5 = { class: "comp-menu__el" };
+var toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "toolkit-widgets",
+	setup(__props) {
+		const { clearSelectedElements, registerElement } = useDesigner();
+		const { project } = usePage();
+		const dragstartHandler = (e, item) => {
+			if (!e.dataTransfer) return;
+			e.dataTransfer.dropEffect = "copy";
+			e.dataTransfer.effectAllowed = "all";
+			e.dataTransfer.setData("text/plain", JSON.stringify(initItem(item)));
+		};
+		const initItem = (item) => {
+			return {
+				zIndex: "auto",
+				top: 0,
+				left: 0,
+				bottom: "auto",
+				right: "auto",
+				...item
+			};
+		};
+		const addItemToStage = (_e, item) => {
+			clearSelectedElements();
+			registerElement({
+				pageId: project.value.id,
+				el: initItem(item)
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(symbolElements), (category) => {
+				return openBlock(), createElementBlock("div", { key: category.label }, [createElementVNode("div", _hoisted_2, toDisplayString(category.label), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(category.children, (element) => {
+					return openBlock(), createElementBlock("div", {
+						key: element.type,
+						class: "comp-menu__el-wrap",
+						title: element.displayName,
+						draggable: "true",
+						onDragstart: (e) => dragstartHandler(e, element),
+						onClick: (e) => addItemToStage(e, element)
+					}, [createElementVNode("div", _hoisted_5, [createElementVNode("i", { class: normalizeClass(["iconfont", "icon-" + element.iconName]) }, null, 2), createElementVNode("span", null, toDisplayString(element.displayName), 1)])], 40, _hoisted_4);
+				}), 128))])]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { toolkit_widgets_vue_vue_type_script_setup_true_name_toolkit_widgets_lang_default as default };

package/es/components/label-design/toolkits/toolkit-widgets.vue_vue_type_style_index_0_scoped_a787d212_lang.css

@@ -0,0 +1,52 @@
+.element-menu-wrapper[data-v-a787d212] {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  width: 100%;
+  overflow-y: auto;
+  padding: 10px 11px;
+}
+.element-menu-wrapper .comp-menu[data-v-a787d212] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-flow: wrap;
+  gap: 12px;
+}
+.element-menu-wrapper .comp-menu__el-wrap[data-v-a787d212] {
+  border: 1px solid #f1f1f1;
+  box-sizing: border-box;
+  background-color: transparent;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  padding: 5px 0;
+  width: 83px;
+  height: 82px;
+  background: #fff;
+  border-radius: 4px;
+}
+.element-menu-wrapper .comp-menu__el-wrap i[data-v-a787d212] {
+  font-size: 30px;
+}
+.element-menu-wrapper .comp-menu__el-wrap[data-v-a787d212]:hover {
+  background-color: rgba(0, 0, 0, 0.08);
+}
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el[data-v-a787d212] {
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  text-align: center;
+}
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el .iconfont[data-v-a787d212] {
+  color: #797a7d;
+}
+.element-menu-wrapper .comp-menu__el-wrap .comp-menu__el span[data-v-a787d212] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: small;
+  padding: 0 8px;
+  color: #212528;
+}
+.title[data-v-a787d212] {
+  line-height: 18px;
+}

package/es/components/label-design/toolkits/toolkit.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/toolkits/toolkit.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import toolkit_vue_vue_type_script_setup_true_lang_default from "./toolkit.vue_vue_type_script_setup_true_lang.mjs";
+import './toolkit.vue_vue_type_style_index_0_scoped_528fc024_lang.css';/* empty css                                                              */
+//#region src/components/label-design/toolkits/toolkit.vue
+var toolkit_default = /* @__PURE__ */ _plugin_vue_export_helper_default(toolkit_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-528fc024"]]);
+//#endregion
+export { toolkit_default as default };

package/es/components/label-design/toolkits/toolkit.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,33 @@
+import { useToolkit } from "../hooks/useToolkit.mjs";
+import toolkit_widgets_default from "./toolkit-widgets.vue.mjs";
+import { createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveComponent, resolveDirective, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/toolkits/toolkit.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "designer-toolkit__header" };
+var toolkit_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "LabelToolkit",
+	__name: "toolkit",
+	setup(__props) {
+		const { fixedToolkit, toolkitFixed } = useToolkit();
+		return (_ctx, _cache) => {
+			const _component_pushpin_outlined = resolveComponent("pushpin-outlined");
+			const _component_pushpin_filled = resolveComponent("pushpin-filled");
+			const _component_a_button = resolveComponent("a-button");
+			const _directive_dragResize = resolveDirective("dragResize");
+			return withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(["designer-toolkit", unref(toolkitFixed) ? "fixed-panel" : null]) }, [
+				createVNode(_component_a_button, {
+					type: "link",
+					class: "fixed-icon",
+					onClick: unref(fixedToolkit)
+				}, {
+					icon: withCtx(() => [!unref(toolkitFixed) ? (openBlock(), createBlock(_component_pushpin_outlined, { key: 0 })) : (openBlock(), createBlock(_component_pushpin_filled, { key: 1 }))]),
+					_: 1
+				}, 8, ["onClick"]),
+				createElementVNode("div", _hoisted_1, toDisplayString(unref(t)("sys.pageDesigner.widget")), 1),
+				createElementVNode("div", null, [createVNode(toolkit_widgets_default)])
+			], 2)), [[_directive_dragResize, 264]]);
+		};
+	}
+});
+//#endregion
+export { toolkit_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/toolkits/toolkit.vue_vue_type_style_index_0_scoped_528fc024_lang.css

@@ -0,0 +1,29 @@
+.designer-toolkit[data-v-528fc024] {
+  position: relative;
+}
+.designer-toolkit__header[data-v-528fc024] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 42px;
+  padding: 0 16px;
+  border-bottom: 1px solid #eaeaea;
+  font-weight: bold;
+  background: #fff;
+}
+.designer-toolkit__header + div[data-v-528fc024] {
+  height: calc(100% - 42px);
+  overflow-y: auto;
+}
+.designer-toolkit .fixed-icon[data-v-528fc024] {
+  position: absolute;
+  top: 7px;
+  right: 11px;
+}
+.fixed-panel[data-v-528fc024] {
+  position: absolute !important;
+  left: 0px;
+  z-index: 9999;
+  height: inherit;
+  width: 650px !important;
+}

package/es/components/number-range/number-range.vue.d.ts

@@ -0,0 +1,85 @@
+import { PropType } from 'vue';
+type RangeNumber = number | undefined;
+type MaxObjProp = IObject | undefined;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'middle-text'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    rangeMin: {
+        type: PropType<RangeNumber>;
+        default: undefined;
+    };
+    rangeMax: {
+        type: PropType<RangeNumber>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxObj: {
+        type: PropType<MaxObjProp>;
+        default: undefined;
+    };
+    placeholderType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:rangeMax": (...args: any[]) => void;
+    "update:rangeMin": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    rangeMin: {
+        type: PropType<RangeNumber>;
+        default: undefined;
+    };
+    rangeMax: {
+        type: PropType<RangeNumber>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxObj: {
+        type: PropType<MaxObjProp>;
+        default: undefined;
+    };
+    placeholderType: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:rangeMax"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:rangeMin"?: ((...args: any[]) => any) | undefined;
+}>, {
+    rangeMin: RangeNumber;
+    rangeMax: RangeNumber;
+    disabled: boolean;
+    precision: number;
+    maxObj: MaxObjProp;
+    placeholderType: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/number-range/number-range.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import number_range_vue_vue_type_script_setup_true_lang_default from "./number-range.vue_vue_type_script_setup_true_lang.mjs";
+import './number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css';/* empty css                                                                   */
+//#region src/components/number-range/number-range.vue
+var number_range_default = /* @__PURE__ */ _plugin_vue_export_helper_default(number_range_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-283a5280"]]);
+//#endregion
+export { number_range_default as default };

package/es/components/number-range/number-range.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,91 @@
+import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, resolveComponent, toDisplayString, unref } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/number-range/number-range.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "range-box" };
+var _hoisted_2 = { class: "text" };
+var number_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "number-range",
+	props: {
+		rangeMin: {
+			type: [Number, void 0],
+			default: void 0
+		},
+		rangeMax: {
+			type: [Number, void 0],
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		precision: {
+			type: Number,
+			default: 0
+		},
+		maxObj: {
+			type: [Object, void 0],
+			default: void 0
+		},
+		placeholderType: {
+			type: String,
+			default: t("sys.model.value")
+		}
+	},
+	emits: [
+		"update:rangeMin",
+		"update:rangeMax",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const startMax = computed(() => {
+			return props.maxObj ? props.maxObj["start"] : void 0;
+		});
+		const endMax = computed(() => {
+			return props.maxObj ? props.maxObj["end"] : void 0;
+		});
+		const handleMinChange = (val) => {
+			emit("update:rangeMin", val);
+			emit("change", val);
+		};
+		const handleMaxChange = (val) => {
+			emit("update:rangeMax", val);
+			emit("change", val);
+		};
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			const _component_a_input_number = resolveComponent("a-input-number");
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_a_input_number, {
+					value: __props.rangeMin,
+					min: 0,
+					max: startMax.value,
+					precision: __props.precision,
+					placeholder: `${unref(t)("sys.model.pleaseInputMin")}${__props.placeholderType}`,
+					onChange: handleMinChange
+				}, null, 8, [
+					"value",
+					"max",
+					"precision",
+					"placeholder"
+				]),
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "middle-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("sys.webRender.to")), 1)], true)]),
+				createVNode(_component_a_input_number, {
+					value: __props.rangeMax,
+					min: 0,
+					max: endMax.value,
+					precision: __props.precision,
+					placeholder: `${unref(t)("sys.model.pleaseInputMax")}${__props.placeholderType}`,
+					onChange: handleMaxChange
+				}, null, 8, [
+					"value",
+					"max",
+					"precision",
+					"placeholder"
+				])
+			]);
+		};
+	}
+});
+//#endregion
+export { number_range_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/number-range/number-range.vue_vue_type_style_index_0_scoped_283a5280_lang.css

@@ -0,0 +1,8 @@
+.range-box[data-v-283a5280] {
+  display: flex;
+  align-items: center;
+}
+.range-box .text[data-v-283a5280] {
+  width: 90px;
+  text-align: center;
+}