

<!doctype html>
<html lang="ZH-HANS">


<head>
            

<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Security-Policy"/>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<!-- https://www.rbcgam.com/zh/zh/ca/products/mutual-funds/index -->
<!-- else -->
	 <title>&#20114;&#24800;&#22522;&#37329;&#28165;&#21333;</title>
<meta name="description" content="We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals."/>

<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.rbcgam.com/zh/zh/ca/products/mutual-funds/index" />
<meta property="og:title" content="&#20114;&#24800;&#22522;&#37329;&#28165;&#21333;"/>
<meta property="og:description" content="We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals." />
<meta property="og:site_name" content="RBC Global Asset Management" />
 

<link rel="preload" href="/application/themes/vue-partial-theme/css/ishares.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/wmfw-style.min.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/ishares.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/overrides.css" as="style">
<link rel="preload" href="/application/themes/vue-partial-theme/css/vuepartial-styles-enhancement.css" as="style">

<link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com">
<link rel="preconnect" href="https://maxcdn.bootstrapcdn.com" crossorigin>

<link rel="dns-prefetch" href="https://d1a1644yxsobn2.cloudfront.net">
<link rel="preconnect" href="https://d1a1644yxsobn2.cloudfront.net" crossorigin>

<link rel="dns-prefetch" href="https://shared-cdn.rbc-gam-prod.dotcms.cloud/gam">
<link rel="preconnect" href="https://shared-cdn.rbc-gam-prod.dotcms.cloud/gam" crossorigin>


<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap-grid.min.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/wmfw-style.min.css">
<link rel="stylesheet" href="https://d1a1644yxsobn2.cloudfront.net/assets/css/roboto.min.css">
<link rel="stylesheet" href="https://d1a1644yxsobn2.cloudfront.net/dist/gam/gam.min.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/ishares.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/overrides.css">
<link rel="stylesheet" href="/application/themes/vue-partial-theme/css/vuepartial-styles-enhancement.css" as="style">

<script type="importmap">
    {"imports":{"vue":"/application/vue-lib/3.5.13/vue.esm-browser.js","wm":"/application/gamdx-comp-lib/dist/gam/wm.mjs","wm-utils":"/application/gamdx-comp-lib/dist/gam/utils.mjs","vite-esm/":"/application/vite-es-modules/dist/"}}
</script>
<!-- https://www.rbcgam.com/zh/zh/ca/products/mutual-funds/index -->
<!-- else -->
	
<script >
    //main-dataLayer
    window.dataLayer = window.dataLayer || [];

               let QueryParamsObj = {};
            for (let pair of new URLSearchParams(window.location.search)) {
                QueryParamsObj[pair[0]] = pair[1];
            }
                                                                       const requiredKeys = ['currency','date','region','sort','sortorder','strategy','tab','type'];

            requiredKeys.forEach(key => {
                if (!QueryParamsObj.hasOwnProperty(key)) {
                    QueryParamsObj[key] = undefined;
                }
            });

            
            window.dataLayer.push (Object.assign({
    'page_redirect': '',
    'page_country': 'ca',
    'page_region': 'na',
    'page_language': 'zh',
    'page_channel': 'public',
    'page_category': 'products',
    'page_subcategory': 'mutual-funds',
    'page_type': 'individualInvestor'
    }, QueryParamsObj))
            
                        
            // GOOGLE ANALYTICS 4
                    window.dataLayer.push({
            'page_country':'ca',
            'page_region':'na',
            'page_language':'zh',
            'page_channel':'public',
                            'page_category': 'products',
                'page_subcategory':'mutual-funds',
                        'page_breadcrumb':'/zh/ca/products/mutual-funds/index',
            'user_type':'individualInvestor',
            'page_LOB':'RBCGAM_3',
            'attribute_1':undefined ,
            'user_multiaccess':undefined ,
            'user_territory': ''? '': undefined,
            
                            'content_type': undefined,
                'content_name': undefined,
                        
                        
                                'publication':undefined,
                    'content_author':undefined,
                            
                'content_id':'7b0f26c8a663edfa2e1e1f2f2e7cb25d',
                
                                        'content_date':undefined,
                            
                'GAM_AdvisorId':undefined,
                'GAM_AdvisorTerritory':undefined,
                'GAM_DealerCode':undefined,
                'GAM_RoleID': undefined,
            
                        ...QueryParamsObj})
</script>

<script>
    async function loadOneTrustScript() {
      return new Promise((resolve, reject) => {
        const script = document.createElement("script");
        const env = window?.host_variable?.environment || "production";
        let scriptSrc = "https://cdn.cookielaw.org/consent/75c21a75-8c61-41b5-bbb4-220ec5be96cc/otSDKStub.js";
        if (env === "staging") {
          scriptSrc = "https://cdn.cookielaw.org/consent/75c21a75-8c61-41b5-bbb4-220ec5be96cc-test/otSDKStub.js";
        }
        script.src = scriptSrc;
        script.id = "onetrust-policy-sdk";
        script.type = "text/javascript";
        script.charset = "UTF-8";
        script.dataset.documentLanguage = "true";
        script.dataset.domainScript = scriptSrc.includes("-test")
          ? "75c21a75-8c61-41b5-bbb4-220ec5be96cc-test"
          : "75c21a75-8c61-41b5-bbb4-220ec5be96cc";
        script.onload = resolve;
        script.onerror = reject;
        document.body.appendChild(script);
      });
    }

    document.addEventListener("DOMContentLoaded", function() {
      const modalAlert = document.querySelector('[role="alertdialog"]');
      if (modalAlert) {
        modalAlert.setAttribute("role", "dialog");
      }
    });

    window.onload = async () => {
      try {
        await loadOneTrustScript();
        console.log("OneTrust script loaded successfully.");
      } catch (error) {
        console.error("Failed to load OneTrust script", error);
      }
    };

    document.addEventListener('keydown', (event) => {
      if (event.key === 'Escape' || event.keyCode === 27) {
        const modal = document.getElementById('onetrust-pc-sdk');
        if (modal && window.getComputedStyle(modal).display !== 'none') {
          const closeButton = document.getElementById('close-pc-btn-handler');
          if (closeButton) {
            document.getElementById('openCookieSettings').focus();
            closeButton.click();
          }
        }
      }
    });

    function setInertOnBackground() {
    const ids = ["main", "globalNavRoot", "footers", "footerDisclaimerRoot"];
    ids.forEach(id => {
        const el = document.getElementById(id);
        if (el) {
        el.setAttribute("inert", "");
        }
    });
    }

    function removeInertFromBackground() {
    const ids = ["main", "globalNavRoot", "footers", "footerDisclaimerRoot"];
    ids.forEach(id => {
        const el = document.getElementById(id);
        if (el) {
        el.removeAttribute("inert");
        }
    });
    }

    document.addEventListener("click", function(event) {
    const closeBtn = event.target.closest("#close-pc-btn-handler");
    const openCookieSettingsBtn = event.target.closest("#openCookieSettings");
        if (closeBtn) {
            removeInertFromBackground();
            document.getElementById('openCookieSettings').focus();
        } 
        if (openCookieSettingsBtn) {
            setInertOnBackground();
        }
    });
  </script>

<script type="text/javascript">
    function OptanonWrapper() { }
</script>
        <script>
                            var dataLayer=window.dataLayer=window.dataLayer||[];dataLayer.push({"LOB":"RBCGAM_3"});
                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
                        var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-P5P6H55');
        </script>


<script type="module" src="/application/themes/vue-partial-theme/js/analytics-service.js"></script>

  </head>
<style>
    [v-cloak] {
        display: none;
    }
</style>
<body id="互惠基金清单"
            >
<aside>
    <a class="skip-main" aria-label="Skip to cookie banner" href="#onetrust-policy-sdk">跳转至 Cookie 横幅</a>
    <a class="skip-main" aria-label="Skip to main content" href="#main">跳转至内容</a>
    <a class="skip-main" aria-label="Skip to footer" href="#footers">跳转至页脚</a>
</aside>
      
<div id="addToThemeRoot" class="container"></div>
  
<div id="app_id_5407972" v-cloak>
    <Teleport to="#addToThemeRoot">
        <div v-cloak>
            <rbc-modal
                    :active="themeModalOpen"
                    button-cancel="themes.cancel"
                    title="themes.addtotheme(s)"
                    button-size="medium"
                    @toggle="toggleThemeModal"
            >
                <p class="well bold px-1 py-1 mb-1">{{ themeModalContentToAdd.name }}</p>
                <rbc-tab class="mb-1" toggle-show @tabupdate="themeModalTabUpdate($event.active)">
                    <rbc-tab-content id="existing-themes" name="themes.existingthemes">
                        <h4>themes.addtoexistingtheme</h4>
                        <rbc-multiselect
                                label="themes.existingthemes"
                                id="themeMultiselect"
                                v-model="themeModalMyThemesSelect"
                                checked-text="已勾选"
                                placeholder="themes.choose"
                        ></rbc-multiselect>
                    </rbc-tab-content>
                    <rbc-tab-content id="new-theme" name="themes.newtheme">
                        <h4>themes.addtonewtheme</h4>
                        <rbc-input
                                id="themeNewTheme"
                                label="themes.newtheme"
                                type="text"
                                class="mb-1"
                                v-model="themeModalNewThemeName"
                        ></rbc-input>
                    </rbc-tab-content>
                </rbc-tab>
                <a href="/zh/ca/advisor-support/themes/how-themes-work" target="_blank"
                   class="link-ext">themes.needhelp</a>
                <template #buttons>
                    <rbc-button
                            @click="themeModalAddContent"
                    >
                      themes.modal.button.create
                    </rbc-button>
                </template>
            </rbc-modal>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        fetchedThemeData$
    } from "vite-esm/add-to-theme.service.js";
    import {createApp} from "vue"
    import {
        RbcModal, RbcTab, RbcTabContent, RbcMultiselect, RbcInput, RbcButton
    } from "wm"

    createApp({
        created() {
            fetchedThemeData$.subscribe(httpResponse => {
                this.updateContentToAdd(httpResponse.getContentData);
                this.updateMyThemesSelect(httpResponse.getMyThemesData);
                this.themeModalOpen = true;
            });
        },
        components: {
            'rbc-modal': RbcModal,
            'rbc-tab': RbcTab,
            'rbc-tab-content': RbcTabContent,
            'rbc-multiselect': RbcMultiselect,
            'rbc-input': RbcInput,
            'rbc-button': RbcButton
        },
        data() {
            return {
                themeModalNewThemeName: null,
                themeModalMyThemesSelect: [],
                themeModalOpen: false,
                themeModalContentToAdd: {},
                themeModalCurrentTab: "existing-themes",
            }
        },
        methods: {
            toggleThemeModal() {
                this.themeModalOpen = !this.themeModalOpen;
            },
            themeModalTabUpdate(tabId) {
                this.themeModalCurrentTab = tabId;
            },
            updateContentToAdd(data) {
                this.themeModalContentToAdd = {
                    identifier: data.identifier,
                    name: data.name,
                    languageId: data.languageId,
                }
            },
            updateMyThemesSelect(data) {
                this.themeModalMyThemesSelect = (data && data.themes) ? data.themes.map(el => {
                    let selected = (el.listOfIdentifiers.indexOf(this.themeModalContentToAdd.identifier) !== -1);
                    return {
                        label: el.name,
                        value: el.identifier,
                        selected: selected,
                        disabled: selected,
                        listOfIdentifiers: el.listOfIdentifiers,
                        languageId: el.languageId
                    };
                }) : [];
            },
            themeModalAddContent() {
                if (this.themeModalCurrentTab === "existing-themes") {
                    this.updateSelectedThemes();
                } else {
                    this.addNewTheme();
                }
            },
            updateSelectedThemes() {
                if (!!this.themeModalMyThemesSelect) {
                    const selectedThemes = this.themeModalMyThemesSelect.filter(({selected}) => selected)
                    selectedThemes.forEach(el => {
                        const listOfIdentifiers = [].concat(el.listOfIdentifiers.split(','));
                        if (listOfIdentifiers.indexOf(this.themeModalContentToAdd.identifier) === -1) {
                            listOfIdentifiers.push(this.themeModalContentToAdd.identifier);
                        }
                        const url = '/ca/contentletapi?identifier=' + el.value + '&languageId=' + el.languageId + '&action=UPDATE&listOfIdentifiers=' + listOfIdentifiers;
                        fetch(url)
                                .then(function (response) {
                                    if (response.status === 200) {
                                        return response.json();
                                    } else {
                                        console.error('Error trying to update content httpStatus:' + response.status);
                                    }
                                })
                                .then(function (data) {
                                    console.log(data);
                                })
                                .catch(function (e) {
                                    console.error(e);
                                });
                    })
                    this.toggleThemeModal();
                }
            },
            addNewTheme() {
                var name = encodeURIComponent(this.themeModalNewThemeName);
                var uniqueId = (new Date()).getTime();
                var url = '/ca/contentletapi?action=CREATE&contentType=Themes&languageId=' + this.themeModalContentToAdd.languageId + '&advisorId=${advisorID}&uniqueidentifier=' + uniqueId + '&name=' + name + '&listOfIdentifiers=' + this.themeModalContentToAdd.identifier;
                fetch(url)
                        .then(function (response) {
                            if (response.status !== 200) {
                                throw new Error('Error while creating new theme httpStatus:' + response.status);
                            } else {
                                return response.json();
                            }
                        })
                        .then(function (data) {
                            console.log(data);
                        })
                        .catch(function (e) {
                            console.error(e);
                        });
                this.toggleThemeModal();
            }
        },
        mounted() {
        },
        unmount() {
            fetchedThemeData$.unsubscribe();
        }
    }).mount('#app_id_5407972')
</script>


