@oinone/kunlun-vue-admin-base 7.1.0 → 7.2.0

package/src/view/paas-install/field/custom-table/CodeFoucsTable.vue

@@ -1,115 +0,0 @@
-<template>
-  <div class="extra-container">
-    <div class="extra-container-header">
-      <div class="extra-container-label">{{ extraLabel }}</div>
-      <div class="extra-container-desc" v-if="extraField">{{ extraField.label }}: {{ extraFieldValue || '-' }}</div>
-    </div>
-    <div class="extra-container-content">
-      <a-steps v-if="extraAction && extraAction.length">
-        <a-step status="finish" v-for="action in extraAction">
-          <template #icon>
-            <div class="extra-container-content-action-icon">
-              <oio-icon :icon="`oinone-${action.icon}`" size="30px" color="#fff" />
-            </div>
-          </template>
-          <template #title>
-            <oio-button
-              type="primary"
-              :disabled="loading"
-              @click="executeAction(action.actionName, action.displayName)"
-            >
-              {{ action.displayName }}
-            </oio-button>
-          </template>
-          <template #description>
-            <div class="extra-container-content-action-desc">{{ action.desc }}</div>
-          </template>
-        </a-step>
-      </a-steps>
-    </div>
-    <slot />
-  </div>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue';
-import { OioButton, OioIcon } from '@oinone/kunlun-vue-ui-antd';
-import InlineTable from '../../../../components/common/inline-table/InlineTable.vue';
-
-export default defineComponent({
-  name: 'CodeFocusTable',
-  props: [
-    'loading',
-    'extraLabel',
-    'extraField',
-    'extraFieldValue',
-    'extraAction',
-    'executeAction',
-    'viewTemplate',
-    'metaViewNodeCode'
-  ],
-  components: { OioButton, OioIcon, InlineTable },
-  inheritAttrs: false
-});
-</script>
-
-<style lang="scss">
-.extra-container {
-  &-header {
-    display: flex;
-    width: 100%;
-    line-height: 20px;
-    align-items: center;
-  }
-
-  &-label {
-    font-size: 14px;
-    color: var(--oio-text-color);
-    font-weight: 500;
-  }
-
-  &-desc {
-    font-size: 12px;
-    color: var(--oio-text-color);
-    line-height: 18px;
-    font-weight: 400;
-    margin-left: 12px;
-  }
-
-  &-content {
-    padding: 16px 0;
-    display: flex;
-    justify-content: space-between;
-
-    &-action {
-      display: flex;
-
-      &-desc {
-        font-size: 14px;
-        color: var(--oio-text-color);
-        line-height: 20px;
-        margin-top: 8px;
-      }
-
-      &-icon {
-        background: #005ae3;
-        width: 40px;
-        height: 40px;
-        border-radius: 4px;
-        margin-right: 4px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        i {
-          font-size: 30px;
-          color: white;
-        }
-      }
-    }
-  }
-
-  .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title:after {
-    background: var(--oio-primary-color);
-  }
-}
-</style>

package/src/view/paas-install/field/custom-table/CustomTable.ts

