

<!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="dns-prefetch" href="https://maxcdn.bootstrapcdn.com">
<link rel="preconnect" href="https://maxcdn.bootstrapcdn.com" crossorigin>

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

<link rel="dns-prefetch" href="https://cdn.rbcgam.com">
<link rel="preconnect" href="https://cdn.rbcgam.com" 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://cdn.sterbcgam.com/assets/css/roboto.min.css">
<link rel="stylesheet" href="https://cdn.rbcgam.com/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">

<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>
<script>
    window.process = window.process || {env: {NODE_ENV: 'prod'}};
      </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 id="onetrust-policy-sdk" tabindex="-1" src="https://cdn.cookielaw.org/consent/75c21a75-8c61-41b5-bbb4-220ec5be96cc/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="75c21a75-8c61-41b5-bbb4-220ec5be96cc" ></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_9309636" 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_9309636')
</script>


<div id="globalNavRoot" class="container"></div>
                              
                        
<div id="app_id_5919596" 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="searchResults.length > 0"
                    :user-greeting="nav.userGreeting"
                    :user-greeting-link="nav.userGreetingLink"
                    :user-links="nav.userLinks"
                    logo="https://cdn.rbcgam.com/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":"/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":"/ca/products/mutual-funds/index-restructured"},{"id":"Mutual funds list","name":"Mutual funds list","title":"Mutual funds list","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":"/ca/products/mutual-funds/index"},{"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":"/ca/products/mutual-funds/index-old"}]}]},{"id":"nav.insights","name":"\u200b独到见解","title":"\u200b独到见解","separator":false,"summary":"","type":"folder","link":"/ca/insights/"},{"id":"nav.learnplan","name":"\u200b了解和规划","viewall":"查看所有 \"了解和规划\" 文章","link":"/ca/learn-plan","title":"\u200b了解和规划","separator":false,"summary":"","type":"folder","children":[{"id":"退休资源中心","name":"退休资源中心","title":"退休资源中心","summary":"退休资源帮助您确定您的目标，并深入了解投资世界","type":"htmlpage","link":"/ca/learn-plan/retirement-resources"},{"id":"投资概念","name":"投资概念","title":"投资概念","summary":"了解投资的基本原则，为您的资金做出更明智的决策。","type":"htmlpage","link":"/ca/learn-plan/investment-basics"},{"id":"投资战略","name":"投资战略","title":"投资战略","summary":"投资战略助您确定您的目标，并深入了解投资世界","type":"htmlpage","link":"/ca/learn-plan/investment-strategies-wm3v3"},{"id":"投资战略","name":"投资战略","title":"投资战略","summary":"投资战略助您确定您的目标，并深入了解投资世界","type":"htmlpage","link":"/ca/learn-plan/investment-strategies"},{"id":"了解及规划","name":"了解及规划","title":"了解及规划","summary":"","type":"htmlpage","link":"/ca/learn-plan/index"}]},{"id":"nav.aboutus","name":"关于我们","title":"关于我们","separator":false,"summary":"","type":"folder","children":[{"id":"Our story","name":"Our story","title":"Our story","summary":"","type":"htmlpage","link":"/ca/about-us/our-story"},{"id":"负责任投资的领导者","name":"负责任投资的领导者","title":"负责任投资的领导者","summary":"","type":"htmlpage","link":"/ca/about-us/ri"},{"id":"Our teams","name":"Our teams","title":"Our teams","summary":"","type":"htmlpage","link":"/ca/about-us/our-teams"},{"id":"RBC iShares","name":"RBC iShares","title":"RBC iShares","summary":"","type":"htmlpage","link":"/ca/about-us/about-rbc-ishares"},{"id":"Leadership","name":"Leadership","title":"Leadership","summary":"","type":"htmlpage","link":"/ca/about-us/leadership"}]}],
                    "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_5919596')
</script>
  <div class="content-wrap">
                              <main id="main"
                class="content-wrapper  ">
                                                <div id="mainlistHeaderRoot" class="container"></div>
  <div id="app_id_1408535" 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_1408535')
</script>


<div id="dataFiltersRoot"></div>
    
<div id="app_id_1221924" 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_1221924')
</script>
  
<div id="app_id_1215300" 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>系列 H/I</h4>
        <p>供在授权经销商处投资并维持所需最低余额的投资者购买。这些基金的单位不供新投资者购买，而持有系列 H 或系列 I 单位的现有投资者可以继续购买该基金更多的单位。</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: "系列 H/I",
            value: "h,i",
            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_1215300')
</script>
      
  
<div id="app_id_8544133" 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"
                >
                  固定收入
                </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_8544133')
