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

package/dist/package/declarations/src/views/source/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;

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

@@ -0,0 +1,343 @@
+/// <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 { ElMessage, ElMessageBox } from "element-plus";
+import { CirclePlus, Connection, Delete, EditPen, SetUp } from "@element-plus/icons-vue";
+import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { encodeSecretFields } from "@liujitcn/kratos-admin-core/security";
+import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { useTenantScope } from "@liujitcn/kratos-admin-core/tenant";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBiSourceService } from "../../api/bi/admin/v1/bi_source";
+import BiSourceModelDialog from "../../components/BiSourceModelDialog.vue";
+const { defineOptions, } = {};
+defineOptions({ name: "BiSource", inheritAttrs: false });
+const { BUTTONS } = useAuthButtons();
+const { isDefaultTenant } = useTenantScope();
+const table = ref();
+const dialogRef = ref();
+const dialog = reactive({ visible: false, editing: false });
+const form = reactive(defaultForm());
+const modelDialog = ref(false);
+const modelSource = ref();
+const editingModelConfigured = ref(false);
+const testing = ref(false);
+const driverOptions = [
+    { label: "MySQL", value: "mysql" },
+    { label: "PostgreSQL", value: "postgres" },
+    { label: "Doris", value: "doris" },
+    { label: "TiDB", value: "tidb" }
+];
+const driverDefaultPorts = { mysql: 3306, postgres: 5432, doris: 9030, tidb: 4000 };
+const fields = computed(() => [
+    { prop: "code", label: t("bi.source.field.code"), component: "input", colSpan: 12, props: { maxlength: 128, disabled: dialog.editing } },
+    { prop: "name", label: t("bi.source.field.name"), component: "input", colSpan: 12, props: { maxlength: 128 } },
+    { prop: "description", label: t("bi.source.field.description"), component: "input", colSpan: 24, props: { maxlength: 500 } },
+    {
+        prop: "source_name",
+        label: t("bi.source.field.source_name"),
+        component: "input",
+        colSpan: 24,
+        visible: () => isDefaultTenant.value,
+        props: { maxlength: 64, placeholder: t("bi.source.placeholder.source_name") }
+    },
+    { prop: "driver", label: t("bi.source.field.driver"), component: "select", colSpan: 12, options: driverOptions, props: { onChange: handleDriverChange } },
+    ...(!form.source_name ? [
+        { prop: "host", label: t("bi.source.field.host"), component: "input", colSpan: 12, props: { maxlength: 255 } },
+        { prop: "port", label: t("bi.source.field.port"), component: "input-number", colSpan: 12, props: { min: 1, max: 65535, precision: 0, controlsPosition: "right" } },
+        { prop: "database_name", label: t("bi.source.field.database_name"), component: "input", colSpan: 12, props: { maxlength: 128 } },
+        { prop: "username", label: t("bi.source.field.username"), component: "input", colSpan: 12, props: { maxlength: 128, autocomplete: "off" } },
+        { prop: "password", label: t("bi.source.field.password"), component: "input", colSpan: 12, secret: { resource: "bi_source", field: "password" }, props: { type: "password", showPassword: true, maxlength: 512, autocomplete: "new-password", placeholder: form.password_configured ? t("bi.source.placeholder.keep_password") : t("bi.source.placeholder.password") } },
+        { prop: "ssl_mode", label: t("bi.source.field.ssl_mode"), component: "input", colSpan: 12, props: { maxlength: 32, placeholder: "disable" } }
+    ] : []),
+    { prop: "schema_name", label: t("bi.source.field.schema_name"), component: "input", colSpan: 12, props: { maxlength: 128 } },
+    { prop: "max_rows", label: t("bi.source.field.max_rows"), component: "input-number", colSpan: 12, props: { min: 1, max: 1000, precision: 0, controlsPosition: "right" } }
+]);
+const rules = computed(() => ({
+    code: [{ required: true, message: t("bi.source.validation.code"), trigger: "blur" }],
+    name: [{ required: true, message: t("bi.source.validation.name"), trigger: "blur" }],
+    driver: [{ required: true, message: t("bi.source.validation.driver"), trigger: "change" }],
+    host: [{ required: !form.source_name, message: t("bi.source.validation.host"), trigger: "blur" }],
+    database_name: [{ required: !form.source_name, message: t("bi.source.validation.database_name"), trigger: "blur" }],
+    username: [{ required: !form.source_name, message: t("bi.source.validation.username"), trigger: "blur" }],
+    password: [{ required: !form.source_name && !dialog.editing, message: t("bi.source.validation.password"), trigger: "blur" }]
+}));
+const columns = computed(() => [
+    { prop: "code", label: t("bi.source.field.code"), minWidth: 150, search: { el: "input" } },
+    { prop: "name", label: t("bi.source.field.name"), minWidth: 140 },
+    { prop: "driver", label: t("bi.source.field.driver"), width: 110 },
+    { prop: "source_name", label: t("bi.source.field.connection"), minWidth: 190, render: ({ row }) => row.host ? `${row.host}:${row.port}/${row.database_name}` : row.source_name },
+    { prop: "table_count", label: t("bi.source.model.field.tables"), width: 120, render: ({ row }) => row.model_configured ? String(row.table_count) : t("bi.source.value.not_configured") },
+    { prop: "password_configured", label: t("bi.source.field.password"), width: 120, render: ({ row }) => row.password_configured ? t("bi.source.value.configured") : t("bi.source.value.not_configured") },
+    { prop: "status", label: t("common.field.status"), width: 100, cellType: "status", statusProps: { activeValue: 1, inactiveValue: 2, activeText: t("common.status.enabled"), inactiveText: t("common.status.disabled"), disabled: scope => !BUTTONS.value["bi:source:status"] || !scope.row.model_configured, beforeChange: async (scope) => { await setStatus(scope.row); return true; } } },
+    { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 175 },
+    { prop: "operation", label: t("common.field.operation"), cellType: "actions", fixed: "right", width: 250, actions: [
+            { label: t("bi.source.model.action.configure"), link: true, icon: SetUp, hidden: () => !BUTTONS.value["bi:source:update"], onClick: scope => openModel(scope.row.id) },
+            { label: t("common.action.edit"), link: true, icon: EditPen, hidden: () => !BUTTONS.value["bi:source:update"], onClick: scope => openDialog(scope.row.id) },
+            { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["bi:source:delete"], onClick: scope => remove(scope.row) }
+        ] }
+]);
+const headerActions = computed(() => [{ label: t("common.action.create"), type: "primary", icon: CirclePlus, hidden: () => !BUTTONS.value["bi:source:create"], onClick: () => openDialog() }]);
+/** 创建空的数据源连接表单。 */
+function defaultForm() {
+    return { id: 0, code: "", name: "", description: "", source_name: "", driver: "mysql", host: "", port: 3306, database_name: "", username: "", password: undefined, password_configured: false, ssl_mode: "disable", schema_name: "", max_rows: 100, status: 2 };
+}
+/** 根据所选数据库驱动更新默认端口。 */
+function handleDriverChange(driver) {
+    form.port = driverDefaultPorts[driver] ?? 3306;
+}
+/** 请求数据源列表。 */
+async function requestTable(params) {
+    const data = await defBiSourceService.PageBiSource(buildPageRequest(params));
+    return { data: { list: data.sources ?? [], total: data.total } };
+}
+/** 打开连接表单，普通租户的已有宿主绑定需要改为独立连接。 */
+async function openDialog(id) {
+    const source = id ? await defBiSourceService.GetBiSource({ id }) : undefined;
+    await dialogRef.value?.open({
+        load: () => source,
+        commit: value => {
+            Object.assign(form, defaultForm(), value ?? {});
+            if (!isDefaultTenant.value)
+                form.source_name = "";
+            dialog.editing = Boolean(id);
+            editingModelConfigured.value = Boolean(value?.model_configured);
+        }
+    });
+}
+/** 保存连接配置，连接变化导致模型失效时重新配置。 */
+async function submit() {
+    const valid = await dialogRef.value?.validate();
+    if (!valid)
+        return;
+    const encoded = await encodeSecretFields(fields.value, form);
+    const { password_configured: _passwordConfigured, ...source } = encoded;
+    const result = dialog.editing ? await defBiSourceService.UpdateBiSource({ source }) : await defBiSourceService.CreateBiSource({ source });
+    ElMessage.success(t(dialog.editing ? "bi.source.message.update_success" : "bi.source.message.create_success"));
+    dialog.visible = false;
+    resetForm();
+    table.value?.getTableList();
+    if (editingModelConfigured.value && !result.model_configured)
+        await openModel(result);
+}
+/** 测试表单中的连接，不要求先选择表。 */
+async function testSource() {
+    const valid = await dialogRef.value?.validate();
+    if (!valid)
+        return;
+    testing.value = true;
+    try {
+        const encoded = await encodeSecretFields(fields.value, form);
+        const { password_configured: _passwordConfigured, ...source } = encoded;
+        const result = await defBiSourceService.TestBiSource({ source });
+        ElMessage[result.success ? "success" : "warning"](result.message || t(result.success ? "bi.source.message.test_success" : "bi.source.message.test_failed"));
+    }
+    finally {
+        testing.value = false;
+    }
+}
+/** 打开表结构与关系模型配置。 */
+async function openModel(sourceOrID) {
+    modelSource.value = typeof sourceOrID === "number" ? await defBiSourceService.GetBiSource({ id: sourceOrID }) : sourceOrID;
+    modelDialog.value = true;
+}
+/** 保存模型后刷新连接列表。 */
+function handleModelSaved(source) {
+    modelSource.value = source;
+    table.value?.getTableList();
+}
+/** 切换数据源启用状态。 */
+async function setStatus(row) {
+    await defBiSourceService.SetBiSourceStatus({ id: row.id, status: row.status === 1 ? 2 : 1 });
+    table.value?.getTableList();
+}
+/** 删除数据源连接。 */
+async function remove(row) {
+    await ElMessageBox.confirm(t("bi.source.dialog.delete_confirm", { name: row.name }), t("common.title.warning"));
+    await defBiSourceService.DeleteBiSource({ id: row.id });
+    ElMessage.success(t("bi.source.message.delete_success"));
+    table.value?.getTableList();
+}
+/** 重置表单和校验状态。 */
+function resetForm() {
+    Object.assign(form, defaultForm());
+    dialog.editing = false;
+    editingModelConfigured.value = false;
+}
+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(dialog, {});
+__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: (requestTable),
+}));
+const __VLS_2 = __VLS_1({
+    ref: "table",
+    rowKey: "id",
+    columns: (__VLS_unwrap(columns, {})),
+    headerActions: (__VLS_unwrap(headerActions, {})),
+    requestApi: (requestTable),
+}, ...__VLS_functionalComponentArgsRest(__VLS_1));
+const __VLS_5 = FormDialog || FormDialog;
+// @ts-ignore
+const __VLS_6 = __VLS_asFunctionalComponent1(__VLS_5, new __VLS_5({
+    // @ts-ignore
+    ...{ 'onConfirm': {} }, ...{ 'onClose': {} }, ref: "dialogRef", modelValue: (dialog.value.visible), title: (dialog.value.editing ? __VLS_unwrap(t, {})('bi.source.title.edit') : __VLS_unwrap(t, {})('bi.source.title.create')), width: "min(1040px, 96vw)", labelWidth: "10em", model: (__VLS_unwrap(form, {})), fields: (__VLS_unwrap(fields, {})), rules: (__VLS_unwrap(rules, {})), formProps: ({ disabled: __VLS_unwrap(testing, {}) }),
+}));
+const __VLS_7 = __VLS_6({
+    ...{ 'onConfirm': {} },
+    ...{ 'onClose': {} },
+    ref: "dialogRef",
+    modelValue: (dialog.value.visible),
+    title: (dialog.value.editing ? __VLS_unwrap(t, {})('bi.source.title.edit') : __VLS_unwrap(t, {})('bi.source.title.create')),
+    width: "min(1040px, 96vw)",
+    labelWidth: "10em",
+    model: (__VLS_unwrap(form, {})),
+    fields: (__VLS_unwrap(fields, {})),
+    rules: (__VLS_unwrap(rules, {})),
+    formProps: ({ disabled: __VLS_unwrap(testing, {}) }),
+}, ...__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.close} */
+    onClose: (resetForm),
+};
+void __VLS_12;
+const { default: __VLS_13 } = __VLS_nonNull(__VLS_8.slots);
+{
+    const { footer: __VLS_14 } = __VLS_nonNull(__VLS_8.slots);
+    __VLS_asFunctionalElement1(__VLS_intrinsics.div, __VLS_intrinsics.div)({
+        ...{ class: "dialog-footer" },
+    });
+    /** @type {__VLS_StyleScopedClasses['dialog-footer']} */ ;
+    let __VLS_15;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_16 = __VLS_asFunctionalComponent1(__VLS_15, new __VLS_15({
+        // @ts-ignore
+        ...{ 'onClick': {} }, disabled: (__VLS_unwrap(testing, {})),
+    }));
+    const __VLS_17 = __VLS_16({
+        ...{ 'onClick': {} },
+        disabled: (__VLS_unwrap(testing, {})),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_16));
+    let __VLS_20;
+    const __VLS_21 = {
+        /** @type {typeof __VLS_20.click} */
+        onClick: // @ts-ignore
+        (...[$event]) => {
+            void $event;
+            return (dialog.value.visible = false);
+            // @ts-ignore
+            [columns, headerActions, dialog, dialog, dialog, t, t, form, fields, rules, testing, testing,];
+        },
+    };
+    void __VLS_21;
+    const { default: __VLS_22 } = __VLS_nonNull(__VLS_18.slots);
+    (__VLS_unwrap(t, {})("common.action.cancel"));
+    // @ts-ignore
+    [t,];
+    var __VLS_18;
+    var __VLS_19;
+    let __VLS_23;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_24 = __VLS_asFunctionalComponent1(__VLS_23, new __VLS_23({
+        // @ts-ignore
+        ...{ 'onClick': {} }, type: "primary", plain: true, icon: (__VLS_unwrap(Connection, {})), loading: (__VLS_unwrap(testing, {})),
+    }));
+    const __VLS_25 = __VLS_24({
+        ...{ 'onClick': {} },
+        type: "primary",
+        plain: true,
+        icon: (__VLS_unwrap(Connection, {})),
+        loading: (__VLS_unwrap(testing, {})),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_24));
+    let __VLS_28;
+    const __VLS_29 = {
+        /** @type {typeof __VLS_28.click} */
+        onClick: (testSource),
+    };
+    void __VLS_29;
+    const { default: __VLS_30 } = __VLS_nonNull(__VLS_26.slots);
+    (__VLS_unwrap(t, {})("bi.source.action.test"));
+    // @ts-ignore
+    [t, testing, Connection,];
+    var __VLS_26;
+    var __VLS_27;
+    let __VLS_31;
+    /** @ts-ignore @type { | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button'] | typeof __VLS_components.elButton | typeof __VLS_components.ElButton | typeof __VLS_components['el-button']} */
+    elButton;
+    // @ts-ignore
+    const __VLS_32 = __VLS_asFunctionalComponent1(__VLS_31, new __VLS_31({
+        // @ts-ignore
+        ...{ 'onClick': {} }, type: "primary", disabled: (__VLS_unwrap(testing, {})),
+    }));
+    const __VLS_33 = __VLS_32({
+        ...{ 'onClick': {} },
+        type: "primary",
+        disabled: (__VLS_unwrap(testing, {})),
+    }, ...__VLS_functionalComponentArgsRest(__VLS_32));
+    let __VLS_36;
+    const __VLS_37 = {
+        /** @type {typeof __VLS_36.click} */
+        onClick: (submit),
+    };
+    void __VLS_37;
+    const { default: __VLS_38 } = __VLS_nonNull(__VLS_34.slots);
+    (__VLS_unwrap(t, {})("common.action.confirm"));
+    // @ts-ignore
+    [t, testing,];
+    var __VLS_34;
+    var __VLS_35;
+    // @ts-ignore
+    [];
+}
+// @ts-ignore
+[];
+var __VLS_8;
+var __VLS_9;
+const __VLS_39 = BiSourceModelDialog;
+// @ts-ignore
+const __VLS_40 = __VLS_asFunctionalComponent1(__VLS_39, new __VLS_39({
+    // @ts-ignore
+    ...{ 'onSaved': {} }, modelValue: (__VLS_unwrap(modelDialog, {})), source: (__VLS_unwrap(modelSource, {})),
+}));
+const __VLS_41 = __VLS_40({
+    ...{ 'onSaved': {} },
+    modelValue: (__VLS_unwrap(modelDialog, {})),
+    source: (__VLS_unwrap(modelSource, {})),
+}, ...__VLS_functionalComponentArgsRest(__VLS_40));
+let __VLS_44;
+const __VLS_45 = {
+    /** @type {typeof __VLS_44.saved} */
+    onSaved: (handleModelSaved),
+};
+void __VLS_45;
+var __VLS_42;
+var __VLS_43;
+// @ts-ignore
+[modelDialog, modelSource,];
+const __VLS_export = (await import('vue')).defineComponent({});
+export default {};

package/dist/package/declarations/src/views/workbench/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;