From a761989f3ee4e22da1f2f380ebf3afa8e3efcec4 Mon Sep 17 00:00:00 2001 From: xiaojunnuo Date: Sun, 29 Jun 2025 00:25:08 +0800 Subject: [PATCH] =?UTF-8?q?chore:=20=E5=B0=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../plugins/common/remote-select.vue | 6 +- packages/ui/certd-client/src/locales/i18n.ts | 2 +- .../access/access-selector/access/crud.tsx | 264 +++++++++--------- .../access/access-selector/access/index.vue | 12 +- .../access/secret-plain-getter.vue | 2 +- .../certd/access/access-selector/index.vue | 28 +- .../src/views/certd/access/common.tsx | 9 +- pnpm-lock.yaml | 82 +++--- 8 files changed, 205 insertions(+), 200 deletions(-) diff --git a/packages/ui/certd-client/src/components/plugins/common/remote-select.vue b/packages/ui/certd-client/src/components/plugins/common/remote-select.vue index 377a2162..66bb48a7 100644 --- a/packages/ui/certd-client/src/components/plugins/common/remote-select.vue +++ b/packages/ui/certd-client/src/components/plugins/common/remote-select.vue @@ -189,6 +189,7 @@ watch( const input = pluginType === "plugin" ? form.input : form; const watches = {}; for (const key of props.watches) { + //@ts-ignore watches[key] = input[key]; } return { @@ -198,10 +199,11 @@ watch( }, async (value, oldValue) => { const { form } = value; - const oldForm = oldValue.form; + const oldForm = oldValue?.form; let changed = oldForm == null || optionsRef.value.length == 0; for (const key of props.watches) { - if (form[key] != oldForm[key]) { + //@ts-ignore + if (oldForm && form[key] != oldForm[key]) { changed = true; break; } diff --git a/packages/ui/certd-client/src/locales/i18n.ts b/packages/ui/certd-client/src/locales/i18n.ts index 9e142f63..63210113 100644 --- a/packages/ui/certd-client/src/locales/i18n.ts +++ b/packages/ui/certd-client/src/locales/i18n.ts @@ -89,7 +89,7 @@ function loadLocalesMapFromDir(regexp: RegExp, modules: Record Pro * @param locale */ function setI18nLanguage(locale: Locale) { - // setAntdvLocale(locale); + setAntdvLocale(locale); //@ts-ignore i18n.global.locale.value = locale; diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx b/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx index dfb06237..9093eeb5 100644 --- a/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx +++ b/packages/ui/certd-client/src/views/certd/access/access-selector/access/crud.tsx @@ -5,140 +5,140 @@ import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, Edi import { useI18n } from "vue-i18n"; export default function ({ crudExpose, context }: CreateCrudOptionsProps): CreateCrudOptionsRet { - const { t } = useI18n(); - const { crudBinding } = crudExpose; - const { props, ctx, api } = context; - const lastResRef = ref(); - const pageRequest = async (query: UserPageQuery): Promise => { - return await context.api.GetList(query); - }; - const editRequest = async (req: EditReq) => { - const { form, row } = req; - form.id = row.id; - form.type = props.type; - const res = await context.api.UpdateObj(form); - lastResRef.value = res; - return res; - }; - const delRequest = async (req: DelReq) => { - const { row } = req; - return await context.api.DelObj(row.id); - }; + const { t } = useI18n(); + const { crudBinding } = crudExpose; + const { props, ctx, api } = context; + const lastResRef = ref(); + const pageRequest = async (query: UserPageQuery): Promise => { + return await context.api.GetList(query); + }; + const editRequest = async (req: EditReq) => { + const { form, row } = req; + form.id = row.id; + form.type = props.type; + const res = await context.api.UpdateObj(form); + lastResRef.value = res; + return res; + }; + const delRequest = async (req: DelReq) => { + const { row } = req; + return await context.api.DelObj(row.id); + }; - const addRequest = async (req: AddReq) => { - const { form } = req; - form.type = props.type; - const res = await context.api.AddObj(form); - lastResRef.value = res; - return res; - }; + const addRequest = async (req: AddReq) => { + const { form } = req; + form.type = props.type; + const res = await context.api.AddObj(form); + lastResRef.value = res; + return res; + }; - const selectedRowKey = ref([props.modelValue]); + const selectedRowKey = ref([props.modelValue]); - const onSelectChange = (changed: any) => { - selectedRowKey.value = changed; - ctx.emit("update:modelValue", changed[0]); - }; + const onSelectChange = (changed: any) => { + selectedRowKey.value = changed; + ctx.emit("update:modelValue", changed[0]); + }; - const typeRef = ref("aliyun"); - context.typeRef = typeRef; - const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef, api); - commonColumnsDefine.type.form.component.disabled = true; - return { - typeRef, - crudOptions: { - request: { - pageRequest, - addRequest, - editRequest, - delRequest, - }, - toolbar: { - show: false, - }, - search: { - show: false, - }, - form: { - wrapper: { - width: "1050px", - }, - }, - rowHandle: { - width: 200, - }, - table: { - scroll: { - x: 800, - }, - rowSelection: { - type: "radio", - selectedRowKeys: selectedRowKey, - onChange: onSelectChange, - }, - customRow: (record: any) => { - return { - onClick: () => { - onSelectChange([record.id]); - }, // 点击行 - }; - }, - }, - columns: { - id: { - title: "ID", - key: "id", - type: "number", - column: { - width: 50, - }, - form: { - show: false, - }, - }, - name: { - title: t("certd.name"), - search: { - show: true, - }, - type: ["text"], - form: { - rules: [{ required: true, message: t("certd.pleaseEnterName") }], - helper: t("certd.nameHelper"), - }, - column: { - width: 200, - }, - }, - from: { - title: t("certd.level"), - type: "dict-select", - dict: dict({ - data: [ - { label: t("certd.system"), value: "sys" }, - { label: t("certd.usera"), value: "user" }, - ], - }), - search: { - show: false, - }, - form: { - show: false, - }, - column: { - width: 100, - align: "center", - component: { - color: "auto", - }, - order: 10, - }, - valueBuilder: ({ row, key, value }) => { - row[key] = row.userId > 0 ? "user" : "sys"; - }, - }, - ...commonColumnsDefine, - }, - }, - }; + const typeRef = ref("aliyun"); + context.typeRef = typeRef; + const commonColumnsDefine = getCommonColumnDefine(crudExpose, typeRef, api); + commonColumnsDefine.type.form.component.disabled = true; + return { + typeRef, + crudOptions: { + request: { + pageRequest, + addRequest, + editRequest, + delRequest, + }, + toolbar: { + show: false, + }, + search: { + show: false, + }, + form: { + wrapper: { + width: "1050px", + }, + }, + rowHandle: { + width: 200, + }, + table: { + scroll: { + x: 800, + }, + rowSelection: { + type: "radio", + selectedRowKeys: selectedRowKey, + onChange: onSelectChange, + }, + customRow: (record: any) => { + return { + onClick: () => { + onSelectChange([record.id]); + }, // 点击行 + }; + }, + }, + columns: { + id: { + title: "ID", + key: "id", + type: "number", + column: { + width: 50, + }, + form: { + show: false, + }, + }, + name: { + title: t("certd.name"), + search: { + show: true, + }, + type: ["text"], + form: { + rules: [{ required: true, message: t("certd.pleaseEnterName") }], + helper: t("certd.nameHelper"), + }, + column: { + width: 200, + }, + }, + from: { + title: t("certd.level"), + type: "dict-select", + dict: dict({ + data: [ + { label: t("certd.system"), value: "sys" }, + { label: t("certd.usera"), value: "user" }, + ], + }), + search: { + show: false, + }, + form: { + show: false, + }, + column: { + width: 100, + align: "center", + component: { + color: "auto", + }, + order: 10, + }, + valueBuilder: ({ row, key, value }) => { + row[key] = row.userId > 0 ? "user" : "sys"; + }, + }, + ...commonColumnsDefine, + }, + }, + }; } diff --git a/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue b/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue index 9472faaa..f42be221 100644 --- a/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue +++ b/packages/ui/certd-client/src/views/certd/access/access-selector/access/index.vue @@ -15,13 +15,13 @@ export default defineComponent({ props: { type: { type: String, - default: "aliyun" + default: "aliyun", }, from: { type: String, //user | sys - default: "user" + default: "user", }, - modelValue: {} + modelValue: {}, }, emits: ["update:modelValue"], setup(props, ctx) { @@ -39,7 +39,7 @@ export default defineComponent({ () => { return props.type; }, - (value) => { + value => { console.log("access type changed:", value); onTypeChanged(value); } @@ -51,9 +51,9 @@ export default defineComponent({ return { crudBinding, - crudRef + crudRef, }; - } + }, });