@@ -1,166 +0,0 @@
-import {
-  Dialog,
-  executeServerAction,
-  executeViewAction,
-  translateValueByKey,
-  ViewActionCache
-} from '@oinone/kunlun-engine';
-import { ActionType, type IModel, ModelFieldType, ViewActionTarget, ViewType } from '@oinone/kunlun-meta';
-import { type ObjectValue } from '@oinone/kunlun-request';
-import { customMutation, getModel } from '@oinone/kunlun-service';
-import { SPI } from '@oinone/kunlun-spi';
-import { OioNotification } from '@oinone/kunlun-vue-ui-antd';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import { FormFieldWidget } from '../../../../basic';
-import { FormO2MTableFieldWidget } from '../../../../field';
-import { createRuntimeContextForWidget } from '../../../../tags';
-import { FormWidget } from '../../../form';
-import CodeFocusTable from './CodeFoucsTable.vue';
-
-@SPI.ClassFactory(
-  FormFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Detail],
-    ttype: ModelFieldType.OneToMany,
-    widget: ['CodeFuseTable']
-  })
-)
-export class CodeFuseTable extends FormO2MTableFieldWidget {
-  private dialogViewAction: FormWidget | undefined;
-
-  public initialize(props: Record<string, unknown>) {
-    super.initialize(props);
-    this.setComponent(CodeFocusTable);
-    return this;
-  }
-
-  @Widget.Reactive()
-  private extraLabel = '';
-
-  @Widget.Reactive()
-  private extraField = {};
-
-  @Widget.Reactive()
-  private extraFieldValue = '';
-
-  @Widget.Reactive()
-  private extraAction: any[] = [];
-
-  private getActionByModel(model: IModel, actionName: string): any {
-    const actions = [
-      ...(model.viewActionList || []),
-      ...(model.urlActionList || []),
-      ...(model.serverActionList || [])
-    ];
-    return actions.find((action) => action.name === actionName);
-  }
-
-  @Widget.Reactive()
-  private async executeAction(actionName, actionTip) {
-    const model = await getModel(this.field.model);
-    const action = this.getActionByModel(model, actionName);
-    const item = { ...this.formData };
-
-    if (this.dialogViewAction) {
-      this.dialogViewAction?.dispose();
-    }
-    if (action) {
-      if (action.target === ViewActionTarget.Dialog) {
-        const viewAction = await ViewActionCache.get(model.model, actionName)!;
-        const resView = viewAction?.resView;
-        if (resView) {
-          const runtimeContext = createRuntimeContextForWidget(resView, { mergeLayout: true });
-          const runtimeContextHandle = runtimeContext.handle;
-          const dialogWidget = Dialog.create();
-          dialogWidget.on('ok', async () => {
-            await this.load(async () => {
-              let result;
-              dialogWidget.onVisibleChange(false);
-              const param = this.dialogViewAction?.activeRecords?.[0] as ObjectValue;
-              if (!param) {
-                throw new Error('invalid param.');
-              }
-              // 上传jar包
-              if (actionName === 'uploadJarView') {
-                result = await customMutation('paas.codeFuse.CodeFuseModuleExtProject', 'uploadJar', param);
-              }
-              // 创建分支
-              if (actionName === 'buildGitBranchView') {
-                result = await customMutation('paas.codeFuse.CodeFuseModuleExtProject', 'buildGitBranch', param);
-              }
-              if (result) {
-                this.parentRefreshProcess && (await this.parentRefreshProcess());
-                this.refreshParentProcess();
-              }
-              return result;
-            });
-          });
-          dialogWidget.on('cancel', () => {
-            // do something for click cancel.
-            dialogWidget.onVisibleChange(false);
-          });
-
-          this.dialogViewAction = dialogWidget.createWidget(FormWidget, undefined, {
-            metadataHandle: runtimeContextHandle,
-            rootHandle: runtimeContextHandle,
-            template: runtimeContext.viewTemplate,
-            internal: true,
-            inline: true,
-            dataSource: item,
-            activeRecords: item
-          });
-          dialogWidget.setTitle(resView.title!);
-          dialogWidget.onVisibleChange(true);
-          return;
-        }
-        return;
-      }
-      if (action.actionType === ActionType.View) {
-        return executeViewAction(action, null, null, { id: item.id });
-      }
-      //
-      if (action.actionType === ActionType.Server) {
-        this.loading = true;
-        try {
-          OioNotification.info(
-            '',
-            `${translateValueByKey('正在')}${actionTip}, ${translateValueByKey('请稍后，请勿重复操作')}`
-          );
-          await executeServerAction(action, item);
-          OioNotification.success('', `${actionTip}${translateValueByKey('成功')}`);
-          this.loading = false;
-        } catch (error) {
-          this.loading = false;
-        }
-      } else {
-        console.error('跳转异常');
-      }
-    }
-  }
-
-  @Widget.Watch('formData', { immediate: true, deep: true })
-  public async getExtraConfig() {
-    const { extraLabel, extraField, extraAction } = this.getDsl();
-    const model = await getModel(this.field.model);
-    if (extraLabel) {
-      this.extraLabel = extraLabel;
-    }
-
-    if (extraField) {
-      const field = model.modelFields.find((f) => f.name === extraField);
-      if (field) {
-        this.extraFieldValue = this.formData[field!.name] as string;
-        this.extraField = field!;
-      }
-    }
-
-    if (extraAction) {
-      const field = model.modelFields.find((f) => f.name === extraAction);
-      this.extraAction = this.formData[field!.name] as any;
-    }
-  }
-
-  public async mounted() {
-    super.mounted();
-    this.getExtraConfig();
-  }
-}