<div id="globalNavRoot" class="container"></div>
                              
                        
<div id="app_id_7224240" v-cloak>
    <Teleport to="#globalNavRoot">
        <div v-cloak>
            <br/>
            <br/>
            <br/>
            <br/>
            <rbc-mega-menu
                    ref="megamenu"
                    :active-menu="activeMenuItem"
                    :contrast-toggle="false"
                    :links="nav.links"
                    :flag-text="nav.flagText"
                    :active-language="nav.currentLanguage"
                    :languages="nav.languages"
                    :secondary-links="nav.secondaryLinks"
                    search-text="搜寻"
                    search-placeholder="搜寻"
                    :show-search-results="false"
                    :user-greeting="nav.userGreeting"
                    :user-greeting-link="nav.userGreetingLink"
                    :user-links="nav.userLinks"
                    logo="https://d1a1644yxsobn2.cloudfront.net/assets/images/logos/rbc-gam-logo-zh.svg"
                    logo-link="/zh/ca/"
                    data-location="Main navigation"
                    @languageupdated="toggleLanguage"
                    @searchtermchanged="debounceMegaSearch"
                    @searchsidenavsubmitted="mobileSearch"
                    @keyup="megaSearchKeyUp"
            >
                <template #[primarylevel.id]
                          v-for="primarylevel in nav.links.filter(({children}) => !!children && children.length > 0)">
                    <div class="row">
                        <template v-for="secondaryLevel in primarylevel.children">
                            <template v-if="!!secondaryLevel
                            && secondaryLevel.type === 'folder'
                            && secondaryLevel.id !== 'nav.advisorsupport.themes'">
                                <div :key="secondaryLevel.id" class="col-md-3">
                                    <span class="mega-menu-content-header">
                                        {{secondaryLevel.title}}
                                    </span>
                                                                      <ul class="mega-menu-content-items">
                                        <template v-for="thirdLevel in secondaryLevel.children">
                                            <template v-if="!!thirdLevel
                                            && (thirdLevel.type !== 'folder' || thirdLevel.id !== thirdLevel.title)">
                                                <li :key="thirdLevel.id" class="mega-menu-content-item">
                                                    <a class="mega-menu-content-link"
                                                       :class="{'medium': (thirdLevel.link).replace(secondaryLevel.link, '') === '/index'}"
                                                       :href="thirdLevel.link"
                                                       :title="thirdLevel.title">
                                                        {{thirdLevel.title}}
                                                    </a>
                                                </li>
                                            </template>
                                        </template>
                                    </ul>
                                </div>
                            </template>
                            <template v-else-if="(secondaryLevel.link).replace(primarylevel.link,'') !== '/index'">
                                <div v-if="secondaryLevel.id === 'nav.advisorsupport.themes'"
                                     :key="secondaryLevel.id" class="col-md-9">
                                    <span class="mega-menu-content-header">{{secondaryLevel.title}}</span>
                                    <ul class="mega-menu-content-items mb-1" aria-hidden="true"></ul>
                                    <div class="row">
                                        <template v-for="(featuredTheme, index) in featuredThemesObj.links">
                                            <div class="col-md-4">
                                                <rbc-card
                                                        class="card-theme-small card-theme h-100"
                                                        :link="featuredTheme.link">
                                                    <h3>{{featuredTheme.name}}</h3>
                                                    <div>
                                                        <span v-if="featuredThemesObj.templateCtx[index].velocityVarName === 'Rbcthemes'">
                                                          themes.createdbyrbc
                                                        </span>
                                                        <ul class="list-icon list-divider">
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="chart-bar"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].fundsCount}}
                                                            </li>
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="file-alt"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].documentsCount}}
                                                            </li>
                                                            <li class="list-divider-item">
                                                                <rbc-icon
                                                                        icon="user"
                                                                        class="card-icon"
                                                                ></rbc-icon>
                                                                {{featuredThemesObj.templateCtx[index].managersCount}}
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </rbc-card>
                                            </div>
                                        </template>
                                    </div>
                                </div>
                                <template v-else-if="secondaryLevel.type !== 'folder'
                                        || secondaryLevel.id !== secondaryLevel.title">
                                    <div class="col">
                                        <rbc-media-card
                                                card
                                                :articles="[{...secondaryLevel, text: secondaryLevel.summary}]"
                                                :columns="1"
                                                class="h-100"
                                        ></rbc-media-card>
                                    </div>
                                </template>
                            </template>
                        </template>
                    </div>
                    <template v-if="!!primarylevel.viewall">
                        <div class="text-right mt-1">
                            <a class="link-chev" :href="`${primarylevel.link}/index`">
                                {{primarylevel.viewall}}
                            </a>
                        </div>
                    </template>
                </template>
                    <template #search-results>
                        <div data-location="Mega search">

                            <table class="table table-border-horizontal mega-menu-search-results-item table-hover">
                                <tbody>
                                <tr v-for="(r, i) in searchResults">
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}" class="px-0"
                                        @click="megaSearchResultClick(r, $event)">
                                        <rbc-tag class="mx-0 nowrap" size="small"
                                                v-text="(r.type === 'mf')
                                                ? '互惠基金' : 'etf'">
                                        </rbc-tag>
                                    </td>
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                        @click.self="megaSearchResultClick(r, $event)">
                                        <a :href="(r.type==='mf')
                                            ? `/zh/ca/products/mutual-funds/${r.fundCode}/detail/`
                                            : `/zh/ca/products/etfs/${r.fundCode}/detail/`">
                                            {{r.fundCode}}
                                        </a>
                                    </td>
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                        @click.self="megaSearchResultClick(r, $event)">
                                        <a :href="(r.type === 'mf')
                                            ? `/zh/ca/products/mutual-funds/${r.fundCode}/detail/`
                                            : `/zh/ca/products/etfs/${r.fundCode}/detail/`">
                                            {{r.fundName}}
                                        </a>
                                    </td>
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                        @click="megaSearchResultClick(r, $event)">
                                        {{r.series}}
                                    </td>
                                    <td :class="{'b-blue-tint-5': i === searchResultsActive}"
                                        @click="megaSearchResultClick(r, $event)">
                                        {{r.assetClass}}
                                    </td>
                                                                </tr>
                                </tbody>
                            </table>
                            <ul class="list-links">
                                <li class="mega-menu-search-results-item">
                                    <component :is="searchTerm != ''? 'a': 'span'" :href="searchAllLink"
                                            class="link-chev">查看所有结果</component>
                                </li>
                                <li class="mega-menu-search-results-item">
                                    <component :is="searchTerm != ''? 'a': 'span'" :href="searchProductLink"
                                            class="link-chev">查看 "产品" 的结果</component>
                                </li>
                                <li class="mega-menu-search-results-item">
                                    <component :is="searchTerm != ''? 'a': 'span'" :href="searchInsightLink"
                                            class="link-chev">查看 "独到见解" 的结果</component>
                                </li>
                            </ul>
                        
                        </div>
                    </template>
            </rbc-mega-menu>
                    </div>
    </Teleport>
</div>
<script type="module">
    import {
        getThemeData
    } from "vite-esm/add-to-theme.service.js";
    import {createApp} from "vue"
    import {
        RbcMegaMenu, RbcIcon, RbcCard, RbcMediaCard, RbcTag, RbcButton
    } from "wm"
    import {
        debounce
    } from "wm-utils"

    const dataLayer = [];
    const currRelPath = "/zh/ca/products/mutual-funds/index";
    const langPrefix = "/zh";
    const countryLanguages = [        {            "id": 'ca',            "country": 'Canada',            "languages": [                {                    "id": 'ca-en',                    "languageCode": "en",                    "countryCode": "ca",                    "text": "EN",                    "dotcmsId": 1                },                {                    "id": 'ca-fr',                    "languageCode": "fr",                    "countryCode": "ca",                    "text": 'FR',                    "dotcmsId": 3                },                {                    "id": 'ca-zh-Hans',                    "languageCode": "zh",                    "countryCode": "ca",                    "text": '简中',                    "dotcmsId": 4                },                {                    "id": 'ca-tc',                    "languageCode": "zh-hant",                    "countryCode": "ca",                    "text": '繁中',                    "dotcmsId": 5                }            ]        },    ]

    createApp({
        created() {
        },
        components: {
            "rbc-mega-menu": RbcMegaMenu,
            "rbc-icon": RbcIcon,
            "rbc-card": RbcCard,
            "rbc-media-card": RbcMediaCard,
            "rbc-tag": RbcTag,
            "rbc-button": RbcButton
        },
        computed: {
            encodedSearchTerm() {
                return encodeURIComponent(this.searchTerm);
            },
            searchAllLink() {
                return `${langPrefix}/ca/search-results/?q=${this.encodedSearchTerm}`;
            },
            searchProductLink() {
                return `${langPrefix}/ca/search-results/?productsOnly=true&q=${this.encodedSearchTerm}`;
            },
            searchInsightLink() {
                return `${langPrefix}/ca/search-results/?insightsOnly=true&q=${this.encodedSearchTerm}`;
            }
        },
        data() {
            return {
                searchTerm: "",
                activeMenuItem: null,
                searchResults: [],
                searchResultsActive: -1,
                featuredThemesObj: {"links":[{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/zh/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/zh/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"},{"id":"$esc.xml($_.featuredTheme.name)","name":"$esc.xml($_.featuredTheme.name)","title":"$esc.xml($_.featuredTheme.name)","link":"/zh/theme/$advisorID/$_.featuredTheme.uniqueidentifier/detail"}],"templateCtx":[{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0},{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0},{"velocityVarName":null,"fundsCount":0,"managersCount":0,"documentsCount":0}]},
                nav: {
                    "links": [{"id":"nav.products","name":"产品","title":"产品","separator":false,"summary":"","type":"folder","children":[{"id":"nav.products.mutualfunds","name":"互惠基金","title":"互惠基金","summary":"","type":"folder","link":"/zh/ca/products/mutual-funds","children":[{"id":"互惠基金清单","name":"互惠基金清单","title":"互惠基金清单","summary":"We provide a comprehensive range of mutual funds across all asset classes, sectors, geographies and themes to help you reach your investment goals.","type":"htmlpage","link":"/zh/ca/products/mutual-funds/index"}]}]},{"id":"Learn & plan","name":"了解和规划","title":"了解和规划","link":"/zh/ca/learn-plan/"},{"id":"about_us","name":"关于我们","title":"关于我们","link":"/zh/ca/about-us/"}],
                    "flagText": 'nav.flagText.forinformationpurposesonly',
                    "currentLanguage": {"id":"zh","text":"简中","country":"Canada"},
                    "languages": countryLanguages,
                    "secondaryLinks": [],
                    "userGreeting": '顾问登录',
                    "userGreetingLink": '/zh/okta-login?&url=/zh/ca/products/mutual-funds/index',
                    "userLinks": ([]).length === 0 ? null : [],
                }
            }
        },
        methods: {
            updateActiveMenuItem() {
                if (currRelPath.includes("/products/")) {
                    this.activeMenuItem = 0;
                } else if (currRelPath.includes("/insights/") || currRelPath.includes("/article/")) {
                    this.activeMenuItem = 1;
                } else if (currRelPath.includes("/learn-plan/")) {
                    this.activeMenuItem = 2;
                } else if (currRelPath.includes("/about-us/") || currRelPath.includes("/team/") || currRelPath.includes("/profile/")) {
                    this.activeMenuItem = 3;
                } else if (currRelPath.includes("/tools/")) {
                    this.activeMenuItem = 4;
                } else if (currRelPath.includes("/advisor-support/") || currRelPath.includes("/theme/") || currRelPath.includes("/rbc-theme/")) {
                    this.activeMenuItem = 5;
                } else {
                    this.activeMenuItem = null;
                }
            },
            megaSearch(searchTerm) {
                this.searchResultsActive = -1;
                if (searchTerm != "") {
                    this.searchTerm = searchTerm;
                    fetch(`${langPrefix}/ca/megamenu-search?search=${searchTerm}`)
                            .then((resp) => resp.json())
                            .then((data) => {
                                this.searchResults = data.data;
                            })
                            .catch((err) => {
                                this.searchResults = [];
                            })
                } else {
                    this.searchResults = [];
                    this.searchTerm = "";
                }
            },
            debounceMegaSearch: debounce(function (searchTerm) {
                if (this.searchTerm !== searchTerm) {
                    this.megaSearch(searchTerm);
                }
            }, 500),
            toggleLanguage(nextlanguage) {
                const currRelPathArr = currRelPath.split("/");
                currRelPathArr[1] = nextlanguage.languageCode;
                const newRelPath = currRelPathArr.join("/");
                const removeKeysFromSearch = (keysToRemove) => {
                    const queryParams = new URLSearchParams(location.search);
                    keysToRemove.forEach(key => queryParams.delete(key));
                    const retString = queryParams.toString();
                    return retString ? "?" + retString : "";
                };
                const newQueryString = removeKeysFromSearch(["dotcache", "language_id", "dotcms_persona", "com.dotmarketing.htmlpage.language"]);
                location.href = newRelPath + newQueryString;
            },
            mobileSearch(searchTerm) {
                if (!!searchTerm) {
                    location.href = `${langPrefix}/ca/search-results/?q=${searchTerm}`;
                }
            },
            addSearchToDataLayer(searchVal) {
                if (searchVal.target.value.trim() !== "") {
                    dataLayer.push({
                        event: "view_search_results",
                        search_results_num: this.searchResults.length,
                        method: 'generic search',
                        search_term: this.searchTerm,
                    })
                }
            },
            navigateToDetailPage(pickedItem) {
                dataLayer.push({
                    'event': 'rbcwmPageview',
                    'virtualpath': `${langPrefix}/ca/virtual/search-results-megasearch/?q=${this.searchTerm}`,
                    'virtualtitle': 'Virtual Search Results',
                    'data-searchterm': this.searchTerm,
                    'data-totalresults': this.searchResults.length
                });
                if (pickedItem.type === "mf") {
                    location.href = `${langPrefix}/ca/products/mutual-funds/${pickedItem.fundCode}/detail/`;
                } else {
                    location.href = `${langPrefix}/ca/products/etfs/${pickedItem.fundCode}/detail/`
                }
            },
            megaSearchKeyUp: debounce(function (searchVal) {
                this.addSearchToDataLayer(searchVal);
                const key = searchVal.key.toLowerCase();
                if (key.indexOf('enter') > -1 && this.searchResultsActive === -1) {
                    let encodedQuery = encodeURIComponent(this.searchTerm);
                    location.href = `${langPrefix}/ca/search-results/?q=${encodedQuery}`;
                } else if (key.indexOf('enter') > -1 && this.searchResultsActive > -1) {
                    let pickedItem = this.searchResults[this.searchResultsActive];
                    this.navigateToDetailPage(pickedItem);
                } else if (key.indexOf('down') > -1 && this.searchResultsActive < (this.searchResults.length - 1)) {
                    this.searchResultsActive++;
                } else if (key.indexOf('up') > -1 && this.searchResultsActive > -1) {
                    this.searchResultsActive--;
                }
            }, 300),
            addToTheme: (id) => {
                const queryParams = {
                    lang: 4,
                    identifier: id,
                    advisorID: "",
                    userPersonaTag: "individualinvestor",
                }
                getThemeData(queryParams);
            },
            megaSearchResultClick(r, e) {
                this.navigateToDetailPage(r);
            }
        },
        mounted() {
            this.updateActiveMenuItem();
            let _self = this;
            document.addEventListener("keyup", function (e) {                if (e.ctrlKey && e.shiftKey && e.key.toLowerCase() == 'f') {
                    _self.$refs.megamenu.$_MegaMenu_showSearch();
                }
            });
        },
        unmount() {
        }
    }).mount('#app_id_7224240')
</script>
  <div class="content-wrap">
                              <main id="main"
                class="content-wrapper  ">
                                                <div id="mainlistHeaderRoot" class="container"></div>
  <div id="app_id_5794684" v-cloak>
    <Teleport to="#mainlistHeaderRoot">
        <rbc-hero
                :breadcrumb="heroBreadcrumbItems"
                subtitle="搜索我们一系列 RBC 资产管理的互惠基金和投资组合解决方案"
                title="互惠基金"
        />
    </Teleport>
</div>
<script type="module">
    import {createApp} from 'vue'
    import {RbcHero} from 'wm'

    createApp({
        components: {
            'rbc-hero': RbcHero,
        },
        data() {
            return {
                heroBreadcrumbItems: [
                    {
                        text: "产品",
                    },
                    {
                        text: "互惠基金",
                    }
                ]
            }
        },
    }).mount('#app_id_5794684')
</script>


<div id="dataFiltersRoot"></div>
    
<div id="app_id_3449267" v-cloak>
    <Teleport to="#dataFiltersRoot">
        <rbc-block
                grey
                class="mb-1 py-1"
                style="border-top: #fedf01 2px solid"
                data-location="Mutual fund filters"
        >
            <rbc-expandable
                    arrow
                    arrow-position-x="left"
                    expanded
                    toggle-show
            >
                <template #trigger>
                    <h2 class="h4 d-inline-block">筛选</h2><span
                        v-if="selectedFilters > 0"> (<strong>{{selectedFilters}}</strong> 已选<span v-if="selectedFilters > 1 && 'zh' == 'fr'">s</span>)</span>
                </template>
                <template v-if="selectedFilters > 0" #trigger-right>
                    <rbc-button
                            outline
                            size="small"
                            @click.stop="resetFilters"
                    >清除所有筛选</rbc-button>
                </template>
                                <div class="row align-items-end">
                      <div id="app-data-filters-series" class="col-lg-4 col-md-6 mb-1"></div>
                                      </div>
                              <div id="app-data-filters-tags" class="row"></div>
            </rbc-expandable>
        </rbc-block>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcBlock,
        RbcExpandable,
        RbcButton
    } from "wm"

    const urlSearchParam$ = listenSearchParamDeep();
    const uspFilterKeys = ["type", "currency", "region", , "searchkeyword"];

    const getNumberOfItemsInCSV = (csv) => {
        return (csv || "").split(",").filter(_ => _ !== "").length;
    };


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParam$.subscribe(urlSearchParam => {
                this.selectedFilters = uspFilterKeys.reduce((acc, curr) => {
                    if (curr === "searchkeyword") {
                        const initialSearchKeyword = !!(urlSearchParam[curr] || "").trim() ? 1 : 0;
                        return acc + initialSearchKeyword;
                    }
                    return acc + getNumberOfItemsInCSV(urlSearchParam[curr]);
                }, 0);
            })
        },
        components: {
            'rbc-block': RbcBlock,
            'rbc-expandable': RbcExpandable,
            'rbc-button': RbcButton,
        },
        data() {
            return {
                selectedFilters: 0,
            }
        },
        methods: {
            resetFilters(e) {
                const url = new URL(location);
                const searchParamObj = Object.fromEntries(url.searchParams)
                const otherSearchParams = uspFilterKeys.reduce((o, k) => {
                    const {[k]: _, ...r} = o;
                    return r
                }, searchParamObj)
                url.search = "?" + new URLSearchParams(otherSearchParams).toString();
                history.pushState({}, "", url);
                updateURLSearchParams(otherSearchParams);
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_3449267')
</script>
  
<div id="app_id_3835534" v-cloak>
    <rbc-modal
            :active="openSeriesModal"
            button-cancel-label="封闭"
            aria-label="基金系列说明"
            title="基金系列说明"
            size="large"
            @toggle="openSeriesModal = !openSeriesModal"
    >
        <h4>系列 F</h4>
        <p>这些免手续费基金供拥有账户按结余收费的投资者购买。投资者无需为获取建议和其他服务来支付尾随佣金，而是单独向经销商持续支付账户费用。这些基金支付管理费给 RBC 环球资产管理 (RBC GAM)。系列 FT 单位专为希望从其非注册投资中定期收取具有税收效益的收入的投资者而设计，其目标是每月支付稳定的分红。</p>
        <hr class="divider my-1">
        <h4>系列 A</h4>
        <p>有最低投资额（通常每只基金 $500）的免手续费基金。这些基金支付管理费给 RBC 环球资产管理 (RBC GAM)。RBC 环球资产管理将部分管理费作为尾随佣金支付给经销商，以获取投资建议和其他服务。系列 T 单位专为希望从其非注册投资中定期收取具有税收效益的收入的投资者而设计，其目标是每月支付稳定的分红。</p>
        <hr class="divider my-1">
        <h4>系列 D</h4>
        <p>这些免手续费基金供自己做投资决定并通过皇家银行优惠证券 (RBC Direct Investing) 投资的投资者及其他折扣经纪购买。这些基金支付管理费给 RBC 环球资产管理 (RBC GAM)。RBC 环球资产管理将部分管理费作为尾随佣金支付给经销商。由于自己做投资决定的投资者选择自己管理投资，因此尾随佣金通常低于其他系列，并涵盖了投资组合的管理和服务费用。这些单位也可供在 2017 年 1 月 9 日之前在 PH&N Investment Services 投资的客户购买。</p>
        <hr class="divider my-1">
        <h4>系列 O</h4>
        <p>供直接与 RBC 环球资产管理 (RBC GAM) 签订协议购买系列 O 单位的个人、机构客户或经销商购买。基金无需为系列 O 单位支付任何管理费。系列 O 单位的单位持有人直接或间接向 RBC 环球资产管理 (RBC GAM) 支付一个议定的费用。系列 O 的表现未将管理费计算在内。</p>
        <hr class="divider my-1">
        <h4>系列 (FZ, AZ, DZ, H, I, PZ, PTZ)</h4>
        <p>供通过授权经销商投资并维持所需的最低余额的投资者。此类基金的单位不供新的投资者购买；已持有 FZ、AZ、DZ、H、I、PZ 或 PTZ 系列基金单位的现有投资者，仍可继续追加投资该基金。</p>
        <p><!-- 投资前请咨询您的投资顾问和参阅基金章程或基金说明书 (Fund Facts)。互惠基金投资可能涉及佣金、尾随佣金、管理费及相关开支。互惠基金不保证回报，其单位价值经常变动，过往的业绩未必会重现。--></p>
    </rbc-modal>
    <Teleport to="#app-data-filters-series">
        <label class="h5 d-inline-block mr-half" for="series">系列</label>
        <button
                class="link-button"
                @click="openSeriesModal = !openSeriesModal"
                aria-label='基金系列说明'
            
        >
            <rbc-icon icon="info-circle"></rbc-icon>
        </button>
        <rbc-select
                id="series"
                v-model="series"
                :options="fundSeries"
                @change="updateSeries"
        ></rbc-select>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcModal,
        RbcIcon,
        RbcSelect
    } from "wm"

    const searchParamKey = 'series';
    const searchParamValue = '';
    const urlSearchParam$ = listenSearchParamDeep(searchParamKey);

    const fundSeries = [
        {
            label: "系列 F (FT5, FT8)",
            value: "f",
            id: "f"
        },
        {
            label: "系列 A (T5, T8)",
            value: "a,t",
            id: "at"
        },
        {
            label: "系列 D",
            value: "d",
            id: "d"
        },
        {
            label: "系列 O",
            value: "o",
            id: "o"
        },
        {
            label: "系列 (FZ, AZ, DZ, H, I, PZ, PTZ)",
            value: "h,i,az,dz,fz,ptz,pz",
            id: "hi"
        }
    ];


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParam$.subscribe(urlSearchParamObj => {
                if (urlSearchParamObj !== this.series) {
                    this.series = urlSearchParamObj;
                }
            })
        },
        components: {
            'rbc-modal': RbcModal,
            'rbc-icon': RbcIcon,
            'rbc-select': RbcSelect,
        },
        data() {
            return {
                openSeriesModal: false,
                series: fundSeries.map(({value}) => value).includes(searchParamValue) ? searchParamValue : "f",
                fundSeries: fundSeries
            }
        },
        methods: {
            updateSeries(seriesId) {
                const url = new URL(location);
                url.searchParams.set(searchParamKey, seriesId);
                history.pushState({[searchParamKey]: seriesId}, "", url);
                updateURLSearchParams(Object.fromEntries(url.searchParams));
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_3835534')
</script>
      
  
<div id="app_id_8841479" v-cloak>
    <Teleport to="#app-data-filters-tags">
        <div class="col-lg-4 col-md-6">
            <span class="h5 d-block">资产类别和类型</span>
            <div class="row no-gutters">
                <rbc-tag
                        v-model="filterType.moneymarket"
                        id="moneymarket"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterType"
                >
                  货币市场
                </rbc-tag>
                <rbc-tag
                        v-model="filterType.balancedportfolio"
                        id="balancedportfolio"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterType"
                >
                  平衡基金和投资组合精选
                </rbc-tag>
                <rbc-tag
                        v-model="filterType.fixedincome"
                        id="fixedincome"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterType"
                >
                  fund.fixed-income
                </rbc-tag>
                <rbc-tag
                        v-model="filterType.equity"
                        id="equity"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterType"
                >
                  股票
                </rbc-tag>
                <rbc-tag
                        v-model="filterType.liquidalternatives"
                        id="liquidalternatives"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterType"
                >
                  高流动性另类投资
                </rbc-tag>
            </div>
        </div>
        <div class="col-lg-4 col-md-6">
            <span class="h5 d-block mt-half mt-md-0">地区</span>
            <div class="row no-gutters">
                <rbc-tag
                        v-model="filterRegion.canada"
                        id="canada"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterRegion"
                >
                  加拿大
                </rbc-tag>
                <rbc-tag
                        v-model="filterRegion.unitedstates"
                        id="unitedstates"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterRegion"
                >
                  美国
                </rbc-tag>
                <rbc-tag
                        v-model="filterRegion.northamerica"
                        id="northamerica"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterRegion"
                >
                  北美
                </rbc-tag>
                <rbc-tag
                        v-model="filterRegion.global"
                        id="global"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterRegion"
                >
                  环球
                </rbc-tag>
                <rbc-tag
                        v-model="filterRegion.internationalemergingmarkets"
                        id="internationalemergingmarkets"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag col-6 pr-quarter"
                        @checkboxupdate="updateFilterRegion"
                >
                  国际 / 新兴市埸
                </rbc-tag>
            </div>
        </div>
        <div class="col-lg-2 col-md-6">
            <span class="h5 d-block mt-half mt-lg-0">货币</span>
            <div class="row no-gutters">
                <rbc-tag
                        v-model="filterCurrency.cad"
                        id="cad"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                        @checkboxupdate="updateFilterCurrency"
                >
                  加元
                </rbc-tag>
                <rbc-tag
                        v-model="filterCurrency.usd"
                        id="usd"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                        @checkboxupdate="updateFilterCurrency"
                >
                  美元
                </rbc-tag>
                <rbc-tag
                        v-model="filterCurrency.hedged"
                        id="hedged"
                        :checkable="true"
                        size="large"
                        class="mb-quarter w-100-rbc-tag pr-quarter col-lg-12 col-4"
                        @checkboxupdate="updateFilterCurrency"
                >
                  货币对冲
                </rbc-tag>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        addEventListenerPopState,
        updateURLSearchParams,
        listenSearchParamDeep
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcTag,
        RbcStyle
    } from "wm"

    const searchParamType = '';
    const searchParamRegion = '';
    const searchParamCurrency = '';
    const urlSearchParamType$ = listenSearchParamDeep("type");
    const urlSearchParamRegion$ = listenSearchParamDeep("region");
    const urlSearchParamCurrency$ = listenSearchParamDeep("currency");

    const defaultFilterTagObjFactory = () => ({
        type: {
            moneymarket: false,
            balancedportfolio: false,
            fixedincome: false,
            equity: false,
            liquidalternatives: false,
        },
        region: {
            canada: false,
            unitedstates: false,
            northamerica: false,
            global: false,
            internationalemergingmarkets: false,
        },
        currency: {
            cad: false,
            usd: false,
            hedged: false,
        },
    });

    const getSpecificFilterTagObj = (filterKey) => {
        return defaultFilterTagObjFactory()[filterKey];
    };


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamType$.subscribe(uspType => {
                this.filterType = this.filtersStrToObj(getSpecificFilterTagObj("type"), uspType);
            })
            urlSearchParamRegion$.subscribe(uspRegion => {
                this.filterRegion = this.filtersStrToObj(getSpecificFilterTagObj("region"), uspRegion);
            })
            urlSearchParamCurrency$.subscribe(uspCurrency => {
                this.filterCurrency = this.filtersStrToObj(getSpecificFilterTagObj("currency"), uspCurrency);
            })
        },
        components: {
            'rbc-tag': RbcTag,
            'rbc-style': RbcStyle,
        },
        data() {
            return {
                filterType: this.filtersStrToObj(getSpecificFilterTagObj("type"), searchParamType),
                filterRegion: this.filtersStrToObj(getSpecificFilterTagObj("region"), searchParamRegion),
                filterCurrency: this.filtersStrToObj(getSpecificFilterTagObj("currency"), searchParamCurrency),
            }
        },
        methods: {
            filtersStrToObj(filterTagObj, searchParamStr) {
                const filterTagKeys = Object.keys(filterTagObj);
                return (searchParamStr || "").split(",").reduce((acc, curr) => {
                    if (filterTagKeys.includes(curr)) {
                        acc[curr] = true
                    }
                    return acc;
                }, filterTagObj)
            },
            updateFilter(filterKey, filterObj) {
                const url = new URL(location);
                const {[filterKey]: _, ...otherSearchParams} = Object.fromEntries(url.searchParams);
                const arrayOfTrueTags = Object.keys(getSpecificFilterTagObj(filterKey)).reduce((acc, curr) => {
                    if (filterObj[curr]) {
                        acc.push(curr)
                    }
                    return acc
                }, []);
                const updatedUSP = arrayOfTrueTags.length === 0 ? otherSearchParams : {
                    ...otherSearchParams,
                    [filterKey]: arrayOfTrueTags.join(",")
                }
                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                history.pushState({[filterKey]: arrayOfTrueTags.join(",")}, "", url);
                updateURLSearchParams(updatedUSP);
            },
            updateFilterType(e) {
                this.updateFilter("type", this.filterType)
            },
            updateFilterRegion(e) {
                this.updateFilter("region", this.filterRegion)
            },
            updateFilterCurrency(e) {
                this.updateFilter("currency", this.filterCurrency)
            }
        },
        mounted() {

        },
        unmount() {
            urlSearchParamType$.unsubscribe()
            urlSearchParamRegion$.unsubscribe()
            urlSearchParamCurrency$.unsubscribe()
        }
    }).mount('#app_id_8841479')
