@arronqzy/vue-view 0.1.0 → 0.1.3

package/src/panel/components/config/PanelConfigNodeInfo.vue

@@ -1,9 +1,12 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { Checkbox, Input, InputNumber, Select } from "ant-design-vue";
 import type { PanelElement, PanelLayer } from "../../types";
-import { PANEL_MESSAGES } from "../../constants/messages";
+import { getPanelMessages } from "../../constants/messages";
 import ConfigSection from "./ConfigSection.vue";
 
+const { t, locale } = useI18n();
+const msgs = () => getPanelMessages(t);
 const props = defineProps<{
   element: PanelElement;
   layers: PanelLayer[];
@@ -34,18 +37,18 @@ function patch(patch: Partial<PanelElement>) {
 
 <template>
   <ConfigSection
-    title="节点信息"
+    :title="t('panel.config.sectionNodeInfo')"
     :open="open"
     :force-open="forceOpen"
     @update:open="emit('update:open', $event)"
   >
     <label class="block space-y-1">
-      <div>节点名称</div>
+      <div>{{ t("panel.config.nodeName") }}</div>
       <Input
         size="small"
         :value="element.name ?? ''"
         :disabled="!isEditable"
-        placeholder="自定义节点名称（显示在节点树）"
+        :placeholder="t('panel.config.nodeNamePlaceholder')"
         @update:value="(v: string) => patch({ name: v || undefined })"
       />
     </label>
@@ -73,7 +76,7 @@ function patch(patch: Partial<PanelElement>) {
     </div>
     <div class="grid grid-cols-3 gap-2">
       <label class="block space-y-1">
-        <div>旋转角度</div>
+        <div>{{ t("panel.config.rotate") }}</div>
         <InputNumber
           size="small"
           class="w-full"
@@ -83,7 +86,7 @@ function patch(patch: Partial<PanelElement>) {
         />
       </label>
       <label class="block space-y-1">
-        <div>宽</div>
+        <div>{{ t("panel.config.width") }}</div>
         <InputNumber
           size="small"
           class="w-full"
@@ -94,7 +97,7 @@ function patch(patch: Partial<PanelElement>) {
         />
       </label>
       <label class="block space-y-1">
-        <div>高</div>
+        <div>{{ t("panel.config.height") }}</div>
         <InputNumber
           size="small"
           class="w-full"
@@ -106,8 +109,8 @@ function patch(patch: Partial<PanelElement>) {
       </label>
     </div>
     <div class="space-y-1.5">
-      <div class="text-[11px] text-gray-500">节点层级</div>
-      <div class="text-[11px] text-gray-400">当前 zIndex：{{ nodeZOrderLabel ?? "-" }}</div>
+      <div class="text-[11px] text-gray-500">{{ t("panel.config.nodeZOrder") }}</div>
+      <div class="text-[11px] text-gray-400">{{ t("panel.config.currentZIndex", { value: nodeZOrderLabel ?? "-" }) }}</div>
       <div v-if="onAdjustNodeZOrder" class="grid grid-cols-2 gap-2">
         <button
           type="button"
@@ -115,7 +118,7 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @click="onAdjustNodeZOrder(element.id, 'bringForward')"
         >
-          上移一层
+          {{ t("panel.menubar.bringForward") }}
         </button>
         <button
           type="button"
@@ -123,7 +126,7 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @click="onAdjustNodeZOrder(element.id, 'sendBackward')"
         >
-          下移一层
+          {{ t("panel.menubar.sendBackward") }}
         </button>
         <button
           type="button"
@@ -131,7 +134,7 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @click="onAdjustNodeZOrder(element.id, 'bringToFront')"
         >
-          置顶
+          {{ t("panel.menubar.bringToFront") }}
         </button>
         <button
           type="button"
@@ -139,12 +142,12 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @click="onAdjustNodeZOrder(element.id, 'sendToBack')"
         >
-          置底
+          {{ t("panel.menubar.sendToBack") }}
         </button>
       </div>
     </div>
     <div class="truncate text-gray-400">ID: {{ element.id }}</div>
-    <div class="text-gray-400">类型: {{ element.materialType ?? element.id }}</div>
+    <div class="text-gray-400">{{ t("panel.config.type") }}: {{ element.materialType ?? element.id }}</div>
     <div class="rounded-lg border border-gray-200/60 bg-white/80 px-2.5 py-2">
       <label class="flex items-center gap-2">
         <Checkbox
@@ -152,14 +155,14 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!canToggleNodeLock"
           @update:checked="(v) => patch({ locked: v === true })"
         />
-        <span>锁定节点（禁止层级/位置/大小/旋转）</span>
+        <span>{{ t("panel.config.lockNode") }}</span>
       </label>
     </div>
     <div
       v-if="!isEditable"
       class="rounded border border-amber-500/40 bg-amber-500/10 px-2 py-1.5 text-[11px] text-amber-700"
     >
-      {{ element.locked ? PANEL_MESSAGES.nodeConfigLocked : PANEL_MESSAGES.nodeConfigLayerLocked }}
+      {{ element.locked ? msgs().nodeConfigLocked : msgs().nodeConfigLayerLocked }}
     </div>
   </ConfigSection>
 </template>

package/src/panel/components/config/PanelConfigReferenceSection.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { Select } from "ant-design-vue";
 import type { PanelElement, PanelLayer, ReferenceCopyMode } from "../../types";
 import ConfigFieldGroup from "./ConfigFieldGroup.vue";
 import ConfigSection from "./ConfigSection.vue";
 
+const { t, locale } = useI18n();
 const props = defineProps<{
   element: PanelElement;
   layers: PanelLayer[];
@@ -29,14 +31,14 @@ function patch(patch: Partial<PanelElement>) {
 
 <template>
   <ConfigSection
-    title="引用组件配置"
+    :title="t('panel.config.sectionReference')"
     :open="open"
     :force-open="forceOpen"
     @update:open="emit('update:open', $event)"
   >
-    <ConfigFieldGroup title="引用源">
+    <ConfigFieldGroup :title="t('panel.config.groupRefSource')">
       <label class="block space-y-1">
-        <div>引用图层</div>
+        <div>{{ t("panel.config.refLayer") }}</div>
         <Select
           size="small"
           class="w-full"
@@ -44,7 +46,7 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @update:value="(v) => patch({ refLayerId: v === '__none__' ? undefined : String(v) })"
         >
-          <Select.Option value="__none__">无（不引用）</Select.Option>
+          <Select.Option value="__none__">{{ t("panel.config.noneNoRef") }}</Select.Option>
           <Select.Option
             v-for="layer in layers.filter((l) => l.id !== element.layerId)"
             :key="layer.id"
@@ -55,12 +57,12 @@ function patch(patch: Partial<PanelElement>) {
         </Select>
       </label>
     </ConfigFieldGroup>
-    <ConfigFieldGroup title="拷贝策略">
+    <ConfigFieldGroup :title="t('panel.config.groupCopyStrategy')">
       <template #hint>
-        浅拷贝会实时同步被引用图层；深拷贝会固定当前快照，不再随源变化。
+        {{ t("panel.config.copyStrategyHint") }}
       </template>
       <label class="block space-y-1">
-        <div>拷贝模式</div>
+        <div>{{ t("panel.config.copyMode") }}</div>
         <Select
           size="small"
           class="w-full"
@@ -68,8 +70,8 @@ function patch(patch: Partial<PanelElement>) {
           :disabled="!isEditable"
           @update:value="(v) => setReferenceCopyMode?.(element.id, v as ReferenceCopyMode)"
         >
-          <Select.Option value="shallow">浅拷贝（跟随源图层变化）</Select.Option>
-          <Select.Option value="deep">深拷贝（冻结当前引用快照）</Select.Option>
+          <Select.Option value="shallow">{{ t("panel.config.shallowFollow") }}</Select.Option>
+          <Select.Option value="deep">{{ t("panel.config.deepFreeze") }}</Select.Option>
         </Select>
       </label>
     </ConfigFieldGroup>

package/src/panel/components/config/PanelConfigStyleSections.vue

@@ -1,16 +1,17 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { ref } from "vue";
 import { Input, Select } from "ant-design-vue";
 import type { PanelElement, PanelElementStyle } from "../../types";
-import {
-  PANEL_MESSAGES,
-  readFileAsDataUrl,
-  uploadFileToRemote,
-} from "./shared";
+import { readFileAsDataUrl, uploadFileToRemote } from "./shared";
+import { getPanelMessages } from "../../constants/messages";
 import ConfigColorField from "./ConfigColorField.vue";
 import ConfigFieldGroup from "./ConfigFieldGroup.vue";
 import ConfigSection from "./ConfigSection.vue";
 
+const { t, locale } = useI18n();
+const msgs = () => getPanelMessages(t);
+
 const props = defineProps<{
   element: PanelElement;
   isEditable: boolean;
@@ -40,15 +41,15 @@ function patchStyle(patch: Partial<PanelElementStyle>) {
 }
 
 async function handleUploadBackgroundImage(file: File) {
-  const base64 = await readFileAsDataUrl(file, PANEL_MESSAGES.readImageFailed);
+  const base64 = await readFileAsDataUrl(file, msgs().readImageFailed);
   patchStyle({ backgroundImage: `url("${base64}")` });
-  uploadStatus.value = "已写入 base64";
+  uploadStatus.value = t("panel.config.uploadWrittenBase64");
   const url = await uploadFileToRemote(file);
   if (url) {
     patchStyle({ backgroundImageRemoteUrl: url });
-    uploadStatus.value = "已上传服务器并写入 base64";
+    uploadStatus.value = t("panel.config.uploadServerAndBase64");
   } else {
-    uploadStatus.value = "服务器上传失败，仅保留 base64";
+    uploadStatus.value = t("panel.config.uploadServerFailedKeepBase64");
   }
 }
 
@@ -63,20 +64,20 @@ function onFileChange(e: Event) {
 <template>
   <ConfigSection
     v-if="showBackground !== false"
-    title="通用样式 / 背景"
+    :title="t('panel.config.sectionStyleBackground')"
     :open="backgroundOpen"
     :force-open="forceOpen"
     @update:open="emit('update:backgroundOpen', $event)"
   >
-    <ConfigFieldGroup title="背景填充">
+    <ConfigFieldGroup :title="t('panel.config.groupBgFill')">
       <ConfigColorField
-        label="背景色"
+        :label="t('panel.scope.fieldStyleBackgroundColor')"
         :value="element.style?.backgroundColor ?? ''"
         :disabled="!isEditable"
         @update:value="(v) => patchStyle({ backgroundColor: v || undefined })"
       />
       <label class="block space-y-1">
-        <div>背景图</div>
+        <div>{{ t("panel.scope.fieldStyleBackgroundImage") }}</div>
         <Input
           size="small"
           :value="element.style?.backgroundImage ?? ''"
@@ -90,7 +91,7 @@ function onFileChange(e: Event) {
           class="inline-flex cursor-pointer items-center rounded border border-gray-200 px-2 py-1 text-[11px] hover:bg-gray-50"
           :class="{ 'pointer-events-none opacity-50': !isEditable }"
         >
-          上传图片
+          {{ t("panel.config.uploadImage") }}
           <input
             type="file"
             accept="image/*"
@@ -102,10 +103,10 @@ function onFileChange(e: Event) {
         <span v-if="uploadStatus" class="text-[11px] text-gray-500">{{ uploadStatus }}</span>
       </div>
     </ConfigFieldGroup>
-    <ConfigFieldGroup title="背景布局">
+    <ConfigFieldGroup :title="t('panel.config.groupBgLayout')">
       <div class="grid grid-cols-2 gap-2">
         <label class="block space-y-1">
-          <div>背景尺寸</div>
+          <div>{{ t("panel.scope.fieldStyleBackgroundSize") }}</div>
           <Select
             size="small"
             class="w-full"
@@ -113,7 +114,7 @@ function onFileChange(e: Event) {
             :disabled="!isEditable"
             @update:value="(v) => patchStyle({ backgroundSize: v === '__none__' ? undefined : String(v) })"
           >
-            <Select.Option value="__none__">默认</Select.Option>
+            <Select.Option value="__none__">{{ t("common.default") }}</Select.Option>
             <Select.Option value="cover">cover</Select.Option>
             <Select.Option value="contain">contain</Select.Option>
             <Select.Option value="100% 100%">100% 100%</Select.Option>
@@ -121,7 +122,7 @@ function onFileChange(e: Event) {
           </Select>
         </label>
         <label class="block space-y-1">
-          <div>背景位置</div>
+          <div>{{ t("panel.scope.fieldStyleBackgroundPosition") }}</div>
           <Select
             size="small"
             class="w-full"
@@ -129,7 +130,7 @@ function onFileChange(e: Event) {
             :disabled="!isEditable"
             @update:value="(v) => patchStyle({ backgroundPosition: v === '__none__' ? undefined : String(v) })"
           >
-            <Select.Option value="__none__">默认</Select.Option>
+            <Select.Option value="__none__">{{ t("common.default") }}</Select.Option>
             <Select.Option value="center">center</Select.Option>
             <Select.Option value="top">top</Select.Option>
             <Select.Option value="bottom">bottom</Select.Option>
@@ -147,15 +148,15 @@ function onFileChange(e: Event) {
 
   <ConfigSection
     v-if="showBorder !== false"
-    title="通用样式 / 边框"
+    :title="t('panel.config.sectionStyleBorder')"
     :open="borderOpen"
     :force-open="forceOpen"
     @update:open="emit('update:borderOpen', $event)"
   >
-    <ConfigFieldGroup title="边框几何">
+    <ConfigFieldGroup :title="t('panel.config.groupBorderGeometry')">
       <div class="grid grid-cols-2 gap-2">
         <label class="block space-y-1">
-          <div>边框宽度（px）</div>
+          <div>{{ t("panel.config.borderWidth") }}</div>
           <Input
             size="small"
             type="number"
@@ -166,7 +167,7 @@ function onFileChange(e: Event) {
           />
         </label>
         <label class="block space-y-1">
-          <div>边框圆角（px）</div>
+          <div>{{ t("panel.config.borderRadius") }}</div>
           <Input
             size="small"
             type="number"
@@ -178,10 +179,10 @@ function onFileChange(e: Event) {
         </label>
       </div>
     </ConfigFieldGroup>
-    <ConfigFieldGroup title="边框视觉">
+    <ConfigFieldGroup :title="t('panel.config.groupBorderVisual')">
       <div class="grid grid-cols-2 gap-2">
         <label class="block space-y-1">
-          <div>边框样式</div>
+          <div>{{ t("panel.config.borderStyle") }}</div>
           <Select
             size="small"
             class="w-full"
@@ -197,7 +198,7 @@ function onFileChange(e: Event) {
           </Select>
         </label>
         <ConfigColorField
-          label="边框颜色"
+          :label="t('panel.scope.fieldStyleBorderColor')"
           :value="element.style?.borderColor ?? ''"
           :disabled="!isEditable"
           @update:value="(v) => patchStyle({ borderColor: v || undefined })"

package/src/panel/components/config/PanelConfigTextSection.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { onMounted, ref, watch } from "vue";
 import { Checkbox, Input, InputNumber, Select } from "ant-design-vue";
 import type { PanelElement } from "../../types";
@@ -6,6 +7,7 @@ import ConfigColorField from "./ConfigColorField.vue";
 import ConfigFieldGroup from "./ConfigFieldGroup.vue";
 import ConfigSection from "./ConfigSection.vue";
 
+const { t, locale } = useI18n();
 const props = defineProps<{
   element: PanelElement;
   isEditable: boolean;
@@ -38,7 +40,8 @@ function execTextCommand(cmd: "bold" | "italic" | "underline") {
 
 function syncEditorHtml() {
   if (props.element.materialType !== "text") return;
-  const nextHtml = props.element.textHtml ?? "<p>双击输入文本</p>";
+  const nextHtml =
+    props.element.textHtml ?? `<p>${t("panel.defaults.doubleClickTextHtml")}</p>`;
   if (textEditorRef.value && textEditorRef.value.innerHTML !== nextHtml) {
     textEditorRef.value.innerHTML = nextHtml;
   }
@@ -50,12 +53,12 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
 
 <template>
   <ConfigSection
-    title="文本配置"
+    :title="t('panel.config.sectionText')"
     :open="open"
     :force-open="forceOpen"
     @update:open="emit('update:open', $event)"
   >
-    <ConfigFieldGroup title="文本内容">
+    <ConfigFieldGroup :title="t('panel.config.groupTextContent')">
       <div class="flex items-center gap-1">
         <button
           type="button"
@@ -100,20 +103,20 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
         }"
       />
     </ConfigFieldGroup>
-    <ConfigFieldGroup title="文字样式">
+    <ConfigFieldGroup :title="t('panel.config.groupTextStyle')">
       <label class="block space-y-1">
-        <div>字体</div>
+        <div>{{ t("panel.config.fontFamily") }}</div>
         <Input
           size="small"
           :value="element.textFontFamily ?? ''"
           :disabled="!isEditable"
-          placeholder="如：Inter, PingFang SC, Microsoft YaHei"
+          :placeholder="t('panel.config.fontFamilyPlaceholder')"
           @update:value="(v: string) => patch({ textFontFamily: v || undefined })"
         />
       </label>
       <div class="grid grid-cols-2 gap-2">
         <label class="block space-y-1">
-          <div>字号（px）</div>
+          <div>{{ t("panel.config.fontSizePx") }}</div>
           <InputNumber
             size="small"
             class="w-full"
@@ -125,7 +128,7 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
           />
         </label>
         <label class="block space-y-1">
-          <div>字重</div>
+          <div>{{ t("panel.config.fontWeight") }}</div>
           <Select
             size="small"
             class="w-full"
@@ -143,7 +146,7 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
       </div>
       <div class="grid grid-cols-2 gap-2">
         <label class="block space-y-1">
-          <div>对齐</div>
+          <div>{{ t("panel.config.textAlign") }}</div>
           <Select
             size="small"
             class="w-full"
@@ -151,14 +154,14 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
             :disabled="!isEditable"
             @update:value="(v) => patch({ textAlign: v as PanelElement['textAlign'] })"
           >
-            <Select.Option value="left">左对齐</Select.Option>
-            <Select.Option value="center">居中</Select.Option>
-            <Select.Option value="right">右对齐</Select.Option>
-            <Select.Option value="justify">两端对齐</Select.Option>
+            <Select.Option value="left">{{ t("panel.config.alignLeft") }}</Select.Option>
+            <Select.Option value="center">{{ t("panel.config.alignCenter") }}</Select.Option>
+            <Select.Option value="right">{{ t("panel.config.alignRight") }}</Select.Option>
+            <Select.Option value="justify">{{ t("panel.config.alignJustify") }}</Select.Option>
           </Select>
         </label>
         <label class="block space-y-1">
-          <div>行高</div>
+          <div>{{ t("panel.config.lineHeight") }}</div>
           <InputNumber
             size="small"
             class="w-full"
@@ -175,20 +178,20 @@ watch(() => [props.element.id, props.element.textHtml], syncEditorHtml);
         </label>
       </div>
       <ConfigColorField
-        label="文字颜色"
+        :label="t('panel.config.textColor')"
         :value="element.textColor ?? ''"
         :disabled="!isEditable"
         @update:value="(v) => patch({ textColor: v || undefined })"
       />
     </ConfigFieldGroup>
-    <ConfigFieldGroup title="输入能力">
+    <ConfigFieldGroup :title="t('panel.config.groupInputAbility')">
       <label class="flex items-center gap-2">
         <Checkbox
           :checked="element.textAllowInput ?? true"
           :disabled="!isEditable"
           @update:checked="(v) => patch({ textAllowInput: v !== false })"
         />
-        <span>允许在画布内直接输入（默认开启）</span>
+        <span>{{ t("panel.config.allowCanvasInput") }}</span>
       </label>
     </ConfigFieldGroup>
   </ConfigSection>

package/src/panel/components/config/PanelConfigVideoSection.vue

@@ -1,15 +1,16 @@
 <script setup lang="ts">
+import { useI18n } from "@arronqzy/i18n/vue";
 import { ref } from "vue";
 import { Checkbox, Input } from "ant-design-vue";
 import type { PanelElement } from "../../types";
-import {
-  PANEL_MESSAGES,
-  readFileAsDataUrl,
-  uploadFileToRemote,
-} from "./shared";
+import { readFileAsDataUrl, uploadFileToRemote } from "./shared";
+import { getPanelMessages } from "../../constants/messages";
 import ConfigFieldGroup from "./ConfigFieldGroup.vue";
 import ConfigSection from "./ConfigSection.vue";
 
+const { t, locale } = useI18n();
+const msgs = () => getPanelMessages(t);
+
 const props = defineProps<{
   element: PanelElement;
   isEditable: boolean;
@@ -34,15 +35,15 @@ function patch(patch: Partial<PanelElement>) {
 }
 
 async function handleUploadVideoFile(file: File) {
-  const base64 = await readFileAsDataUrl(file, PANEL_MESSAGES.readVideoFailed);
+  const base64 = await readFileAsDataUrl(file, msgs().readVideoFailed);
   patch({ videoSrc: base64 });
-  videoStatus.value = PANEL_MESSAGES.videoLocalSaved;
+  videoStatus.value = msgs().videoLocalSaved;
   const url = await uploadFileToRemote(file);
   if (url) {
     patch({ videoRemoteUrl: url });
-    videoStatus.value = PANEL_MESSAGES.videoRemoteUploaded;
+    videoStatus.value = msgs().videoRemoteUploaded;
   } else {
-    videoStatus.value = PANEL_MESSAGES.videoServerUploadFailed;
+    videoStatus.value = msgs().videoServerUploadFailed;
   }
 }
 
@@ -55,14 +56,14 @@ function onVideoFileChange(e: Event) {
 
 <template>
   <ConfigSection
-    title="视频配置"
+    :title="t('panel.config.sectionVideo')"
     :open="open"
     :force-open="forceOpen"
     @update:open="emit('update:open', $event)"
   >
-    <ConfigFieldGroup title="视频来源">
+    <ConfigFieldGroup :title="t('panel.config.groupVideoSource')">
       <label class="block space-y-1">
-        <div>视频 URL</div>
+        <div>{{ t("panel.config.videoUrl") }}</div>
         <Input
           size="small"
           :value="element.videoRemoteUrl ?? ''"
@@ -79,7 +80,7 @@ function onVideoFileChange(e: Event) {
           class="inline-flex cursor-pointer items-center rounded border border-gray-200 px-2 py-1 text-[11px] hover:bg-gray-50"
           :class="{ 'pointer-events-none opacity-50': !isEditable }"
         >
-          上传视频
+          {{ t("panel.config.uploadVideo") }}
           <input type="file" accept="video/*" class="hidden" :disabled="!isEditable" @change="onVideoFileChange" />
         </label>
       </div>
@@ -100,7 +101,7 @@ function onVideoFileChange(e: Event) {
           :disabled="!isEditable"
           @update:checked="(v) => patch({ mediaAutoPauseOnEdit: v !== false })"
         />
-        <span>编辑时自动暂停媒体</span>
+        <span>{{ t("panel.config.autoPauseMedia") }}</span>
       </label>
     </ConfigFieldGroup>
   </ConfigSection>

package/src/panel/components/config/shared.ts

@@ -1,5 +1,4 @@
 import type { PanelChartConfig } from "../../types";
-import { PANEL_MESSAGES } from "../../constants/messages";
 
 export function mergeOptionPatch(
   base: Record<string, unknown> | undefined,
@@ -70,5 +69,3 @@ export function patchChart(
 ): PanelChartConfig {
   return { ...(chart ?? {}), ...patch };
 }
-
-export { PANEL_MESSAGES };