package/src/view/paas-install/field/index.ts

@@ -1,2 +0,0 @@
-export * from './upload-and-select/UploadAndSelect';
-export * from './custom-table/CustomTable';

package/src/view/paas-install/field/upload-and-select/UploadAndSelect.ts

@@ -1,29 +0,0 @@
-import { SPI } from '@oinone/kunlun-spi';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import { ModelFieldType, ViewType } from '@oinone/kunlun-meta';
-import { FormFieldWidget } from '../../../../basic';
-import { FormM2OConstructSelectFieldWidget } from '../../../../field';
-import UploadAndSelectView from './UploadAndSelect.vue';
-
-@SPI.ClassFactory(
-  FormFieldWidget.Token({
-    viewType: [ViewType.Form, ViewType.Search, ViewType.Detail],
-    ttype: ModelFieldType.ManyToOne,
-    widget: ['PaaSInstallSelect']
-  })
-)
-export class PaaSInstallConstructSelectFieldWidget extends FormM2OConstructSelectFieldWidget {
-  public initialize(props) {
-    super.initialize(props);
-    this.setComponent(UploadAndSelectView);
-    return this;
-  }
-
-  @Widget.Reactive()
-  private uploadImgUrl!: string;
-
-  protected async mounted() {
-    super.mounted();
-    this.uploadImgUrl = this.formData.icon as string;
-  }
-}

package/src/view/paas-install/field/upload-and-select/UploadAndSelect.vue

@@ -1,157 +0,0 @@
-<template>
-  <div class="PaaSInstallSelectWrapper">
-    <div
-      class="PaaSModuleIcon"
-      :style="{
-        'background-image': `url(${uploadImgUrl})`
-      }"
-    ></div>
-    <div class="form-single-select">
-      <div class="readonly" v-if="readonly && !disabled">
-        <a-select
-          class="oio-select"
-          popup-class-name="oio-select-dropdown"
-          label-in-value
-          :value="currentValue"
-          :options="options"
-        />
-      </div>
-
-      <div v-else>
-        <a-select
-          class="oio-select"
-          popup-class-name="oio-select-dropdown"
-          show-search
-          :allowClear="showClear"
-          :disabled="disabled"
-          :value="currentValue"
-          :filter-option="false"
-          :not-found-content="null"
-          :default-active-first-option="false"
-          label-in-value
-          :options="options"
-          :placeholder="placeholder"
-          @change="change"
-          @search="search"
-          @blur="blur"
-        >
-          <template #dropdownRender="{ menuNode: menu }">
-            <v-nodes :vnodes="menu" />
-            <div @mousedown="(e) => e.preventDefault()">
-              <oio-button type="primary" @click="loadMore" :disabled="loadMoreLoading" v-if="showMoreButton"
-                >{{ translateValueByKey('加载更多') }}
-              </oio-button>
-            </div>
-          </template>
-        </a-select>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { BooleanHelper, OioButton } from '@oinone/kunlun-vue-ui-antd';
-import { translateValueByKey } from '@oinone/kunlun-engine';
-import { computed, defineComponent } from 'vue';
-import { enumFetchLabelByValue } from '../../../../field';
-import { usePlaceholderProps } from '../../../../basic';
-
-export default defineComponent({
-  inheritAttrs: false,
-  props: [
-    'value',
-    'options',
-    'change',
-    'search',
-    'focus',
-    'blur',
-    'loadMore',
-    'loadMoreLoading',
-    'readonly',
-    'disabled',
-    'viewType',
-    'fromTable',
-    'field',
-    'invisible',
-    'validation',
-    'required',
-    'placeholder',
-    'showMoreButton',
-    'showClear',
-    'uploadImgUrl'
-  ],
-  components: {
-    OioButton,
-    VNodes: (_, { attrs }) => {
-      return attrs.vnodes;
-    }
-  },
-  setup(props) {
-    const readonly = computed(() => BooleanHelper.toBoolean(props.readonly));
-
-    const disabled = computed(() => BooleanHelper.toBoolean(props.disabled));
-
-    const currentValue = computed(() => {
-      if (props.value && props.value.id) {
-        return { value: props.value.id };
-      }
-
-      return null;
-    });
-    const currentValueLabel = computed(() => {
-      if (props.value && props.value.id) {
-        return enumFetchLabelByValue(props.value.id, props.options);
-      }
-
-      return null;
-    });
-    const { placeholder } = usePlaceholderProps(props);
-    return {
-      placeholder,
-      readonly,
-      disabled,
-      currentValue,
-      currentValueLabel,
-      translateValueByKey
-    };
-  }
-});
-</script>
-<style lang="scss">
-.PaaSInstallSelectWrapper {
-  width: 160px;
-  height: 128px;
-  position: relative;
-  border: solid 1px #d9d9d9;
-  border-bottom: none;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-
-  .PaaSModuleIcon {
-    width: 80px;
-    height: 80px;
-    margin: 4px 0;
-    background-size: contain;
-    object-fit: contain;
-    display: flex;
-    justify-content: center;
-  }
-
-  .form-single-select {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-
-    .ant-select-selector {
-      height: 40px;
-      border-radius: inherit !important;
-      border-left: none;
-      border-right: none;
-    }
-
-    .ant-select-selection-item {
-      line-height: 40px;
-    }
-  }
-}
-</style>

