@oinone/kunlun-vue-admin-base 6.3.9 → 6.4.1

package/src/basic/element/BaseElementObjectViewWidget.ts

@@ -25,9 +25,9 @@ import {
   StringHelper
 } from '@oinone/kunlun-shared';
 import { OioMessage } from '@oinone/kunlun-vue-ui-antd';
-import { Widget } from '@oinone/kunlun-vue-widget';
+import { OioObjectViewState, Widget } from '@oinone/kunlun-vue-widget';
 import { isArray, isFunction, isNil, isPlainObject, isString } from 'lodash-es';
-import { isValidatorError } from '../../typing';
+import { DetailBizStyle, FormBizStyle, isValidatorError } from '../../typing';
 import { validatorCallChainingCallAfterFn } from '../constant';
 import { BaseFieldWidget, BaseView } from '../token';
 import { HandlerEvent as FieldHandlerEvent } from '../token/BaseFieldWidget';
@@ -48,6 +48,14 @@ interface FieldWidgetEntity {
 export class BaseElementObjectViewWidget<
   Props extends BaseElementObjectViewWidgetProps = BaseElementObjectViewWidgetProps
 > extends BaseElementViewWidget<Props> {
+  protected viewState: OioObjectViewState | undefined;
+
+  @Widget.Provide()
+  @Widget.Reactive()
+  public get bizStyle(): DetailBizStyle | FormBizStyle | undefined {
+    return this.getDsl().bizStyle;
+  }
+
   @Widget.Reactive()
   protected currentSubmitCallChaining: CallChaining<SubmitValue> | undefined;
 
@@ -308,7 +316,7 @@ export class BaseElementObjectViewWidget<
       }
     }
     const requestFields = this.rootRuntimeContext.getRequestModelFields();
-    return (
+    const res: ActiveRecord =
       (await QueryService.constructOne(this.model, finalQueryData, {
         requestFields,
         responseFields: requestFields,
@@ -316,8 +324,8 @@ export class BaseElementObjectViewWidget<
         isSameModel,
         variables,
         context
-      })) || {}
-    );
+      })) || {};
+    return res;
   }
 
   protected testInitialContext() {
@@ -350,15 +358,15 @@ export class BaseElementObjectViewWidget<
       return {};
     }
     const requestFields = this.rootRuntimeContext.getRequestModelFields();
-    return (
+    const res: ActiveRecord =
       (await QueryService.queryOne(this.model, queryData, {
         requestFields,
         responseFields: requestFields,
         fun: this.loadFunctionFun,
         variables,
         context
-      })) || {}
-    );
+      })) || {};
+    return res || {};
   }
 
   /**
@@ -375,7 +383,7 @@ export class BaseElementObjectViewWidget<
       return {};
     }
     const requestFields = this.rootRuntimeContext.getRequestModelFields();
-    return (
+    const res: ActiveRecord =
       (await QueryService.queryOneByWrapper(this.model, {
         requestFields,
         responseFields: requestFields,
@@ -383,8 +391,8 @@ export class BaseElementObjectViewWidget<
         condition,
         variables,
         context
-      })) || {}
-    );
+      })) || {};
+    return res;
   }
 
   public async submit(): Promise<SubmitValue | undefined> {
@@ -537,8 +545,6 @@ export class BaseElementObjectViewWidget<
     await this.refreshProcess(condition);
   }
 
-  protected fieldWidgetMap: Map<string, FieldWidgetEntity> = new Map();
-
   protected tryScrollToFieldWidget(fieldWidget: BaseFieldWidget) {
     const { enableScrollToErrorField } = OioProvider.getConfig();
     if (!enableScrollToErrorField || !this.enableScrollToErrorField) {
@@ -549,6 +555,14 @@ export class BaseElementObjectViewWidget<
     el && el.scrollIntoView();
   }
 
+  /**
+   * @deprecated widget finder please this.viewState.fields
+   */
+  protected fieldWidgetMap: Map<string, FieldWidgetEntity> = new Map();
+
+  /**
+   * @deprecated widget finder please this.viewState.fields
+   */
   @Widget.Method()
   @Widget.Provide()
   protected fieldWidgetMounted(widget: BaseFieldWidget) {
@@ -558,12 +572,18 @@ export class BaseElementObjectViewWidget<
     });
   }
 
+  /**
+   * @deprecated widget finder please this.viewState.fields
+   */
   @Widget.Method()
   @Widget.Provide()
   protected fieldWidgetUnmounted(widget: BaseFieldWidget) {
     this.fieldWidgetMap.delete(widget.path);
   }
 