</script>

<div id="dataTabHeaderRoot" class="container"></div>
  
<div id="app_id_1920883" 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_1920883')
</script>

<div id="dataTabSubheaderRoot" class="container"></div>
  
<div id="app_id_9000642" 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>
            </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>
                <span v-show="selectedTab === 'prices'" class="nowrap"><br>
                    <rbc-tooltip
                            class="mx-n1"
                            v-if="totalFundsInSeries !== filteredFunds"
                            icon="info-circle"
                            text="This will print all funds within this series, regardless of applied filters"></rbc-tooltip>
                    <rbc-button
                            v-if="sysysSeriesMatch[selectedSeries]"
                            class="py-0 my-n1"
                            icon="file-pdf"
                            icon-position-x="right"
                            color="transparent"
                            size="medium"
                            link-target="_blank"
                            :link="`/documents/${languageKey}/price-performance/series_${selectedSeries}.pdf`"
                    >
                        打印 表现
                    </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() - hoursOffset);
    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("-")
                    const timezoneOffset = new Date().getTimezoneOffset() * 60 * 1000
                    this.pricesDateValue = new Date(Date.UTC(selectedDate[0], selectedDate[1] - 1, selectedDate[2]) + timezoneOffset)
                } 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],
                },
                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",
                    timeZone: 'America/New_York'
                });
            },
            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
            },
            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_9000642')
</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>
  