</script>

<div id="dataTabHeaderRoot" class="container"></div>
  
<div id="app_id_8403819" v-cloak>
    <Teleport to="#dataTabHeaderRoot">
        <div class="row">
            <div v-if="false" class="col-12 mb-1">
                <rbc-alert
                        header="谨记"
                        type="warning"
                        :closable="false"
                >
                  您现正在查看系列<strong> {{series}} </strong>的文件资料。单击上方的“系列”下拉菜单以查看更多。
                </rbc-alert>
            </div>
                                                                                                                                                           <div class="col">
                <div class="mb-md-1-half"></div>
                <h3 class="header-alt"
                    v-if="totalFundsInSeries == filteredFunds || totalFundsInSeries === null || filteredFunds === null">
                  显示<strong> {{totalFundsInSeries}} </strong>互惠基金
                </h3>
                <h3 class="header-alt" v-else>显示 <strong>{{ filteredFunds }}</strong> of <strong>{{ totalFundsInSeries }}</strong> 互惠基金</h3>
            </div>
            <div class="col-lg-4 col-md-5 text-md-right order-first order-md-last">
                <rbc-input
                        v-model="searchKeyword"
                        id="globalSearch"
                        class="mb-1"
                        label="搜寻基金"
                        placeholder="按基金代号或基金名称搜索"
                        search
                        @input="updateGlobalSearch"
                ></rbc-input>
            </div>
        </div>
        <rbc-tab
                flush
                @tabupdate="updateTabId($event.active)"
                :current="selectedTab"
        >
            <rbc-tab-content
                    id="overview"
                    name="概观"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="prices"
                    name="价格"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="performance"
                    name="表现"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="calendarperformance"
                    name="年度表现"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="characteristics"
                    name="特征"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="distributions"
                    name="收益分配"
            ></rbc-tab-content>
            <rbc-tab-content
                    id="documents"
                    name="文件资料"
            ></rbc-tab-content>
                                                                                      </rbc-tab>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState,
        totalFundsInSeries$,
        filteredFunds$,
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcTab,
        RbcTabContent,
        RbcAlert,
        RbcInput
    } from "wm"
    import {
        debounce
    } from "wm-utils"


    const initialSelectedTab = new URL(location).searchParams.get("tab");
    const initialSelectedKeyword = new URL(location).searchParams.get("searchkeyword");
    const urlSearchParamTab$ = listenSearchParamDeep("tab");
    const urlSearchParamKeyword$ = listenSearchParamDeep("searchkeyword");

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamTab$.subscribe(uspTab => {
                this.selectedTab = uspTab;
            })
            urlSearchParamKeyword$.subscribe(searchKeyword => {
                this.searchKeyword = searchKeyword;
            })
            totalFundsInSeries$.subscribe(val => {
                this.totalFundsInSeries = val;
            })
            filteredFunds$.subscribe(val => {
                this.filteredFunds = val;
            })
            this.updateGlobalSearch = debounce(searchkeyword => {
                this.updateSearchKeyword(searchkeyword);
            }, 300)
        },
        components: {
            'rbc-tab': RbcTab,
            'rbc-tab-content': RbcTabContent,
            'rbc-alert': RbcAlert,
            'rbc-input': RbcInput
        },
        data() {
            return {
                selectedTab: initialSelectedTab,
                searchKeyword: initialSelectedKeyword,
                totalFundsInSeries: null,
                filteredFunds: null,
            }
        },
        methods: {
            updateTabId(tabId) {
                if (tabId !== this.selectedTab) {
                    const url = new URL(location);
                    url.searchParams.set("tab", tabId);
                    history.pushState({tab: tabId}, "", url);
                    updateURLSearchParams(Object.fromEntries(url.searchParams));
                }
            },
            updateSearchKeyword(searchkeyword) {
                const url = new URL(location);

                const {searchkeyword: _, ...otherSearchParams} = Object.fromEntries(url.searchParams);
                const updatedUSP = searchkeyword.trim().length > 0 ? {
                    ...otherSearchParams, searchkeyword: searchkeyword
                } : otherSearchParams

                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                history.pushState({searchkeyword: searchkeyword}, "", url);
                updateURLSearchParams(updatedUSP);
            },
        },
        mounted() {
        },
        unmount() {
            urlSearchParamTab$.unsubscribe();
            urlSearchParamKeyword$.unsubscribe();
            totalFundsInSeries$.unsubscribe();
            filteredFunds$.unsubscribe();
        }
    }).mount('#app_id_8403819')
</script>

<div id="dataTabSubheaderRoot" class="container"></div>
  
