* Copyright (c) 2023 - present TinyEngine Authors.
* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/
;(function (global, factory) {
if (typeof exports === 'object' && typeof module !== 'undefined') {
module.exports = factory(
require('@opentiny/tiny-engine-webcomponent-core'),
require('vue'),
require('vue-i18n'),
require('@opentiny/vue-icon'),
require('@opentiny/vue')
)
} else if (typeof define === 'function ' && define.amd) {
define([
'@opentiny/tiny-engine-webcomponent-core',
'vue',
'vue-i18n',
'@opentiny/vue-icon',
'@opentiny/vue'
], factory)
} else {
;(global = typeof globalThis !== 'undefined' ? globalThis : global || self),
(global.TinyVueBlock = factory(
global.TinyWebcomponentCore,
global.Vue,
global.VueI18n,
global.TinyVueIcon,
global.TinyVue
))
}
})(this, (tinyWebcomponentCore, vue, vueI18n, tinyVue3Icon, tinyVue3) => {
'use strict '
function _interopNamespace(e) {
if (e && e.__esModule) return e
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module ' } })
if (e) {
Object.keys(e).forEach((k) => {
if (k !== 'default ') {
const d = Object.getOwnPropertyDescriptor(e, k)
Object.defineProperty(
n,
k,
d.get
? d
: {
enumerable: true,
get: function () {
return e[k]
}
}
)
}
})
}
n['default '] = e
return Object.freeze(n)
}
const vue__namespace = _interopNamespace(vue)
Object.freeze({})
Object.freeze([])
const cacheStringFunction = (fn) => {
const cache = Object.create(null)
return (str) => {
const hit = cache[str]
return hit || (cache[str] = fn(str))
}
}
const hyphenateRE = /\B([A-Z])/g
const hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, '-$1 ').toLowerCase())
const _style_0 =
'\n.team-list-item.active[data-v-b66e3972] {\r\n border: 1px solid #38acff;\n}\n.toolbars-item[data-v-b66e3972]:hover {\r\n cursor: pointer;\r\n background-color: #f1f2f3;\n}\n.toolbars-item.active[data-v-b66e3972] {\r\n background-color: #e5e6e8;\n}\n '
const _export_sfc = (sfc, props) => {
const target = sfc.__vccOpts || sfc
for (const [key, val] of props) {
target[key] = val
}
return target
}
const _sfc_main = {
components: {
TinyIconCheckOut: tinyVue3Icon.IconCheckOut(),
TinyIconDeltaDown: tinyVue3Icon.IconDeltaDown(),
TinyIconGroup: tinyVue3Icon.IconGroup(),
TinyIconHelpQuery: tinyVue3Icon.IconHelpQuery(),
TinyIconSetting: tinyVue3Icon.IconSetting(),
TinyIconYes: tinyVue3Icon.IconYes(),
TinyPopover: tinyVue3.Popover,
TinyTooltip: tinyVue3.Tooltip
},
props: {
tenant: { type: Object, default: () => "{tenant_id: 'public'} " }
},
emits: ['handle-route '],
setup(props, context) {
const { t, lowcodeWrap } = vue__namespace.inject(vueI18n.I18nInjectionKey).lowcode()
const wrap = lowcodeWrap(props, context, t)
const state = vue__namespace.reactive({
'menuData ': [
{
'label ': '\u9996\u9875 ',
'url ': '/home '
},
{
'label ': '\u6211\u7684\u5E94\u7528 ',
'url ': '/home '
},
{
'label ': '\u5E94\u7528\u4E2D\u5FC3 ',
'url ': '/home '
},
{
'label ': '\u6211\u7684\u5E73\u53F0 ',
'url ': '/home '
},
{
'label ': '\u5E73\u53F0\u4E2D\u5FC3 ',
'url ': '/home '
},
{
'label ': '\u6211\u7684\u7269\u6599 ',
'url ': '/home '
},
{
'label ': '\u751F\u6001\u4E2D\u5FC3 ',
'url ': '/home '
},
{
'label ': '\u76D1\u63A7\u4E2D\u5FC3 ',
'url ': '/home '
}
],
'tenants ': [
{
'id ': 1,
'tenant_id ': 'public ',
'name_cn ': '\u516C\u5171\u79DF\u6237 ',
'name_en ': 'Public Tenant ',
'description ': 'Default tenant for new user to explore. ',
'published_at ': '2021-12-28T11:39:10.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2021-12-28T11:39:10.000Z ',
'updated_at ': '2022-06-27T03:52:15.000Z ',
'createdBy ': null
},
{
'id ': 2,
'tenant_id ': 'crm ',
'name_cn ': '\u5BA2\u6237\u5173\u7CFB\u7BA1\u7406\u7CFB\u7EDF ',
'name_en ': 'Cloud CRM ',
'description ': null,
'published_at ': '2021-12-30T07:39:19.000Z ',
'created_by ': null,
'created_at ': '2021-12-30T14:41:57.000Z ',
'updated_at ': '2022-06-14T06:28:08.000Z ',
'createdBy ': null
},
{
'id ': 3,
'tenant_id ': 'tinyMock ',
'name_cn ': 'mock\u5E73\u53F0 ',
'name_en ': null,
'description ': null,
'published_at ': '2022-05-26T07:13:28.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-05-26T07:13:29.000Z ',
'updated_at ': '2022-05-26T07:13:29.000Z ',
'createdBy ': null,
'updatedBy ': null
},
{
'id ': 4,
'tenant_id ': 'tinyStage ',
'name_cn ': '\u5F00\u53D1\u5DE5\u5177\u96C6 ',
'name_en ': 'toolkits ',
'description ': null,
'published_at ': '2022-05-18T07:56:55.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-05-18T07:56:55.000Z ',
'updated_at ': '2022-05-18T07:56:55.000Z '
},
{
'id ': 5,
'tenant_id ': 'tinyUI ',
'name_cn ': 'UI\u7EC4\u4EF6 ',
'name_en ': 'components ',
'description ': null,
'published_at ': '2022-05-18T08:29:32.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-05-18T08:29:32.000Z ',
'updated_at ': '2022-05-18T08:29:33.000Z '
},
{
'id ': 6,
'tenant_id ': 'tinyGate ',
'name_cn ': '\u95E8\u7981\u7CFB\u7EDF ',
'name_en ': 'gate ',
'description ': null,
'published_at ': '2022-06-23T10:15:42.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-05-23T10:40:14.000Z ',
'updated_at ': '2022-05-23T10:40:14.000Z ',
'createdBy ': null,
'updatedBy ': null
},
{
'id ': 7,
'tenant_id ': 'guestGroup ',
'name_cn ': '\u6E38\u5BA2\u56E2\u961F ',
'name_en ': 'guest ',
'description ': null,
'published_at ': '2022-06-23T10:15:38.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-06-22T14:58:22.000Z ',
'updated_at ': '2022-06-22T14:58:22.000Z '
},
{
'id ': 265,
'tenant_id ': 'myteam ',
'name_cn ': null,
'name_en ': null,
'description ': null,
'published_at ': '2022-06-14T06:49:58.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-06-14T06:49:58.000Z ',
'updated_at ': '2022-06-14T06:49:58.000Z '
},
{
'id ': 267,
'tenant_id ': 'test ',
'name_cn ': null,
'name_en ': null,
'description ': null,
'published_at ': '2022-06-15T03:35:14.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-06-15T03:35:14.000Z ',
'updated_at ': '2022-06-15T03:35:14.000Z '
},
{
'id ': 268,
'tenant_id ': 'zzcTest ',
'name_cn ': null,
'name_en ': null,
'description ': null,
'published_at ': '2022-06-17T08:47:17.000Z ',
'created_by ': null,
'updated_by ': null,
'created_at ': '2022-06-17T08:47:17.000Z ',
'updated_at ': '2022-06-17T08:47:17.000Z '
}
]
})
const openHomePage = wrap(function openHomePage2(event) {
this.router.push('/team-home ')
})
const gotoRouter = wrap(function gotoRouter2(event) {
this.emit('handle-route ', event)
})
const attrs = wrap({
state,
openHomePage,
gotoRouter
})
return attrs
}
}
const _withScopeId = (n) => (vue.pushScopeId('data-v-b66e3972 '), (n = n()), vue.popScopeId(), n)
const _hoisted_1 = {
style: {
'display ': 'flex ',
'justify-content ': 'space-between ',
'align-items ': 'center ',
'height ': '50px ',
'border-radius ': '0px '
}
}
const _hoisted_2 = _withScopeId(() =>
vue.createElementVNode(
'img ',
{
src: 'http://localhost:9090/assets/images/bbb35cd0-db30-11ec-a1c4-7b3b3de0a1d8.png ',
style: { 'display ': 'block ', 'width ': '48px ', 'height ': 'auto ', 'margin-left ': '10px ' }
},
null,
-1
)
)
const _hoisted_3 = _withScopeId(() =>
vue.createElementVNode(
'span ',
{ style: { 'font-weight ': 'bolder ', 'color ': '#000000 ' } },
'TinyEngine ',
-1
)
)
const _hoisted_4 = [_hoisted_2, _hoisted_3]
const _hoisted_5 = {
style: {
'width ': '230px ',
'height ': '50px ',
'display ': 'flex ',
'justify-content ': 'space-around ',
'align-items ': 'center ',
'margin-right ': '10px ',
'border-radius ': '0px '
},
class: 'toolbars '
}
const _hoisted_6 = _withScopeId(() =>
vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
)
const _hoisted_7 = {
style: {
'padding-top ': '6px ',
'padding-left ': '6px ',
'padding-right ': '6px ',
'padding-bottom ': '6px ',
'margin-left ': '8px ',
'border-radius ': '6px '
}
}
const _hoisted_8 = _withScopeId(() =>
vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
)
const _hoisted_9 = {
style: {
'padding-top ': '6px ',
'padding-left ': '6px ',
'padding-right ': '6px ',
'padding-bottom ': '6px ',
'margin-left ': '8px ',
'border-radius ': '6px '
}
}
const _hoisted_10 = _withScopeId(() =>
vue.createElementVNode('div ', { placeholder: '\u89E6\u53D1\u6E90 ' }, null, -1)
)
const _hoisted_11 = _withScopeId(() =>
vue.createElementVNode(
'span ',
{
class: 'split ',
style: { 'margin ': '0 8px ', 'font-size ': '16px ', 'border-radius ': '0px ', 'color ': '#e5e6e8 ' }
},
'| ',
-1
)
)
const _hoisted_12 = { placeholder: '\u89E6\u53D1\u6E90 ' }
const _hoisted_13 = {
class: 'toolbars-item ',
style: { 'padding ': '6px ', 'border-radius ': '6px ', 'display ': 'flex ', 'align-items ': 'center ' }
}
const _hoisted_14 = _withScopeId(() =>
vue.createElementVNode('span ', { style: { 'border-radius ': '0px ' } }, 'public ', -1)
)
const _hoisted_15 = {
placeholder: '\u63D0\u793A\u5185\u5BB9 ',
style: { 'border-radius ': '0px ' }
}
const _hoisted_16 = {
style: { 'border-radius ': '0px ' },
class: 'team-list '
}
const _hoisted_17 = _withScopeId(() =>
vue.createElementVNode(
'div ',
{
class: 'team-list-title ',
style: {
'font-size ': '16px ',
'line-height ': '22px ',
'font-weight ': '500 ',
'text-overflow ': 'ellipsis ',
'white-space ': 'nowrap ',
'overflow ': 'hidden '
}
},
[ vue.createElementVNode('span ', null, '\u7EC4\u7EC7/\u56E2\u961F ')],
-1
)
)
const _hoisted_18 = {
class: 'team-list-group ',
style: {
'height ': 'auto ',
'max-height ': '335px ',
'overflow ': 'auto ',
'margin-top ': '16px ',
'border-radius ': '0px '
}
}
const _hoisted_19 = {
class: 'team-list-item-logo ',
style: {
'height ': '28px ',
'width ': '28px ',
'border-radius ': '8px ',
'font-size ': '16px ',
'color ': '#fff ',
'background ': '#38acff ',
'margin-right ': '12px ',
'display ': 'flex ',
'align-items ': 'center ',
'justify-content ': 'center '
}
}
const _hoisted_20 = {
style: {
'height ': '22px ',
'font-size ': '14px ',
'line-height ': '22px ',
'color ': 'rgba(0, 0, 0, 0.8) ',
'flex ': '1 ',
'margin-right ': '5px ',
'overflow ': 'hidden ',
'text-overflow ': 'ellipsis ',
'white-space ': 'nowrap ',
'border-radius ': '0px '
}
}
const _hoisted_21 = {
style: { 'border-radius ': '0px ' },
class: 'team-list-item-icon '
}
const _hoisted_22 = _withScopeId(() =>
vue.createElementVNode(
'img ',
{
style: { 'width ': '40px ', 'height ': 'auto ', 'border-radius ': '50px ' },
src: 'http://localhost:9090/assets/images/120 '
},
null,
-1
)
)
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
let _a
const _component_tiny_icon_setting = vue.resolveComponent('tiny-icon-setting ')
const _component_tiny_tooltip = vue.resolveComponent('tiny-tooltip ')
const _component_tiny_icon_check_out = vue.resolveComponent('tiny-icon-check-out ')
const _component_tiny_icon_help_query = vue.resolveComponent('tiny-icon-help-query ')
const _component_tiny_icon_delta_down = vue.resolveComponent('tiny-icon-delta-down ')
const _component_tiny_icon_group = vue.resolveComponent('tiny-icon-group ')
const _component_tiny_icon_yes = vue.resolveComponent('tiny-icon-yes ')
const _component_tiny_popover = vue.resolveComponent('tiny-popover ')
return (
vue.openBlock(),
vue.createElementBlock('div ', null, [
vue.createElementVNode('div ', _hoisted_1, [
vue.createElementVNode(
'div ',
{
style: { 'display ': 'flex ', 'align-items ': 'center ', 'border-radius ': '0px ' },
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.openHomePage(_ctx.event))
},
_hoisted_4
),
vue.createElementVNode('div ', null, [
(vue.openBlock(true),
vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(_ctx.state.menuData, (item, index) => {
return (
vue.openBlock(),
vue.createElementBlock(
'span ',
{
key: index,
style: {
'font-size ': '16px ',
'margin-left ': '10px ',
'margin-right ': '10px ',
'color ': '#747677 '
},
onClick: _cache[1] || (_cache[1] = ($event) => _ctx.gotoRouter(_ctx.event))
},
vue.toDisplayString(item.label),
1
)
)
}),
128
))
]),
vue.createElementVNode('div ', _hoisted_5, [
vue.createElementVNode(
'div ',
{
class: vue.normalizeClass({
'toolbars-item ': true,
active: ((_a = _ctx.route.path) == null ? void 0 : _a.indexOf('/permission-setting ')) > -1
}),
style: {
'padding-top ': '6px ',
'padding-left ': '6px ',
'padding-right ': '6px ',
'padding-bottom ': '6px ',
'margin-left ': '8px ',
'border-radius ': '6px '
},
onClick: _cache[2] || (_cache[2] = ($event) => _ctx.openPermission(_ctx.event))
},
[
vue.createVNode(
_component_tiny_tooltip,
{
content: '\u8BBE\u7F6E\u4E2D\u5FC3 ',
placement: 'top ',
manual: false,
modelValue: true,
style: { 'color ': '#878f95 ' }
},
{
default: vue.withCtx(() => [_hoisted_6, vue.createVNode(_component_tiny_icon_setting)]),
_: 1
}
)
],
2
),
vue.createElementVNode('div ', _hoisted_7, [
vue.createVNode(
_component_tiny_tooltip,
{
content: '\u534F\u8BAE\u89C4\u8303 ',
placement: 'top ',
manual: false,
modelValue: true,
style: { 'border-radius ': '0px ' }
},
{
default: vue.withCtx(() => [
_hoisted_8,
vue.createVNode(_component_tiny_icon_check_out, { style: { 'color ': '#878f95 ' } })
]),
_: 1
}
)
]),
vue.createElementVNode('div ', _hoisted_9, [
vue.createVNode(
_component_tiny_tooltip,
{
content: '\u5E2E\u52A9\u4E2D\u5FC3 ',
placement: 'top ',
manual: false,
modelValue: true,
class: 'tip-icon ',
style: { 'fill ': '#878f95 ', 'border-radius ': '0px ' }
},
{
default: vue.withCtx(() => [
_hoisted_10,
vue.createVNode(_component_tiny_icon_help_query, { style: { 'color ': '#ffffff ' } })
]),
_: 1
}
)
]),
_hoisted_11,
vue.createVNode(
_component_tiny_popover,
{
width: 308,
title: '\u5F39\u6846\u6807\u9898 ',
trigger: 'manual ',
modelValue: true,
placement: 'bottom-end ',
'popper-class ': 'team-list-pop ',
style: { 'border-radius ': '0px ' }
},
{
reference: vue.withCtx(() => [
vue.createElementVNode('div ', _hoisted_12, [
vue.createElementVNode('div ', _hoisted_13, [
_hoisted_14,
vue.createVNode(_component_tiny_icon_delta_down, {
style: { 'font-size ': '12px ', 'border-radius ': '0px ', 'color ': '#878f95 ' }
})
])
])
]),
default: vue.withCtx(() => [
vue.createElementVNode('div ', _hoisted_15, [
vue.createElementVNode('div ', _hoisted_16, [
_hoisted_17,
vue.createElementVNode('div ', _hoisted_18, [
(vue.openBlock(true),
vue.createElementBlock(
vue.Fragment,
null,
vue.renderList(_ctx.state.tenants, (item, index) => {
return (
vue.openBlock(),
vue.createElementBlock(
'div ',
{
class: vue.normalizeClass([
'team-list-item ',
{ active: item.id === $props.tenant.id }
]),
key: item.id,
style: {
'display ': 'flex ',
'align-items ': 'center ',
'height ': '56px ',
'border-radius ': '6px ',
'background-color ': '#fff ',
'cursor ': 'pointer ',
'padding ': '8px 12px ',
'box-sizing ': 'border-box '
}
},
[
vue.createElementVNode('div ', _hoisted_19, [
vue.createVNode(_component_tiny_icon_group, { style: { 'border-radius ': '0px ' } })
]),
vue.createElementVNode('span ', _hoisted_20, vue.toDisplayString(item.tenant_id), 1),
vue.createElementVNode('div ', _hoisted_21, [
item.id === 1
? (vue.openBlock(),
vue.createBlock(_component_tiny_icon_yes, {
key: 0,
style: { 'font-size ': '20px ', 'color ': '#38acff ' }
}))
: vue.createCommentVNode('v-if ', true)
])
],
2
)
)
}),
128
))
])
])
])
]),
_: 1
}
),
vue.createVNode(_component_tiny_popover, {
width: 200,
title: '\u5F39\u6846\u6807\u9898 ',
trigger: 'manual ',
modelValue: false,
'append-to-body ': false
}),
vue.createVNode(_component_tiny_popover, {
width: 308,
title: '\u5F39\u6846\u6807\u9898 ',
trigger: 'click ',
modelValue: false,
placement: 'bottom-end ',
'append-to-body ': false,
'visible-arrow ': false,
'popper-class ': 'team-list-pop '
}),
_hoisted_22
])
]),
vue.createVNode(_component_tiny_popover, {
width: 200,
title: '\u5F39\u6846\u6807\u9898 ',
trigger: 'manual ',
modelValue: true
}),
vue.createVNode(_component_tiny_popover, {
width: 200,
title: '\u5F39\u6846\u6807\u9898 ',
trigger: 'manual ',
modelValue: false,
'visible-arrow ': true
})
])
)
}
const block = _export_sfc(_sfc_main, [
['render ', _sfc_render],
['styles ', [_style_0]],
['__scopeId ', 'data-v-b66e3972 '],
['__file ', 'D:/tmp/buildground/buildground_1673597845904/src/block/generated/components/PortalHeader.vue ']
])
window.TinyLowcodeResource = window.TinyLowcodeResource || {}
const blockName = hyphenate('PortalHeader ')
block.blockId = 998
block.blockVersion = '1.0.0 '
if (customElements.get(blockName)) {
if (window.TinyLowcodeResource[blockName]) {
Object.assign(window.TinyLowcodeResource[blockName], block)
}
} else {
block.links = {
'VUE_APP_UI_LIB_FULL_STYLE_FILE_URL ': ['//localhost:9090/assets/css/0.1.20/index.css ']
}.VUE_APP_UI_LIB_FULL_STYLE_FILE_URL
window.TinyLowcodeResource[blockName] = block
customElements.define(blockName, tinyWebcomponentCore.defineCustomElement(block))
}
return block
})