<div id="app_id_3179487" 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",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 'auto',
            dataUnit: "%",
            dataUnitPosition: 'left',
            show: true,
            sortable: true,
            group: "characteristics",
            style: {
                width: "90px",
                minWidth: "90px"
            }
        },
        {
            header: "当前收益率*",
            dataType: "number",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 'auto',
            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",
            formatNumber: true,
            formatNumberLang: "en",
            formatNumberDecimal: 'auto',
            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"
            },
            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 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: true,
            sortable: true,
            group: "distributions-estimate",
            style: {
                width: "90px",
                minWidth: "90px",
            }
        }
    ]
          const columnDef = [
          ...columnDefinitionGeneralSlice,
          ...columnDefinitionOverviewSlice,
          ...columnDefinitionPricesSlice,
          ...columnDefinitionPerformanceSlice,
          ...columnDefinitionCalendarperformanceSlice,
          ...columnDefinitionCharacteristicsSlice,
          ...columnDefinitionDistributionsSlice,
          ...columnDefinitionDocumentsSlice,
              ].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.includes("t")) ? ` - ${dcmsData.seriesDisplay.toUpperCase()}` : ""}<br>`;
        const chineseSimplifiedName = dcmsData.chineseSimplifiedName + seriesDisplay;
        const chineseTraditionalName = dcmsData.chineseTraditionalName + seriesDisplay;
        const fundFootnotesArr = dcmsData.footnotes.split(",").sort((a, b) => parseInt(a) - parseInt(b)).filter(a => a.length > 0);
        const fundFootnotesStr = 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) ? `${(performanceNumberFormatter(sinceInceptionData, performanceDecimal))}%${tooltip}` : "-"}
                </span>
            `;
        return parentIsAtleast13monthsOld && !!fdsData.performance ? [...performanceKeys.map(key => {
            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 ? 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 eqCharacteristicsSubArray = !!characteristicsObj ? [
            !!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 ? decimal(termToMaturityObj.yield, performanceDecimal) : "",
            isAtleast13monthsOld && !!fdsData.yield ? decimal(fdsData.yield, performanceDecimal) : "",
            !!termToMaturityObj.duration ? decimal(termToMaturityObj.duration, performanceDecimal) : "",
            !!termToMaturityObj.average ? decimal(termToMaturityObj.average * termAverageMultiplier, performanceDecimal) : "",
        ] : Array.from({length: 4}, (_) => "")

        return eqCharacteristicsSubArray.concat(fiCharacteristicsSubArray);
    }
                  const characteristicsSliceArr = rowMapperCharacteristicsSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperDistributionsSlice = (fdsData, dcmsData) => {
        const distribLast = !!fdsData.distribLast ? decimal(fdsData.distribLast, 4) : "";
        const distribLastDate = !!fdsData.distribLastDate ? fdsData.distribLastDate : "";
        return [distribLast, distribLastDate];
    }
                  const distributionsSliceArr = rowMapperDistributionsSlice(fdsData, dcmsData, isAtleast13monthsOld);
                const rowMapperDocumentsSlice = (fdsData, dcmsData) => {
        const createRbcButton = (link, label) => {
            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";
        const fundFactsText = "基金说明书";
        const quarterlyupdateText = "季度更新";
        const monthlyupdateText = "每月更新";

        const fundfactsButton = createRbcButton(`http://funds.rbcgam.com/pdf/fund-facts/funds/${dcmsData.fundFactsCode.toLowerCase()}_${languagePDFLetter}.pdf`, fundFactsText);
        let monthlyPdfCodeInnerHTML = "";
        if (!!dcmsData.monthlyPdfCode) {
            const quarterlyButton = createRbcButton(`http://funds.rbcgam.com/pdf/fund-pages/quarterly/${dcmsData.monthlyPdfCode.toLowerCase()}_${languagePDFLetter}.pdf`, quarterlyupdateText);
            const monthlyButton = createRbcButton(`http://funds.rbcgam.com/pdf/fund-pages/monthly/${dcmsData.monthlyPdfCode.toLowerCase()}_${languagePDFLetter}.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 [
            documentsCellValue
        ]
    }
                  const documentsSliceArr = rowMapperDocumentsSlice(fdsData, dcmsData);
                const rowMapperDistributionsEstimate = (fdsData, dcmsData) => {
        const estimatedDistribution = fdsData.estimatedDistributions
        if (!!estimatedDistribution) {
            let totalpu = 0;
            let distributionDateCellValue = !!estimatedDistribution.date ? `${estimatedDistribution.date}` : "";
            if (!!estimatedDistribution.comment && (!estimatedDistribution.capitalgainspu && estimatedDistribution.comment !== 'null')) {
                distributionDateCellValue = `<div style="position:relative;display:inline;"><span style="white-space:nowrap;position:absolute;transform:translateX(179px)">${estimatedDistribution.comment}</span></div>${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 : 0;
                const incomepuPercentage = !!estimatedDistribution.incomepu ? (estimatedDistribution.incomepu / estimatedDistribution.navpu) * 100 : null;
                totalpu = incomepu + capitalgainspu;
                lastFourColumn = [incomepu, incomepuPercentage, totalpu, (totalpu / estimatedDistribution.navpu) * 100]
            }
            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,
                                      ],
                  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: "2025",
                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;

                // delete after sysysdecom
                this.sysysFundData = fundData.sysysData.fundData.reduce((acc, curr) => {
                    acc[curr.rbcFundCode] = curr;
                    return acc;
                }, {});
                if (this.sysysFundData) {
                    this.fdsFundData = this.fdsFundData.map(fund => {
                        const rbcFundCode = fund.rbcFundCode;
                        const {performance, calendarYearReturn, ...sysysFund} = this.sysysFundData[rbcFundCode];
                        const retVal = {
                            ...fund, ...sysysFund
                        }
                        if (["RBF441", "RBF941", "RBF8257", "RBF9441", "RBF9941", "RBF8258"].includes(rbcFundCode)) {
                            return {...retVal, performance, calendarReturns: calendarYearReturn}
                        }
                        
                        return retVal
                    });

                }
                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) => {
                    // update dynamic header name for calendar performance
                    if (col.group === "calendarperformance") {
                        col.header = this.calendarPerformanceHeaderHashMap[col.header] || col.header;
                    }
                    if (index > 3) {
                        col.show = col.group === tabToShow;
                    }
                })
            },
            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 = this.performanceAnalysisDate.split("-")[0];
                    return Array.from({length: 10}, (_, i) => i + 1).reduce((acc, curr) => {
                        const yearStr = `Year${curr}`
                        acc[yearStr] = currYear - curr;
                        return acc;
                    }, {})
                }
            }
        },
        mounted() {
            this.filterServerSide();
        },
        unmount() {
            urlSearchParamSeries$.unsubscribe();
            urlSearchParamDate$.unsubscribe();
            urlSearchParams$.unsubscribe();
            URLSearchParamWithDebounce$.unsubscribe();
            unifiedDS.httpResponse$.unsubscribe();
            generateCSVObj$.unsubscribe();
        }
    }).mount('#app_id_3179487')
</script>

<div id="footnotesRoot" class="container"></div>
    