<div id="app_id_9540471" v-cloak>
    <Teleport to="#dataTabSubheaderRoot">
        <div class="row align-items-end py-1">
            <div class="col-12 col-sm-7 col-lg-4 order-1 mb-1 mb-sm-0">
                <span v-show="selectedTab === 'prices'">
                    <span v-if="!!pricesDateValue">
                        <span>的基金价格/收益率截至</span> <strong class="nowrap">{{ asOfDatePrice }}</strong>
                    </span>
                    <rbc-alert
                            v-else
                            type="warning"
                            :closable="false"
                    >
                      选择其他日期
                    </rbc-alert>
                </span>
                <span v-show="selectedTab === 'performance'">
                    <span>的回报截至</span> <strong class="nowrap">{{ asOfDatePortfolio }}</strong>
                </span>
                <span v-show="selectedTab === 'calendarperformance'">
                    <span>今年迄今为止的回报截至</span> <strong class="nowrap">{{ asOfDatePortfolio }}</strong>
                </span>
                <span v-show="selectedTab === 'characteristics'">
                    <span>fund.fundcharacteristicsasof</span> <strong class="nowrap">{{ asOfDateCharacteristics }}</strong>
                </span>
            </div>
                        <div v-show="selectedTab === 'distributions-estimate'" class="col-lg-10 col-12">
                  <span>fund.distributions-estimateasof</span>
              </div>
                      <div v-show="selectedTab === 'prices'" class="col-12 col-sm-6 col-lg-3">
                <rbc-datepicker
                        :id="'prices-date'"
                        :label="'选择其他日期'"
                        :typeable="false"
                        :format="customDateFormatter"
                        @input="updateSelectedDate"
                        v-model="pricesDateValue"
                        :language="'zh'"
                        :disabled-dates="disabledDates"/>
            </div>
            <div v-show="showGenerateCSV" class="col-12 col-sm order-3 text-sm-right mb-0">
                <span class="nowrap">
                    <rbc-button
                            class="py-0 my-n1"
                            icon="file-excel"
                            icon-position-x="right"
                            color="transparent"
                            size="medium"
                            @click="generateCSV"
                    >
                        {{downloadText}}
                    </rbc-button>
                </span>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        listenSearchParamDeep,
        updateURLSearchParams,
        addEventListenerPopState,
        globalAnalysisDate$,
        totalFundsInSeries$,
        filteredFunds$,
        updateCSVObj
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcDatepicker,
        RbcButton,
        RbcTooltip,
        RbcAlert,
    } from "wm"

    const initialSelectedTab = new URL(location).searchParams.get("tab");
    const initialSelectedSeries = new URL(location).searchParams.get("series");
    const urlSearchParamTab$ = listenSearchParamDeep("tab");
    const urlSearchParamSeries$ = listenSearchParamDeep("series");
    const hoursOffset = 6 * 60 * 60 * 1000;
    const today = new Date(Date.now());
    const yesterday = new Date(new Date().setDate(today.getDate() - 1));
    const prior120 = new Date(new Date().setDate(today.getDate() - 120));

    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamTab$.subscribe(uspTab => {
                this.selectedTab = uspTab;
            });
            urlSearchParamSeries$.subscribe(uspSeries => {
                this.selectedSeries = uspSeries;
            });
            globalAnalysisDate$.subscribe(analysisDate => {
                this.analysisDate = analysisDate;
                if (!!this.analysisDate.price) {
                    const selectedDate = this.analysisDate.price.split("-");
                    this.pricesDateValue = new Date(selectedDate[0], selectedDate[1] - 1, selectedDate[2]);
                } else {
                    this.pricesDateValue = null;
                }
            });
            totalFundsInSeries$.subscribe(val => {
                this.totalFundsInSeries = val;
            });
            filteredFunds$.subscribe(val => {
                this.filteredFunds = val;
            });
        },
        components: {
            'rbc-datepicker': RbcDatepicker,
            'rbc-button': RbcButton,
            'rbc-tooltip': RbcTooltip,
            'rbc-alert': RbcAlert,
        },
        data() {
            return {
                selectedTab: initialSelectedTab,
                selectedSeries: initialSelectedSeries,
                analysisDate: {},
                languageKey: 'zh' == 'zh' ? 'zh-hans' : 'zh',
                pricesDateValue: yesterday,
                disabledDates: {
                    to: prior120,
                    from: yesterday,
                    days: [6, 0],

                                        customPredictor: (date) => {
                        const month = date.getMonth() + 1;
                        const day = date.getDate();
                        // Disable Dec 25 and 26 and July 1
                        return (month === 12 && (day === 25 || day === 26)) || (month === 7 && (day === 1));
                    }

                    
                },
                totalFundsInSeries: 0,
                filteredFunds: 0,
                sysysSeriesMatch: {
                    'a,t': '1,7',
                    'f': '5',
                    'adv': '2',
                    'd': '4',
                    'h,i': '9,6',
                    'o': '10'
                }
            }
        },
        methods: {
            updateSelectedDate(selectedDate) {
                const dateStr = (selectedDate.getDate()).toString().padStart(2, '0');
                const month = (selectedDate.getMonth() + 1).toString().padStart(2, '0');
                const year = selectedDate.getFullYear().toString();
                const compoundDate = `${year}${month}${dateStr}`;

                const url = new URL(location);
                url.searchParams.set("date", compoundDate);
                history.pushState({date: compoundDate}, "", url);
                updateURLSearchParams(Object.fromEntries(url.searchParams));
                window.dataLayer.push({
                    event: 'click',
                    event_type: 'filter_select',
                    link_text: this.customDateFormatter(selectedDate),
                    link_url: undefined
                });
            },
            customDateFormatter(date) {
                return date.toLocaleDateString('zh-Hans-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric"
                });
            },
            generateCSV() {
                let CSVObj = {};
                if (this.selectedTab === 'prices') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePrice;
                    CSVObj.fileName = '价格' + '.csv';
                }
                if (this.selectedTab === 'overview') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePortfolio;
                    CSVObj.fileName = '概观' + '.csv';
                }
                if (this.selectedTab === 'performance') {
                    CSVObj.selectedTab = this.selectedTab;
                    CSVObj.asOfDate = this.asOfDatePortfolio;
                    CSVObj.fileName = '表现' + '.csv';
                }
                updateCSVObj(CSVObj);
            }
        },
        computed: {
            asOfDatePortfolio() {
                return !!this.analysisDate.performance ? new Date(this.analysisDate.performance).toLocaleDateString('zh-Hans-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            asOfDatePrice() {
                return !!this.analysisDate.price ? new Date(this.analysisDate.price).toLocaleDateString('zh-Hans-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            asOfDateCharacteristics() {
                return !!this.analysisDate.portfolio ? new Date(this.analysisDate.portfolio).toLocaleDateString('zh-Hans-CN', {
                    year: "numeric",
                    month: "short",
                    day: "numeric",
                    timeZone: 'UTC'
                }) : null;
            },
            showGenerateCSV() {
                return ["prices", "performance", "overview"].includes(this.selectedTab);
            },
            downloadText() {
                let strBuilder = '下载 ';
                switch (this.selectedTab) {
                    case "prices":
                        strBuilder += '价格'.toLowerCase();
                        break;
                    case "performance":
                        strBuilder += '表现'.toLowerCase();
                        break;
                    case "overview":
                        strBuilder += '概观'.toLowerCase();
                        break;
                    default:
                        strBuilder = '';
                }
                return strBuilder;
            }
        },
        mounted() {},
        unmount() {
            urlSearchParamTab$.unsubscribe();
            urlSearchParamSeries$.unsubscribe();
            globalAnalysisDate$.unsubscribe();
            totalFundsInSeries$.unsubscribe();
            filteredFunds$.unsubscribe();
        }
    }).mount('#app_id_9540471')
</script>
<script data-velocimacro-holder="mfListgeneralSliceTableDefinitions">
        </script><script data-velocimacro-holder="overviewSliceTableDefinitions">
        </script><script data-velocimacro-holder="pricesSliceTableDefinitions">
        </script><script data-velocimacro-holder="performanceSliceTableDefinitions">
        </script><script data-velocimacro-holder="calendarperformanceSliceTableDefinitions">
        </script><script data-velocimacro-holder="characteristicsSliceTableDefinitions">
        </script><script data-velocimacro-holder="distributionsSliceTableDefinitions">
        </script><script data-velocimacro-holder="documentsSliceTableDefinitions">
    </script><script data-velocimacro-holder="distributionsEstimateTableDefinitions">
       </script>


<script data-velocimacro-holder="data-table-definitions">
            </script>
<div id="dataTabBodyRoot" class="container"></div>
  
<style>
    #fundList td:nth-child(4) {
        position: relative;
    }

    #fundList tr:nth-of-type(even) > td {
        background-color: white;
    }
</style>
<div id="app_id_9293010" v-cloak>
    <Teleport to="#dataTabBodyRoot">
        <div style="position:relative" data-location="fund table">
            <rbc-spinner v-if="spinnerOverlay" overlay></rbc-spinner>
            <rbc-datatable
                    id="fundList"
                    ref="fundListTable"
                    class="mb-1"
                    :columns="fundColumnsDefinition"
                    :rows="tableData.filteredRows"
                    :header-fixed="!notFixedHeader"
                    :height="500"
                    compact
                    sortable
                    :customizable-columns="false"
                    :global-search="false"
                    :components-to-register="componentsToRegister"
                    @onsortchanged="sortToUrl"
            >
            </rbc-datatable>
            <rbc-switch
                    class="mb-1"
                    v-model="notFixedHeader"
                    :label="(notFixedHeader) ? '扩大互惠基金清单 (开)' : '扩大互惠基金清单 (关)'"
                    @checkboxupdate="mfListExpand(notFixedHeader)"
                    name="Mutual Funds Expanded Toggle"
            >
            </rbc-switch>
        </div>
    </Teleport>