+  /**
+   * @deprecated widget finder please this.viewState.fields
+   */
   public getFieldWidgets(sort = false): BaseFieldWidget[] {
     const iterator = this.fieldWidgetMap.values();
     let next = iterator.next();

package/src/basic/element/utils.ts

@@ -59,7 +59,7 @@ export function concatCondition(...conditions: (string | Condition | undefined)[
 
 export function getSortFieldDirection(
   value: string,
-  orderingFieldOrderSeparator: string = ' ',
+  orderingFieldOrderSeparator = ' ',
   defaultOrderingOrder: string = EDirection.ASC
 ): [string, EDirection] {
   let [sortField, direction] = value.split(orderingFieldOrderSeparator);

package/src/basic/field/FormFieldWidget.ts

@@ -1,10 +1,11 @@
-import { isRelatedField, isRelation2OField, RuntimeModelField, translateValueByKey } from '@oinone/kunlun-engine';
+import { isRelatedField, RuntimeModelField, translateValueByKey } from '@oinone/kunlun-engine';
 import { ExpressionKeyword } from '@oinone/kunlun-expression';
 import { isComplexTtype, ModelFieldType, ViewMode } from '@oinone/kunlun-meta';
 import { BooleanHelper, Optional } from '@oinone/kunlun-shared';
 import { Widget } from '@oinone/kunlun-vue-widget';
 import { isEmpty, isNaN, isNumber, isString, set } from 'lodash-es';
 import { BaseFieldProps, BaseFieldWidget } from '../token';
+import { DetailBizStyle, FormBizStyle } from '../../typing';
 
 /**
  * 单字段通用组件
@@ -88,9 +89,18 @@ export class FormFieldWidget<
     return undefined;
   }
 
+  /**
+   * 表单、详情组件的风格
+   *
+   * @see {@link BaseElementObjectViewWidget}
+   */
   @Widget.Reactive()
-  protected get allowClear() {
-    return Optional.ofNullable(this.getDsl().allowClear).orElse(true);
+  @Widget.Inject('bizStyle')
+  protected elementBizStyle: DetailBizStyle | FormBizStyle | undefined;
+
+  @Widget.Reactive()
+  protected get allowClear(): boolean {
+    return Optional.ofNullable(BooleanHelper.toBoolean(this.getDsl().allowClear)).orElse(true);
   }
 
   @Widget.Reactive()

package/src/basic/field/complex/select/BaseSelectFieldWidget.ts

@@ -1,26 +1,90 @@
-import { ActiveRecord, ActiveRecords, ActiveRecordsOperator, RuntimeRelationField } from '@oinone/kunlun-engine';
-import { NumberHelper, StringHelper } from '@oinone/kunlun-shared';
+import {
+  ActiveRecord,
+  ActiveRecordExtendKeys,
+  ActiveRecords,
+  ActiveRecordsOperator,
+  isMinimalismTheme,
+  Pagination,
+  parseConfigs,
+  QueryContext,
+  QueryVariables,
+  RequestHelper,
+  RequestModelField,
+  RuntimeRelationField,
+  SelectConfigManager,
+  SelectRuntimeConfig,
+  SelectSearchArea
+} from '@oinone/kunlun-engine';
+import {
+  BooleanHelper,
+  NumberHelper,
+  Optional,
+  RSQLCondition,
+  StringHelper,
+  uniqueKeyGenerator
+} from '@oinone/kunlun-shared';
+import { SelectItem } from '@oinone/kunlun-vue-ui-common';
 import { Widget } from '@oinone/kunlun-vue-widget';
+import { isNil, toInteger } from 'lodash-es';
 import { FormComplexFieldProps, FormComplexFieldWidget } from '../FormComplexFieldWidget';
 
-function isNull(value: ActiveRecords | null | undefined): value is null | undefined {
-  return value == null;
-}
-
-function isActiveRecordArray(value: ActiveRecords): value is ActiveRecord[] {
-  return Array.isArray(value);
-}
-
 export abstract class BaseSelectFieldWidget<
   Value extends ActiveRecords = ActiveRecords,
   Field extends RuntimeRelationField = RuntimeRelationField,
   Props extends FormComplexFieldProps<Field> = FormComplexFieldProps<Field>
 > extends FormComplexFieldWidget<Value, Field, Props> {
+  protected get selectConfig(): SelectRuntimeConfig {
+    return SelectConfigManager.getConfig();
+  }
+
+  @Widget.Reactive()
+  protected pagination: Pagination | undefined;
+
+  @Widget.Reactive()
+  protected loadMoreLoading = false;
+
+  @Widget.Reactive()
+  protected loadCompleted = false;
+
+  protected lastOptionValues: ActiveRecord[] | undefined;
+
+  protected lastDomain: string | undefined;
+
   @Widget.Reactive()
   public get labelFields(): string[] {
     return this.referencesModel?.labelFields || [];
   }
 
+  @Widget.Reactive()
+  public get allowSearch(): boolean {
+    return Optional.ofNullable(BooleanHelper.toBoolean(this.getDsl().allowSearch)).orElse(true);
+  }
+
+  @Widget.Reactive()
+  protected get optionValues(): ActiveRecord[] | undefined {
+    const value = this.value as unknown as ActiveRecord | ActiveRecord[] | null | undefined;
+    if (value == null) {
+      return undefined;
+    }
+    if (Array.isArray(value)) {
+      return value;
+    }
+    return [value];
+  }
+
+  /**
+   * 搜索所在区域
+   * 值域：「搜索框内、下拉框内」
+   */
+  @Widget.Reactive()
+  protected get searchArea(): SelectSearchArea | undefined {
+    const { searchArea } = this.selectConfig;
+    if (searchArea) {
+      return searchArea;
+    }
+    return isMinimalismTheme() ? SelectSearchArea.dropdown : SelectSearchArea.default;
+  }
+
   @Widget.Reactive()
   public get searchFields(): string[] {
     return StringHelper.convertArray(this.getDsl().searchFields) || this.labelFields;
@@ -31,6 +95,11 @@ export abstract class BaseSelectFieldWidget<
     return this.getDsl().separator || ',';
   }
 
+  @Widget.Reactive()
+  public get optionLabelSeparator(): string {
+    return Optional.ofNullable(this.getDsl().separator).orElse(' ') || '';
+  }
+
   /**
    * 最多显示多少个 tag
    */
@@ -40,6 +109,9 @@ export abstract class BaseSelectFieldWidget<
     return NumberHelper.toNumber(maxTagCount) || undefined;
   }
 
+  /**
+   * 选项字段标题(界面设计器配置属性)
+   */
   @Widget.Reactive()
   protected get optionLabel() {
     const _optionLabel = this.getDsl().optionLabel;
@@ -58,29 +130,186 @@ export abstract class BaseSelectFieldWidget<
     return '';
   }
 
-  protected mountedProcess() {
-    const { value } = this;
-    const isMulti = this.field.multi;
-    if (isMulti == null) {
-      if (isNull(value)) {
-        this.dataSource = [];
+  @Widget.Reactive()
+  protected get isFetchAll(): boolean {
+    return BooleanHelper.toBoolean(this.getDsl().fetchAll) || false;
+  }
+
+  @Widget.Reactive()
+  protected get emptyLabel(): string {
+    const { emptyLabel } = this.getDsl();
+    if (emptyLabel == null) {
+      return '-';
+    }
+    return emptyLabel || '';
+  }
+
+  protected mapping<T extends Record<string, unknown>>(value: T): SelectItem<T> {
+    const key = this.generatorSelectItemKey(value);
+    return {
+      key,
+      value: key,
+      label: this.generatorSelectItemLabel(value),
+      data: value
+    };
+  }
+
+  protected generatorSelectItemKey(value: Record<string, unknown>): string {
+    const pks = this.referencesModel?.pks || [ActiveRecordExtendKeys.DRAFT_ID];
+    return pks.map((pk) => value[pk] || '').join('#') || uniqueKeyGenerator();
+  }
+
+  protected generatorSelectItemLabel(value: Record<string, unknown>): string {
+    const { emptyLabel } = this;
+    const optionLabel = this.optionLabel || this.referencesModel?.label;
+    if (optionLabel) {
+      return this.executeExpressionByParameters({ activeRecord: value }, optionLabel, emptyLabel) || emptyLabel;
+    }
+    const labelFields = this.referencesModel?.labelFields || ['name'];
+    return labelFields.map((labelField) => value[labelField] || '-').join(' ');
+  }
+
+  @Widget.Reactive()
+  protected get loadFunctionFun(): string | undefined {
+    return this.getDsl().load;
+  }
+
+  protected generatorCondition(condition?: RSQLCondition): RSQLCondition {
+    if (!condition) {
+      condition = RSQLCondition.wrapper();
+    }
+    const { domain, lastOptionValues, optionValues, referencesModel } = this;
+    if (domain) {
+      this.lastDomain = domain;
+      condition = condition.apply(domain);
+    } else {
+      this.lastDomain = undefined;
+    }
+    const pks = referencesModel?.pks || [];
+    const finalOptionValues = lastOptionValues || optionValues;
+    if (pks.length > 0 && finalOptionValues && finalOptionValues.length > 0) {
+      if (finalOptionValues.length === 1) {
+        condition = condition.and((c) => {
+          for (const item of finalOptionValues) {
+            // fixme @zbh 20250910 由于RSQL暂不支持元组，此处不能使用唯一键
+            for (const pk of pks) {
+              const value = item[pk];
+              if (value != null) {
+                c.ne(pk, `${value}`);
+              }
+            }
+          }
+          return c;
+        });
       } else {
-        this.dataSource = ActiveRecordsOperator.repairRecords(value);
+        const pkValues: Record<string, string[]> = {};
+        for (const item of finalOptionValues) {
+          // fixme @zbh 20250910 由于RSQL暂不支持元组，此处不能使用唯一键
+          for (const pk of pks) {
+            const value = item[pk];
+            if (value != null) {
+              if (pkValues[pk] == null) {
+                pkValues[pk] = [];
+              }
+              pkValues[pk].push(`${value}`);
+            }
+          }
+        }
+        condition = condition.and((c) => {
+          for (const pk of Object.keys(pkValues)) {
+            const pkValue = pkValues[pk];
+            if (pkValue.length === 1) {
+              c.ne(pk, pkValue[0]);
+            } else if (pkValue.length >= 2) {
+              c.notIn(pk, pkValue);
+            }
+          }
+          return c;
+        });
       }
-    } else if (isMulti) {
-      if (isNull(value)) {
-        this.dataSource = [];
-      } else if (isActiveRecordArray(value)) {
+    }
+    return condition;
+  }
+
+  protected generatorQueryData(): Record<string, unknown> {
+    const queryData = {};
+    const dslConfig = this.getDsl();
+    const { queryDataConfig } = parseConfigs(dslConfig, { key: 'queryDataConfig', prefix: 'queryData' });
+    if (queryDataConfig) {
+      for (const queryDataConfigKey in queryDataConfig) {
+        const value = queryDataConfig[queryDataConfigKey];
+        if (typeof value === 'string') {
+          queryData[queryDataConfigKey] = this.executeExpression(value, value);
+        } else {
+          queryData[queryDataConfigKey] = value;
+        }
+      }
+      return queryData;
+    }
+    return queryData;
+  }
+
+  public generatorPagination(): Pagination {
+    let { pagination } = this;
+    if (!pagination) {
+      pagination = {} as Pagination;
+      this.pagination = pagination;
+    }
+    let { current, pageSize } = pagination;
+    current = toInteger(current) || 1;
+    pageSize = toInteger(pageSize) || 20;
+    pagination.current = current;
+    pagination.pageSize = pageSize;
+    return pagination;
+  }
+
+  public generatorQueryVariables(): QueryVariables {
+    return {
+      scene: this.scene
+    };
+  }
+
+  public generatorQueryContext(): QueryContext {
+    return {
+      __queryParams: {
+        scene: this.scene
+      }
+    };
+  }
+
+  protected generatorRequestFields(): RequestModelField[] {
+    return RequestHelper.convertRequestFields(this.referencesModel?.modelFields || []);
+  }
+
+  protected mountedProcess() {
+    const { value } = this;
+    const isMulti = this.field.multi || false;
+    if (!value) {
+      this.dataSource = [];
+      return;
+    }
+    if (isMulti) {
+      if (Array.isArray(value)) {
         this.dataSource = ActiveRecordsOperator.repairRecords(value);
       } else {
         this.dataSource = [];
       }
-    } else if (isNull(value)) {
-      this.dataSource = [];
-    } else if (isActiveRecordArray(value)) {
+    } else if (Array.isArray(value)) {
       this.dataSource = ActiveRecordsOperator.repairRecords(value[0]);
     } else {
       this.dataSource = ActiveRecordsOperator.repairRecords(value);
     }
   }
+
+  /**
+   * @deprecated please using allowSearch
+   */
+  @Widget.Reactive()
+  protected get showSearch() {
+    const show = this.getDsl().showSearch;
+    if (!isNil(show)) {
+      return show;
+    }
+    return true;
+  }
 }