<div id="app_id_2855466" 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\u6536\u76CA\u7684\u60C5\u51B5\u4E0B\uFF0C\u5C06\u540C\u65F6\u5408\u5E76\u652F\u4ED8\u7684\u989D\u5916\u5355\u4F4D\uFF0C\u4EE5\u786E\u4FDD\u57FA\u91D1\u7684\u5355\u4F4D\u4EF7\u503C\u7EF4\u6301\u5728 10 \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.\u6536\u76CA\u5206\u914D\u5C06\u4E8E 12 \u6708\u786E\u5B9A\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: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u81EA2017\u5E746\u670830\u65E5\u8D77\u751F\u6548\u3002  \u57FA\u91D1\u7684\u57FA\u51C6\u5DF2\u66F4\u6539\uFF0C\u7EA6\u4E8E2017\u5E749\u670815\u65E5\u5DE6\u53F3\u751F\u6548\u3002'
        },            {
            key: 14, value: '\u8BE5\u57FA\u91D1\u662F\u4E00\u9879\u5408\u5E76\u540E\u4E4B\u5EF6\u7EED\u57FA\u91D1\uFF0C\u5176\u540D\u79F0\u5DF2\u66F4\u6539\uFF0C\u81EA2017\u5E746\u670830\u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 15, value: '\u57FA\u91D1\u7684\u540D\u79F0\u5DF2\u66F4\u6539\uFF0C\u81EA2017\u5E746\u670830\u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 16, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u548C\u57FA\u51C6\u5DF2\u66F4\u6539\uFF0C\u7EA6\u4E8E2019\u5E744\u67088\u65E5\u5DE6\u53F3\u751F\u6548\u3002'
        },            {
            key: 17, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u7EA6\u4E8E2019\u5E744\u67088\u65E5\u5DE6\u53F3\u751F\u6548\u3002'
        },            {
            key: 18, value: '\u8BF7\u6CE8\u610F\uFF1A\u56DE\u62A5\u4EE5\u7F8E\u5143\u62A5\u544A\u3002'
        },            {
            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\u8BA4\u8D2D\uFF0C\u4F46 2005 \u5E74 12 \u6708 9 \u65E5\u524D\u5EFA\u7ACB\u7684\u9884\u6388\u6743\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'
        },            {
            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: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u81EA2011\u5E7411\u670828\u8D77\u751F\u6548\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: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u66F4\u6539\uFF0C\u81EA2014\u5E746\u670823\u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 7, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u53D8\u66F4\uFF0C\u81EA 2011 \u5E74 11 \u6708 28 \u65E5\u8D77\u751F\u6548\u3002'
        },            {
            key: 8, value: '\u57FA\u91D1\u7684\u6295\u8D44\u76EE\u6807\u5DF2\u53D8\u66F4\uFF0C\u81EA 2014 \u5E74 6 \u6708 23 \u65E5\u8D77\u751F\u6548\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_2855466')
</script>

          </main>
            </div>
          <div>
    

<section id="footerDisclaimerRoot"></section>
  
<div id="app_id_8937666" 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)、BlueBay 基金 (BlueBay Funds) 及 PH&N 基金 (PH&N Funds) 由 RBC 环球资产管理公司 (RBC Global Asset Management Inc.) 提供，并经由授权分销商销售。
<br><br>
投资前请咨询您的投资顾问和参阅基金章程或基金说明书 (Fund Facts)。互惠基金投资有可能涉及佣金、尾随佣金、管理费及相关支出。互惠基金不保证回报，其单位价值经常变动，过往的业绩未必会重现。
<br><br>
除非另外注明，否则所显示的回报率乃所选系列的年度复利总回报。 少于一年期的回报率为单利回报率。 所有回报率均包括单位价格的变动，和将所有分配的收益再投资，但并未把相关的销售、赎回、分配的收益或选择性开⽀、或单位持有人所需付的入息税计算在内；此等费用及税项将会减低回报。 “资产” 数字包括每项基金的所有系列。
<br><br>
互惠基金不受加拿大存款保险局 (Canada Deposit Insurance Corporation) 或任何政府存款保险机构所保障。 除货币市场基金外，其他基金的单位价值经常变动。 各项货币市场基金亦不担保基金能维持其单位的资产净值于一个不变的金额，亦不担保您可以取回投资于一项基金的全数金额。 过往的业绩未必会重现。
<br><br>
RBC 基金在全加拿大均有发售。 本网站所含信息并不对下列人士构成要约或兜售买卖任何投资基金、证券或其他产品、服务或信息之用，此等人士包括美国或英国居民、在法例不容许作要约或兜售的司法地区居民，以及法例不许可对其作要约或兜售的人士。 该信息并非意图用作向您提供具体财务、投资、税务、法律或会计意见，您亦不应依赖该信息作为相关建议。 您不应在未经征求专业人士意见之前，作出任何行动或依赖该信息。
                              </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_8937666')
</script>
<footer id="footers" class="footer style-focus-inverted"></footer>
          
          
<div id="app_id_2238661" 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"
                                >
                                {{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":"twitter","value":"https://twitter.com/rbcgamnews"},{"key":"linkedin-in","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_2238661')
</script>
  </div>
    </body>
</html>