</div>
<script type="module">
    import {
        getThemeData
    } from "vite-esm/add-to-theme.service.js";
    import {
        addEventListenerPopState,
        listenSearchParamDeep,
        unifiedDataService,
        updateFilteredFunds,
        updateFootnoteList,
        updateGlobalAnalysisDate,
        updateTotalFundsInSeries,
        updateUSPWithDebounce,
        URLSearchParamWithDebounce$,
        updateURLSearchParams,
        generateCSVObj$,
        downloadData
    } from "vite-esm/main-mf-list.service.js";
    import {createApp, nextTick, ref, markRaw} from "vue"
    import {
        RbcSpinner,
        RbcDatatable,
        RbcSwitch,
        RbcTooltip,
        RbcButton
    } from "wm"
    import {
        decimal
    } from "wm-utils"

    const urlSearchParamSeries$ = listenSearchParamDeep("series");
    const urlSearchParamDate$ = listenSearchParamDeep("date");
    const urlSearchParams$ = listenSearchParamDeep();
    const unifiedDS = unifiedDataService();
      
                        const columnDefinitionGeneralSlice = [
        {
            header: "themes.addtotheme",
            srOnlyHeader: true,
            dataType: "vue",
            // show: true,
            show: false,
            sortable: false,
            style: {
                width: "40px",
                minWidth: "40px !important",
                textAlign: "center"
            },
        },
        {
            header: "代号",
            dataType: "string",
            show: true,
            isMandatory: true,
            main: true,
            sortable: false,
            sortField: "key",
            style: {
                width: "80px",
                minWidth: "80px"
            }
        },
        {
            header: "基金名称",
            dataType: "string",
            show: true,
            sortable: true,
            sortField: "key",
            style: {
                minWidth: "180px"
            }
        },
        {
            header: "系列",
            dataType: "string",
            show: true,
            style: {
                width: "55px",
                minWidth: "55px",
            }
        },
    ]
                const columnDefinitionOverviewSlice = [
        {
            header: "资产类型",
            dataType: "string",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "180px",
                minWidth: "180px"
            }
        },
        {
            header: "风险",
            dataType: "string",
            sortField: "key",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "105px",
                minWidth: "105px"
            }
        },
        {
            header: "管理费",
            dataType: "number",
            dataUnit: "%",
            show: true,
            sortable: true,
            sortField: "key",
            group: "overview",
            style: {
                width: "95px",
                minWidth: "95px !important"
            }
        },
        {
            header: "管理开支比率*",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "70px",
                minWidth: "70px",
            }
        },
        {
            header: "成立日期",
            dataType: "date",
            dataDateFormat: {
                year: "numeric",
                month: "short",
                day: "numeric",
            },
            dataDateLocale: "zh-Hans-CN",
            show: true,
            sortable: true,
            group: "overview",
            style: {
                width: "90px",
                minWidth: "90px !important"
            }
        },
    ]
                const columnDefinitionPricesSlice = [
        {
            header: "收益率 ±",
            colored: true,
            arrow: true,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "110px",
                minWidth: "110px"
            }
        },
        {
            header: "价格 ($)",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "90px",
                minWidth: "90px"
            }
        },
                                                                                                                    {
            header: "净变动",
            show: true,
            sortable: true,
            sortField: "key",
            group: "prices",
            style: {
                width: "100px",
                minWidth: "100px"
            }
        },
        {
            header: "% 更改",
            colored: true,
            signed: true,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "prices",
            style: {
                width: "100px",
                minWidth: "100px"
            }
        }
    ]
                const columnDefinitionPerformanceSlice = [
        {
            header: "年初至今",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "1个月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "3个月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "6个月",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "1年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "3年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "5年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "10年",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
        {
            header: "自成立以来",
            searchable: false,
            show: true,
            sortable: true,
            dataType: "vue",
            sortField: 'key',
            group: "performance",
            style: {
                width: "60px",
                minWidth: "60px",
            }
        },
    ]
                const columnDefinitionCalendarperformanceSlice = [
        {
            header: "年初至今",
            searchable: false,
            dataType: "number",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "calendarperformance",
            style: {
                width: "60px",
                minWidth: "60px"
            }
        },
                {
              header: "Year1",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year2",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year3",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year4",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year5",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year6",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year7",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year8",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year9",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
                {
              header: "Year10",
              searchable: false,
              dataType: "number",
              dataUnit: "%",
              dataUnitPosition: 'left',
              show: true,
              sortable: true,
              group: "calendarperformance",
              style: {
                  width: "65px",
                  minWidth: "65px"
              }
          },
          ]
                const columnDefinitionCharacteristicsSlice = [
        {
            header: "股息收益率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "市净率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "市盈率",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "84px",
                minWidth: "84px"
            }
        },
        {
            header: "到期收益率*",
            dataType: "number",
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "90px",
                minWidth: "90px"
            }
        },
        {
            header: "当前收益率*",
            dataType: "number",
            formatNumberLang: "en",
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "105px",
                minWidth: "105px"
            }
        },
        {
            header: "久期 (年)",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 1,
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "70px",
                minWidth: "70px"
            }
        },
        {
            header: "平均到期期限 (年)",
            dataType: "number",
            formatNumberLang: "en",
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "115px",
                minWidth: "115px"
            }
        },
    ]
                const columnDefinitionDistributionsSlice = [
        {
            header: "上次收益分配",
            searchable: false,
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "distributions",
            style: {
                width: "115px",
                minWidth: "115px",
                whiteSpace: "nowrap"
            }
        },
        {
            header: "收益分配日期",
            searchable: false,
            dataType: "date",
            dataDateFormat: {
                year: "numeric",
                month: "short",
                day: "numeric",
                timeZone: 'UTC'
            },
            dataDateLocale: "zh-Hans-CN",
            show: true,
            sortable: true,
            group: "distributions",
            style: {
                width: "110px",
                minWidth: "110px",
                whiteSpace: "nowrap"
            }
        },
    ]
                const columnDefinitionDocumentsSlice = [
        {
            header: "文件资料",
            searchable: false,
            dataType: "vue",
            show: true,
            group: "documents",
            style: {
                width: "310px",
                minWidth: "150px"
            }
        }
    ]
                const i18n = {"comment2021a":"fund.distributions-estimate.comment2021a","comment2021b":"fund.distributions-estimate.comment2021b","comment2021c":"fund.distributions-estimate.comment2021c","comment2021d":"fund.distributions-estimate.comment2021d","comment2021e":"fund.distributions-estimate.comment2021e","comment2021f":"fund.distributions-estimate.comment2021f","comment2021g":"fund.distributions-estimate.comment2021g","comment2021h":"fund.distributions-estimate.comment2021h","comment2021i":"fund.distributions-estimate.comment2021i","comment2021j":"fund.distributions-estimate.comment2021j","comment2021k":"fund.distributions-estimate.comment2021k"};
    const columnDefinitionDistributionsEstimate = [
        {
            header: "收益分配日期",
            show: false,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "102px",
                minWidth: "102px",
                whiteSpace: "nowrap"
            }
        },
        {
            header: "fund.navpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 2,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
            show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "73px",
                minWidth: "73px"
            }
        },
        {
            header: "资本收益 fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "92px",
                minWidth: "92px"
            }
        },
        {
            header: "资本收益 fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "101px",
                minWidth: "101px"
            }
        },
        {
            header: "fund.income fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "70px",
                minWidth: "70px"
            }
        },
        {
            header: "fund.income fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "88px",
                minWidth: "88px"
            }
        },
        {
            header: "fund.total fund.dollarperunit",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 4,
            dataUnit: "$",
            dataUnitPosition: 'left',
            searchable: false,
                                show: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "75px",
                minWidth: "75px"
            }
        },
        {
            header: "fund.total fund.percentnavpu",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "zh",
            formatNumberDecimal: 2,
            dataUnit: "%",
            dataUnitPosition: 'right',
            searchable: false,
                                show: false,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "90px",
                minWidth: "90px",
            },
        }
    ]
            
      const columnDef = [
          ...columnDefinitionGeneralSlice,
          ...columnDefinitionOverviewSlice,
          ...columnDefinitionPricesSlice,
          ...columnDefinitionPerformanceSlice,
          ...columnDefinitionCalendarperformanceSlice,
          ...columnDefinitionCharacteristicsSlice,
          ...columnDefinitionDistributionsSlice,
          ...columnDefinitionDocumentsSlice,
          ...columnDefinitionDistributionsEstimate,
      ].map(column => {
          return {
              ...column,
              searchable: ["代号", "基金名称", "系列"].includes(column.header)
          }
      });
            
                  const rowMapper = (fdsFundData, dcmsFundData) => {
          const thirteenMonthOffset = (30 + 365) * 24 * 60 * 60 * 1000;
          const thirteenMonthsAgo = new Date(Date.now() - thirteenMonthOffset);

          return fdsFundData.map((fdsData, index) => {
              const isAtleast13monthsOld = ["RBF441", "RBF941", "RBF8257", "RBF9441", "RBF9941", "RBF8258"].includes(fdsData.rbcFundCode) || new Date(fdsData.inceptionDate) < thirteenMonthsAgo;
              const dcmsData = dcmsFundData.find(({fundCode}) => fundCode === fdsData.rbcFundCode);
              // const parentFundCode = fdsData.mrfpfsFundCode || fdsData.rbcFundCode;
              // const parentData = fdsFundData.find(({rbcFundCode}) => parentFundCode === rbcFundCode) || fdsData;
              // const parentIsAtleast13monthsOld = new Date(parentData.inceptionDate) < thirteenMonthsAgo;
              const parentIsAtleast13monthsOld = !!fdsData.showPerformance
              const fundCode = fdsData.rbcFundCode;
                const rowMapperGeneralSlice = (fdsData, dcmsData) => {
        const langKey = 'zh'
        const fundCode = fdsData.rbcFundCode
        const addToThemeCell = `
            <span class="d-block text-center m-n1">
                                                                <rbc-button
                    @click="addToTheme({fundCode: '${fundCode}'})"
                    id="${fundCode}-briefcase"
                    data-briefcase="${fundCode}"
					aria-label="Add to theme ${fundCode}"
					icon="briefcase"
					size="small"
					color="transparent"
				/>
            </span>
            `;
        const fundCodeCellValue = `
                            <a href='/${langKey}/ca/products/mutual-funds/${fundCode}/detail/'>
                                ${fundCode}
                            </a>
                        `;
        const defaultName = fdsData.fundName["en"];
const seriesDisplay = dcmsData?.seriesDisplay && dcmsData.seriesDisplay.includes("t")
  ? ` - ${dcmsData.seriesDisplay.toUpperCase()}<br>`
  : "";
        const chineseSimplifiedName = dcmsData?.chineseSimplifiedName ? (dcmsData.chineseSimplifiedName + seriesDisplay) : null;
        const chineseTraditionalName = dcmsData?.chineseTraditionalName ? (dcmsData.chineseTraditionalName + seriesDisplay) : null;
        const fundFootnotesArr =  dcmsData?.footnotes ? (dcmsData.footnotes.split(",").sort((a, b) => parseInt(a) - parseInt(b)).filter(a => a.length > 0)) : null;
        const fundFootnotesStr = fundFootnotesArr ? (fundFootnotesArr?.length > 0 ? fundFootnotesArr.join(", ") : "") : "";
        let displayedFundName = ""
        switch (langKey) {
            case "zh":
                displayedFundName = chineseSimplifiedName + defaultName;
                break;
            case "zh-hant":
                displayedFundName = chineseTraditionalName + defaultName;
                break;
            case "fr":
                displayedFundName = fdsData.fundName["fr"]
                break;
            default:
                displayedFundName = defaultName;
                break;
        }
        const fundNameCellValue = `
  <a href='/${langKey}/ca/products/mutual-funds/${fundCode}/detail/' class="fund-link">
      ${displayedFundName}
  </a>
  ${(fundFootnotesArr?.length > 0) ? `
    <sup>
      <a href='#footnotes' class="footnote-link" aria-label="Footnote ${fundFootnotesStr}">
        ${fundFootnotesStr}
      </a>
    </sup>` : ""}
`;

        let seriesCellText = (!!dcmsData?.series ? dcmsData?.seriesDisplay : fdsData?.series)?.toUpperCase();
        seriesCellText = seriesCellText === "ADV" ? '至' : seriesCellText;
        return [
            addToThemeCell,
            {
                key: fundCode,
                value: fundCodeCellValue
            },
            {
                key: langKey === "fr" ? fdsData?.fundName[langKey] : fdsData?.fundName["en"],
                value: fundNameCellValue
            },
            seriesCellText,
        ]
    }
                  const generalSliceArr = rowMapperGeneralSlice(fdsData, dcmsData);
                const rowMapperOverviewSlice = (fdsData, dcmsData) => {
        const langKey = 'zh'
        let riskRatingKey = 0;
        switch (dcmsData.risk) {
            case "noriskrating":
                riskRatingKey = 0;
                break;
            case "low":
                riskRatingKey = 1;
                break;
            case "lowtomedium":
                riskRatingKey = 2;
                break;
            case "medium":
                riskRatingKey = 3;
                break;
            case "mediumtohigh":
                riskRatingKey = 4;
                break;
            case "high":
                riskRatingKey = 5;
                break;
            default:
                break;
        }
        const managementFeeKey = ((parseInt(dcmsData.managementFees * 100000) || 0) / 1000).toFixed(2);
        let managementFeeValue = "";
        if (!!dcmsData.managementFees && dcmsData.managementFees !== "-1" && dcmsData.managementFees !== "neg") {
            managementFeeValue = `${dcmsData.managementFeesPrefixText} ` || managementFeeValue;
            const formatOptions = {
                minimumFractionDigits: 2,
                maximumFractionDigits: 2
            };
            const formattedNumber = new Intl.NumberFormat(langKey, formatOptions).format((parseInt(dcmsData.managementFees * 100000) || 0) / 1000);
            managementFeeValue += formattedNumber;
        }
        const merValue = !!dcmsData.mer && dcmsData.mer !== "-1" && dcmsData.mer !== "neg" ? ((parseInt(dcmsData.mer * 100000) || 0) / 1000).toFixed(2) : null;
        return [
            dcmsData.fundAssetClass,
            {
                key: riskRatingKey,
                value: !!dcmsData.riskText ? dcmsData.riskText : null,
            },
            {
                key: managementFeeKey,
                value: managementFeeValue,
            },
            merValue,
            fdsData.inceptionDate,
        ]
    }
                  const overviewSliceArr = rowMapperOverviewSlice(fdsData, dcmsData);
                const rowMapperPricesSlice = (fdsData, dcmsData) => {
        const coloredWrapper = (key, value) => {
            let color = ""
            if (key > 0) {
                color = "c-alert-green"
            } else if (key < 0) {
                color = "c-alert-red"
            }
            return `<span class="d-flex justify-content-end ${color}">${value}</span>`
        };
        const langKey = 'zh';
        const addCurrencyWrapper = (value) => {
            let sign = ""
            if (value > 0) {
                sign = "+"
            } else if (value < 0) {
                sign = "-"
            }
            value = decimal(Math.abs(value), 4);
            if (langKey === 'fr') {
                return `${sign}${value} $`
            } else {
                return `${sign}$${value}`
            }
        }
        const whenNull = `<span class="d-flex justify-content-end">-</span>`

        if (fdsData.assetClassFilter === "moneyMarketFunds") {
            // const priceAsOf = fdsData.analysisDate.price
            // const priceInDate = new Date(priceAsOf);
            // let currentLatestAsOf = null;
            // Object.keys(fdsData.yields).forEach(date => {
            //     const currYieldDate = new Date(date);
            //     if (currYieldDate > new Date(currentLatestAsOf) && priceInDate > currYieldDate) {
            //         currentLatestAsOf = date;
            //     }
            // })
            // const yieldData = fdsData.yields[priceAsOf];
            // const diffChange = fdsData.yields[priceAsOf] - fdsData.yields[currentLatestAsOf]
            // const netChange = diffChange !== 0 ? decimal(diffChange, 4) : "0.0000"
            const yieldData = fdsData.yield
            const netChange = fdsData.netChange !== 0 ? decimal(fdsData.netChange, 4) : "0.0000"
            const key = netChange
            const value = !!netChange ? coloredWrapper(key, netChange) : whenNull

            return [yieldData, null, {key, value}, null]
        } else {
            const processPctChange = (pctChange) => {
                const absChange = Math.abs(pctChange);
                if (absChange < 0.01) {
                    return decimal(pctChange * 100);
                }
                return decimal(pctChange);
            };

            const ptcChange = processPctChange(fdsData.pctChange);

            return [
                null,
                decimal(fdsData.price, 4),
                {
                    key: fdsData.netChange,
                    value: !!fdsData.netChange ? coloredWrapper(fdsData.netChange, addCurrencyWrapper(fdsData.netChange)) : whenNull
                },
                ptcChange,
            ];
        }
    }
                  const pricesSliceArr = rowMapperPricesSlice(fdsData, dcmsData);
                const performanceNumberFormatter = (val, fraxDig) => {
        const langKey = 'zh' || 'en';
        const formatOptions = {
            minimumFractionDigits: Number(fraxDig),
            maximumFractionDigits: Number(fraxDig)
        };
        return !!val ? new Intl.NumberFormat(langKey, formatOptions).format(val) : "";
    }

    const rowMapperPerformanceSlice = (fdsData, dcmsData, parentIsAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const performanceKeys = ['YTD', '1Mth', '3Mth', '6Mth', '1Yr', '3Yr', '5Yr', '10Yr'];
        const emptyArr = [...performanceKeys.map(_ => ""), {
            key: 0,
            value: `<span class='d-flex justify-content-end'>-</span>`
        }];
        const tooltip = `
                <span class="mx-n1">
                <rbc-tooltip
                    :hoverable="true"
                    :clickable="true"
                    icon="info-circle"
                    text="${fdsData.inceptionDate}"
                    position="left"
                />
                </span>
            `
        const sinceInceptionData = !!fdsData.performance ? fdsData.performance.sinceInception : null
        const sinceInceptionCellValue = `
                <span class='d-flex justify-content-end text-nowrap'>
                    
                    ${(!!sinceInceptionData) ? `${(decimal(sinceInceptionData, performanceDecimal))}%${tooltip}` : "-"}
                </span>
            `;
        return parentIsAtleast13monthsOld && !!fdsData.performance ? [...performanceKeys.map(key => {
            return decimal(fdsData.performance[key], performanceDecimal);
            //return performanceNumberFormatter(fdsData.performance[key], performanceDecimal);
        }), {
            key: isNaN(sinceInceptionData) ? 0 : sinceInceptionData,
            value: sinceInceptionCellValue,
        }] : emptyArr
    }
                  const performanceSliceArr = rowMapperPerformanceSlice(fdsData, dcmsData, parentIsAtleast13monthsOld);
                const calPerfNumberFormatter = (val, fraxDig) => {
        const langKey = 'zh' || 'en';
        const formatOptions = {
            minimumFractionDigits: Number(fraxDig),
            maximumFractionDigits: Number(fraxDig)
        };
        return !!val ? new Intl.NumberFormat(langKey, formatOptions).format(val) : "";
    }

    const rowMapperCalendarperformanceSlice = (fdsData, dcmsData, isAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const ytdPerformance = fdsData && fdsData.performance ? fdsData.performance["YTD"] : null;
        const calReturns = fdsData.calendarReturns;
        const calReturnsArray = (!!calReturns ? Array.from({length: 10}, (_, i) => i + 1).map(index => {
            const calYearReturn = calReturns[`Year${index}`];
            return !!calYearReturn ? decimal(calYearReturn, performanceDecimal) : "";
            //return !!calYearReturn ? calPerfNumberFormatter(calYearReturn, performanceDecimal) : "";
        }) : Array.from({length: 10}, (_) => ""))

        return isAtleast13monthsOld ? [
            !!ytdPerformance ? calPerfNumberFormatter(ytdPerformance, performanceDecimal) : "",
            ...calReturnsArray
        ] : Array.from({length: 11}, (_) => "");
    }
                  const calendarperformanceSliceArr = rowMapperCalendarperformanceSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperCharacteristicsSlice = (fdsData, dcmsData, isAtleast13monthsOld) => {
        const performanceDecimal = fdsData.assetClassFilter === "moneyMarketFunds" ? 2 : 1;
        const termAverageMultiplier = fdsData.assetClassFilter === "moneyMarketFunds" ? (1 / 365) : 1;
        const isMMForFI = ["fixedIncomeFunds", "moneyMarketFunds"].includes(fdsData.assetClassFilter);
        const characteristicsObj = fdsData.characteristics;
        const termToMaturityObj = !!characteristicsObj ? characteristicsObj.termToMaturity : {};
        const fundCode = fdsData.rbcFundCode;

        const formatNumber = (num, decimalPlaces) => {
        const language = 'zh'
            if (Number.isInteger(num)) {
                num = num.toFixed(1);
            } else {
                num = num.toFixed(decimalPlaces);
            }
            return language === "fr" ? num.replace(".", ",") : num;
        };

        // Temporary hide dividendYield, pbRatio, peRatio for the funds
        const fundsToHide = ["RBF2941", "RBF941", "RBF9941", "RBF1441", "RBF441", "RBF9441", "RBF8358", "RBF8357", "RBF8258", "RBF8257"];
        const hideEqCharacteristicsSubArray = fundsToHide.includes(fundCode);

        const eqCharacteristicsSubArray = !!characteristicsObj && !hideEqCharacteristicsSubArray ? [
            isAtleast13monthsOld && !!characteristicsObj.dividendYield ? characteristicsObj.dividendYield * 100 : "",
            !!characteristicsObj.pbRatio && !isMMForFI ? decimal(characteristicsObj.pbRatio, performanceDecimal) : "",
            !!characteristicsObj.peRatio && !isMMForFI ? decimal(characteristicsObj.peRatio, performanceDecimal) : "",
        ] : Array.from({length: 3}, (_) => "")

        const fiCharacteristicsSubArray = !!termToMaturityObj ? [
            isAtleast13monthsOld && !!termToMaturityObj.yield ? formatNumber(termToMaturityObj.yield, performanceDecimal) : "",
            isAtleast13monthsOld && !!fdsData.yield ? formatNumber(fdsData.yield, performanceDecimal) : "",
            !!termToMaturityObj.duration ? decimal(termToMaturityObj.duration, performanceDecimal) : "",
            !!termToMaturityObj.average ? formatNumber(termToMaturityObj.average * termAverageMultiplier, performanceDecimal) : "",
        ] : Array.from({length: 4}, (_) => "")

        return eqCharacteristicsSubArray.concat(fiCharacteristicsSubArray);
    }
                  const characteristicsSliceArr = rowMapperCharacteristicsSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperDistributionsSlice = (fdsData, dcmsData) => {
        const distribLastDateRaw = fdsData.distribLastDate;
        const distribLastDate = !!distribLastDateRaw ? new Date(distribLastDateRaw + "Z") : "";
        const restrictedCodes = ["RBF614", "RBF8035", "RBF235", "RBF468", "RBF1038"];
        const isRestricted = restrictedCodes.includes(fdsData.rbcFundCode);
        const yearThreshold = 2025;
        if (isRestricted) {
            if (!distribLastDate || distribLastDate.getUTCFullYear() < yearThreshold) {
                return ["", ""];
            }
        }
        const distribLast = fdsData.distribLast ? decimal(fdsData.distribLast, 4) : "";
        return [distribLast, distribLastDate];
    }
                  const distributionsSliceArr = rowMapperDistributionsSlice(fdsData, dcmsData, isAtleast13monthsOld);
            const rowMapperDocumentsSlice = (fdsData, dcmsData) => {
    const createRbcButton = (link, label) => {
        if (!link || !label) return ""; 
        return `
            <rbc-button
                link="${link}"
                link-target="_blank"
                icon="file-pdf"
                icon-position-x="right"
                size="small"
                color="transparent"
                aria-label="${label}"
            >
                ${label}
            </rbc-button>
        `;
    };

    const langKey = 'zh';


    const languagePDFLetter = langKey === "fr" ? "f" : "e";

  let languagePDFLetterMonthly;

if (langKey === "fr") {
  languagePDFLetterMonthly = "f"; // French
} else if (langKey === "en") {
  languagePDFLetterMonthly = "e"; // English
} else if (langKey === "zh") {
  languagePDFLetterMonthly = "zh"; // Chinese (Simplified)
} else if (langKey === "zh-hant") {
  languagePDFLetterMonthly = "zh_hant"; // Chinese (Traditional)
} else {
  languagePDFLetterMonthly = "e"; // Default to English for unsupported languages
}

    const fundFactsText = "基金说明书";
    const quarterlyupdateText = "季度更新";
    const monthlyupdateText = "每月更新";

    let fundfactsButton = "";
    if (dcmsData?.fundFactsCode) {
        const code = dcmsData.fundFactsCode.toLowerCase?.();
        fundfactsButton = createRbcButton(`http://funds.rbcgam.com/pdf/fund-facts/funds/${code}_${languagePDFLetter}.pdf`, fundFactsText);
    }

    let monthlyPdfCodeInnerHTML = "";
    if (dcmsData?.monthlyPdfCode && dcmsData?.monthlyPdfCode != "RBF1750" && dcmsData?.monthlyPdfCode != "RBF1860") {
        const code = dcmsData.monthlyPdfCode.toLowerCase?.();
        const quarterlyButton = createRbcButton(`http://www.rbcgam.com/documents/fund-pages/quarterly/${code}_${languagePDFLetterMonthly}.pdf`, quarterlyupdateText);
        const monthlyButton = createRbcButton(`http://www.rbcgam.com/documents/fund-pages/monthly/${code}_${languagePDFLetterMonthly}.pdf`, monthlyupdateText);
        monthlyPdfCodeInnerHTML = `
            <span class='d-block d-md-inline nowrap'>
                ${quarterlyButton}
                <br>
                ${monthlyButton}
            </span>
        `;
    }

    const documentsCellValue = `
        <span class='d-md-flex'>
            <span class='mr-md-3 d-block d-md-inline nowrap'>
                ${fundfactsButton}
            </span>
            
            ${monthlyPdfCodeInnerHTML}
            
        </span>
    `;

    return [
        (fundfactsButton || monthlyPdfCodeInnerHTML) ? documentsCellValue : null
    ];
};
                  const documentsSliceArr = rowMapperDocumentsSlice(fdsData, dcmsData);
                const rowMapperDistributionsEstimate = (fdsData, dcmsData) => {
        const estimatedDistribution = fdsData.estimatedDistributions;
        const fundCode = fdsData.rbcFundCode; // Fund code extraction
        
        if (!!estimatedDistribution) {
            let distributionDateCellValue = !!estimatedDistribution.date ? `${estimatedDistribution.date}` : "";
            
            // Add asterisk for RBF947 or RBF627
            if (   fundCode === 'RBF565' 
|| fundCode === 'RBF414' 
|| fundCode === 'RBF540' 
|| fundCode === 'RBF600' 
|| fundCode === 'RBF1035' 
|| fundCode === 'RBF1414' 
|| fundCode === 'RBF627' 
|| fundCode === 'RBF5414' 
|| fundCode === 'RBF534' 
|| fundCode === 'RBF1534' 
|| fundCode === 'RBF186' 
|| fundCode === 'RBF8414' 
|| fundCode === 'RBF433' 
|| fundCode === 'RBF506' 
|| fundCode === 'RBF1433' 
|| fundCode === 'RBF943' 
|| fundCode === 'RBF502' 
|| fundCode === 'RBF10433' 
|| fundCode === 'RBF477' 
|| fundCode === 'RBF412' 
|| fundCode === 'RBF5477' 
|| fundCode === 'RBF1077' 
|| fundCode === 'RBF1412' 
|| fundCode === 'RBF677' 
|| fundCode === 'RBF5412' 
|| fundCode === 'RBF5677' 
|| fundCode === 'RBF8072' 
|| fundCode === 'RBF8412' 
|| fundCode === 'RBF407' 
|| fundCode === 'RBF415' 
|| fundCode === 'RBF5407' 
|| fundCode === 'RBF1067' 
|| fundCode === 'RBF1415' 
|| fundCode === 'RBF667' 
|| fundCode === 'RBF5415' 
|| fundCode === 'RBF5667' 
|| fundCode === 'RBF8077' 
|| fundCode === 'RBF8417' 
|| fundCode === 'RBF420' 
|| fundCode === 'RBF1060' 
|| fundCode === 'RBF1643' 
|| fundCode === 'RBF120' 
|| fundCode === 'RBF309' 
|| fundCode === 'RBF319' 
|| fundCode === 'RBF3909' 
|| fundCode === 'RBF2109' 
|| fundCode === 'RBF2119' 
|| fundCode === 'RBF1109' 
|| fundCode === 'RBF1119' 
|| fundCode === 'RBF1909' 
|| fundCode === 'RBF8109' 
|| fundCode === 'RBF8119' 
|| fundCode === 'RBF398' 
|| fundCode === 'RBF1398' 
|| fundCode === 'RBF998' 
|| fundCode === 'RBF898' 
|| fundCode === 'RBF1898' 
|| fundCode === 'RBF8098' 
|| fundCode === 'RBF304' 
|| fundCode === 'RBF308' 
|| fundCode === 'RBF1045' 
|| fundCode === 'RBF3308' 
|| fundCode === 'RBF653' 
|| fundCode === 'RBF6608' 
|| fundCode === 'RBF8606' 
|| fundCode === 'RBF8607' 
|| fundCode === 'RBF430' 
|| fundCode === 'RBF323' 
|| fundCode === 'RBF1430' 
|| fundCode === 'RBF910' 
|| fundCode === 'RBF1323' 
|| fundCode === 'RBF8748' 
|| fundCode === 'RBF8323' 
|| fundCode === 'RBF7370' 
|| fundCode === 'RBF1370' 
|| fundCode === 'RBF5370' 
|| fundCode === 'RBF8375' 
) {
                distributionDateCellValue += '&nbsp;&nbsp;<strong>†</strong>';
            }

            if (!!estimatedDistribution.comment && (!estimatedDistribution.capitalgainspu && estimatedDistribution.comment !== 'null')) {
                const commentKey = estimatedDistribution.comment;
                const localizedComment = i18n[commentKey] || "";
                distributionDateCellValue = `<div style="position:relative;display:inline;"><span style="white-space:nowrap;position:absolute;transform:translateX(179px)">${localizedComment}</span></div>${distributionDateCellValue}`;
                if (localizedComment) {
                    return [distributionDateCellValue, "", "", "", "", "", "", ""];
                }
            }

            const capitalgainspu = !!estimatedDistribution.capitalgainspu ? estimatedDistribution.capitalgainspu : null;
            const capitalgainspuPercentage = !!estimatedDistribution.capitalgainspu ? (estimatedDistribution.capitalgainspu / estimatedDistribution.navpu) * 100 : null;
            
            let lastFourColumn = Array(4).fill(null);
            if (!estimatedDistribution.comment || estimatedDistribution.comment === 'null') {
                const incomepu = !!estimatedDistribution.incomepu ? estimatedDistribution.incomepu : null;
                const incomepuPercentage = !!estimatedDistribution.incomepu ? (estimatedDistribution.incomepu / estimatedDistribution.navpu) * 100 : null;
                const totalpu = (!!estimatedDistribution.incomepu || !!estimatedDistribution.capitalgainspu) ? estimatedDistribution.capitalgainspu + estimatedDistribution.incomepu : null;
                const totalpuPercentage = !!totalpu ? (totalpu / estimatedDistribution.navpu) * 100 : null;
                lastFourColumn = [incomepu, incomepuPercentage, totalpu, totalpuPercentage];
            }
            
            return [distributionDateCellValue, estimatedDistribution.navpu, capitalgainspu, capitalgainspuPercentage, ...lastFourColumn];
        } else {
            return Array(8).fill(null);
        }
    }
              const distributionsEstimateSliceArr = rowMapperDistributionsEstimate(fdsData, dcmsData);

              return {
                  id: fundCode,
                  dcmsData: dcmsData,
                  showInExcel: fdsData.inceptionDate && (thirteenMonthsAgo < new Date(fdsData.inceptionDate)),
                  cells: [
                      ...generalSliceArr,
                      ...overviewSliceArr,
                      ...pricesSliceArr,
                      ...performanceSliceArr,
                      ...calendarperformanceSliceArr,
                      ...characteristicsSliceArr,
                      ...distributionsSliceArr,
                      ...documentsSliceArr,
                      ...distributionsEstimateSliceArr
                  ],
                  methods: [
                      {
                          addToTheme: () => {
                              const queryParams = {
                                  lang: 4,
                                  identifier: dcmsData.identifier,
                                  advisorID: "",
                                  userPersonaTag: "individualinvestor",
                              }
                              getThemeData(queryParams);
                          }
                      }
                  ]
              }
          })
      }
      
    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParamSeries$.subscribe(_ => {
                this.filterServerSide();
            });
            urlSearchParamDate$.subscribe(_ => {
                this.filterServerSide();
            });
            urlSearchParams$.subscribe(_ => {
                this.searchParamsUpdated();
            });
            URLSearchParamWithDebounce$.subscribe(usp => {
                this.filterClientSide(usp);
            });
            unifiedDS.httpResponse$.subscribe(fundData => {
                this.handleServerSideResponse(fundData);
            });
            generateCSVObj$.subscribe(csvObj => {
                if (!!csvObj && csvObj !== {}) {
                const asOfText = 'As of ';
                    let extract = [asOfText + csvObj.asOfDate.replace(",", "") + ''];
                                        extract.push('"The following data was downloaded from rbcgam.com is current as of the date indicated therein."');
                      extract.push('"The use of data downloaded is the responsibility of the user."');
                      extract.push('"Neither RBC Global Asset Management Inc. nor its affiliates shall be responsible for any inaccuracy resulting from such use."');
                      extract.push('"The data is not intended to provide specific financial, investment, tax, legal or accounting advice for you, and should not be relied upon in that regard."');
                      extract.push('"You should not act or rely on the data without seeking the advice of a professional."');
                                      var headers = this.fundColumnsDefinition.filter(function (el, index) {return el.show}).map(function (el) {
                        return '"' + el.header.split('"').join('""') + '"';
                    });
                    extract.push(headers.join(','));
                    this.tableData.filteredRows
                            .filter(function (row) {
                                return !row.showInExcel;
                            })
                            .forEach((row, index) => {
                                let tempRow = [];
                                row.cells.forEach((val, columnIndex) => {
                                    if (this.fundColumnsDefinition[columnIndex].show ) {
                                        if (typeof this.fundColumnsDefinition[columnIndex].sortField !== "undefined") {
                                            tempRow.push(
                                                    '"' +
                                                    String(val?.key || '').split('"').join('""') +
                                                    '"'
                                            );
                                        } else {
                                            tempRow.push(
                                                    '"' +
                                                    String(val || '').split('"').join('""') +
                                                    '"'
                                            );
                                        }
                                    }
                                });
                                let formattedRow = tempRow.join(',');
                                extract.push(formattedRow);
                            });
                    if (csvObj.selectedTab === "performance") {
                                                extract.push('"RBC Funds, BlueBay Funds and PH&N Funds are offered by RBC Global Asset Management Inc. and distributed through authorized dealers."');
                          extract.push('"Please consult your advisor and read the prospectus or Fund Facts document before investing. There may be commissions, trailing commissions, management fees and expenses associated with mutual fund investments. Mutual funds are not guaranteed, their values change frequently and past performance may not be repeated."');
                          extract.push('"Except as otherwise noted, the indicated rates of return are the historical annual compounded total returns for the period for the selected Series. The rates of return for periods of less than one year are simple rates of return. All rates of return include changes in unit value and reinvestment of all distributions, and do not take into account sales, redemption, distribution or optional charges or income taxes payable by any unitholder that would have reduced returns. "Assets" figures include all series of a fund."');
                          extract.push('"Mutual funds are not guaranteed or covered by the Canada Deposit Insurance Corporation or any other government deposit insurer. For funds other than money market funds, unit values change frequently. For money market funds, there can be no assurances that a fund will be able to maintain its net asset value per security at a constant amount or that the full amount of your investment in a fund will be returned to you. Past performance may not be repeated."');
                          extract.push('"RBC Funds are available across Canada. The information contained on this site does not constitute an offer or solicitation to buy or sell any investment fund, security or other product, service or information to any resident of the U.S. or the U.K. or to anyone in any jurisdiction in which an offer or solicitation is not authorized or cannot legally be made or to any person to whom it is unlawful to make an offer or solicitation. The information is not intended to provide specific financial, investment, tax, legal or accounting advice for you, and should not be relied upon in that regard. You should not act or rely on the information without seeking the advice of a professional."');
                          extract.push('"The rates of return for periods of less than one year are simple rates of return."');
                          extract.push('"All rates of return include changes in unit value and reinvestment of all distributions, and do not take into account sales, redemption, distribution or optional charges or income taxes payable by any unitholder that would have reduced returns."');
                          extract.push('"\"Assets\" figures include all series of a fund."');
                          extract.push('"Mutual funds are not guaranteed or covered by the Canada Deposit Insurance Corporation or any other government deposit insurer."');
                          extract.push('"For funds other than money market funds, unit values change frequently."');
                          extract.push('"For money market funds, there can be no assurances that a fund will be able to maintain its net asset value per security at a constant amount or that the full amount of your investment in a fund will be returned to you."');
                          extract.push('"Past performance may not be repeated."');
                                          }
                    extract = extract.join('\n');
                    downloadData(extract, csvObj.fileName)
                }
            })
        },
        components: {
            'rbc-spinner': RbcSpinner,
            'rbc-datatable': RbcDatatable,
            'rbc-switch': RbcSwitch,
        },
        data() {
            return {
                spinnerOverlayFE: false,
                spinnerOverlayBE: false,
                isUSPSorted: false,
                fdsFundData: [],
                dcmsFundData: [],
                sysysFundData: null,
                searchParams: {},
                notFixedHeader: false,
                fundColumnsDefinition: columnDef,
                tableData: {
                    rows: [],
                    filteredRows: []
                },
                performanceAnalysisDate: "2026",
                componentsToRegister: markRaw({
                    'rbc-tooltip': RbcTooltip,
                    'rbc-button': RbcButton
                })
            }
        },
        methods: {
            filterServerSide() {
                const url = new URL(location);
                const usp = url.searchParams;
                const seriesStr = usp.get("series");
                const dateStr = usp.get("date");
                this.spinnerOverlayBE = true;
                updateFilteredFunds(null);
                updateTotalFundsInSeries(null);
                unifiedDS.get({
                    ...{
                        alts: false,
                        langId: "4"
                    }, ...(!!seriesStr && {series: seriesStr}), ...(!!dateStr && {date: dateStr})
                });
            },
            handleServerSideResponse(fundData) {
                this.dcmsFundData = fundData.dotCMSData.fundData;
                this.fdsFundData = fundData.fdsData.fundData;

                const dcmsFundTickers = new Set(this.dcmsFundData.map(fund => fund.fundCode));
                this.fdsFundData = this.fdsFundData.filter(fund => dcmsFundTickers.has(fund.rbcFundCode));
                
                this.updateTotalFunds();
                this.updateAnalysisDate();
                this.updateFootnotes();
                this.updateRows();
                this.spinnerOverlayBE = false;
                // since there are new data from backend, run client side filter again
                this.searchParamsUpdated();
            },
            updateTotalFunds() {
                updateTotalFundsInSeries(this.fdsFundData.length);
            },
            updateAnalysisDate() {
                if (this.fdsFundData.length > 0) {
                    const adObj = this.fdsFundData[0].analysisDate;
                    this.performanceAnalysisDate = adObj && adObj.performance ? adObj.performance : this.performanceAnalysisDate;
                    updateGlobalAnalysisDate(adObj);
                }
            },
            updateFootnotes() {
                const fundListArr = this.dcmsFundData;
                const footnoteKeys = fundListArr.reduce((acc, curr) => {
                    const currFootnotesArr = (curr.footnotes || "")
                            .split(",")
                            .filter(str => str !== "")
                            .map(num => Number(num));
                    return new Set([...acc, ...currFootnotesArr])
                }, [])
                updateFootnoteList(Array.from(footnoteKeys));
            },
            updateRows() {
                this.tableData.rows = rowMapper(this.fdsFundData, this.dcmsFundData);
            },
            searchParamsUpdated() {
                this.spinnerOverlayFE = true;
                updateUSPWithDebounce();
            },
            async filterClientSide(usp) {
                this.searchParams = usp;
                this.updateColumnsToShow();
                this.updateRowsToShow();
                await nextTick();
                this.$refs.fundListTable.$_Datatable_onGlobalSearchTermUpdate({value: this.searchParams.searchkeyword || ""});
                await nextTick();
                this.updateTotalOfFilteredFunds();
                if (this.searchParams.sort && this.searchParams.sortorder) {
                    this.isUSPSorted = true;
                    const sortIndex = parseInt(this.searchParams.sort);
                    this.$refs.fundListTable.sortedColumn.value = this.fundColumnsDefinition[sortIndex];
                    this.$refs.fundListTable.sortedColumnIndex = sortIndex;
                    this.$refs.fundListTable.sortType = this.searchParams.sortorder;
                    this.$refs.fundListTable.$_Datatable_sort(this.$refs.fundListTable.sortedColumn.value, this.$refs.fundListTable.sortedColumnIndex, true);
                }
                this.spinnerOverlayFE = false;
            },
            updateColumnsToShow() {
                const tabToShow = this.searchParams.tab
                this.fundColumnsDefinition.forEach((col, index) => {
                    if (index > 3) {
                        col.show = col.group === tabToShow;
                    }

                    // update dynamic header name for calendar performance
                    if (col.group === "calendarperformance") {
                        col.header = this.calendarPerformanceHeaderHashMap[col.header] || col.header;
                    }

                    if (this.performanceAnalysisDate && (col.group === "performance" || col.group === "calendarperformance")) {
                        const date = new Date(this.performanceAnalysisDate);
                        const year = date.getFullYear();
                        const isDec31 = date.getMonth() === 11 && date.getDate() === 31;
                        if (!isDec31) {
                            return;
                        }
                        const isYtdColumn = col.header === '年初至今';
                        if (isYtdColumn) {
                            col.show = false;
                        }
                    }
                })
            },
            updateRowsToShow() {
                this.tableData.filteredRows = this.tableData.rows.filter(rowData => {
                    const {type, region, currency, structure} = this.searchParams;
                    const dcmsData = rowData.dcmsData;
                    const typeFiltered = !!type ? type.split(",").includes(dcmsData.fundCategory) : true
                    const regionFiltered = !!region ? region.split(",").includes(dcmsData.region) : true
                    let currencyFiltered = true;
                    const currencyList = !!currency ? currency.split(",") : [];
                    if (currencyList.filter(str => str !== "hedged").length > 0) {
                        currencyFiltered = currencyFiltered && currencyList.includes(dcmsData.currency)
                    }
                    if (currencyList.includes("hedged")) {
                        currencyFiltered = currencyFiltered && dcmsData.currencyHedged
                    }
                    const structureFiltered = !!structure ? dcmsData.fiveg : true
                    return typeFiltered && regionFiltered && currencyFiltered && structureFiltered;
                });
            },
            updateTotalOfFilteredFunds() {
                const numberOfFunds = this.$refs.fundListTable.filteredRows.length;
                updateFilteredFunds(numberOfFunds);
            },
            sortToUrl(e) {
                const url = new URL(location);
                const existingSP = Object.fromEntries(url.searchParams);
                const sortParams = {
                    sort: e.sortedColumnIndex,
                    sortorder: e.sortType
                };
                const updatedUSP = {
                    ...existingSP,
                    ...sortParams
                };
                url.search = "?" + new URLSearchParams(updatedUSP).toString();
                if (!this.isUSPSorted) {
                    history.pushState(sortParams, "", url);
                    updateURLSearchParams(updatedUSP);
                }
                this.isUSPSorted = false;
            },
            mfListExpand(e) {
                if (e) {
                    pushEvent({
                        'event': 'rbcwmEvent',
                        'data-analytics': '19',
                        'data-label': 'MF List Expand (' + e + ')'
                    })
                }
                ;
            },
        },
        computed: {
            spinnerOverlay() {
                return this.spinnerOverlayFE || this.spinnerOverlayBE;
            },
            calendarPerformanceHeaderHashMap() {
                if (!!this.performanceAnalysisDate) {
                    const [currYear, currMonth, currDate] = this.performanceAnalysisDate.split("-");
                    const isDec31 = +currMonth === 12 && +currDate === 31;
                    return Array.from({length: 10}, (_, i) => i + 1).reduce((acc, curr) => {
                        const yearStr = `Year${curr}`;
                        acc[yearStr] = currYear - curr + (isDec31 ? 1 : 0);
                        return acc;
                    }, {})
                }
            }
        },
        mounted() {
            this.filterServerSide();
        },
        unmount() {
            urlSearchParamSeries$.unsubscribe();
            urlSearchParamDate$.unsubscribe();
            urlSearchParams$.unsubscribe();
            URLSearchParamWithDebounce$.unsubscribe();
            unifiedDS.httpResponse$.unsubscribe();
            generateCSVObj$.unsubscribe();
        }
    }).mount('#app_id_9293010')
