* Copyright (c) 2026 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
function __ArkUI_PreloadDynamicModule__(componentName, abcName) {
getUINativeModule().loadNativeModule(componentName);
let module = globalThis.requireNapi(abcName);
if (componentName === 'CalendarPickerDialog' || componentName === 'TimePickerDialog') {
module.exportViewDialog();
} else {
module.exportView();
}
module.loadComponent();
}
if (globalThis.Hyperlink === undefined) {
globalThis.Hyperlink = {
create: function(address, content) {
getUINativeModule().loadNativeModule("Hyperlink");
let module = globalThis.requireNapi('arkui.components.arkhyperlink');
module.exportView();
getUINativeModule().hyperlink.create(address, content);
},
name: 'JSHyperlink'
}
}
if (globalThis.CalendarPicker === undefined) {
globalThis.CalendarPicker = {
create: function(params) {
getUINativeModule().loadNativeModule('CalendarPicker');
let module = globalThis.requireNapi('arkui.components.arkcalendarpicker');
module.exportView();
getUINativeModule().calendarPicker.create(params);
},
name: 'JSCalendarPicker'
}
}
if (globalThis.CalendarPickerDialog === undefined) {
globalThis.CalendarPickerDialog = class {
static name = 'JSCalendarPickerDialog'
constructor() {}
static show(params) {
getUINativeModule().loadNativeModule('CalendarPickerDialog');
let module = globalThis.requireNapi('arkui.components.arkcalendarpicker');
module.exportViewDialog();
getUINativeModule().calendarPickerDialog.show(params);
}
}
}
if (globalThis.Gauge === undefined) {
globalThis.Gauge = {
create: function(params) {
getUINativeModule().loadNativeModule('Gauge');
let module = globalThis.requireNapi('arkui.components.arkgauge');
module.exportView();
module.loadComponent();
getUINativeModule().gauge.create(params);
},
name: 'JSGauge'
}
}
if (globalThis.AlphabetIndexer === undefined) {
globalThis.AlphabetIndexer = {
create: function (params) {
getUINativeModule().loadNativeModule('Indexer');
let module = globalThis.requireNapi('arkui.components.arkalphabetindexer');
module.exportView();
if (params !== undefined) {
getUINativeModule().alphabetIndexer.create(params, false);
} else {
getUINativeModule().alphabetIndexer.create(undefined, false);
}
return this;
},
createArc: function (params) {
getUINativeModule().loadNativeModule('Indexer');
let module = globalThis.requireNapi('arkui.components.arkalphabetindexer');
module.exportView();
if (params !== undefined) {
getUINativeModule().alphabetIndexer.create(params, true);
} else {
getUINativeModule().alphabetIndexer.create(undefined, true);
}
return this;
},
name: 'JSAlphabetIndexer'
}
}
if (globalThis.Checkbox === undefined) {
globalThis.Checkbox = {
create: function(params) {
getUINativeModule().loadNativeModule('Checkbox');
let module = globalThis.requireNapi('arkui.components.arkcheckbox');
module.exportView();
module.loadComponent();
getUINativeModule().checkbox.create(params);
}
};
}
if (globalThis.CheckboxGroup === undefined) {
globalThis.CheckboxGroup = {
create: function(params) {
getUINativeModule().loadNativeModule('CheckboxGroup');
let module = globalThis.requireNapi('arkui.components.arkcheckboxgroup');
module.exportView();
module.loadComponent();
getUINativeModule().checkboxgroup.create(params);
}
};
}
if (globalThis.Rating === undefined) {
globalThis.Rating = {
create: function(params) {
getUINativeModule().loadNativeModule('Rating');
const module = globalThis.requireNapi('arkui.components.arkrating');
module.exportView();
module.loadComponent();
getUINativeModule().rating.create(params);
},
name: 'JSRating'
};
}
if (globalThis.SideBarContainer === undefined) {
globalThis.SideBarContainer = {
create: function(params) {
getUINativeModule().loadNativeModule('Sidebar');
let module = globalThis.requireNapi('arkui.components.arksidebarcontainer');
module.exportView();
getUINativeModule().sideBarContainer.create(params);
}
}
}
if (globalThis.RowSplit === undefined) {
globalThis.RowSplit = {
create: function() {
getUINativeModule().loadNativeModule('RowSplit');
let module = globalThis.requireNapi('arkui.components.arkrowsplit');
module.exportView();
getUINativeModule().rowSplit.create();
},
name: 'JSRowSplit'
};
}
if (globalThis.ColumnSplit === undefined) {
globalThis.ColumnSplit = {
create: function() {
getUINativeModule().loadNativeModule('ColumnSplit');
let module = globalThis.requireNapi('arkui.components.arkcolumnsplit');
module.exportView();
getUINativeModule().columnSplit.create();
},
name: 'JSColumnSplit'
};
}
if (globalThis.Stepper === undefined) {
globalThis.Stepper = {
create: function(params) {
getUINativeModule().loadNativeModule('Stepper');
let module = globalThis.requireNapi('arkui.components.arkstepper');
module.exportView();
getUINativeModule().stepper.create(params);
},
name: 'JSStepper'
};
}
if (globalThis.StepperItem === undefined) {
globalThis.StepperItem = {
create: function(params) {
getUINativeModule().loadNativeModule('StepperItem');
let module = globalThis.requireNapi('arkui.components.arkstepperitem');
module.exportView();
getUINativeModule().stepperItem.create(params);
},
name: 'JSStepperItem'
};
}
if (globalThis.Marquee === undefined) {
globalThis.Marquee = {
create: function(params) {
getUINativeModule().loadNativeModule('Marquee');
let module = globalThis.requireNapi('arkui.components.arkmarquee');
module.exportView();
module.loadComponent();
getUINativeModule().marquee.create(params);
},
name: 'JSMarquee'
};
}
if (globalThis.Radio === undefined) {
globalThis.Radio = {
create: function(params) {
getUINativeModule().loadNativeModule('Radio');
let module = globalThis.requireNapi('arkui.components.arkradio');
module.exportView();
module.loadComponent();
getUINativeModule().radio.create(params);
},
name: 'JSRadio'
}
}
if (globalThis.Slider === undefined) {
globalThis.Slider = {
create: function(params) {
getUINativeModule().loadNativeModule('Slider');
let module = globalThis.requireNapi('arkui.components.arkslider');
module.exportView();
module.loadComponent();
getUINativeModule().slider.create(params);
},
name: 'JSSlider'
}
}
if (globalThis.QRCode === undefined) {
globalThis.QRCode = {
create: function(value) {
getUINativeModule().loadNativeModule('QRCode');
let module = globalThis.requireNapi('arkui.components.arkqrcode');
module.exportView();
module.loadComponent();
getUINativeModule().qrcode.create(value);
},
name: 'JSQRCode'
}
}
if (globalThis.FolderStack === undefined) {
globalThis.FolderStack = {
create: function(params) {
getUINativeModule().loadNativeModule('FolderStack');
let module = globalThis.requireNapi('arkui.components.arkfolderstack');
module.exportView();
getUINativeModule().folderStack.create(params);
},
name: 'JSFolderStack'
};
}
if (globalThis.TimePicker === undefined) {
globalThis.TimePicker = {
create: function(params) {
getUINativeModule().loadNativeModule('TimePicker');
const module = globalThis.requireNapi('arkui.components.arktimepicker');
module.exportView();
getUINativeModule().timePicker.create(params);
},
name: 'JSTimePicker'
}
}
if (globalThis.TimePickerDialog === undefined) {
globalThis.TimePickerDialog = class {
static name = 'JSTimePickerDialog'
constructor() {}
static show(params) {
getUINativeModule().loadNativeModule('TimePickerDialog');
let module = globalThis.requireNapi('arkui.components.arktimepicker');
module.exportViewDialog();
getUINativeModule().timePickerDialog.show(params);
}
}
}
if (globalThis.DataPanel === undefined) {
globalThis.DataPanel = {
create: function(params) {
getUINativeModule().loadNativeModule('DataPanel');
let module = globalThis.requireNapi('arkui.components.arkdatapanel');
module.exportView();
module.loadComponent();
getUINativeModule().dataPanel.create(params);
},
name: 'JSDataPanel'
}
}
if (globalThis.SymbolGlyph === undefined) {
globalThis.SymbolGlyph = {
create: function(params) {
getUINativeModule().loadNativeModule('SymbolGlyph');
let module = globalThis.requireNapi('arkui.components.arksymbolglyph');
module.exportView();
module.loadComponent();
getUINativeModule().symbolGlyph.create(params);
},
name: 'JSSymbolGlyph'
};
}
if (globalThis.PatternLock === undefined) {
globalThis.PatternLock = {
create: function(value) {
getUINativeModule().loadNativeModule('PatternLock');
let module = globalThis.requireNapi('arkui.components.arkpatternlock');
module.exportView();
getUINativeModule().patternlock.create(value);
},
name: 'JSPatternLock'
}
}
if (globalThis.WaterFlow === undefined) {
globalThis.WaterFlow = {
create: function(params) {
getUINativeModule().loadNativeModule('WaterFlow');
let module = globalThis.requireNapi('arkui.components.arkwaterflow');
module.exportView();
getUINativeModule().waterFlow.create(params);
}
}
}
if (globalThis.LazyVWaterFlowLayout === undefined) {
globalThis.LazyVWaterFlowLayout = {
create: function() {
getUINativeModule().loadNativeModule('LazyVWaterFlowLayout');
let module = globalThis.requireNapi('arkui.components.arklazywaterflowlayout');
module.exportView();
module.loadComponent();
getUINativeModule().lazyVWaterFlowLayout.create();
}
}
}
if (globalThis.FlowItem === undefined) {
globalThis.FlowItem = {
create: function(params) {
getUINativeModule().loadNativeModule('FlowItem');
let module = globalThis.requireNapi('arkui.components.arkflowitem');
module.exportView();
getUINativeModule().flowItem.create();
}
}
}
if (globalThis.Menu === undefined) {
globalThis.Menu = {
create: function (params) {
getUINativeModule().loadNativeModule('Menu');
let module = globalThis.requireNapi('arkui.components.arkmenu');
module.exportView();
getUINativeModule().menu.create();
},
name: 'JSMenu'
}
}
if (globalThis.MenuItem === undefined) {
globalThis.MenuItem = {
create: function (params) {
getUINativeModule().loadNativeModule('MenuItem');
let module = globalThis.requireNapi('arkui.components.arkmenuitem');
module.exportView();
getUINativeModule().menuitem.create(params);
},
name: 'JSMenuItem'
}
}
if (globalThis.MenuItemGroup === undefined) {
globalThis.MenuItemGroup = {
create: function (params) {
getUINativeModule().loadNativeModule('MenuItemGroup');
let module = globalThis.requireNapi('arkui.components.arkmenuitemgroup');
module.exportView();
getUINativeModule().menuitemgroup.create(params);
},
name: 'JSMenuItemGroup'
}
}
if (globalThis.Counter === undefined) {
globalThis.Counter = {
create: function() {
getUINativeModule().loadNativeModule('Counter');
let module = globalThis.requireNapi('arkui.components.arkcounter');
module.exportView();
module.loadComponent();
getUINativeModule().counter.create();
},
name : 'JSCounter'
};
}
if (globalThis.RichEditor === undefined) {
globalThis.RichEditor = {
create: function(params) {
getUINativeModule().loadNativeModule('Richeditor');
let module = globalThis.requireNapi('arkui.components.arkricheditor');
module.exportView();
getUINativeModule().richEditor.create(params);
},
name: 'JSRichEditor'
};
}
if (globalThis.Search === undefined) {
globalThis.Search = {
create: function (params) {
getUINativeModule().loadNativeModule("Search");
var module = globalThis.requireNapi('arkui.components.arksearch');
module.exportView();
module.loadComponent();
getUINativeModule().search.jsCreate(params);
},
name: 'JSSearch'
};
}
if (globalThis.TextClock === undefined) {
globalThis.TextClock = {
create: function (params) {
getUINativeModule().loadNativeModule("TextClock");
let module = globalThis.requireNapi('arkui.components.arktextclock');
module.exportView();
module.loadComponent();
getUINativeModule().textclock.create(params);
},
name: 'JSTextClock'
};
}
if (globalThis.LazyColumnLayout === undefined) {
globalThis.LazyColumnLayout = {
create: function () {
getUINativeModule().loadNativeModule('LazyColumnLayout');
let module = globalThis.requireNapi('arkui.components.arklazycolumnlayout');
module.exportView();
module.loadComponent();
getUINativeModule().lazyColumnLayout.create();
}
}
}