@jnrs/lingshu-smart 2.2.6 → 2.2.8

package/dist/components/editor/OptionCard/Equipment/StationSlotGroup.vue.js

@@ -0,0 +1,1131 @@
+import { ref } from 'vue';
+import { hasStationSlotGroup, EnumResourceType } from '@/types';
+import { storeToRefs } from 'pinia';
+import { ElButton, ElDialog, ElInputNumber, ElOption, ElSelect, ElInput, ElMessage, ElSwitch, ElTable, ElTableColumn, ElForm, ElFormItem } from 'element-plus';
+import { useEditorStore } from '@/stores';
+import { cloneDeep } from '@jnrs/shared/lodash';
+const editorStore = useEditorStore();
+const { currentLayer } = storeToRefs(editorStore);
+const dialogVisible = ref(false);
+const tempFlowOptions = ref({
+    oneDirectionMaxQuantity: 1,
+    gap: 5,
+    flow: 'x',
+    flowWrap: false
+});
+const tempListData = ref([]);
+const resourceTypeOptions = Object.entries(EnumResourceType)
+    .filter(([key]) => isNaN(Number(key)))
+    .map(([label, value]) => ({ label, value }));
+const initTempData = () => {
+    if (hasStationSlotGroup(currentLayer.value) && currentLayer.value.stationSlotGroup) {
+        const group = currentLayer.value.stationSlotGroup;
+        tempFlowOptions.value = cloneDeep({
+            oneDirectionMaxQuantity: group.flowOptions?.oneDirectionMaxQuantity,
+            gap: group.flowOptions?.gap,
+            flow: group.flowOptions?.flow,
+            flowWrap: group.flowOptions?.flowWrap
+        });
+        tempListData.value = cloneDeep(group.stationSlots || []);
+    }
+    else {
+        tempFlowOptions.value = {
+            oneDirectionMaxQuantity: 1,
+            gap: 5,
+            flow: 'x',
+            flowWrap: false
+        };
+        tempListData.value = [];
+    }
+};
+const showDialog = () => {
+    initTempData();
+    dialogVisible.value = true;
+};
+const addSlot = () => {
+    const newIndex = tempListData.value.length > 0 ? Math.max(...tempListData.value.map((s) => s.index)) + 1 : 1;
+    tempListData.value.push({
+        index: newIndex,
+        resourceType: EnumResourceType.PALLET,
+        name: newIndex.toString(),
+        x: 0,
+        y: 0,
+        width: 50,
+        height: 50,
+        rotation: 0,
+        hittable: true,
+        disabled: false
+    });
+};
+const removeSlot = (indexToRemove) => {
+    tempListData.value = tempListData.value.filter((_, idx) => idx !== indexToRemove);
+};
+const saveTraySiteDialog = () => {
+    try {
+        const stationSlots = tempListData.value;
+        const seenIndices = new Set();
+        const requiredKeys = ['index', 'resourceType'];
+        for (const element of stationSlots) {
+            for (const key of requiredKeys) {
+                if (!Object.hasOwn(element, key)) {
+                    throw new Error(`工位必须包含 "${key}" 字段`);
+                }
+            }
+            if (seenIndices.has(element.index)) {
+                throw new Error(`重复的 index: ${element.index}`);
+            }
+            seenIndices.add(element.index);
+        }
+        // 应用数据到当前图层
+        if (hasStationSlotGroup(currentLayer.value)) {
+            if (!currentLayer.value.stationSlotGroup) {
+                currentLayer.value.stationSlotGroup = {
+                    width: 0,
+                    height: 0,
+                    stationSlots: [],
+                    flowOptions: { oneDirectionMaxQuantity: 1, gap: 5, flow: 'x', flowWrap: false }
+                };
+            }
+            currentLayer.value.stationSlotGroup.stationSlots = cloneDeep(stationSlots);
+            currentLayer.value.stationSlotGroup.flowOptions = cloneDeep(tempFlowOptions.value);
+        }
+        dialogVisible.value = false;
+        ElMessage.success('工位组数据已保存');
+    }
+    catch (error) {
+        ElMessage({
+            message: error.message || '保存失败',
+            type: 'warning',
+            grouping: true,
+            showClose: true
+        });
+    }
+};
+debugger; /* PartiallyEnd: #3632/scriptSetup.vue */
+const __VLS_ctx = {
+    ...{},
+    ...{},
+};
+let __VLS_components;
+let __VLS_directives;
+if (__VLS_ctx.hasStationSlotGroup(__VLS_ctx.currentLayer)) {
+    // @ts-ignore
+    [hasStationSlotGroup, currentLayer,];
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "form_group" },
+    });
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "form_group_title" },
+    });
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "keyVal" },
+    });
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "key" },
+    });
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ onClick: (...[$event]) => {
+                if (!(__VLS_ctx.hasStationSlotGroup(__VLS_ctx.currentLayer)))
+                    return;
+                __VLS_ctx.showDialog();
+                // @ts-ignore
+                [showDialog,];
+            } },
+        ...{ class: "val" },
+    });
+    const __VLS_0 = {}.ElInput;
+    /** @type {[typeof __VLS_components.ElInput, typeof __VLS_components.elInput, ]} */ ;
+    // @ts-ignore
+    ElInput;
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({
+        value: (JSON.stringify(__VLS_ctx.currentLayer.stationSlotGroup)),
+        readonly: true,
+        placeholder: "（空）",
+    }));
+    const __VLS_2 = __VLS_1({
+        value: (JSON.stringify(__VLS_ctx.currentLayer.stationSlotGroup)),
+        readonly: true,
+        placeholder: "（空）",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    // @ts-ignore
+    [currentLayer,];
+}
+const __VLS_6 = {}.ElDialog;
+/** @type {[typeof __VLS_components.ElDialog, typeof __VLS_components.elDialog, typeof __VLS_components.ElDialog, typeof __VLS_components.elDialog, ]} */ ;
+// @ts-ignore
+ElDialog;
+// @ts-ignore
+const __VLS_7 = __VLS_asFunctionalComponent(__VLS_6, new __VLS_6({
+    modelValue: (__VLS_ctx.dialogVisible),
+    title: "配置工位组数据",
+    width: "1200",
+    center: true,
+    appendToBody: (true),
+    closeOnClickModal: (false),
+    closeOnPressEscape: (false),
+    draggable: true,
+    overflow: true,
+}));
+const __VLS_8 = __VLS_7({
+    modelValue: (__VLS_ctx.dialogVisible),
+    title: "配置工位组数据",
+    width: "1200",
+    center: true,
+    appendToBody: (true),
+    closeOnClickModal: (false),
+    closeOnPressEscape: (false),
+    draggable: true,
+    overflow: true,
+}, ...__VLS_functionalComponentArgsRest(__VLS_7));
+const { default: __VLS_11 } = __VLS_9.slots;
+// @ts-ignore
+[dialogVisible,];
+__VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "section-title" },
+});
+__VLS_asFunctionalElement(__VLS_intrinsics.b, __VLS_intrinsics.b)({});
+const __VLS_12 = {}.ElForm;
+/** @type {[typeof __VLS_components.ElForm, typeof __VLS_components.elForm, typeof __VLS_components.ElForm, typeof __VLS_components.elForm, ]} */ ;
+// @ts-ignore
+ElForm;
+// @ts-ignore
+const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({
+    model: (__VLS_ctx.tempFlowOptions),
+    labelPosition: "left",
+    inline: true,
+    size: "small",
+}));
+const __VLS_14 = __VLS_13({
+    model: (__VLS_ctx.tempFlowOptions),
+    labelPosition: "left",
+    inline: true,
+    size: "small",
+}, ...__VLS_functionalComponentArgsRest(__VLS_13));
+const { default: __VLS_17 } = __VLS_15.slots;
+// @ts-ignore
+[tempFlowOptions,];
+const __VLS_18 = {}.ElFormItem;
+/** @type {[typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, ]} */ ;
+// @ts-ignore
+ElFormItem;
+// @ts-ignore
+const __VLS_19 = __VLS_asFunctionalComponent(__VLS_18, new __VLS_18({
+    label: "工位排列方向",
+}));
+const __VLS_20 = __VLS_19({
+    label: "工位排列方向",
+}, ...__VLS_functionalComponentArgsRest(__VLS_19));
+const { default: __VLS_23 } = __VLS_21.slots;
+const __VLS_24 = {}.ElSelect;
+/** @type {[typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, ]} */ ;
+// @ts-ignore
+ElSelect;
+// @ts-ignore
+const __VLS_25 = __VLS_asFunctionalComponent(__VLS_24, new __VLS_24({
+    modelValue: (__VLS_ctx.tempFlowOptions.flow),
+    ...{ style: "width: 120px" },
+}));
+const __VLS_26 = __VLS_25({
+    modelValue: (__VLS_ctx.tempFlowOptions.flow),
+    ...{ style: "width: 120px" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_25));
+const { default: __VLS_29 } = __VLS_27.slots;
+// @ts-ignore
+[tempFlowOptions,];
+const __VLS_30 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_31 = __VLS_asFunctionalComponent(__VLS_30, new __VLS_30({
+    label: "X 轴",
+    value: "x",
+}));
+const __VLS_32 = __VLS_31({
+    label: "X 轴",
+    value: "x",
+}, ...__VLS_functionalComponentArgsRest(__VLS_31));
+const __VLS_36 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_37 = __VLS_asFunctionalComponent(__VLS_36, new __VLS_36({
+    label: "Y 轴",
+    value: "y",
+}));
+const __VLS_38 = __VLS_37({
+    label: "Y 轴",
+    value: "y",
+}, ...__VLS_functionalComponentArgsRest(__VLS_37));
+const __VLS_42 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_43 = __VLS_asFunctionalComponent(__VLS_42, new __VLS_42({
+    label: "X 轴反转",
+    value: "x-reverse",
+}));
+const __VLS_44 = __VLS_43({
+    label: "X 轴反转",
+    value: "x-reverse",
+}, ...__VLS_functionalComponentArgsRest(__VLS_43));
+const __VLS_48 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_49 = __VLS_asFunctionalComponent(__VLS_48, new __VLS_48({
+    label: "Y 轴反转",
+    value: "y-reverse",
+}));
+const __VLS_50 = __VLS_49({
+    label: "Y 轴反转",
+    value: "y-reverse",
+}, ...__VLS_functionalComponentArgsRest(__VLS_49));
+var __VLS_27;
+var __VLS_21;
+const __VLS_54 = {}.ElFormItem;
+/** @type {[typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, ]} */ ;
+// @ts-ignore
+ElFormItem;
+// @ts-ignore
+const __VLS_55 = __VLS_asFunctionalComponent(__VLS_54, new __VLS_54({
+    label: "工位自动换行",
+}));
+const __VLS_56 = __VLS_55({
+    label: "工位自动换行",
+}, ...__VLS_functionalComponentArgsRest(__VLS_55));
+const { default: __VLS_59 } = __VLS_57.slots;
+const __VLS_60 = {}.ElSelect;
+/** @type {[typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, ]} */ ;
+// @ts-ignore
+ElSelect;
+// @ts-ignore
+const __VLS_61 = __VLS_asFunctionalComponent(__VLS_60, new __VLS_60({
+    modelValue: (__VLS_ctx.tempFlowOptions.flowWrap),
+    ...{ style: "width: 120px" },
+}));
+const __VLS_62 = __VLS_61({
+    modelValue: (__VLS_ctx.tempFlowOptions.flowWrap),
+    ...{ style: "width: 120px" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_61));
+const { default: __VLS_65 } = __VLS_63.slots;
+// @ts-ignore
+[tempFlowOptions,];
+const __VLS_66 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_67 = __VLS_asFunctionalComponent(__VLS_66, new __VLS_66({
+    label: "换行",
+    value: (true),
+}));
+const __VLS_68 = __VLS_67({
+    label: "换行",
+    value: (true),
+}, ...__VLS_functionalComponentArgsRest(__VLS_67));
+const __VLS_72 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_73 = __VLS_asFunctionalComponent(__VLS_72, new __VLS_72({
+    label: "不换行",
+    value: (false),
+}));
+const __VLS_74 = __VLS_73({
+    label: "不换行",
+    value: (false),
+}, ...__VLS_functionalComponentArgsRest(__VLS_73));
+const __VLS_78 = {}.ElOption;
+/** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+// @ts-ignore
+ElOption;
+// @ts-ignore
+const __VLS_79 = __VLS_asFunctionalComponent(__VLS_78, new __VLS_78({
+    label: "颠倒行顺序换行",
+    value: "reverse",
+}));
+const __VLS_80 = __VLS_79({
+    label: "颠倒行顺序换行",
+    value: "reverse",
+}, ...__VLS_functionalComponentArgsRest(__VLS_79));
+var __VLS_63;
+var __VLS_57;
+const __VLS_84 = {}.ElFormItem;
+/** @type {[typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, ]} */ ;
+// @ts-ignore
+ElFormItem;
+// @ts-ignore
+const __VLS_85 = __VLS_asFunctionalComponent(__VLS_84, new __VLS_84({
+    label: "单向最大工位数",
+}));
+const __VLS_86 = __VLS_85({
+    label: "单向最大工位数",
+}, ...__VLS_functionalComponentArgsRest(__VLS_85));
+const { default: __VLS_89 } = __VLS_87.slots;
+const __VLS_90 = {}.ElInputNumber;
+/** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+// @ts-ignore
+ElInputNumber;
+// @ts-ignore
+const __VLS_91 = __VLS_asFunctionalComponent(__VLS_90, new __VLS_90({
+    modelValue: (__VLS_ctx.tempFlowOptions.oneDirectionMaxQuantity),
+    modelModifiers: { number: true, },
+    step: (1),
+    precision: (0),
+    stepStrict: true,
+    min: (1),
+    max: (999),
+    disabled: (__VLS_ctx.tempFlowOptions.flowWrap === false),
+    controlsPosition: "right",
+    ...{ style: "width: 120px" },
+}));
+const __VLS_92 = __VLS_91({
+    modelValue: (__VLS_ctx.tempFlowOptions.oneDirectionMaxQuantity),
+    modelModifiers: { number: true, },
+    step: (1),
+    precision: (0),
+    stepStrict: true,
+    min: (1),
+    max: (999),
+    disabled: (__VLS_ctx.tempFlowOptions.flowWrap === false),
+    controlsPosition: "right",
+    ...{ style: "width: 120px" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_91));
+// @ts-ignore
+[tempFlowOptions, tempFlowOptions,];
+var __VLS_87;
+const __VLS_96 = {}.ElFormItem;
+/** @type {[typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, typeof __VLS_components.ElFormItem, typeof __VLS_components.elFormItem, ]} */ ;
+// @ts-ignore
+ElFormItem;
+// @ts-ignore
+const __VLS_97 = __VLS_asFunctionalComponent(__VLS_96, new __VLS_96({
+    label: "工位间距",
+}));
+const __VLS_98 = __VLS_97({
+    label: "工位间距",
+}, ...__VLS_functionalComponentArgsRest(__VLS_97));
+const { default: __VLS_101 } = __VLS_99.slots;
+const __VLS_102 = {}.ElInputNumber;
+/** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+// @ts-ignore
+ElInputNumber;
+// @ts-ignore
+const __VLS_103 = __VLS_asFunctionalComponent(__VLS_102, new __VLS_102({
+    modelValue: (__VLS_ctx.tempFlowOptions.gap),
+    modelModifiers: { number: true, },
+    step: (1),
+    precision: (0),
+    stepStrict: true,
+    controlsPosition: "right",
+    size: "small",
+    ...{ style: "width: 120px" },
+}));
+const __VLS_104 = __VLS_103({
+    modelValue: (__VLS_ctx.tempFlowOptions.gap),
+    modelModifiers: { number: true, },
+    step: (1),
+    precision: (0),
+    stepStrict: true,
+    controlsPosition: "right",
+    size: "small",
+    ...{ style: "width: 120px" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_103));
+const { default: __VLS_107 } = __VLS_105.slots;
+// @ts-ignore
+[tempFlowOptions,];
+{
+    const { suffix: __VLS_108 } = __VLS_105.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+}
+var __VLS_105;
+var __VLS_99;
+var __VLS_15;
+__VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "section-title" },
+});
+__VLS_asFunctionalElement(__VLS_intrinsics.b, __VLS_intrinsics.b)({});
+const __VLS_109 = {}.ElTable;
+/** @type {[typeof __VLS_components.ElTable, typeof __VLS_components.elTable, typeof __VLS_components.ElTable, typeof __VLS_components.elTable, ]} */ ;
+// @ts-ignore
+ElTable;
+// @ts-ignore
+const __VLS_110 = __VLS_asFunctionalComponent(__VLS_109, new __VLS_109({
+    data: (__VLS_ctx.tempListData),
+    ...{ style: "width: 100%" },
+    size: "small",
+    border: true,
+    maxHeight: "400",
+}));
+const __VLS_111 = __VLS_110({
+    data: (__VLS_ctx.tempListData),
+    ...{ style: "width: 100%" },
+    size: "small",
+    border: true,
+    maxHeight: "400",
+}, ...__VLS_functionalComponentArgsRest(__VLS_110));
+const { default: __VLS_114 } = __VLS_112.slots;
+// @ts-ignore
+[tempListData,];
+const __VLS_115 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_116 = __VLS_asFunctionalComponent(__VLS_115, new __VLS_115({
+    label: "ResourceType",
+    width: "120",
+    align: "center",
+}));
+const __VLS_117 = __VLS_116({
+    label: "ResourceType",
+    width: "120",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_116));
+const { default: __VLS_120 } = __VLS_118.slots;
+{
+    const { header: __VLS_121 } = __VLS_118.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+        ...{ class: "required" },
+    });
+}
+{
+    const { default: __VLS_122 } = __VLS_118.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_122);
+    const __VLS_123 = {}.ElSelect;
+    /** @type {[typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, typeof __VLS_components.ElSelect, typeof __VLS_components.elSelect, ]} */ ;
+    // @ts-ignore
+    ElSelect;
+    // @ts-ignore
+    const __VLS_124 = __VLS_asFunctionalComponent(__VLS_123, new __VLS_123({
+        modelValue: (row.resourceType),
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_125 = __VLS_124({
+        modelValue: (row.resourceType),
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_124));
+    const { default: __VLS_128 } = __VLS_126.slots;
+    for (const [opt] of __VLS_getVForSourceType((__VLS_ctx.resourceTypeOptions))) {
+        // @ts-ignore
+        [resourceTypeOptions,];
+        const __VLS_129 = {}.ElOption;
+        /** @type {[typeof __VLS_components.ElOption, typeof __VLS_components.elOption, ]} */ ;
+        // @ts-ignore
+        ElOption;
+        // @ts-ignore
+        const __VLS_130 = __VLS_asFunctionalComponent(__VLS_129, new __VLS_129({
+            key: (opt.value),
+            label: (opt.label),
+            value: (opt.value),
+        }));
+        const __VLS_131 = __VLS_130({
+            key: (opt.value),
+            label: (opt.label),
+            value: (opt.value),
+        }, ...__VLS_functionalComponentArgsRest(__VLS_130));
+    }
+    var __VLS_126;
+}
+var __VLS_118;
+const __VLS_135 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_136 = __VLS_asFunctionalComponent(__VLS_135, new __VLS_135({
+    label: "Index",
+    width: "100",
+    align: "center",
+}));
+const __VLS_137 = __VLS_136({
+    label: "Index",
+    width: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_136));
+const { default: __VLS_140 } = __VLS_138.slots;
+{
+    const { header: __VLS_141 } = __VLS_138.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+        ...{ class: "required" },
+    });
+}
+{
+    const { default: __VLS_142 } = __VLS_138.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_142);
+    const __VLS_143 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_144 = __VLS_asFunctionalComponent(__VLS_143, new __VLS_143({
+        modelValue: (row.index),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        min: (1),
+        max: (999),
+        controlsPosition: "right",
+        stepStrictly: true,
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_145 = __VLS_144({
+        modelValue: (row.index),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        min: (1),
+        max: (999),
+        controlsPosition: "right",
+        stepStrictly: true,
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_144));
+}
+var __VLS_138;
+const __VLS_149 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_150 = __VLS_asFunctionalComponent(__VLS_149, new __VLS_149({
+    label: "Name",
+    width: "100",
+    align: "center",
+}));
+const __VLS_151 = __VLS_150({
+    label: "Name",
+    width: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_150));
+const { default: __VLS_154 } = __VLS_152.slots;
+{
+    const { default: __VLS_155 } = __VLS_152.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_155);
+    const __VLS_156 = {}.ElInput;
+    /** @type {[typeof __VLS_components.ElInput, typeof __VLS_components.elInput, ]} */ ;
+    // @ts-ignore
+    ElInput;
+    // @ts-ignore
+    const __VLS_157 = __VLS_asFunctionalComponent(__VLS_156, new __VLS_156({
+        modelValue: (row.name),
+        size: "small",
+    }));
+    const __VLS_158 = __VLS_157({
+        modelValue: (row.name),
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_157));
+}
+var __VLS_152;
+const __VLS_162 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_163 = __VLS_asFunctionalComponent(__VLS_162, new __VLS_162({
+    label: "X",
+    minWidth: "100",
+    align: "center",
+}));
+const __VLS_164 = __VLS_163({
+    label: "X",
+    minWidth: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_163));
+const { default: __VLS_167 } = __VLS_165.slots;
+{
+    const { default: __VLS_168 } = __VLS_165.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_168);
+    const __VLS_169 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_170 = __VLS_asFunctionalComponent(__VLS_169, new __VLS_169({
+        modelValue: (row.x),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_171 = __VLS_170({
+        modelValue: (row.x),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_170));
+    const { default: __VLS_174 } = __VLS_172.slots;
+    {
+        const { suffix: __VLS_175 } = __VLS_172.slots;
+        __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    }
+    var __VLS_172;
+}
+var __VLS_165;
+const __VLS_176 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_177 = __VLS_asFunctionalComponent(__VLS_176, new __VLS_176({
+    label: "Y",
+    minWidth: "100",
+    align: "center",
+}));
+const __VLS_178 = __VLS_177({
+    label: "Y",
+    minWidth: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_177));
+const { default: __VLS_181 } = __VLS_179.slots;
+{
+    const { default: __VLS_182 } = __VLS_179.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_182);
+    const __VLS_183 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_184 = __VLS_asFunctionalComponent(__VLS_183, new __VLS_183({
+        modelValue: (row.y),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_185 = __VLS_184({
+        modelValue: (row.y),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_184));
+    const { default: __VLS_188 } = __VLS_186.slots;
+    {
+        const { suffix: __VLS_189 } = __VLS_186.slots;
+        __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    }
+    var __VLS_186;
+}
+var __VLS_179;
+const __VLS_190 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_191 = __VLS_asFunctionalComponent(__VLS_190, new __VLS_190({
+    label: "Width",
+    minWidth: "100",
+    align: "center",
+}));
+const __VLS_192 = __VLS_191({
+    label: "Width",
+    minWidth: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_191));
+const { default: __VLS_195 } = __VLS_193.slots;
+{
+    const { default: __VLS_196 } = __VLS_193.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_196);
+    const __VLS_197 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_198 = __VLS_asFunctionalComponent(__VLS_197, new __VLS_197({
+        modelValue: (row.width),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (10),
+        max: (100),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_199 = __VLS_198({
+        modelValue: (row.width),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (10),
+        max: (100),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_198));
+    const { default: __VLS_202 } = __VLS_200.slots;
+    {
+        const { suffix: __VLS_203 } = __VLS_200.slots;
+        __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    }
+    var __VLS_200;
+}
+var __VLS_193;
+const __VLS_204 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_205 = __VLS_asFunctionalComponent(__VLS_204, new __VLS_204({
+    label: "Height",
+    minWidth: "100",
+    align: "center",
+}));
+const __VLS_206 = __VLS_205({
+    label: "Height",
+    minWidth: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_205));
+const { default: __VLS_209 } = __VLS_207.slots;
+{
+    const { default: __VLS_210 } = __VLS_207.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_210);
+    const __VLS_211 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_212 = __VLS_asFunctionalComponent(__VLS_211, new __VLS_211({
+        modelValue: (row.height),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (10),
+        max: (100),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_213 = __VLS_212({
+        modelValue: (row.height),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (10),
+        max: (100),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_212));
+    const { default: __VLS_216 } = __VLS_214.slots;
+    {
+        const { suffix: __VLS_217 } = __VLS_214.slots;
+        __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    }
+    var __VLS_214;
+}
+var __VLS_207;
+const __VLS_218 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_219 = __VLS_asFunctionalComponent(__VLS_218, new __VLS_218({
+    label: "Rotation",
+    minWidth: "110",
+    align: "center",
+}));
+const __VLS_220 = __VLS_219({
+    label: "Rotation",
+    minWidth: "110",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_219));
+const { default: __VLS_223 } = __VLS_221.slots;
+{
+    const { default: __VLS_224 } = __VLS_221.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_224);
+    const __VLS_225 = {}.ElInputNumber;
+    /** @type {[typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, typeof __VLS_components.ElInputNumber, typeof __VLS_components.elInputNumber, ]} */ ;
+    // @ts-ignore
+    ElInputNumber;
+    // @ts-ignore
+    const __VLS_226 = __VLS_asFunctionalComponent(__VLS_225, new __VLS_225({
+        modelValue: (row.rotation),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (-360),
+        max: (360),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }));
+    const __VLS_227 = __VLS_226({
+        modelValue: (row.rotation),
+        modelModifiers: { number: true, },
+        step: (1),
+        precision: (0),
+        stepStrict: true,
+        min: (-360),
+        max: (360),
+        controlsPosition: "right",
+        size: "small",
+        ...{ style: "width: 100%" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_226));
+    const { default: __VLS_230 } = __VLS_228.slots;
+    {
+        const { suffix: __VLS_231 } = __VLS_228.slots;
+        __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    }
+    var __VLS_228;
+}
+var __VLS_221;
+const __VLS_232 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_233 = __VLS_asFunctionalComponent(__VLS_232, new __VLS_232({
+    label: "可交互",
+    width: "100",
+    align: "center",
+}));
+const __VLS_234 = __VLS_233({
+    label: "可交互",
+    width: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_233));
+const { default: __VLS_237 } = __VLS_235.slots;
+{
+    const { header: __VLS_238 } = __VLS_235.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({});
+    __VLS_asFunctionalElement(__VLS_intrinsics.span, __VLS_intrinsics.span)({
+        ...{ class: "required" },
+    });
+}
+{
+    const { default: __VLS_239 } = __VLS_235.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_239);
+    const __VLS_240 = {}.ElSwitch;
+    /** @type {[typeof __VLS_components.ElSwitch, typeof __VLS_components.elSwitch, ]} */ ;
+    // @ts-ignore
+    ElSwitch;
+    // @ts-ignore
+    const __VLS_241 = __VLS_asFunctionalComponent(__VLS_240, new __VLS_240({
+        modelValue: (row.hittable),
+        inlinePrompt: true,
+        activeText: "是",
+        inactiveText: "否",
+        activeValue: (true),
+        inactiveValue: (false),
+        size: "small",
+        width: "40",
+        ...{ style: "--el-switch-on-color: rgb(124, 220, 183); --el-switch-off-color: rgb(215, 55, 50)" },
+    }));
+    const __VLS_242 = __VLS_241({
+        modelValue: (row.hittable),
+        inlinePrompt: true,
+        activeText: "是",
+        inactiveText: "否",
+        activeValue: (true),
+        inactiveValue: (false),
+        size: "small",
+        width: "40",
+        ...{ style: "--el-switch-on-color: rgb(124, 220, 183); --el-switch-off-color: rgb(215, 55, 50)" },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_241));
+}
+var __VLS_235;
+const __VLS_246 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_247 = __VLS_asFunctionalComponent(__VLS_246, new __VLS_246({
+    label: "Disabled",
+    width: "100",
+    align: "center",
+}));
+const __VLS_248 = __VLS_247({
+    label: "Disabled",
+    width: "100",
+    align: "center",
+}, ...__VLS_functionalComponentArgsRest(__VLS_247));
+const { default: __VLS_251 } = __VLS_249.slots;
+{
+    const { default: __VLS_252 } = __VLS_249.slots;
+    const [{ row }] = __VLS_getSlotParameters(__VLS_252);
+    const __VLS_253 = {}.ElSwitch;
+    /** @type {[typeof __VLS_components.ElSwitch, typeof __VLS_components.elSwitch, ]} */ ;
+    // @ts-ignore
+    ElSwitch;
+    // @ts-ignore
+    const __VLS_254 = __VLS_asFunctionalComponent(__VLS_253, new __VLS_253({
+        modelValue: (row.disabled),
+        size: "small",
+    }));
+    const __VLS_255 = __VLS_254({
+        modelValue: (row.disabled),
+        size: "small",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_254));
+}
+var __VLS_249;
+const __VLS_259 = {}.ElTableColumn;
+/** @type {[typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, typeof __VLS_components.ElTableColumn, typeof __VLS_components.elTableColumn, ]} */ ;
+// @ts-ignore
+ElTableColumn;
+// @ts-ignore
+const __VLS_260 = __VLS_asFunctionalComponent(__VLS_259, new __VLS_259({
+    label: "操作",
+    width: "100",
+    align: "center",
+    fixed: "right",
+}));
+const __VLS_261 = __VLS_260({
+    label: "操作",
+    width: "100",
+    align: "center",
+    fixed: "right",
+}, ...__VLS_functionalComponentArgsRest(__VLS_260));
+const { default: __VLS_264 } = __VLS_262.slots;
+{
+    const { default: __VLS_265 } = __VLS_262.slots;
+    const [{ $index }] = __VLS_getSlotParameters(__VLS_265);
+    const __VLS_266 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    ElButton;
+    // @ts-ignore
+    const __VLS_267 = __VLS_asFunctionalComponent(__VLS_266, new __VLS_266({
+        ...{ 'onClick': {} },
+        type: "danger",
+        size: "small",
+        plain: true,
+    }));
+    const __VLS_268 = __VLS_267({
+        ...{ 'onClick': {} },
+        type: "danger",
+        size: "small",
+        plain: true,
+    }, ...__VLS_functionalComponentArgsRest(__VLS_267));
+    let __VLS_271;
+    const __VLS_272 = ({ click: {} },
+        { onClick: (...[$event]) => {
+                __VLS_ctx.removeSlot($index);
+                // @ts-ignore
+                [removeSlot,];
+            } });
+    const { default: __VLS_273 } = __VLS_269.slots;
+    var __VLS_269;
+    var __VLS_270;
+}
+var __VLS_262;
+var __VLS_112;
+const __VLS_274 = {}.ElButton;
+/** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+// @ts-ignore
+ElButton;
+// @ts-ignore
+const __VLS_275 = __VLS_asFunctionalComponent(__VLS_274, new __VLS_274({
+    ...{ 'onClick': {} },
+    type: "primary",
+    size: "small",
+    plain: true,
+    ...{ style: "display: block; width: 100px; margin: 8px 0 0 auto" },
+}));
+const __VLS_276 = __VLS_275({
+    ...{ 'onClick': {} },
+    type: "primary",
+    size: "small",
+    plain: true,
+    ...{ style: "display: block; width: 100px; margin: 8px 0 0 auto" },
+}, ...__VLS_functionalComponentArgsRest(__VLS_275));
+let __VLS_279;
+const __VLS_280 = ({ click: {} },
+    { onClick: (__VLS_ctx.addSlot) });
+const { default: __VLS_281 } = __VLS_277.slots;
+// @ts-ignore
+[addSlot,];
+var __VLS_277;
+var __VLS_278;
+{
+    const { footer: __VLS_282 } = __VLS_9.slots;
+    __VLS_asFunctionalElement(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "optionCardDialog_footer" },
+    });
+    const __VLS_283 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    ElButton;
+    // @ts-ignore
+    const __VLS_284 = __VLS_asFunctionalComponent(__VLS_283, new __VLS_283({
+        ...{ 'onClick': {} },
+    }));
+    const __VLS_285 = __VLS_284({
+        ...{ 'onClick': {} },
+    }, ...__VLS_functionalComponentArgsRest(__VLS_284));
+    let __VLS_288;
+    const __VLS_289 = ({ click: {} },
+        { onClick: (...[$event]) => {
+                __VLS_ctx.dialogVisible = false;
+                // @ts-ignore
+                [dialogVisible,];
+            } });
+    const { default: __VLS_290 } = __VLS_286.slots;
+    var __VLS_286;
+    var __VLS_287;
+    const __VLS_291 = {}.ElButton;
+    /** @type {[typeof __VLS_components.ElButton, typeof __VLS_components.elButton, typeof __VLS_components.ElButton, typeof __VLS_components.elButton, ]} */ ;
+    // @ts-ignore
+    ElButton;
+    // @ts-ignore
+    const __VLS_292 = __VLS_asFunctionalComponent(__VLS_291, new __VLS_291({
+        ...{ 'onClick': {} },
+        type: "primary",
+    }));
+    const __VLS_293 = __VLS_292({
+        ...{ 'onClick': {} },
+        type: "primary",
+    }, ...__VLS_functionalComponentArgsRest(__VLS_292));
+    let __VLS_296;
+    const __VLS_297 = ({ click: {} },
+        { onClick: (__VLS_ctx.saveTraySiteDialog) });
+    const { default: __VLS_298 } = __VLS_294.slots;
+    // @ts-ignore
+    [saveTraySiteDialog,];
+    var __VLS_294;
+    var __VLS_295;
+}
+var __VLS_9;
+/** @type {__VLS_StyleScopedClasses['form_group']} */ ;
+/** @type {__VLS_StyleScopedClasses['form_group_title']} */ ;
+/** @type {__VLS_StyleScopedClasses['keyVal']} */ ;
+/** @type {__VLS_StyleScopedClasses['key']} */ ;
+/** @type {__VLS_StyleScopedClasses['val']} */ ;
+/** @type {__VLS_StyleScopedClasses['section-title']} */ ;
+/** @type {__VLS_StyleScopedClasses['section-title']} */ ;
+/** @type {__VLS_StyleScopedClasses['required']} */ ;
+/** @type {__VLS_StyleScopedClasses['required']} */ ;
+/** @type {__VLS_StyleScopedClasses['required']} */ ;
+/** @type {__VLS_StyleScopedClasses['optionCardDialog_footer']} */ ;
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};