</script>

<div id="footnotesRoot" class="container"></div>
    
<div id="app_id_4192905" v-cloak>
    <Teleport to="#footnotesRoot">
        <div class="row my-1">
            <div class="col">
                <span class="anchor" id="footnotes" aria-hidden="true"></span>
                <rbc-expandable
                        arrow
                        arrow-position-x="left"
                        class="section-block-spacer-t-sm"
                >
                    <template #trigger>
                        <h3 class="h5">
                            注
                        </h3>
                    </template>
                    <ul class="list-links footnote">
                        <li v-show="selectedTab == 'overview'">
                            <sup>*</sup> RBC 基金 (RBC Funds)、PH&N 基金 (PH&N Funds) 和 BlueBay 基金 (BlueBay Funds) 的管理费用比率 (MER (%)) 基于前一日历年或截至 6 月 30 日之最近半年期间的实际费用，以年化形式表示，具体视乎发布时可用的数据。系列 O 单位的管理费用比率不包含管理费，具体请参见相应的基金说明书或基金表现管理报告。系列 O 单位的单位持有人直接或间接向 RBC 环球资产管理 (RBC GAM) 支付一个议定的费用。
                        </li>
                        <li v-show="selectedTab == 'characteristics'">
                            <sup>*</sup> 新的披露：所有基金的收益率是按包含费用来计算的，但货币市场基金所报告的收益率是扣除费用后的。
                        </li>
                        <li v-show="selectedTab == 'prices'">
                            fund.prices.disclaimer
                        </li>
                        <li v-show="selectedTab == 'distributions-estimate'">
                            fund.distributions-estimate.disclaimer<br><br>
                        </li>
                        <li v-for="footnote in footnotes" :key="'footnote'+footnote.key">
                            <sup>{{footnote.key}}</sup> <span v-html="footnote.value"></span>
                        </li>
                    </ul>
                </rbc-expandable>
            </div>
        </div>
    </Teleport>
