@maketribe/ms-app 3.0.6 → 3.0.7

package/dist/cjs/index.js

@@ -26,6 +26,10 @@ var MaterialGroupTable = require('./dataview/material/material-group/MaterialGro
 var MaterialForm = require('./dataview/material/MaterialForm.js');
 var MaterialTable = require('./dataview/material/MaterialTable.js');
 var MaterialMan = require('./dataview/material/MaterialMan.js');
+var IPWhitelistForm = require('./dataview/ip-white-list/IPWhitelistForm.js');
+var IPWhitelistTable = require('./dataview/ip-white-list/IPWhitelistTable.js');
+var DenyIPAccessListForm = require('./dataview/deny-ip-access-list/DenyIPAccessListForm.js');
+var DenyIPAccessListTable = require('./dataview/deny-ip-access-list/DenyIPAccessListTable.js');
 var DataTableComponents = require('./core/component/DataTableComponents.js');
 var DataFormComponents = require('./core/component/DataFormComponents.js');
 var DataFilterComponents = require('./core/component/DataFilterComponents.js');
@@ -43,8 +47,7 @@ var Router = require('./core/Router.js');
 var UserInfo = require('./core/UserInfo.js');
 var UserSession = require('./core/UserSession.js');
 var installer = require('./installer.js');
-var index = require('./layouts/manager-system/index.js');
-var index$1 = require('./layouts/default/index.js');
+var index = require('./layouts/default/index.js');
 var createDataTable = require('./composables/create-data-table.js');
 var createDataForm = require('./composables/create-data-form.js');
 var useColumnComponent = require('./composables/use-column-component.js');
@@ -56,75 +59,75 @@ var useCurrentTab = require('./composables/use-current-tab.js');
 var useHttpRequest = require('./composables/use-http-request.js');
 var useMsAppClient = require('./composables/use-ms-app-client.js');
 var useUserInfo = require('./composables/use-user-info.js');
-var index$2 = require('./components/data-model/data-form/index.js');
-var index$6 = require('./components/data-model/data-form-page/index.js');
-var index$7 = require('./components/data-model/data-table/index.js');
-var index$e = require('./components/data-model/data-table-page/index.js');
-var index$f = require('./components/data-model/data-tree/index.js');
-var index$g = require('./components/data-model/data-tree-page/index.js');
-var index$h = require('./components/data-model/data-table-pagination/index.js');
-var index$i = require('./components/form-components/form-data-select/index.js');
-var index$j = require('./components/form-components/form-icon-select/index.js');
-var index$k = require('./components/form-components/form-radio-box/index.js');
-var index$l = require('./components/form-components/form-detail/index.js');
-var index$m = require('./components/form-components/form-data-table-select/index.js');
-var index$n = require('./components/form-components/form-image-upload/index.js');
-var index$o = require('./components/form-components/form-detail-select/index.js');
-var index$p = require('./components/form-components/form-image-list/index.js');
-var index$q = require('./components/form-components/form-date-picker/index.js');
-var index$r = require('./components/form-components/form-rich-text-editor/index.js');
-var index$s = require('./components/column-components/column-action/index.js');
-var index$t = require('./components/column-components/column-image/index.js');
-var index$u = require('./components/column-components/column-text/index.js');
-var index$v = require('./components/column-components/column-object-mapping-text/index.js');
-var index$w = require('./components/column-components/column-select/index.js');
-var index$x = require('./components/condition-components/condition-input/index.js');
-var index$y = require('./components/condition-components/condition-date/index.js');
-var index$z = require('./components/condition-components/condition-number/index.js');
-var index$A = require('./components/condition-components/condition-select/index.js');
-var index$B = require('./components/svg-icon/index.js');
-var index$C = require('./components/config-provider/index.js');
-var index$D = require('./components/image-view/index.js');
-var index$E = require('./components/video-view/index.js');
-var index$F = require('./components/file-view/index.js');
-var index$G = require('./components/upload-file/index.js');
-var index$H = require('./components/data-table-select-dialog/index.js');
-var index$I = require('./components/data-table-select/index.js');
-var index$J = require('./components/data-select/index.js');
-var index$K = require('./components/upload-image/index.js');
-var index$L = require('./components/pagination/index.js');
-var index$M = require('./components/markdown-editor/index.js');
-var index$N = require('./components/rich-text-editor/index.js');
-var index$O = require('./components/system-provider/index.js');
-var index$P = require('./components/material-list/index.js');
-var index$Q = require('./components/material-select/index.js');
-var index$R = require('./components/role-permission-config/index.js');
-var index$S = require('./components/menu-permission-table/index.js');
-var index$T = require('./components/image-select/index.js');
-var index$U = require('./components/verify-dialog/index.js');
-var index$V = require('./components/member-table/index.js');
+var index$1 = require('./components/data-model/data-form/index.js');
+var index$5 = require('./components/data-model/data-form-page/index.js');
+var index$6 = require('./components/data-model/data-table/index.js');
+var index$d = require('./components/data-model/data-table-page/index.js');
+var index$e = require('./components/data-model/data-tree/index.js');
+var index$f = require('./components/data-model/data-tree-page/index.js');
+var index$g = require('./components/data-model/data-table-pagination/index.js');
+var index$h = require('./components/form-components/form-data-select/index.js');
+var index$i = require('./components/form-components/form-icon-select/index.js');
+var index$j = require('./components/form-components/form-radio-box/index.js');
+var index$k = require('./components/form-components/form-detail/index.js');
+var index$l = require('./components/form-components/form-data-table-select/index.js');
+var index$m = require('./components/form-components/form-image-upload/index.js');
+var index$n = require('./components/form-components/form-detail-select/index.js');
+var index$o = require('./components/form-components/form-image-list/index.js');
+var index$p = require('./components/form-components/form-date-picker/index.js');
+var index$q = require('./components/form-components/form-rich-text-editor/index.js');
+var index$r = require('./components/column-components/column-action/index.js');
+var index$s = require('./components/column-components/column-image/index.js');
+var index$t = require('./components/column-components/column-text/index.js');
+var index$u = require('./components/column-components/column-object-mapping-text/index.js');
+var index$v = require('./components/column-components/column-select/index.js');
+var index$w = require('./components/condition-components/condition-input/index.js');
+var index$x = require('./components/condition-components/condition-date/index.js');
+var index$y = require('./components/condition-components/condition-number/index.js');
+var index$z = require('./components/condition-components/condition-select/index.js');
+var index$A = require('./components/svg-icon/index.js');
+var index$B = require('./components/config-provider/index.js');
+var index$C = require('./components/image-view/index.js');
+var index$D = require('./components/video-view/index.js');
+var index$E = require('./components/file-view/index.js');
+var index$F = require('./components/upload-file/index.js');
+var index$G = require('./components/data-table-select-dialog/index.js');
+var index$H = require('./components/data-table-select/index.js');
+var index$I = require('./components/data-select/index.js');
+var index$J = require('./components/upload-image/index.js');
+var index$K = require('./components/pagination/index.js');
+var index$L = require('./components/markdown-editor/index.js');
+var index$M = require('./components/rich-text-editor/index.js');
+var index$N = require('./components/system-provider/index.js');
+var index$O = require('./components/material-list/index.js');
+var index$P = require('./components/material-select/index.js');
+var index$Q = require('./components/role-permission-config/index.js');
+var index$R = require('./components/menu-permission-table/index.js');
+var index$S = require('./components/image-select/index.js');
+var index$T = require('./components/verify-dialog/index.js');
+var index$U = require('./components/member-table/index.js');
 var msAppClient = require('./tokens/ms-app-client.js');
 var initApplication = require('./init-application.js');
 var defineDataTable = require('./define-data-table.js');
 var defineDataForm = require('./define-data-form.js');
 var dataFormOptions = require('./components/data-model/data-form/data-form-options.js');
 var dataFormItemOptions = require('./components/data-model/data-form/data-form-item/data-form-item-options.js');
-var index$3 = require('./components/data-model/data-form/data-form-item/index.js');
-var index$4 = require('./components/data-model/data-form/views/form/index.js');
-var index$5 = require('./components/data-model/data-form/views/form-view/index.js');
+var index$2 = require('./components/data-model/data-form/data-form-item/index.js');
+var index$3 = require('./components/data-model/data-form/views/form/index.js');
+var index$4 = require('./components/data-model/data-form/views/form-view/index.js');
 var dataFormPageOptions = require('./components/data-model/data-form-page/data-form-page-options.js');
 var dataTableColumnOptions = require('./components/data-model/data-table/data-table-column/data-table-column-options.js');
-var index$8 = require('./components/data-model/data-table/data-table-column/index.js');
+var index$7 = require('./components/data-model/data-table/data-table-column/index.js');
 var dataTableColumnComponentOptions = require('./components/data-model/data-table/data-table-column-component/data-table-column-component-options.js');
-var index$9 = require('./components/data-model/data-table/data-table-column-component/index.js');
+var index$8 = require('./components/data-model/data-table/data-table-column-component/index.js');
 var dataTableOptions = require('./components/data-model/data-table/data-table-options.js');
-var index$c = require('./components/data-model/data-table/views/table/classify-search/classify-search-item/index.js');
-var index$b = require('./components/data-model/data-table/views/table/classify-search/index.js');
+var index$b = require('./components/data-model/data-table/views/table/classify-search/classify-search-item/index.js');
+var index$a = require('./components/data-model/data-table/views/table/classify-search/index.js');
 var useCondition = require('./components/data-model/data-table/views/table/search/composables/use-condition.js');
 var token$1 = require('./components/data-model/data-table/views/table/search/token.js');
 var operatorOptions = require('./components/data-model/data-table/views/table/search/operator-options.js');
-var index$d = require('./components/data-model/data-table/views/table/search/index.js');
-var index$a = require('./components/data-model/data-table/views/table/index.js');
+var index$c = require('./components/data-model/data-table/views/table/search/index.js');
+var index$9 = require('./components/data-model/data-table/views/table/index.js');
 var dataTreeOptions = require('./components/data-model/data-tree/data-tree-options.js');
 var dataTablePaginationOptions = require('./components/data-model/data-table-pagination/data-table-pagination-options.js');
 var formDataSelectOptions = require('./components/form-components/form-data-select/form-data-select-options.js');
@@ -185,6 +188,10 @@ exports.MaterialGroupTable = MaterialGroupTable.MaterialGroupTable;
 exports.MaterialForm = MaterialForm.MaterialForm;
 exports.MaterialTable = MaterialTable.MaterialTable;
 exports.MaterialMan = MaterialMan.MaterialMan;
+exports.IPWhitelistForm = IPWhitelistForm.IPWhitelistForm;
+exports.IPWhitelistTable = IPWhitelistTable.IPWhitelistTable;
+exports.DenyIPAccessListForm = DenyIPAccessListForm.DenyIPAccessListForm;
+exports.DenyIPAccessListTable = DenyIPAccessListTable.DenyIPAccessListTable;
 exports.DataTableComponents = DataTableComponents.DataTableComponents;
 exports.DataFormComponents = DataFormComponents.DataFormComponents;
 exports.DataFilterComponents = DataFilterComponents.DataFilterComponents;
@@ -201,8 +208,7 @@ exports.PermissionPointManager = PermissionPointManager.PermissionPointManager;
 exports.Router = Router.Router;
 exports.UserInfo = UserInfo.UserInfo;
 exports.UserSession = UserSession.UserSession;
-exports.MKManagerSystem = index.MKManagerSystem;
-exports.MKLayoutDefault = index$1.MKLayoutDefault;
+exports.MKLayoutDefault = index.MKLayoutDefault;
 exports.createDataTable = createDataTable.createDataTable;
 exports.createDataForm = createDataForm.createDataForm;
 exports.useColumnComponent = useColumnComponent.useColumnComponent;
@@ -219,53 +225,53 @@ exports.useCurrentTab = useCurrentTab.useCurrentTab;
 exports.useHttpRequest = useHttpRequest.useHttpRequest;
 exports.useMSAppClient = useMsAppClient.useMSAppClient;
 exports.useUserInfo = useUserInfo.useUserInfo;
-exports.MKDataForm = index$2.MKDataForm;
-exports.MKDataFormPage = index$6.MKDataFormPage;
-exports.MKDataTable = index$7.MKDataTable;
-exports.MKDataTablePage = index$e.MKDataTablePage;
-exports.MKDataTree = index$f.MKDataTree;
-exports.MKDataTreePage = index$g.MKDataTreePage;
-exports.MKDataTablePagination = index$h.MKDataTablePagination;
-exports.MKFormDataSelect = index$i.MKFormDataSelect;
-exports.MKFormIconSelect = index$j.MKFormIconSelect;
-exports.MKFormRadioBox = index$k.MKFormRadioBox;
-exports.MKFormDetail = index$l.MKFormDetail;
-exports.MKFormDataTableSelect = index$m.MKFormDataTableSelect;
-exports.MKFormImageUpload = index$n.MKFormImageUpload;
-exports.MKFormDetailSelect = index$o.MKFormDetailSelect;
-exports.MKFormImageList = index$p.MKFormImageList;
-exports.MKFormDatePicker = index$q.MKFormDatePicker;
-exports.MKFormRichTextEditor = index$r.MKFormRichTextEditor;
-exports.MKColumnAction = index$s.MKColumnAction;
-exports.MKColumnImage = index$t.MKColumnImage;
-exports.MKColumnText = index$u.MKColumnText;
-exports.MKColumnObjectMappingText = index$v.MKColumnObjectMappingText;
-exports.MKColumnSelect = index$w.MKColumnSelect;
-exports.MKConditionInput = index$x.MKConditionInput;
-exports.MKConditionDate = index$y.MKConditionDate;
-exports.MKConditionNumber = index$z.MKConditionNumber;
-exports.MKConditionSelect = index$A.MKConditionSelect;
-exports.MKSvgIcon = index$B.MKSvgIcon;
-exports.MKConfigProvider = index$C.MKConfigProvider;
-exports.MKImageView = index$D.MKImageView;
-exports.MKVideoView = index$E.MKVideoView;
-exports.MKFileView = index$F.MKFileView;
-exports.MKUploadFile = index$G.MKUploadFile;
-exports.MKDataTableSelectDialog = index$H.MKDataTableSelectDialog;
-exports.MKDataTableSelect = index$I.MKDataTableSelect;
-exports.MKDataSelect = index$J.MKDataSelect;
-exports.MKUploadImage = index$K.MKUploadImage;
-exports.MKPagination = index$L.MKPagination;
-exports.MKMarkdownEditor = index$M.MKMarkdownEditor;
-exports.MKRichTextEditor = index$N.MKRichTextEditor;
-exports.MKSystemProvider = index$O.MKSystemProvider;
-exports.MKMaterialList = index$P.MKMaterialList;
-exports.MKMaterialSelect = index$Q.MKMaterialSelect;
-exports.MKRolePermissionConfig = index$R.MKRolePermissionConfig;
-exports.MKMenuPermissionTable = index$S.MKMenuPermissionTable;
-exports.MKImageSelect = index$T.MKImageSelect;
-exports.MKVerifyDialog = index$U.MKVerifyDialog;
-exports.MKMemberTable = index$V.MKMemberTable;
+exports.MKDataForm = index$1.MKDataForm;
+exports.MKDataFormPage = index$5.MKDataFormPage;
+exports.MKDataTable = index$6.MKDataTable;
+exports.MKDataTablePage = index$d.MKDataTablePage;
+exports.MKDataTree = index$e.MKDataTree;
+exports.MKDataTreePage = index$f.MKDataTreePage;
+exports.MKDataTablePagination = index$g.MKDataTablePagination;
+exports.MKFormDataSelect = index$h.MKFormDataSelect;
+exports.MKFormIconSelect = index$i.MKFormIconSelect;
+exports.MKFormRadioBox = index$j.MKFormRadioBox;
+exports.MKFormDetail = index$k.MKFormDetail;
+exports.MKFormDataTableSelect = index$l.MKFormDataTableSelect;
+exports.MKFormImageUpload = index$m.MKFormImageUpload;
+exports.MKFormDetailSelect = index$n.MKFormDetailSelect;
+exports.MKFormImageList = index$o.MKFormImageList;
+exports.MKFormDatePicker = index$p.MKFormDatePicker;
+exports.MKFormRichTextEditor = index$q.MKFormRichTextEditor;
+exports.MKColumnAction = index$r.MKColumnAction;
+exports.MKColumnImage = index$s.MKColumnImage;
+exports.MKColumnText = index$t.MKColumnText;
+exports.MKColumnObjectMappingText = index$u.MKColumnObjectMappingText;
+exports.MKColumnSelect = index$v.MKColumnSelect;
+exports.MKConditionInput = index$w.MKConditionInput;
+exports.MKConditionDate = index$x.MKConditionDate;
+exports.MKConditionNumber = index$y.MKConditionNumber;
+exports.MKConditionSelect = index$z.MKConditionSelect;
+exports.MKSvgIcon = index$A.MKSvgIcon;
+exports.MKConfigProvider = index$B.MKConfigProvider;
+exports.MKImageView = index$C.MKImageView;
+exports.MKVideoView = index$D.MKVideoView;
+exports.MKFileView = index$E.MKFileView;
+exports.MKUploadFile = index$F.MKUploadFile;
+exports.MKDataTableSelectDialog = index$G.MKDataTableSelectDialog;
+exports.MKDataTableSelect = index$H.MKDataTableSelect;
+exports.MKDataSelect = index$I.MKDataSelect;
+exports.MKUploadImage = index$J.MKUploadImage;
+exports.MKPagination = index$K.MKPagination;
+exports.MKMarkdownEditor = index$L.MKMarkdownEditor;
+exports.MKRichTextEditor = index$M.MKRichTextEditor;
+exports.MKSystemProvider = index$N.MKSystemProvider;
+exports.MKMaterialList = index$O.MKMaterialList;
+exports.MKMaterialSelect = index$P.MKMaterialSelect;
+exports.MKRolePermissionConfig = index$Q.MKRolePermissionConfig;
+exports.MKMenuPermissionTable = index$R.MKMenuPermissionTable;
+exports.MKImageSelect = index$S.MKImageSelect;
+exports.MKVerifyDialog = index$T.MKVerifyDialog;
+exports.MKMemberTable = index$U.MKMemberTable;
 exports.MSAPPCLIENT_CONTEXT_KEY = msAppClient.MSAPPCLIENT_CONTEXT_KEY;
 exports.initApplication = initApplication.initApplication;
 exports.defineDataTable = defineDataTable.defineDataTable;
@@ -273,20 +279,20 @@ exports.defineDataForm = defineDataForm.defineDataForm;
 exports.dataFormEmits = dataFormOptions.dataFormEmits;
 exports.dataFormProps = dataFormOptions.dataFormProps;
 exports.dataFormItemProps = dataFormItemOptions.dataFormItemProps;
-exports.MKDataFormItem = index$3.MKDataFormItem;
-exports.MKForm = index$4.MKForm;
-exports.MKFormView = index$5.MKFormView;
+exports.MKDataFormItem = index$2.MKDataFormItem;
+exports.MKForm = index$3.MKForm;
+exports.MKFormView = index$4.MKFormView;
 exports.dataFormPageEmits = dataFormPageOptions.dataFormPageEmits;
 exports.dataFormPageProps = dataFormPageOptions.dataFormPageProps;
 exports.dataTableColumnProps = dataTableColumnOptions.dataTableColumnProps;
-exports.MKDataTableColumn = index$8.MKDataTableColumn;
+exports.MKDataTableColumn = index$7.MKDataTableColumn;
 exports.dataTableColumnComponentProps = dataTableColumnComponentOptions.dataTableColumnComponentProps;
-exports.MKDataTableColumnComponent = index$9.MKDataTableColumnComponent;
+exports.MKDataTableColumnComponent = index$8.MKDataTableColumnComponent;
 exports.DataTableEmits = dataTableOptions.DataTableEmits;
 exports.dataTableEmits = dataTableOptions.dataTableEmits;
 exports.dataTableProps = dataTableOptions.dataTableProps;
-exports.MKTableClassifySearchItem = index$c.MKTableClassifySearchItem;
-exports.MKTableClassifySearch = index$b.MKTableClassifySearch;
+exports.MKTableClassifySearchItem = index$b.MKTableClassifySearchItem;
+exports.MKTableClassifySearch = index$a.MKTableClassifySearch;
 exports.conditionProps = useCondition.conditionProps;
 exports.useCondition = useCondition.useCondition;
 exports.TABLE_SEARCH_CONTEXT_KEY = token$1.TABLE_SEARCH_CONTEXT_KEY;
@@ -301,8 +307,8 @@ exports.LESS_THAN_EQUAL_OPTION = operatorOptions.LESS_THAN_EQUAL_OPTION;
 exports.LESS_THAN_OPTION = operatorOptions.LESS_THAN_OPTION;
 exports.NOT_IN_OPTION = operatorOptions.NOT_IN_OPTION;
 exports.OPERATOR_OPTIONS = operatorOptions.OPERATOR_OPTIONS;
-exports.MKTableSearch = index$d.MKTableSearch;
-exports.MKTableView = index$a.MKTableView;
+exports.MKTableSearch = index$c.MKTableSearch;
+exports.MKTableView = index$9.MKTableView;
 exports.dataTreeProps = dataTreeOptions.dataTreeProps;
 exports.dataTablePaginationProps = dataTablePaginationOptions.dataTablePaginationProps;
 exports.formDataSelectProps = formDataSelectOptions.formDataSelectProps;

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export * from \"./constants\";\nexport * from \"./dataview\";\n\nexport * from \"./core\";\n\nimport { installer } from \"./installer\";\n\nexport * from \"./layouts\";\nexport * from \"./composables\";\nexport * from \"./components\";\nexport * from \"./tokens\";\n\nexport const install = installer.install;\nexport const version = installer.version;\n\nexport * from \"./init-application\";\nexport * from \"./define-data-table\";\nexport * from \"./define-data-form\";\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,UAAUA,mBAAU,CAAA,QAAA;AAC1B,MAAM,UAAUA,mBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["export * from \"./constants\";\nexport * from \"./dataview\";\n\nexport * from \"./core\";\n\nimport { installer } from \"./installer\";\n\nexport * from \"./layouts\";\nexport * from \"./composables\";\nexport * from \"./components\";\nexport * from \"./tokens\";\n\nexport const install = installer.install;\nexport const version = installer.version;\n\nexport * from \"./init-application\";\nexport * from \"./define-data-table\";\nexport * from \"./define-data-form\";\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,UAAUA,mBAAU,CAAA,QAAA;AAC1B,MAAM,UAAUA,mBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/layouts/common/lock/lock.js

@@ -108,7 +108,7 @@ var Lock = /* @__PURE__ */ vue.defineComponent({
         "scene": "Login",
         "visible": vue.unref(isVisibleVerify),
         "onUpdate:visible": (v) => isVisibleVerify.value = v,
-        "onVerifySuccessful": handleVerifySuccess
+        "onConfirm": handleVerifySuccess
       }, null) : null;
       return vue.createVNode("div", {
         "class": "mk-lock"

package/dist/cjs/layouts/common/lock/lock.js.map

@@ -1 +1 @@
-{"version":3,"file":"lock.js","sources":["../../../../../src/layouts/common/lock/lock.tsx"],"sourcesContent":["import { defineComponent, ref, unref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElButton, ElInput } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKVerifyDialog } from \"../../../components\";\n\nexport default defineComponent({\n  name: \"MKLock\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n\n    const vueRouter = useRouter();\n\n    const locking = ref(msAppClient.userSession!.locking ?? false);\n\n    const password = ref(\"\");\n    const isVisibleVerify = ref(false);\n\n    const handleToLogin = () => {\n      vueRouter.push({ name: \"login\" });\n    };\n\n    const handleUnlock = () => {\n      isVisibleVerify.value = true;\n    };\n\n    const handleVerifySuccess = async (code: string) => {\n      const userSession = msAppClient.userSession!;\n\n      try {\n        const response = await userSession.unlock(unref(password), code);\n\n        if (response.data.code !== 200) {\n          Messager.instance.error({ message: response.data.msg });\n          return;\n        }\n      } catch (e) {\n        console.error(e);\n\n        Messager.instance.error({ message: \"网络异常\" });\n      } finally {\n        isVisibleVerify.value = false;\n      }\n    };\n\n    msAppClient.userSession!.lockingChangeEvent.on(({ locking: isLocking }) => {\n      locking.value = isLocking;\n    });\n\n    return () => {\n      if (!unref(locking)) {\n        return null;\n      }\n\n      const verifyDialogVNode = unref(isVisibleVerify) ? (\n        <MKVerifyDialog\n          scene=\"Login\"\n          visible={unref(isVisibleVerify)}\n          onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}\n          onVerifySuccessful={handleVerifySuccess}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-lock\">\n          <div class=\"mk-lock__overlay mk-overlay\"></div>\n\n          <div class=\"mk-lock-entry\">\n            <div class=\"mk-lock-entry__user-info\"></div>\n            <ElInput\n              type=\"password\"\n              placeholder=\"请输入用户密码\"\n              modelValue={unref(password)}\n              onUpdate:modelValue={(v: string) => (password.value = v)}\n            />\n            <div class=\"mk-lock-entry__footer\">\n              <ElButton type=\"primary\" link onClick={handleToLogin}>\n                返回登陆\n              </ElButton>\n              <ElButton type=\"primary\" link onClick={handleUnlock}>\n                进入系统\n              </ElButton>\n            </div>\n          </div>\n\n          {verifyDialogVNode}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","msAppClient","MSAppClient","instance","vueRouter","useRouter","locking","ref","userSession","password","isVisibleVerify","handleToLogin","push","handleUnlock","value","handleVerifySuccess","code","response","unlock","unref","data","Messager","error","message","msg","e","console","lockingChangeEvent","on","isLocking","verifyDialogVNode","_createVNode","MKVerifyDialog","v","ElInput","ElButton","default","_createTextVNode"],"mappings":"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"}
+{"version":3,"file":"lock.js","sources":["../../../../../src/layouts/common/lock/lock.tsx"],"sourcesContent":["import { defineComponent, ref, unref } from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { ElButton, ElInput } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKVerifyDialog } from \"../../../components\";\n\nexport default defineComponent({\n  name: \"MKLock\",\n  setup() {\n    const msAppClient = MSAppClient.instance!;\n\n    const vueRouter = useRouter();\n\n    const locking = ref(msAppClient.userSession!.locking ?? false);\n\n    const password = ref(\"\");\n    const isVisibleVerify = ref(false);\n\n    const handleToLogin = () => {\n      vueRouter.push({ name: \"login\" });\n    };\n\n    const handleUnlock = () => {\n      isVisibleVerify.value = true;\n    };\n\n    const handleVerifySuccess = async (code: string) => {\n      const userSession = msAppClient.userSession!;\n\n      try {\n        const response = await userSession.unlock(unref(password), code);\n\n        if (response.data.code !== 200) {\n          Messager.instance.error({ message: response.data.msg });\n          return;\n        }\n      } catch (e) {\n        console.error(e);\n\n        Messager.instance.error({ message: \"网络异常\" });\n      } finally {\n        isVisibleVerify.value = false;\n      }\n    };\n\n    msAppClient.userSession!.lockingChangeEvent.on(({ locking: isLocking }) => {\n      locking.value = isLocking;\n    });\n\n    return () => {\n      if (!unref(locking)) {\n        return null;\n      }\n\n      const verifyDialogVNode = unref(isVisibleVerify) ? (\n        <MKVerifyDialog\n          scene=\"Login\"\n          visible={unref(isVisibleVerify)}\n          onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}\n          onConfirm={handleVerifySuccess}\n        />\n      ) : null;\n\n      return (\n        <div class=\"mk-lock\">\n          <div class=\"mk-lock__overlay mk-overlay\"></div>\n\n          <div class=\"mk-lock-entry\">\n            <div class=\"mk-lock-entry__user-info\"></div>\n            <ElInput\n              type=\"password\"\n              placeholder=\"请输入用户密码\"\n              modelValue={unref(password)}\n              onUpdate:modelValue={(v: string) => (password.value = v)}\n            />\n            <div class=\"mk-lock-entry__footer\">\n              <ElButton type=\"primary\" link onClick={handleToLogin}>\n                返回登陆\n              </ElButton>\n              <ElButton type=\"primary\" link onClick={handleUnlock}>\n                进入系统\n              </ElButton>\n            </div>\n          </div>\n\n          {verifyDialogVNode}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","msAppClient","MSAppClient","instance","vueRouter","useRouter","locking","ref","userSession","password","isVisibleVerify","handleToLogin","push","handleUnlock","value","handleVerifySuccess","code","response","unlock","unref","data","Messager","error","message","msg","e","console","lockingChangeEvent","on","isLocking","verifyDialogVNode","_createVNode","MKVerifyDialog","v","ElInput","ElButton","default","_createTextVNode"],"mappings":"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"}

package/dist/cjs/layouts/default/components/bar/index.js

@@ -59,7 +59,7 @@ require('@maketribe/utils');
 var MenuNode = require('../../../../core/menu/MenuNode.js');
 require('../../../../core/DataModelDefines.js');
 var MSAppClient = require('../../../../core/MSAppClient.js');
-var settings = require('./settings.js');
+var menu = require('../../../../constants/menu.js');
 
 const MKBar = /* @__PURE__ */ vue.defineComponent({
   name: "MKBar",
@@ -71,13 +71,13 @@ const MKBar = /* @__PURE__ */ vue.defineComponent({
   setup(props) {
     const msAppClient = MSAppClient.MSAppClient.instance;
     const userSession = msAppClient.userSession;
-    const menu = userSession.menu;
+    const menu$1 = userSession.menu;
     const router = userSession.router;
     const currentBarItem = vue.computed(() => props.barItem);
     const handleBarItemClick = (barItem) => {
       let target = barItem;
       if (barItem.children.length) {
-        target = menu.getFirstLeafMenuNode(barItem.children);
+        target = menu$1.getFirstLeafMenuNode(barItem.children);
       }
       if (!target) {
         return;
@@ -89,7 +89,7 @@ const MKBar = /* @__PURE__ */ vue.defineComponent({
       }
     };
     return () => {
-      const barItems = menu.rootMenus.filter((rootMenu) => rootMenu.type !== "3").map((rootMenu) => vue.createVNode("div", {
+      const barItems = menu$1.rootMenus.filter((rootMenu) => rootMenu.type !== "3").map((rootMenu) => vue.createVNode("div", {
         "class": ["mk-bar__item", rootMenu.children.length ? "has-children" : "", vue.unref(currentBarItem)?.id === rootMenu.id ? "is-active" : ""],
         "onClick": () => handleBarItemClick(rootMenu)
       }, [vue.createVNode("div", {
@@ -99,12 +99,19 @@ const MKBar = /* @__PURE__ */ vue.defineComponent({
       }, null)]), vue.createVNode("div", {
         "class": "mk-bar__item-title"
       }, [rootMenu.title, vue.createTextVNode(" ")])]));
-      const systemSettingNode = menu.rootMenus.find((rootMenu) => rootMenu.type === "3");
+      const systemSettingNode = menu$1.rootMenus.find((rootMenu) => rootMenu.type === menu.MenuType.SystemSettings);
       const footer = systemSettingNode?.children.length ? vue.createVNode("div", {
         "class": "mk-bar__footer"
-      }, [vue.createVNode(settings, {
-        "menuItems": systemSettingNode.children
-      }, null)]) : null;
+      }, [vue.createVNode("div", {
+        "class": ["mk-bar__item", "mk-bar__settings", systemSettingNode.children.length ? "has-children" : "", vue.unref(currentBarItem)?.id === systemSettingNode.id ? "is-active" : ""],
+        "onClick": () => handleBarItemClick(systemSettingNode)
+      }, [vue.createVNode("div", {
+        "class": "mk-bar__item-button"
+      }, [vue.createVNode(index.MKSvgIcon, {
+        "iconClass": systemSettingNode.iconName
+      }, null)]), vue.createVNode("div", {
+        "class": "mk-bar__item-title"
+      }, [systemSettingNode.title, vue.createTextVNode(" ")])])]) : null;
       return vue.createVNode("div", {
         "class": "mk-bar"
       }, [vue.createVNode("div", {

package/dist/cjs/layouts/default/components/bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/layouts/default/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { MKSvgIcon } from \"../../../../components\";\nimport { MSAppClient, MenuNode } from \"../../../../core\";\nimport MKBarSettings from \"./settings\";\n\nexport const MKBar = defineComponent({\n  name: \"MKBar\",\n  props: {\n    barItem: {\n      type: MenuNode,\n    },\n  },\n  setup(props) {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const currentBarItem = computed(() => props.barItem);\n\n    const handleBarItemClick = (barItem: MenuNode) => {\n      let target: MenuNode | null = barItem;\n\n      if (barItem.children.length) {\n        target = menu.getFirstLeafMenuNode(barItem.children);\n      }\n\n      if (!target) {\n        return;\n      }\n\n      if (target?.route) {\n        router.changeRoute({ name: target.route.name });\n      }\n    };\n\n    return () => {\n      const barItems = menu.rootMenus\n        .filter((rootMenu) => rootMenu.type !== \"3\")\n        .map((rootMenu) => (\n          <div\n            class={[\n              \"mk-bar__item\",\n              rootMenu.children.length ? \"has-children\" : \"\",\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\n            ]}\n            onClick={() => handleBarItemClick(rootMenu)}\n          >\n            <div class=\"mk-bar__item-button\">\n              <MKSvgIcon iconClass={rootMenu.iconName} />\n            </div>\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\n          </div>\n        ));\n\n      const systemSettingNode = menu.rootMenus.find(\n        (rootMenu) => rootMenu.type === \"3\"\n      );\n\n      const footer = systemSettingNode?.children.length ? (\n        <div class=\"mk-bar__footer\">\n          <MKBarSettings menuItems={systemSettingNode.children} />\n        </div>\n      ) : null;\n\n      return (\n        <div class=\"mk-bar\">\n          <div class=\"mk-bar__logo\">\n            <div\n              class=\"mk-logo\"\n              style={{ backgroundImage: `url(${msAppClient.logo})` }}\n            />\n          </div>\n\n          <div class=\"mk-bar__items\">{barItems}</div>\n\n          {footer}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","router","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","changeRoute","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","footer","MKBarSettings","backgroundImage","logo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/layouts/default/components/bar/index.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { MKSvgIcon } from \"../../../../components\";\nimport { MSAppClient, MenuNode } from \"../../../../core\";\nimport { MenuType } from \"../../../../constants\";\n\nexport const MKBar = defineComponent({\n  name: \"MKBar\",\n  props: {\n    barItem: {\n      type: MenuNode,\n    },\n  },\n  setup(props) {\n    const msAppClient = MSAppClient.instance!;\n    const userSession = msAppClient.userSession!;\n    const menu = userSession.menu;\n    const router = userSession.router;\n\n    const currentBarItem = computed(() => props.barItem);\n\n    const handleBarItemClick = (barItem: MenuNode) => {\n      let target: MenuNode | null = barItem;\n\n      if (barItem.children.length) {\n        target = menu.getFirstLeafMenuNode(barItem.children);\n      }\n\n      if (!target) {\n        return;\n      }\n\n      if (target?.route) {\n        router.changeRoute({ name: target.route.name });\n      }\n    };\n\n    return () => {\n      const barItems = menu.rootMenus\n        .filter((rootMenu) => rootMenu.type !== \"3\")\n        .map((rootMenu) => (\n          <div\n            class={[\n              \"mk-bar__item\",\n              rootMenu.children.length ? \"has-children\" : \"\",\n              unref(currentBarItem)?.id === rootMenu.id ? \"is-active\" : \"\",\n            ]}\n            onClick={() => handleBarItemClick(rootMenu)}\n          >\n            <div class=\"mk-bar__item-button\">\n              <MKSvgIcon iconClass={rootMenu.iconName} />\n            </div>\n            <div class=\"mk-bar__item-title\">{rootMenu.title} </div>\n          </div>\n        ));\n\n      const systemSettingNode = menu.rootMenus.find(\n        (rootMenu) => rootMenu.type === MenuType.SystemSettings\n      );\n\n      const footer = systemSettingNode?.children.length ? (\n        <div class=\"mk-bar__footer\">\n          <div\n            class={[\n              \"mk-bar__item\",\n              \"mk-bar__settings\",\n              systemSettingNode.children.length ? \"has-children\" : \"\",\n              unref(currentBarItem)?.id === systemSettingNode.id\n                ? \"is-active\"\n                : \"\",\n            ]}\n            onClick={() => handleBarItemClick(systemSettingNode)}\n          >\n            <div class=\"mk-bar__item-button\">\n              <MKSvgIcon iconClass={systemSettingNode.iconName} />\n            </div>\n            <div class=\"mk-bar__item-title\">{systemSettingNode.title} </div>\n          </div>\n        </div>\n      ) : null;\n\n      return (\n        <div class=\"mk-bar\">\n          <div class=\"mk-bar__logo\">\n            <div\n              class=\"mk-logo\"\n              style={{ backgroundImage: `url(${msAppClient.logo})` }}\n            />\n          </div>\n\n          <div class=\"mk-bar__items\">{barItems}</div>\n\n          {footer}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["MKBar","defineComponent","name","props","barItem","type","MenuNode","setup","msAppClient","MSAppClient","instance","userSession","menu","router","currentBarItem","computed","handleBarItemClick","target","children","length","getFirstLeafMenuNode","route","changeRoute","barItems","rootMenus","filter","rootMenu","map","_createVNode","unref","id","onClick","MKSvgIcon","iconName","title","_createTextVNode","systemSettingNode","find","MenuType","SystemSettings","footer","backgroundImage","logo"],"mappings":"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"}

package/dist/cjs/layouts/{manager-system → default}/components/header/index.d.ts

@@ -1,2 +1 @@
 export declare const MKHeader: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default MKHeader;

package/dist/cjs/layouts/default/components/header/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var vue = require('vue');
+var tools = require('./tools.js');
+
+const MKHeader = /* @__PURE__ */ vue.defineComponent({
+  name: "MKHeader",
+  setup() {
+    return () => {
+      return vue.createVNode("div", {
+        "class": "mk-header"
+      }, [vue.createVNode("div", {
+        "class": "mk-header__main"
+      }, null), vue.createVNode("div", {
+        "class": "mk-header__tools"
+      }, [vue.createVNode(tools.MKHeaderTools, null, null)])]);
+    };
+  }
+});
+
+exports.MKHeader = MKHeader;
+//# sourceMappingURL=index.js.map

package/dist/cjs/layouts/default/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/layouts/default/components/header/index.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { MKHeaderTools } from \"./tools\";\n\nexport const MKHeader = defineComponent({\n  name: \"MKHeader\",\n  setup() {\n    return () => {\n      return (\n        <div class=\"mk-header\">\n          <div class=\"mk-header__main\"></div>\n          <div class=\"mk-header__tools\">\n            <MKHeaderTools />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["MKHeader","defineComponent","name","setup","_createVNode","MKHeaderTools"],"mappings":";;;;;AAGO,MAAMA,2BAA2BC,mBAAA,CAAA;AAAA,EACtCC,IAAM,EAAA,UAAA;AAAA,EACNC,KAAQ,GAAA;AACN,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,gBAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,WAAA;AAAA,OAAA,EAAA,CAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,iBAAA;AAAA,OAAA,EAAA,IAAA,CAAAA,EAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,kBAAA;AAAA,OAAA,EAAAA,CAAAA,eAAAC,CAAAA,mBAAAA,EAAA,MAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAQF,CAAA;AAAA,GACF;AACF,CAAC;;;;"}

package/dist/cjs/layouts/{manager-system/components/header/tools/index.d.ts → default/components/header/tools.d.ts}

@@ -1,2 +1 @@
 export declare const MKHeaderTools: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default MKHeaderTools;

package/dist/cjs/layouts/default/components/{bar/settings.js → header/tools.js}

@@ -2,6 +2,10 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+require('@maketribe/dm');
+require('@maketribe/utils');
+require('../../../../core/DataModelDefines.js');
+var MSAppClient = require('../../../../core/MSAppClient.js');
 require('../../../../components/data-model/data-form/index.js');
 require('../../../../components/data-model/data-form-page/index.js');
 require('../../../../components/data-model/data-table/index.js');
@@ -54,60 +58,44 @@ require('../../../../components/menu-permission-table/index.js');
 require('../../../../components/image-select/index.js');
 require('../../../../components/verify-dialog/index.js');
 require('../../../../components/member-table/index.js');
-require('@maketribe/dm');
-require('@maketribe/utils');
-require('../../../../core/DataModelDefines.js');
-var MSAppClient = require('../../../../core/MSAppClient.js');
 
-var MKBarSettings = /* @__PURE__ */ vue.defineComponent({
-  name: "MKBarSettings",
-  props: {
-    menuItems: {
-      type: Array,
-      required: true
-    }
-  },
-  setup(props, {
-    emit
-  }) {
-    const isVisible = vue.ref(false);
-    const userSession = MSAppClient.MSAppClient.instance.userSession;
-    const menu = userSession.menu;
-    const router = userSession.router;
-    const handleItemClick = (menuNode) => {
-      isVisible.value = false;
-      const item = menu.findMenuNodeByID(menuNode.id);
-      if (item?.route) {
-        router.changeRoute({
-          name: item.route.name
-        });
-      }
-    };
+const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
+  name: "MKHeaderTools",
+  setup(props) {
+    const msAppClient = MSAppClient.MSAppClient.instance;
+    const userSession = msAppClient.userSession;
+    const userInfo = vue.computed(() => userSession.userInfo);
+    const avatar = vue.computed(() => vue.unref(userInfo).avatar || "/avatar.png");
     return () => {
-      return vue.createVNode(elementPlus.ElPopover, {
-        "visible": vue.unref(isVisible),
-        "onUpdate:visible": (visible) => isVisible.value = visible,
-        "trigger": "click",
-        "placement": "right"
+      return vue.createVNode("div", {
+        "class": "mk-header-tools"
+      }, [vue.createVNode("div", {
+        "class": "mk-header-tools__item"
+      }, [vue.createVNode(elementPlus.ElDropdown, {
+        "class": "mk-header-tools__user",
+        "trigger": "click"
       }, {
-        reference: () => vue.createVNode(index.MKSvgIcon, {
-          "class": "mk-bar-settings__icon",
-          "iconClass": "Setting"
-        }, null),
-        default: () => {
-          const children = props.menuItems.map((menuItem) => vue.createVNode("div", {
-            "class": "mk-bar-settings__item",
-            "onClick": () => handleItemClick(menuItem)
-          }, [vue.createVNode(index.MKSvgIcon, {
-            "class": "mk-bar-settings__item-icon",
-            "iconClass": menuItem.iconName
-          }, null), menuItem.title]));
-          return vue.createVNode(vue.Fragment, null, [children]);
-        }
-      });
+        default: () => vue.createVNode("div", {
+          "class": "mk-header-tools__user-info"
+        }, [vue.createVNode(elementPlus.ElImage, {
+          "class": "mk-header-tools__avatar",
+          "src": vue.unref(avatar)
+        }, null), vue.createVNode("span", {
+          "class": "mk-header-tools__nickName"
+        }, [vue.unref(userInfo).nickName])]),
+        dropdown: () => vue.createVNode(elementPlus.ElDropdownMenu, null, {
+          default: () => [vue.createVNode(elementPlus.ElDropdownItem, {
+            "onClick": () => msAppClient.logout()
+          }, {
+            default: () => [vue.createVNode(index.MKSvgIcon, {
+              "iconClass": "SwitchButton"
+            }, null), vue.createTextVNode("\u9000\u51FA\u767B\u5F55")]
+          })]
+        })
+      })])]);
     };
   }
 });
 
-module.exports = MKBarSettings;
-//# sourceMappingURL=settings.js.map
+exports.MKHeaderTools = MKHeaderTools;
+//# sourceMappingURL=tools.js.map