package/src/view/paas-install/index.ts

@@ -1,2 +0,0 @@
-export * from './PaaSInstall';
-export * from './field';

package/src/view/paas-install/service.ts

@@ -1,37 +0,0 @@
-import { HttpClient } from '@oinone/kunlun-request';
-
-const http = HttpClient.getInstance();
-
-const getInstallPaaSModules = async (actionId: string) => {
-  // fixme @zbh 20221125 改版
-  // const action = Action.getActionById(actionId) as IViewAction;
-  //
-  // if (!action) {
-  //   console.error('not find actionId in query page for card ');
-  // }
-
-  // rsql: "${action.domain || ''}"
-  const query = `query{
-  middlewareAppForCardQuery{
-   queryPageForCard(
-      page:{
-        currentPage: 1,
-        size: 10000
-      } queryWrapper:{}){
-       content{
-          categoryDisplayName
-          middlewareAppForCardList{
-            icon
-            appName
-            appDesc
-            appCode
-          }
-        }
-      }
-    }
-  }`;
-  const result = await http.query('paas', query);
-  return result.data['middlewareAppForCardQuery']['queryPageForCard']['content'] as any;
-};
-
-export { getInstallPaaSModules };

package/src/view/paas-manager/PaaSManager.ts

@@ -1,23 +0,0 @@
-import { SPI } from '@oinone/kunlun-spi';
-import { MaskWidget } from '@oinone/kunlun-vue-admin-layout';
-import { useMatched } from '@oinone/kunlun-vue-router';
-import { Widget } from '@oinone/kunlun-vue-widget';
-import PaaSManagerView from './PaaSManager.vue';
-
-@SPI.ClassFactory(MaskWidget.Token({ widget: 'PaaSManager' }))
-export class PaaSManagerWidget extends MaskWidget {
-  @Widget.Reactive()
-  public viewModel = '';
-
-  public initialize(props) {
-    super.initialize(props);
-    this.setComponent(PaaSManagerView);
-    return this;
-  }
-
-  async mounted() {
-    super.mounted();
-    const model = useMatched().matched.segmentParams.page.model;
-    this.viewModel = model as string;
-  }
-}

package/src/view/paas-manager/service.ts

@@ -1,37 +0,0 @@
-import { HttpClient } from '@oinone/kunlun-request';
-
-const http = HttpClient.getInstance();
-
-const getPaaSModules = async () => {
-  const query = `query{
-    middlewareConsoleQuery{
-      queryPageForCard(
-        page:{
-          currentPage: 1,
-          size: 10000
-        }
-        queryWrapper:{
-          rsql: "(installStatus == INSTALL_SUCC or installStatus == UPDATE_SUCC)"
-        }
-      ){
-        content{
-          categoryDisplayName
-          middlewareConsoleList{
-            icon
-            displayName
-            ip
-            id
-            port{port}
-            version
-            webUrl
-            viewActionName
-          }
-        }
-      }
-    }
-  }`;
-  const result = await http.query('paas', query);
-  return result.data['middlewareConsoleQuery']['queryPageForCard']['content'] as any;
-};
-
-export { getPaaSModules };