@devhouse/reusable-components

مكوّن Lookup مستقل لمشاريع Angular 20 وDevExtreme.

المكوّنات المتاحة

• LookupEditComponent
• LookupPopupComponent
• SelectBoxWithLinkComponent
• SaveOnlyButtonsComponent
• MapLocationPickerComponent
• ImageEditComponent
• AppToolbarComponent
• AppToolbarItemComponent
• MessageContentPopupComponent
• DxDateBoxRangeComponent
• EquationEditorComponent
• FileEditComponent

FileEditComponent يحتاج إعداد عنوان API مرة واحدة في المشروع المستضيف:

import {
  REUSABLE_COMPONENTS_CONFIG,
} from '@devhouse/reusable-components';

{
  provide: REUSABLE_COMPONENTS_CONFIG,
  useValue: { apiUrl: 'https://api.example.com/api' },
}

import { provideLookup } from '@devhouse/reusable-components';

providers: [provideLookup({
  resolve: (context, key) => api.resolve(context.lookupId, key, context.parameters),
  search: (context, query) => api.search(context.lookupId, query, context.parameters),
})]

<lookup-edit
  [lookupId]="'customers'"
  caption="العميل"
  [(idValue)]="customerId"
/>

البناء

ng build reusable-components