@liujitcn/kratos-admin-bi 0.0.0-stage → 0.1.6

package/dist/package/declarations/src/views/manage/index.vue.js

@@ -0,0 +1,325 @@
+/// <reference types="../../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/template-helpers.d.ts" />
+/// <reference types="../../../../../../node_modules/.pnpm/@vue+language-core@3.3.13/node_modules/@vue/language-core/types/props-fallback.d.ts" />
+import { computed, reactive, ref } from "vue";
+import { useRouter } from "vue-router";
+import { t } from "@liujitcn/kratos-admin-core";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { useAuthStore } from "@liujitcn/kratos-admin-core/stores/runtime";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
+import { defBiCardService } from "../../api/bi/admin/v1/bi_card";
+import { defBiDashboardService } from "../../api/bi/admin/v1/bi_dashboard";
+import BiDashboardMenuDialog from "../../components/BiDashboardMenuDialog.vue";
+import { parseDashboardLayout } from "../../bi-dashboard-schema";
+const { defineOptions, } = {};
+defineOptions({ name: "BiDashboardManage", inheritAttrs: false });
+const router = useRouter(), authStore = useAuthStore(), table = ref(), dialog = ref(), creating = ref(false), form = reactive({ name: "", code: "", description: "" });
+const editing = ref();
+const menuOpen = ref(false), menuDashboard = ref();
+const savingFavorite = ref(false);
+const menuPath = computed(() => authStore.flatMenuListGet.find(item => item.component === "system/base/menu/index")?.path);
+const fields = computed(() => [
+    { prop: "name", label: t("bi.query.save_name"), component: "input", props: { maxlength: 128 } },
+    { prop: "code", label: t("bi.dashboard.code"), component: "input", props: { maxlength: 128, disabled: Boolean(editing.value) } },
+    { prop: "description", label: t("bi.dashboard.description"), component: "input", props: { type: "textarea", maxlength: 500 } }
+]);
+const rules = {
+    name: [{ required: true, message: t("bi.card.validation.name"), trigger: "blur" }],
+    code: [{ required: true, message: t("bi.dashboard.code_required"), trigger: "blur" }]
+};
+const headerActions = computed(() => [
+    {
+        label: t("bi.dashboard.create"),
+        type: "primary",
+        icon: CirclePlus,
+        onClick: () => {
+            reset();
+            form.code = `bi_${Date.now().toString(36)}`;
+            creating.value = true;
+        }
+    }
+]);
+const columns = computed(() => [
+    { prop: "name", label: t("bi.query.save_name"), minWidth: 180, search: { el: "input" } },
+    { prop: "code", label: t("bi.dashboard.code"), minWidth: 150 },
+    {
+        prop: "favorite",
+        label: t("bi.dashboard.favorite"),
+        width: 100,
+        cellType: "status",
+        statusProps: {
+            activeValue: true,
+            inactiveValue: false,
+            activeText: t("bi.dashboard.favorited"),
+            inactiveText: t("bi.dashboard.not_favorited"),
+            disabled: scope => savingFavorite.value || !scope.row.published_version,
+            beforeChange: scope => setFavorite(scope.row, !scope.row.favorite)
+        }
+    },
+    {
+        prop: "status",
+        label: t("common.field.status"),
+        width: 100,
+        cellType: "status",
+        statusProps: {
+            activeValue: 2,
+            inactiveValue: 1,
+            activeText: t("bi.dashboard.status_published"),
+            inactiveText: t("bi.dashboard.status_draft"),
+            disabled: true
+        }
+    },
+    { prop: "draft_version", label: t("bi.dashboard.version"), width: 90 },
+    { prop: "published_version", label: t("bi.dashboard.published_version"), width: 110 },
+    { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 175 },
+    {
+        prop: "operation",
+        label: t("common.field.operation"),
+        cellType: "actions",
+        fixed: "right",
+        actions: [
+            {
+                label: t("bi.dashboard.preview"),
+                icon: View,
+                link: true,
+                type: "primary",
+                disabled: scope => !scope.row.published_version,
+                onClick: scope => {
+                    void router.push(`/bi/dashboard/${scope.row.id}`);
+                }
+            },
+            {
+                label: t("bi.dashboard.edit"),
+                icon: Grid,
+                link: true,
+                hidden: scope => !scope.row.can_edit,
+                onClick: scope => {
+                    void router.push({ path: "/bi/designer", query: { id: String(scope.row.id) } });
+                }
+            },
+            {
+                label: t("common.action.edit"),
+                icon: EditPen,
+                link: true,
+                hidden: scope => !scope.row.can_edit,
+                onClick: scope => edit(scope.row)
+            },
+            {
+                label: t("bi.dashboard.publish"),
+                icon: Promotion,
+                link: true,
+                hidden: scope => !scope.row.can_edit,
+                disabled: scope => scope.row.draft_version === scope.row.published_version,
+                onClick: scope => publish(scope.row)
+            },
+            {
+                label: t("bi.dashboard.configure_menu"),
+                icon: Setting,
+                link: true,
+                hidden: scope => !menuPath.value || !scope.row.can_edit,
+                disabled: scope => !scope.row.published_version,
+                onClick: scope => configureMenu(scope.row)
+            },
+            {
+                label: t("common.action.delete"),
+                icon: Delete,
+                link: true,
+                type: "danger",
+                hidden: scope => !scope.row.can_edit,
+                onClick: scope => remove(scope.row)
+            }
+        ]
+    }
+]);
+/** 分页请求统一转换表格条件，并同步工作台的仪表盘收藏状态。 */
+async function requestDashboardTable(params) {
+    const [data, config] = await Promise.all([
+        defBiDashboardService.PageBiDashboard(buildPageRequest(params)),
+        defBiCardService.GetBiWorkbench({})
+    ]);
+    return {
+        data: {
+            list: (data.dashboards || []).map(item => ({ ...item, favorite: config.dashboard_ids.includes(item.id) })),
+            total: data.total
+        }
+    };
+}
+/** 保存收藏开关，成功后再切换，保留最新排序和独立卡片收藏。 */
+async function setFavorite(item, favorite) {
+    if (savingFavorite.value || !item.published_version)
+        return false;
+    savingFavorite.value = true;
+    try {
+        const latest = await defBiCardService.GetBiWorkbench({});
+        if (latest.dashboard_ids.includes(item.id) === favorite)
+            return true;
+        const ids = favorite ? [...latest.dashboard_ids, item.id] : latest.dashboard_ids.filter(id => id !== item.id);
+        await defBiCardService.SaveBiWorkbench({ dashboard_ids: ids, favorite_ids: latest.favorite_ids });
+        ElMessage.success(t("bi.workbench.saved"));
+        return true;
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+        return false;
+    }
+    finally {
+        savingFavorite.value = false;
+    }
+}
+/** 在管理列表编辑名称与说明，设计器只处理卡片布局。 */
+function edit(item) {
+    reset();
+    editing.value = item;
+    Object.assign(form, { name: item.name, code: item.code, description: item.description });
+    creating.value = true;
+}
+/** 保存仪表盘信息，新建时再进入卡片组装器。 */
+async function submit() {
+    if (!(await dialog.value?.validate()))
+        return;
+    try {
+        if (editing.value) {
+            await defBiDashboardService.SaveBiDashboard({
+                dashboard: {
+                    ...editing.value,
+                    name: form.name,
+                    description: form.description,
+                    schema_json: JSON.stringify({ ...parseDashboardLayout(editing.value.schema_json), name: form.name })
+                }
+            });
+            creating.value = false;
+            table.value?.getTableList();
+            return;
+        }
+        const item = await defBiDashboardService.SaveBiDashboard({
+            dashboard: {
+                id: 0,
+                tenant_id: 0,
+                project_id: 0,
+                owner_id: 0,
+                code: form.code,
+                name: form.name,
+                description: form.description,
+                status: 1,
+                draft_version: 0,
+                published_version: 0,
+                schema_json: JSON.stringify({ schemaVersion: 3, name: form.name, cards: [] }),
+                updated_at: "",
+                can_edit: true
+            }
+        });
+        creating.value = false;
+        table.value?.getTableList();
+        void router.push({ path: "/bi/designer", query: { id: String(item.id) } });
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+}
+/** 发布现有草稿，服务端负责快照和版本冲突校验。 */
+async function publish(item) {
+    try {
+        await defBiDashboardService.PublishBiDashboard({ id: item.id, version: item.draft_version });
+        ElMessage.success(t("bi.dashboard.publish_success"));
+        table.value?.getTableList();
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+}
+/** 在当前页面配置仪表盘菜单，不跳转或改动通用菜单管理表单。 */
+function configureMenu(item) {
+    menuDashboard.value = item;
+    menuOpen.value = true;
+}
+/** 删除前按名称确认，失败时保留表格内容。 */
+async function remove(item) {
+    try {
+        await ElMessageBox.confirm(`${t("bi.query.save_name")}：${item.name}`, t("common.action.delete"), { type: "warning" });
+    }
+    catch {
+        return;
+    }
+    try {
+        await defBiDashboardService.DeleteBiDashboard({ id: item.id });
+        table.value?.getTableList();
+    }
+    catch (cause) {
+        ElMessage.error(cause instanceof Error ? cause.message : t("bi.query.error"));
+    }
+}
+/** 关闭时清空表单与校验。 */
+function reset() {
+    editing.value = undefined;
+    Object.assign(form, { name: "", code: "", description: "" });
+    dialog.value?.clearValidate();
+}
+const __VLS_ctx = {};
+let __VLS_components;
+let __VLS_intrinsics;
+let __VLS_directives;
+void __VLS_ctx, __VLS_components, __VLS_intrinsics, __VLS_directives;
+// @ts-ignore
+__VLS_withDotValue(editing, {});
+__VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+    ...{ class: "table-box" },
+});
+/** @type {__VLS_StyleScopedClasses['table-box']} */ ;
+let __VLS_0;
+/** @ts-ignore @type { | typeof __VLS_components.ProTable} */
+ProTable;
+// @ts-ignore
+const __VLS_1 = __VLS_asFunctionalComponent1(__VLS_0, new __VLS_0({
+    // @ts-ignore
+    ref: "table", rowKey: "id", columns: (__VLS_unwrap(columns, {})), headerActions: (__VLS_unwrap(headerActions, {})), requestApi: (requestDashboardTable),
+}));
+const __VLS_2 = __VLS_1({
+    ref: "table",
+    rowKey: "id",
+    columns: (__VLS_unwrap(columns, {})),
+    headerActions: (__VLS_unwrap(headerActions, {})),
+    requestApi: (requestDashboardTable),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+const __VLS_5 = FormDialog;
+// @ts-ignore
+const __VLS_6 = __VLS_asFunctionalComponent1(__VLS_5, new __VLS_5({
+    // @ts-ignore
+    ...{ 'onConfirm': {} }, ...{ 'onClosed': {} }, ref: "dialog", modelValue: (__VLS_unwrap(creating, {})), title: (editing.value ? __VLS_unwrap(t, {})('common.action.edit') : __VLS_unwrap(t, {})('bi.dashboard.create')), model: (__VLS_unwrap(form, {})), fields: (__VLS_unwrap(fields, {})), rules: (__VLS_unwrap(rules, {})),
+}));
+const __VLS_7 = __VLS_6({
+    ...{ 'onConfirm': {} },
+    ...{ 'onClosed': {} },
+    ref: "dialog",
+    modelValue: (__VLS_unwrap(creating, {})),
+    title: (editing.value ? __VLS_unwrap(t, {})('common.action.edit') : __VLS_unwrap(t, {})('bi.dashboard.create')),
+    model: (__VLS_unwrap(form, {})),
+    fields: (__VLS_unwrap(fields, {})),
+    rules: (__VLS_unwrap(rules, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_6));
+let __VLS_10;
+const __VLS_11 = {
+    /** @type {typeof __VLS_10.confirm} */
+    onConfirm: (submit),
+};
+void __VLS_11;
+const __VLS_12 = {
+    /** @type {typeof __VLS_10.closed} */
+    onClosed: (reset),
+};
+void __VLS_12;
+var __VLS_8;
+var __VLS_9;
+const __VLS_13 = BiDashboardMenuDialog;
+// @ts-ignore
+const __VLS_14 = __VLS_asFunctionalComponent1(__VLS_13, new __VLS_13({
+    // @ts-ignore
+    modelValue: (__VLS_unwrap(menuOpen, {})), dashboard: (__VLS_unwrap(menuDashboard, {})),
+}));
+const __VLS_15 = __VLS_14({
+    modelValue: (__VLS_unwrap(menuOpen, {})),
+    dashboard: (__VLS_unwrap(menuDashboard, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_14));
+// @ts-ignore
+[columns, headerActions, creating, editing, t, t, form, fields, rules, menuOpen, menuDashboard,];
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/package/declarations/src/views/query/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;