</div>
<script type="module">
            const footnotesKV = [        {
            key: 1, value: '\u5728\u5206\u914D\u8D44\u672C\u5229\u5F97\u7684\u60C5\u51B5\u4E0B\uFF0C\u989D\u5916\u652F\u4ED8\u7684\u4EFD\u989D\u5C06\u540C\u65F6\u5408\u5E76\uFF0C\u4EE5\u786E\u4FDD\u57FA\u91D1\u7684\u5355\u4F4D\u4EF7\u503C\u7EF4\u6301\u572810\u7F8E\u5143\u3002\u5206\u914D\u7684\u6536\u76CA\u5C06\u8BA1\u5165\u60A8\u7684\u6295\u8D44\u7684\u8C03\u6574\u6210\u672C\u57FA\u4EF7\uFF0C\u5E76\u5728\u5DF2\u652F\u4ED8\u6216\u5E94\u652F\u4ED8\u6536\u76CA\u7684\u5F53\u5E74\u7EB3\u5165\u60A8\u7684\u5E94\u7A0E\u6536\u5165\u3002'
        },            {
            key: 10, value: '\u57FA\u91D1\u7684\u6295\u8D44\u7EC4\u5408\u987E\u95EE\u5DF2\u66F4\u6362\uFF0C\u81EA 2016 \u5E74 7 \u6708 8 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 11, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u53D8\u66F4\uFF0C\u81EA 2017 \u5E74 6 \u6708 30 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 12, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u4E8E 2019 \u5E74 4 \u6708 9 \u65E5\u548C 2017 \u5E74 6 \u6708 30 \u65E5\u53D8\u66F4\u3002'
        },            {
            key: 13, value: '\u8BE5\u57FA\u91D1\u4E4B\u7BA1\u7406\u5DF2\u4E8E2025\u5E744\u670817\u65E5\u79FB\u4EA4\u4E88RBC\u73AF\u7403\u8D44\u4EA7\u7BA1\u7406\u516C\u53F8(RBC Global Asset Management Inc.)\uFF0C\u5E76\u5DF2\u66F4\u6539\u540D\u79F0\u53CA\u66F4\u6362\u6295\u8D44\u7EC4\u5408\u5916\u8058\u987E\u95EE\u3002'
        },            {
            key: 14, value: 'Since inception rate of return for this fund is as of August 31, 2015.'
        },            {
            key: 15, value: '\u672C\u57FA\u91D1\u4E8E 2025 \u5E74 11 \u6708 21 \u65E5\u8F6C\u81F3\u7531 RBC \u73AF\u7403\u8D44\u4EA7\u7BA1\u7406\u516C\u53F8 (RBC Global Asset Management Inc.) \u7BA1\u7406'
        },            {
            key: 16, value: '\u6B64\u4E3A\u57FA\u91D1\u5408\u5E76\u540E\u7684\u5EF6\u7EED\u57FA\u91D1\uFF0C\u57FA\u91D1\u540D\u79F0\u5DF2\u4E8E 2025 \u5E74 11 \u6708 21 \u65E5\u53D8\u66F4\uFF0C\u73B0\u4E0D\u518D\u5F00\u653E\u7533\u8D2D\u3002'
        },            {
            key: 17, value: '\u672C\u57FA\u91D1\u5DF2\u6682\u505C\u63A5\u53D7\u65B0\u8BA4\u8D2D\uFF0C\u4E14\u5C06\u4E8E 2026 \u5E74 3 \u6708 30 \u65E5\u5DE6\u53F3\u7EC8\u6B62\u8FD0\u4F5C\u3002'
        },            {
            key: 18, value: 'Portfolio management of this Fund transitioned to RBC Global Asset Management Inc. on March 13, 2026; the Fund was renamed and investment objective changed.'
        },            {
            key: 19, value: '\u901A\u5E38\uFF0C\u5728\u5206\u914D\u8D44\u672C\u6536\u76CA\u7684\u60C5\u51B5\u4E0B\uFF0C\u5C06\u540C\u65F6\u5408\u5E76\u5206\u53D1\u7684\u989D\u5916\u5355\u4F4D\uFF0C\u4EE5\u786E\u4FDD\u57FA\u91D1\u7684\u5355\u4F4D\u4EF7\u503C\u7EF4\u6301\u572810\u7F8E\u5143\u3002\u8BE5\u5206\u914D\u6536\u76CA\u4F1A\u88AB\u6DFB\u52A0\u5230\u60A8\u7684\u6295\u8D44\u7684\u8C03\u6574\u540E\u6210\u672C\u57FA\u4EF7\u4E2D\uFF0C\u5E76\u5305\u62EC\u5728\u5DF2\u5411\u60A8\u652F\u4ED8\u6216\u5E94\u4ED8\u6536\u76CA\u7684\u5F53\u5E74\u7684\u5E94\u7A0E\u6536\u5165\u4E2D\u3002'
        },            {
            key: 2, value: '\u672C\u57FA\u91D1\u7684\u6210\u7ACB\u65E5\u671F\u4E3A 1966 \u5E74 7 \u6708\uFF0C\u4F46\u8BE5\u57FA\u91D1\u5217\u793A\u4E4B\u201C\u81EA\u6210\u7ACB\u4EE5\u6765\u201D\u7684\u56DE\u62A5\u7387\u4EC5\u5305\u542B\u81EA 1972 \u5E74 10 \u6708\u4EE5\u6765\u7684\u6570\u636E\u3002'
        },            {
            key: 20, value: '\u8BF7\u6CE8\u610F\uFF1A\u5217\u51FA\u7684\u6295\u8D44\u9879\u76EE\u662F PH&N \u7F8E\u56FD\u80A1\u7968\u57FA\u91D1\u6240\u6301\u6709\u3002'
        },            {
            key: 21, value: '\u8BF7\u6CE8\u610F\uFF1A\u5217\u51FA\u7684\u6295\u8D44\u9879\u76EE\u662F PH&N \u6D77\u5916\u80A1\u7968\u57FA\u91D1\u6240\u6301\u6709\u3002'
        },            {
            key: 22, value: '\u76EE\u524D\u6536\u76CA\u7387\u662F\u622A\u81F3\u8868\u73B0\u5206\u6790\u65E5\u7684\u4E03\u5929\u671F\u5E74\u5316\u6536\u76CA\u7387\u3002'
        },            {
            key: 23, value: '\u57FA\u91D1\u59D4\u4EFB\u5176\u4ED6\u5916\u8058\u987E\u95EE\uFF0C\u81EA 2021 \u5E74 11 \u6708 1 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 24, value: '\u57FA\u91D1\u540D\u79F0\u5DF2\u53D8\u66F4\uFF0C\u81EA 2022 \u5E74 1 \u6708 24 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 25, value: '\u8BE5\u57FA\u91D1\u7684\u5355\u4F4D\u5DF2\u4E0D\u518D\u4F9B\u8D2D\u4E70\u4F5C\u6CE8\u518C\u8BA1\u5212\u6216\u514D\u7A0E\u50A8\u84C4\u8D26\u6237\u5185\u9879\u76EE\uFF0C\u60DF\u57282005\u5E7412\u67089\u65E5\u524D\u8BBE\u7ACB\u4E4B\u81EA\u52A8\u4F9B\u6B3E\u6295\u8D44\u8BA1\u5212\u5219\u4E0D\u53D7\u5F71\u54CD\u3002'
        },            {
            key: 26, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 27, value: '\u4E0D\u63D0\u4F9B10,000\u4E4B\u589E\u957F\u56FE\u8868\u3002 \u8BF7\u67E5\u770B \u201C\u6BCF\u6708\u66F4\u65B0\u201D (Monthly Update) \u4E4BPDF\u3002 '
        },            {
            key: 28, value: '\u57FA\u91D1\u540D\u79F0\u5DF2\u53D8\u66F4\uFF0C\u81EA 2022 \u5E74 6 \u6708 29 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 29, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u7EA6\u57282019\u5E744\u67088\u65E5\u5DE6\u53F3\u751F\u6548\uFF0C\u4EE5\u53CA\u57FA\u91D1\u7684\u57FA\u51C6\u548C\u5916\u8058\u987E\u95EE\u5DF2\u5206\u522B\u66F4\u6539\u548C\u66F4\u6362\uFF0C\u7EA6\u57282019\u5E744\u67089\u65E5\u5DE6\u53F3\u751F\u6548\u3002'
        },            {
            key: 3, value: '\u672C\u57FA\u91D1\u7684\u5355\u4F4D\u5DF2\u4E0D\u53EF\u518D\u4E8E\u6CE8\u518C\u8BA1\u5212\u6216 TFSA \u4E2D\u8D2D\u4E70\uFF0C\u4F46 2005 \u5E74 12 \u6708 9 \u65E5\u524D\u8A2D\u7ACB\u7684\u9884\u5148\u6388\u6743\u4F9B\u6B3E\u7684\u6295\u8D44\u8BA1\u5212\u9664\u5916\u3002'
        },            {
            key: 30, value: '\u672C\u57FA\u91D1\u5DF2\u4E0D\u53EF\u518D\u4E8E\u6CE8\u518C\u8BA1\u5212\u4E2D\u8BA4\u8D2D\u3002'
        },            {
            key: 31, value: '\u81EA 2023 \u5E74 8 \u6708 8 \u65E5\u8D77\uFF0C\u672C\u57FA\u91D1\u7684\u57FA\u51C6\u5DF2\u4ECE 50% \u6807\u666E\/\u591A\u4F26\u591A\u8BC1\u4EA4\u6240\u7EFC\u5408\u80A1\u606F\u6307\u6570\uFF08\u4E0D\u542B\u6750\u6599\u884C\u4E1A\uFF09\u548C 50% \u6807\u666E\/\u591A\u4F26\u591A\u8BC1\u4EA4\u6240\u7EFC\u5408\u80A1\u606F\u6307\u6570\uFF08\u4E0D\u5305\u542B\u80FD\u6E90\u548C\u6750\u6599\u884C\u4E1A\uFF0C\u4F46\u5305\u542B\u77F3\u6CB9\u548C\u5929\u7136\u6C14\u7CBE\u70BC\u548C\u8425\u9500\u884C\u4E1A\u4EE5\u53CA\u77F3\u6CB9\u548C\u5929\u7136\u6C14\u50A8\u5B58\u548C\u8FD0\u8F93\u9644\u5C5E\u884C\u4E1A\uFF09\u7684\u5B9A\u5236\u57FA\u51C6\u66F4\u6539\u4E3A\u6807\u666E\/\u591A\u4F26\u591A\u8BC1\u4EA4\u6240\u7EFC\u5408\u9AD8\u80A1\u606F\u6307\u6570\u3002'
        },            {
            key: 32, value: '\u6295\u8D44\u7EC4\u5408\u5206\u6790\u548C\u7279\u5F81\u4EE5 RBC \u77ED\u671F\u7F8E\u56FD\u4F01\u4E1A\u503A\u5238\u4EA4\u6613\u6240\u4EA4\u6613\u57FA\u91D1\u4E3A\u57FA\u7840\u3002'
        },            {
            key: 33, value: '\u4ECE2019\u5E746\u670827\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u6295\u8D44\u7B56\u7565\u5DF2\u7ECF\u4FEE\u6539\uFF0C\u5141\u8BB8\u5176\u6295\u8D44\u4E8EiShares Core MSCI EAFE IMI \u6307\u6570ETF (\u52A0\u5143\u5BF9\u51B2)\u3002'
        },            {
            key: 34, value: '\u8BC1\u5238\u6761\u4F8B\u4E0D\u5141\u8BB8\u672C\u516C\u53F8\u62A5\u544A\u4EFB\u4F55\u63A8\u51FA\u5C11\u4E8E\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73B0\u3002 \u8BE5\u57FA\u91D1\u4E8E2019\u5E747\u670815\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 35, value: '\u4ECE2020\u5E741\u67081\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7BA1\u7406\u8D39\u5C06\u964D\u4F4E\u81F30.75%\u3002'
        },            {
            key: 36, value: '\u4ECE2020\u5E741\u67081\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7BA1\u7406\u8D39\u5C06\u964D\u4F4E\u81F30.60%\u3002'
        },            {
            key: 37, value: '\u8BC1\u5238\u6761\u4F8B\u4E0D\u5141\u8BB8\u672C\u516C\u53F8\u62A5\u544A\u4EFB\u4F55\u63A8\u51FA\u5C11\u4E8E\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73B0\u3002 \u8BE5\u57FA\u91D1\u4E8E2020\u5E741\u670827\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 38, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u81EA2014\u5E746\u670823\u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 39, value: '\u76EE\u524D\u6536\u76CA\u7387\u662F\u622A\u81F3\u8868\u73B0\u5206\u6790\u65E5\u7684\u4E03\u5929\u671F\u5E74\u5316\u6536\u76CA\u7387\u3002 '
        },            {
            key: 4, value: '\u672C\u57FA\u91D1\u7684\u5355\u4F4D\u5DF2\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002\u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 40, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217H\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217H\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 41, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 42, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217H\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217H\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 43, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 44, value: '\u4ECE2016\u5E746\u670830\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u5C06\u4E0D\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u73B0\u65F6\u6301\u6709\u8BE5\u57FA\u91D1\u7684\u7CFB\u5217I\u5355\u4F4D\u7684\u6295\u8D44\u8005\u5219\u4ECD\u53EF\u7EE7\u7EED\u589E\u8D2D\u8BE5\u57FA\u91D1\u3002'
        },            {
            key: 45, value: '\u7BA1\u7406\u652F\u51FA\u6BD4\u7387 [MER (%)] \u662F\u57FA\u4E8E2018\u5E741\u67081\u65E5\u81F32018\u5E7412\u670831\u65E5\u5168\u5E74\u671F\u95F4\u4E4B\u5B9E\u9645\u652F\u51FA\u8BA1\u7B97\u3002'
        },            {
            key: 46, value: '\u7BA1\u7406\u652F\u51FA\u6BD4\u7387 [MER (%)] \u662F\u57FA\u4E8E2018\u5E741\u67081\u65E5\u81F32018\u5E7412\u670831\u65E5\u5168\u5E74\u671F\u95F4\u4E4B\u5B9E\u9645\u652F\u51FA\u8BA1\u7B97\u3002'
        },            {
            key: 47, value: 'RBC \u516C\u53F8\u7ED3\u6784\u57FA\u91D1\u7684\u7BA1\u7406\u652F\u51FA\u6BD4\u7387 [MER (%)] \u662F\u57FA\u4E8E2019\u5E744\u67081\u65E5\u81F32019\u5E749\u670830\u65E5\u534A\u5E74\u671F\u95F4\u4E4B\u5B9E\u9645\u652F\u51FA\u8BA1\u7B97\uFF0C\u5E76\u4EE5\u5E74\u7B97\u5316\u65B9\u5F0F\u8868\u8FBE\u3002'
        },            {
            key: 48, value: '\u8BC1\u5238\u6761\u4F8B\u4E0D\u5141\u8BB8\u672C\u516C\u53F8\u62A5\u544A\u4EFB\u4F55\u63A8\u51FA\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\u4E4B\u8868\u73B0\u3002 \u8BE5\u57FA\u91D1\u4E8E2018\u5E7410\u67089\u65E5\u63A8\u51FA\u3002'
        },            {
            key: 5, value: '\u672C\u57FA\u91D1\u5DF2\u4E0D\u53EF\u518D\u4E8E\u6CE8\u518C\u8BA1\u5212\u4E2D\u8D2D\u4E70\u3002'
        },            {
            key: 50, value: '\u4ECE2019\u5E746\u670827\u65E5\u5F00\u59CB\uFF0C\u8BE5\u57FA\u91D1\u7684\u5355\u4F4D\u5C06\u5F00\u653E\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u3002 \u7531\u4E8E\u4F9B\u65B0\u6295\u8D44\u8005\u8D2D\u4E70\u7684\u5355\u4F4D\u7684\u989D\u5916\u6570\u91CF\u6709\u9650\uFF0C\u8BE5\u57FA\u91D1\u7684\u5F00\u653E\u671F\u53EF\u80FD\u6709\u9650\u3002'
        },            {
            key: 6, value: '\u6839\u636E\u8BC1\u5238\u76D1\u7BA1\u89C4\u5B9A\uFF0C\u5BF9\u4E8E\u6210\u7ACB\u65F6\u95F4\u4E0D\u6EE1\u4E00\u5E74\u7684\u4E92\u60E0\u57FA\u91D1\uFF0C\u672C\u516C\u53F8\u65E0\u6CD5\u62AB\u9732\u5176\u4E1A\u7EE9\u8868\u73B0\u3002'
        },            {
            key: 7, value: '\u6295\u8D44\u7EC4\u5408\u5206\u6790\u548C\u7279\u5F81\u4EE5 RBC \u77ED\u671F\u7F8E\u56FD\u4F01\u4E1A\u503A\u5238\u4EA4\u6613\u6240\u4EA4\u6613\u57FA\u91D1\u4E3A\u57FA\u7840\u3002'
        },            {
            key: 8, value: '\u8BE5\u57FA\u91D1\u4E8E2024\u5E746\u670827\u65E5\u4E4B\u524D\u5E76\u975E\u7533\u62A5\u53D1\u884C\u4EBA\u3002\u5728\u8BE5\u57FA\u91D1\u6210\u4E3A\u62DB\u80A1\u4E66\u5408\u683C\u57FA\u91D1\u4E4B\u524D\uFF0C\u5176\u5355\u4F4D\u4EC5\u4F9D\u636E\u52A0\u62FF\u5927\u5404\u7701\u53CA\u5730\u533A\u8BC1\u5238\u6CD5\u7684\u7279\u5B9A\u62DB\u80A1\u4E66\u8C41\u514D\u6761\u6B3E\u53D1\u884C\u3002'
        },            {
            key: 9, value: '\u57FA\u91D1\u7684\u5916\u8058\u987E\u95EE\u5DF2\u66F4\u6362\uFF0C\u81EA 2014 \u5E74 8 \u6708\u4E2D\u65EC\u8D77\u751F\u6548\u3002'
        }        ]
    import {
        footnoteList$,
        addEventListenerPopState,
        listenSearchParamDeep,
    } from "vite-esm/main-mf-list.service.js";
    import {createApp} from "vue"
    import {
        RbcExpandable,
        RbcExpandableContainer
    } from "wm"

    const initialSelectedTab = new URL(location).searchParams.get("tab");
    const urlSearchParam$ = listenSearchParamDeep("tab");


    createApp({
        created() {
            addEventListenerPopState();
            urlSearchParam$.subscribe(urlSearchParam => {
                this.selectedTab = urlSearchParam;
            })
            footnoteList$.subscribe(dataIds => {
                this.footnotes = footnotesKV.filter((footnoteKV) => {
                    return dataIds.includes(footnoteKV.key)
                }).sort((a, b) => a.key - b.key)
            });
        },
        components: {
            'rbc-expandable': RbcExpandable,
            'rbc-expandable-container': RbcExpandableContainer
        },
        data() {
            return {
                footnotes: [],
                selectedTab: initialSelectedTab
            }
        },
        mounted() {
            this.selectedTab = new URL(location).searchParams.get("tab");
        },
        unmount() {
            footnoteList$.unsubscribe();
            urlSearchParam$.unsubscribe();
        }
    }).mount('#app_id_4192905')
