403
-权限不足，如需访问请联系管理员!
+403
+权限不足，如需访问请联系管理员!
-
+
-
+
- 组件属性({{ BlockerMap[model.type].title }})
+ {{ BlockerMap[model.type].title }}属性
diff --git a/src/components/editor/components/EditorSetting.vue b/src/components/editor/components/EditorSetting.vue
index 30af625..fdb8480 100644
--- a/src/components/editor/components/EditorSetting.vue
+++ b/src/components/editor/components/EditorSetting.vue
@@ -1,10 +1,10 @@
{
*/
viewer?: Component;
/**
- * 初始化钩子
- * @param block 组件
- * @returns
+ * 将实际格式转换为内部格式
*/
- onInit?: (block: Block) => void;
+ onLoadContainer?: (container: Container) => void;
+ /**
+ * 将内部格式转换为实际格式
+ */
+ onSaveContainer?: (container: Container) => any;
+ /**
+ * 将实际格式转换为内部格式
+ */
+ onLoadBlock?: (data: any) => Block;
+ /**
+ * 将内部格式转换为实际格式
+ */
+ onSaveBlock?: (block: Block) => any;
+ /**
+ * 在左侧添加选项卡
+ */
+ addLeftTab?: () => {
+ title: string;
+ icon: string | Component;
+ component: Component;
+ };
+ addBlock?: () => {
+ /**
+ * 唯一标识符
+ */
+ name: string;
+ /**
+ * 显示标题
+ */
+ title: string;
+ /**
+ * 显示图标
+ */
+ icon: string;
+ /**
+ * 显示描述
+ */
+ description: string;
+ /**
+ * 默认初始值
+ */
+ initial: Block;
+ /**
+ * 预览时的渲染组件
+ */
+ render: Component;
+ /**
+ * 编辑参数时的渲染组件
+ */
+ optionRender: Component<{ modelValue: Block }>;
+ /**
+ * 编辑时的渲染组件
+ */
+ modifyRender: Component;
+ }
}
/**
diff --git a/src/components/editor/core/container.ts b/src/components/editor/core/container.ts
index 710544c..5677f3c 100644
--- a/src/components/editor/core/container.ts
+++ b/src/components/editor/core/container.ts
@@ -42,6 +42,8 @@ export interface Container {
* 背景颜色
*/
bgColor: string;
+ langList: string[];
+ langSwitch: number;
}
/**
@@ -58,4 +60,6 @@ export const defaultContainer: Container = {
height: 1080,
bgImage: "",
bgColor: "#ffffff",
+ langList: ['ch', 'en'],
+ langSwitch: 0
};
diff --git a/src/pages/_layout/components/userDropdown.vue b/src/pages/_layout/components/userDropdown.vue
index ff7911f..298eebb 100644
--- a/src/pages/_layout/components/userDropdown.vue
+++ b/src/pages/_layout/components/userDropdown.vue
@@ -31,10 +31,16 @@
-
+
个人设置
+
+
+
+
+ 系统设置
+
diff --git a/src/pages/_layout/index.vue b/src/pages/_layout/index.vue
index b45d651..d5e49f7 100644
--- a/src/pages/_layout/index.vue
+++ b/src/pages/_layout/index.vue
@@ -4,9 +4,9 @@
class="h-13 overflow-hidden flex justify-between items-center gap-4 px-2 pr-4 border-b border-slate-200 bg-white dark:bg-slate-800 dark:border-slate-700"
>
-
+
+
-
+
+
@@ -75,7 +85,6 @@ const updateFileCategories = async () => {
loading.value = true;
const res = await api.fileCategory.getFileCategorys({ size: 0 });
list.value = res.data.data ?? [];
- list.value.unshift({ id: undefined, name: '全部' } as any);
list.value.length && emit('change', list.value[0]);
} catch {
// nothing to do
diff --git a/src/pages/content/material/components/AnPreview.vue b/src/pages/content/material/components/AnPreview.vue
new file mode 100644
index 0000000..13a84fb
--- /dev/null
+++ b/src/pages/content/material/components/AnPreview.vue
@@ -0,0 +1,62 @@
+
+
+
-
+
- 画布设置
+ 画布属性
@@ -31,6 +31,22 @@
+
+
+
+ 中文(cn)
+ 英语(en)
+ 俄语(ru)
+
+
+
+
+
+
+ 秒(s)
+
+
+
diff --git a/src/components/editor/core/blocker.ts b/src/components/editor/core/blocker.ts
index fe7e006..1f572b8 100644
--- a/src/components/editor/core/blocker.ts
+++ b/src/components/editor/core/blocker.ts
@@ -1,5 +1,6 @@
-import { Component } from "vue";
-import { Block } from "./block";
+import { Component } from 'vue';
+import { Block } from './block';
+import { Container } from './container';
/**
* 组件配置
@@ -38,11 +39,63 @@ export interface Blocker
-
- 
-
+
+
+
+
{{ appStore.title }}
v0.0.1
@@ -16,6 +16,15 @@
+
+
+
+
+
+
+
+
diff --git a/src/pages/_login/index.vue b/src/pages/_login/index.vue
index 6580eeb..ae6ac9c 100644
--- a/src/pages/_login/index.vue
+++ b/src/pages/_login/index.vue
@@ -19,9 +19,9 @@
class="login-left relative hidden md:block w-full h-full overflow-hidden bg-[rgb(var(--primary-6))] px-4"
>
{{ appStore.title }} v0.0.1
@@ -16,6 +16,15 @@
-
+
diff --git a/src/pages/content/media/components/AnGroup.vue b/src/pages/content/material/components/AnGroup.vue
similarity index 84%
rename from src/pages/content/media/components/AnGroup.vue
rename to src/pages/content/material/components/AnGroup.vue
index 9dfdc7f..ea0d7b5 100644
--- a/src/pages/content/media/components/AnGroup.vue
+++ b/src/pages/content/material/components/AnGroup.vue
@@ -9,9 +9,19 @@
- 欢迎登陆
- {{ meridiem }}好，欢迎登陆{{ appStore.title }}!
- 用户登陆
+ {{ meridiem }}好，欢迎访问 {{ appStore.title }} 系统!
+ -
+
-
+ + + 全部 ++ +
-
-
-
- - ----- {{ item.name }} - {{ numeral(item.file?.size).format('0 b') }} ++@@ -23,19 +23,17 @@ import { Message } from '@arco-design/web-vue'; import numeral from 'numeral'; import AnGroup from './components/AnGroup.vue'; import AnUpload from './components/AnUpload.vue'; +import AnPreview from './components/AnPreview.vue'; import { getIcon } from './components/util'; -const visible = ref(false); const current = ref
-
+
-
+ + +++-+-+ {{ item.name }} + {{ numeral(item.file?.size).format('0 b') }} +++
停止 +重试 ++ 删除 + +--停止 -重试 -- 删除 - ++ + + + + 等待上传 + + + + 正在上传 + + + + 上传成功 + + + + 上传失败 + + + + + + 速度：{{ formatSpeed(item.uid) }}/s, 进度：{{ formatProgress(item) }} % + + + 耗时：{{ fileMap.get(item.uid)?.cost || 0 }} 秒, 平均：{{ formatAspeed(item.uid) }}/s + + 原因：{{ fileMap.get(item.uid)?.error }} +- - - - - 等待上传 - - - - 正在上传 - - - - 上传成功 - - - - 上传失败 - - - - - - 速度：{{ formatSpeed(item.uid) }}/s, 进度：{{ formatProgress(item) }} % - - - 耗时：{{ fileMap.get(item.uid)?.cost || 0 }} 秒, 平均：{{ formatAspeed(item.uid) }}/s - - 原因：{{ fileMap.get(item.uid)?.error }} - --
-
+ --++ + + + ++ 已上传 {{ stat.doneCount }}/{{ fileList.length }} 项diff --git a/src/pages/content/material/components/util.ts b/src/pages/content/material/components/util.ts new file mode 100644 index 0000000..0313ff6 --- /dev/null +++ b/src/pages/content/material/components/util.ts @@ -0,0 +1,45 @@ +const typeIconMap: Record- + (); -const image = ref(''); +const viewer = reactive({ visible: false, url: undefined, type: undefined }); const preview = (record: any) => { - if (!record.mimetype.startsWith('image')) { - window.open(record.path, '_blank'); - return; - } - image.value = record.path; - visible.value = true; + const [type] = record.mimetype.split('/'); + viewer.url = record.path; + viewer.type = type; + viewer.visible = true; }; const onCategoryChange = (category: FileCategory) => { @@ -48,7 +46,7 @@ const onCategoryChange = (category: FileCategory) => { const copyLink = (record: Recordable) => { window.navigator.clipboard.writeText(record.path); - Message.success(`提示：已复制 ${record.name} 的地址!`); + Message.success(`已复制 ${record.name} 的地址!`); }; const { @@ -63,10 +61,10 @@ const { dataIndex: 'name', render: ({ record }) => { return ( - +{record.mimetype.startsWith('image') ? ( -+ { diff --git a/src/pages/system/logl/index.vue b/src/pages/system/logl/index.vue deleted file mode 100644 index 67fd6b3..0000000 --- a/src/pages/system/logl/index.vue +++ /dev/null @@ -1,140 +0,0 @@ - - - - - - - - - -- - -添加 -- - -{ - "meta": { - "name": "SystemLoglPage", - "sort": 10303, - "title": "登陆日志", - "icon": "icon-park-outline-log" - } -} - diff --git a/src/pages/system/logo/index.vue b/src/pages/system/logo/index.vue deleted file mode 100644 index 7b8d23b..0000000 --- a/src/pages/system/logo/index.vue +++ /dev/null @@ -1,84 +0,0 @@ - -- - - - - - - -- -{ - "meta": { - "name": "SystemLogoPage", - "sort": 10304, - "title": "操作日志", - "icon": "icon-park-outline-doc-detail" - } -} - diff --git a/src/pages/system/user/index.vue b/src/pages/system/user/index.vue index 3a9b93f..9bd8043 100644 --- a/src/pages/system/user/index.vue +++ b/src/pages/system/user/index.vue @@ -7,7 +7,7 @@ -
+