</script>

          </main>
            </div>
          <div>
    

<section id="footerDisclaimerRoot"></section>
  
<div id="app_id_7612983" v-cloak>
    <Teleport to="#footerDisclaimerRoot">
                <rbc-block v-cloak role="complementary" id="disclaimer" v-cloak flush grey class="py-1"
                     style="border-top: 1px #b3b3b3 solid;">
              <rbc-expandable
                arrow arrow-position="left"
                arrow-position-x="left" :toggle-show="true">
                  <template #trigger>
                      <h2 class="h5">免责声明</h2>
                  </template>
                RBC 基金 (RBC Funds)、RBC 私人汇集组合 (RBC Private Pools)、RBC 另类基金 (RBC Alternative Funds) 及 PH&N 基金由 RBC 环球资产管理公司 (RBC Global Asset Management Inc., RBC GAM Inc.) 提供，并经由授权分销商销售。
<br><br>
互惠基金投资可能涉及佣金、尾随佣金、管理费及相关开支。投资前请参阅基金章程或基金说明书 (Fund Facts)。除非另有说明，否则所示的回报率为历史年度复合总回报率，包括单位价值的变化和所有分红的再投资，并且未考虑会减少回报的销售、赎回、分红或可选费用，或任何单位持有人应缴纳的所得税。少于一年期的回报率为单利回报率。互惠基金不受加拿大存款保险局 (Canada Deposit Insurance Corporation) 或任何政府存款保险机构所担保或保障。除货币市场基金外，其他基金的单位价值经常变动。各项货币市场基金不担保基金能维持其单位的资产净值于一个不变的金额，亦不担保您可以取回投资于一项基金的全数金额。过往的业绩未必会重现。
<br><br>
所提供的信息仅供参考。特定投资和/或交易策略应根据个人的投资目标进行评估。基金概况中包含的信息并非，也不应被视为投资或税务建议。在未征求专业顾问的意见之前，您不应依据基金概况中所包含的信息作出任何行动或依赖该等信息。
<br><br>
本文信息由 RBC GAM Inc. 根据据信可靠的来源撰写而成，但 RBC GAM Inc. 及其关联公司或任何其他人对此等信息的准确性、完整性或正确性不做任何明示或暗示的声明或保证。此处的所有意见及估计构成 RBC GAM Inc. 截至此处所示日期所作出的判断，有可能随时更改，恕不另行通知。一切信息均基于善意提供，我们对此不负任何法律责任。
<br><br>
MER(%) 乃基于基金最近一次半年度或年度基金表现管理报告中的实际费用计算，以年化形式表示。净资产数字包括基金的所有系列。基金类别由加拿大投资基金标准委员会 (Canadian Investment Funds Standards Committee, CIFSC) 确定。
<br><br>
投资组合特征中报告的信息乃基于截至此处所示日期 RBC GAM Inc. 所掌握的数据，并可能随时变更。投资组合特征数据未将各项费用计算在内。平衡基金/投资组合解决方案的股票和固定收益特征数据乃根据投资组合中相应的股票或固定收益部分进行报告。
<br><br>
RBC 环球资产管理 (RBC Global Asset Management) 是加拿大皇家银行 (Royal Bank of Canada, RBC) 的资产管理部门，RBC 旗下包括 RBC GAM Inc.、RBC 环球资产管理（美国）公司 (RBC Global Asset Management (U.S.) Inc.)、RBC 环球资产管理（英国）有限公司 (RBC Global Asset Management (UK) Limited)，以及 RBC 投资管理（亚洲）有限公司 (RBC Global Asset Management (Asia) Limited)，这些公司独立运营，但属 RBC 的关联附属公司。
<br><br>
RBC 基金、RBC 私人汇集组合、RBC 另类基金及 PH&N 基金在加拿大地区发售。本网站所含信息并不对下列人士构成买卖任何投资基金、证券或其他产品、服务或信息的要约或招揽，此等人士包括美国或英国居民、在未获授权或法律不容许进行要约或招揽的司法管辖区内的居民，以及法律禁止向其进行要约或招揽的人士。
                              </rbc-expandable>
          </rbc-block>
          </Teleport>
</div>
<script type="module">
    import {createApp} from "vue"
    import {
        RbcBlock, RbcExpandable
    } from "wm"

    createApp({
        components: {
            "rbc-block": RbcBlock,
            "rbc-expandable": RbcExpandable
        }
    }).mount('#app_id_7612983')
</script>
<footer id="footers" class="footer style-focus-inverted"></footer>
          
          
<div id="app_id_4348417" v-cloak>
    <Teleport to="#footers">
        <div class="footer footer-top" data-location="Footer menu">            <div class="container">                <div class="row">                    <h2 class="sr-only">Footer</h2>
                    <div v-for="footerMenu in footerMenuArray" class="col-md-6" :class="columnWidthClass">
                    <div v-if='footerMenu?.links.length > 0'>
                        <h3 class="footer-header" :aria-label="footerMenu.header || null"
                            :aria-hidden="!footerMenu.header ? true : null">
                            {{ footerMenu.header }}
                        </h3>
                        <ul class="list-links footer-list">
                            <li v-for="footerMenuLink in footerMenu.links">
                                <a :href="footerMenuLink.value"
                                   :class="{'link-ext': footerMenuLink.value.startsWith('http')}"
                                   :target="footerMenuLink.value.startsWith('http') ? '_blank' : false"
                                >
                                    {{footerMenuLink.key}}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="footer footer-bottom" data-location="Footer copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-9 mb-lg-0 mb-1">
                        <span class="d-block" v-html="footerLegal.copyright"></span>
                        <ul class="list-separator footer-list-separator mt-half">
                            <template v-for="legalLink in footerLegal.legalLinks">
                                                                <li
                                          v-if="legalLink.key === '广告和 Cookies'"
                                  >
                                <a
                                role="button"
                                tabindex="0"
                                @click="openCookieSettings($event)"
                                @keydown="handleKeydown"
                                :aria-label='legalLink.key'
                                id='openCookieSettings'
                                >
                                {{legalLink.key}}
                                </a>
                                  </li>
                                                              <li v-if="legalLink.key !== '广告和 Cookies'">
                                    <a :href="legalLink.value"
                                       :class="{'link-ext': legalLink.value.startsWith('http')}"
                                       :target="legalLink.value.startsWith('http') ? '_blank' : false"
                                    >
                                        {{legalLink.key}}
                                    </a>
                                </li>
                            </template>
                        </ul>
                    </div>
                    <div class="col-lg-3 mt-lg-0 mt-2 d-flex align-items-center justify-content-end">                        <ul class="list-inline footer-social-list ">                                                      <li class="footer-social-item" v-for="socialLink in footerLegal.socialLinks">
                                <a :href="socialLink.value"
                                   :aria-labelledby="socialLink.key"
                                   :aria-label="socialLink.key"
                                   target="_blank"                                    rel="noreferrer"                                >
                                    <rbc-icon :icon="socialLink.key" size="large" type="brand"></rbc-icon>

                                </a>
                                <p>
                            </li>
                        </ul>
                        <rbc-button                                 outline
                                link="#"                                size="small"                                 color="white"                        >                  返回页首
                        </rbc-button>                    </div>                </div>            </div>        </div>
    </Teleport>
</div>
<script type="module">
    import {createApp} from "vue"
    import {
        RbcButton, RbcIcon
    } from "wm"

    const footerObj = {"menu":[{"header":"产品","links":[{"key":"互惠基金","value":"/zh/ca/products/mutual-funds/index"}]},{"header":"投资者信息","links":[{"key":"重要的投资者信息","value":"/zh/ca/products/important-investor-information"}]},{"header":"关于 RBC GAM","links":[{"key":"我们的故事 (英文)","value":"/en/global/corporate-story/"}]},{"header":"投资","links":[{"key":"准备投资？","value":"/zh/ca/about-us/ready-to-invest"}]}],"legal":{"legalLinks":[{"key":"隐私及保安(英文)","value":"https://www.rbc.com/privacysecurity/"},{"key":"法律细则(英文)","value":"https://www.rbc.com/legal/"},{"key":"连通便捷(英文)","value":"http://www.rbc.com/accessibility/"},{"key":"条款与细则(英文)","value":"/en/ca/terms-and-conditions"},{"key":"广告和 Cookies","value":" "},{"key":"关于 RBC","value":"https://www.rbc.com/"}],"socialLinks":[{"key":"linkedin","value":"https://linkedin.com/company/rbc-global-asset-management"}]}};

    createApp({
        data() {
            return {
                footerMenuArray: footerObj.menu,
                footerLegal: footerObj.legal
            }
        },
        components: {
            "rbc-button": RbcButton,
            "rbc-icon": RbcIcon
        },
        computed: {
            columnWidthClass() {
                const numberOfCol = this.footerMenuArray.reduce((acc, curr) => {
                    return curr.links.length > 0 ? acc + 1 : acc;
                }, 0);
                return numberOfCol === 4 ? {'col-lg-3': true} : {'col-lg-4': true}
            }
        },
        methods: {
          handleKeydown(event) {
    if (event.key === 'Enter' || event.key === ' ') {
      event.preventDefault();
      this.openCookieSettings(event);
    }
  },
            openCookieSettings(e) {
                e.preventDefault();
                window.OneTrust.ToggleInfoDisplay();
            }
        },
        mounted() {
        }
    }).mount('#app_id_4348417')
</script>
  </div>
    </body>
</html>