@ibiz-template/vue3-components 0.7.38-alpha.21 → 0.7.38-alpha.43

package/lib/common/custom-theme/custom-theme-model.cjs

@@ -128,35 +128,35 @@ const predefineThemeVars = [
             ]
           },
           {
-            caption: "\u6587\u672C/\u56FE\u6807\u989C\u8272",
-            labelLang: "textIcon",
+            caption: "\u6587\u672C\u989C\u8272",
+            labelLang: "text",
             vars: [
               {
-                label: "\u6587\u672C\u56FE\u6807\u4E3B\u8272",
-                description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u4E3B\u8981",
-                labelLang: "mainTextIconColor",
-                descLang: "mianTextIconColorDesc",
+                label: "\u6587\u672C\u4E3B\u8272",
+                description: "\u6587\u672C\u989C\u8272 - \u6700\u4E3B\u8981",
+                labelLang: "mainTextColor",
+                descLang: "mianTextColorDesc",
                 value: "--ibiz-color-text-0"
               },
               {
-                label: "\u6587\u672C\u56FE\u6807\u7A0D\u6B21\u8272",
-                description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u7A0D\u6B21\u8981",
-                labelLang: "minorTextIconColor",
-                descLang: "minorTextIconColorDesc",
+                label: "\u6587\u672C\u7A0D\u6B21\u8272",
+                description: "\u6587\u672C\u989C\u8272 - \u7A0D\u6B21\u8981",
+                labelLang: "minorTextColor",
+                descLang: "minorTextColorDesc",
                 value: "--ibiz-color-text-1"
               },
               {
-                label: "\u6587\u672C\u56FE\u6807\u6B21\u8272",
-                description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6B21\u8981",
-                labelLang: "secondaryTextIconColor",
-                descLang: "secondaryTextIconColorDesc",
+                label: "\u6587\u672C\u6B21\u8272",
+                description: "\u6587\u672C\u989C\u8272 - \u6B21\u8981",
+                labelLang: "secondaryTextColor",
+                descLang: "secondaryTextColorDesc",
                 value: "--ibiz-color-text-2"
               },
               {
-                label: "\u6587\u672C\u56FE\u6807\u6700\u6B21\u8272",
-                description: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u6B21\u8981",
-                labelLang: "lastTextIconColor",
-                descLang: "lastTextIconColorDesc",
+                label: "\u6587\u672C\u6700\u6B21\u8272",
+                description: "\u6587\u672C\u989C\u8272 - \u6700\u6B21\u8981",
+                labelLang: "lastTextColor",
+                descLang: "lastTextColorDesc",
                 value: "--ibiz-color-text-3"
               }
             ]
@@ -292,21 +292,21 @@ const predefineThemeVars = [
                 description: "\u7981\u7528\u6001 - \u63CF\u8FB9",
                 labelLang: "disabledTextBorder",
                 descLang: "disabledTextBorderDesc",
-                value: "--ibiz-color-text-border"
+                value: "--ibiz-color-disabled-border"
               },
               {
                 label: "\u7981\u7528\u80CC\u666F\u8272",
                 description: "\u7981\u7528\u6001 - \u80CC\u666F",
                 labelLang: "disabledBg",
                 descLang: "disabledBgDesc",
-                value: "--ibiz-color-text-bg"
+                value: "--ibiz-color-disabled-bg"
               },
               {
                 label: "\u7981\u7528\u586B\u5145\u8272",
                 description: "\u7981\u7528\u6001 - \u586B\u5145",
                 labelLang: "disabledFill",
                 descLang: "disabledFillDesc",
-                value: "--ibiz-color-text-fill"
+                value: "--ibiz-color-disabled-fill"
               }
             ]
           }
@@ -365,32 +365,97 @@ const predefineThemeVars = [
       }
     ]
   },
+  // 导航栏中菜单激活色和悬浮色相反
   {
     caption: "\u9876\u90E8\u5BFC\u822A\u680F",
     labelLang: "top",
     vars: [
       {
-        label: "\u80CC\u666F",
+        label: "\u5B57\u4F53\u4E3B\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-color",
+        defaultValue: "--ibiz-color-primary-text",
+        labelLang: "mainColor",
+        descLang: "mainColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5B57\u4F53\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-color-1",
+        defaultValue: "--ibiz-color-text-5",
+        labelLang: "secondaryColor",
+        descLang: "secondaryColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u80CC\u666F\u4E3B\u8981\u989C\u8272",
         value: "--ibiz-panel-app-header-horizontal-bg-color",
         defaultValue: "--ibiz-color-primary",
-        labelLang: "topBgColor",
-        descLang: "topBgColorDesc",
+        labelLang: "mainBgColor",
+        descLang: "mainBgColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u5B57\u4F53\u989C\u8272",
-        value: "--ibiz-panel-app-header-horizontal-color",
-        defaultValue: "--ibiz-color-primary-text",
-        labelLang: "topColor",
-        descLang: "topColorDesc",
+        label: "\u80CC\u666F\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-bg-color-1",
+        defaultValue: "--ibiz-color-bg-5",
+        labelLang: "secondaryBgColor",
+        descLang: "secondaryBgColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u56FE\u6807\u4E3B\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-color-icon-0",
+        defaultValue: "--ibiz-color-icon-0",
+        labelLang: "iconMainColor",
+        descLang: "iconMainColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u56FE\u6807\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-color-icon-1",
+        defaultValue: "--ibiz-color-icon-1",
+        labelLang: "iconSecondaryColor",
+        descLang: "iconSecondaryColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u5B57\u4F53\u989C\u8272",
+        value: "--ibiz-panel-app-header-horizontal-menu-color",
+        defaultValue: "--ibiz-color-text-menu",
+        labelLang: "appMenuColor",
+        descLang: "appMenuColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u60AC\u6D6E\u5B57\u4F53\u8272",
+        value: "--ibiz-panel-app-header-horizontal-active-color",
+        defaultValue: "--ibiz-color-primary-active-text",
+        labelLang: "appMenuHoverColor",
+        descLang: "appMenuHoverColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u60AC\u6D6E\u80CC\u666F\u8272",
+        value: "--ibiz-panel-app-header-horizontal-active-bg-color",
+        defaultValue: "--ibiz-color-primary-active",
+        labelLang: "appMenuHoverBgColor",
+        descLang: "appMenuHoverBgColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u9009\u4E2D\u5B57\u4F53\u8272",
+        value: "--ibiz-panel-app-header-horizontal-hover-color",
+        defaultValue: "--ibiz-color-primary-hover-text",
+        labelLang: "appMenuActiveColor",
+        descLang: "appMenuActiveColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u9009\u4E2D\u8272",
+        label: "\u5E94\u7528\u83DC\u5355\u9009\u4E2D\u80CC\u666F\u8272",
         value: "--ibiz-panel-app-header-horizontal-hover-bg-color",
         defaultValue: "--ibiz-color-primary-hover",
-        labelLang: "topSelectBgColor",
-        descLang: "topSelectBgColorDesc",
+        labelLang: "appMenuActiveBgColor",
+        descLang: "appMenuActiveBgColorDesc",
         className: "ibiz-panel-app-header"
       }
     ]
@@ -400,35 +465,91 @@ const predefineThemeVars = [
     labelLang: "sidebar",
     vars: [
       {
-        label: "\u80CC\u666F",
+        label: "\u5B57\u4F53\u4E3B\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-color",
+        defaultValue: "--ibiz-color-primary-text",
+        labelLang: "mainColor",
+        descLang: "mainColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5B57\u4F53\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-color-1",
+        defaultValue: "--ibiz-color-text-5",
+        labelLang: "secondaryColor",
+        descLang: "secondaryColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u80CC\u666F\u4E3B\u8981\u989C\u8272",
         value: "--ibiz-panel-app-header-bg-color",
         defaultValue: "--ibiz-color-primary",
-        labelLang: "sidebarBg",
-        descLang: "sidebarBgDesc",
+        labelLang: "mainBgColor",
+        descLang: "mainBgColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u5B57\u4F53\u989C\u8272",
-        value: "--ibiz-panel-app-header-color",
-        defaultValue: "--ibiz-color-primary-text",
-        labelLang: "sidebarColor",
-        descLang: "sidebarColorDesc",
+        label: "\u80CC\u666F\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-bg-color-1",
+        defaultValue: "--ibiz-color-bg-5",
+        labelLang: "secondaryBgColor",
+        descLang: "secondaryBgColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u60AC\u6D6E\u8272",
-        value: "--ibiz-panel-app-header-select-bg-color",
+        label: "\u56FE\u6807\u4E3B\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-color-icon-0",
+        defaultValue: "--ibiz-color-icon-0",
+        labelLang: "iconMainColor",
+        descLang: "iconMainColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u56FE\u6807\u6B21\u8981\u989C\u8272",
+        value: "--ibiz-panel-app-header-color-icon-1",
+        defaultValue: "--ibiz-color-icon-1",
+        labelLang: "iconSecondaryColor",
+        descLang: "iconSecondaryColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u5B57\u4F53\u989C\u8272",
+        value: "--ibiz-panel-app-header-menu-color",
+        defaultValue: "--ibiz-color-text-menu",
+        labelLang: "appMenuColor",
+        descLang: "appMenuColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u60AC\u6D6E\u5B57\u4F53\u8272",
+        value: "--ibiz-panel-app-header-active-color",
+        defaultValue: "--ibiz-color-primary-active-text",
+        labelLang: "appMenuHoverColor",
+        descLang: "appMenuHoverColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u60AC\u6D6E\u80CC\u666F\u8272",
+        value: "--ibiz-panel-app-header-active-bg-color",
         defaultValue: "--ibiz-color-primary-active",
-        labelLang: "sidebarHoverBgColor",
-        descLang: "sidebarHoverBgColorDesc",
+        labelLang: "appMenuHoverBgColor",
+        descLang: "appMenuHoverBgColorDesc",
+        className: "ibiz-panel-app-header"
+      },
+      {
+        label: "\u5E94\u7528\u83DC\u5355\u9009\u4E2D\u5B57\u4F53\u8272",
+        value: "--ibiz-panel-app-header-hover-color",
+        defaultValue: "--ibiz-color-primary-hover-text",
+        labelLang: "appMenuActiveColor",
+        descLang: "appMenuActiveColorDesc",
         className: "ibiz-panel-app-header"
       },
       {
-        label: "\u9009\u4E2D\u8272",
+        label: "\u5E94\u7528\u83DC\u5355\u9009\u4E2D\u80CC\u666F\u8272",
         value: "--ibiz-panel-app-header-hover-bg-color",
         defaultValue: "--ibiz-color-primary-hover",
-        labelLang: "sidebarSelectBgColor",
-        descLang: "sidebarSelectBgColorDesc",
+        labelLang: "appMenuActiveBgColor",
+        descLang: "appMenuActiveBgColorDesc",
         className: "ibiz-panel-app-header"
       }
     ]

package/lib/common/custom-theme/custom-theme.cjs

@@ -3,8 +3,10 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var core = require('@ibiz-template/core');
+require('../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
 var customTheme_controller = require('./custom-theme.controller.cjs');
 require('./custom-theme.css');
+var index = require('../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
 "use strict";
 function _isSlot(s) {
@@ -24,8 +26,93 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
     const vue$1 = vue.getCurrentInstance().proxy;
     const c = new customTheme_controller.CustomThemeController();
     const activeTab = vue.ref(0);
-    const handleThemeChange = (codeName) => {
-      c.state.themeTag = codeName;
+    const codeEditRef = vue.ref();
+    const currentVal = vue.ref("");
+    const isEditMode = vue.ref(false);
+    let editor;
+    let monacoEditor;
+    const {
+      UIStore
+    } = vue3Util.useUIStore();
+    const getMonacoTheme = (name) => {
+      return name === "dark" ? "vs-".concat(UIStore.theme) : "vs";
+    };
+    vue.watch(() => UIStore.theme, (newVal) => {
+      monacoEditor.setTheme(getMonacoTheme(newVal));
+    });
+    const editorInit = () => {
+      vue.nextTick(() => {
+        index.default.config({
+          paths: {
+            vs: "".concat(ibiz.env.pluginBaseUrl, "/monaco-editor@0.45.0/min/vs")
+          }
+        });
+        index.default.init().then((loaderMonaco) => {
+          if (!editor) {
+            monacoEditor = loaderMonaco.editor;
+            editor = monacoEditor.create(codeEditRef.value, {
+              language: "json",
+              // 语言支持自行查阅demo
+              theme: getMonacoTheme(UIStore.theme),
+              foldingStrategy: "indentation",
+              renderLineHighlight: "all",
+              // 行亮
+              selectOnLineNumbers: true,
+              // 显示行号
+              minimap: {
+                enabled: true
+              },
+              fontSize: 16,
+              // 字体大小
+              scrollBeyondLastLine: false,
+              // 取消代码后面一大段空白
+              overviewRulerBorder: false
+              // 不要滚动条的边框
+            });
+          }
+          setTimeout(() => {
+            editor.layout();
+            editor.setValue(currentVal.value);
+          });
+          window.addEventListener("resize", () => {
+            editor.layout();
+          });
+        });
+      });
+    };
+    vue.onMounted(() => {
+      editorInit();
+    });
+    vue.onUnmounted(() => {
+      editor == null ? void 0 : editor.dispose();
+    });
+    const showSaveAndShare = vue.computed(() => {
+      if (ibiz.appData) {
+        if (ibiz.appData.enablepermissionvalid === false) {
+          return true;
+        }
+        if (ibiz.appData.unires.length) {
+          const targetUnire = ibiz.appData.unires.find((unire) => {
+            return unire === "UNIRES_CLOUD_CONF_CONFIG_SHARE";
+          });
+          if (targetUnire) {
+            return true;
+          }
+        }
+      }
+      return false;
+    });
+    const handleThemeChange = async (codeName) => {
+      await c.handleThemeChange(codeName);
+      if (isEditMode.value) {
+        const result = c.getModelEditData();
+        vue.nextTick(() => {
+          currentVal.value = JSON.stringify(result, null, 2);
+          editor == null ? void 0 : editor.setValue(currentVal.value);
+          editor == null ? void 0 : editor.layout();
+        });
+      }
+      vue$1.$forceUpdate();
     };
     const handleColorChange = (varName, color, className) => {
       let name = varName;
@@ -37,35 +124,52 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
     const handleSizeChange = (varName, size, item) => {
       c.calcSizeChange(varName, size, item);
     };
-    const handlePreview = () => {
-      ibiz.util.theme.previewCustomTheme(c.state.themeTag, c.state.themeVars);
+    const handlePreview = async () => {
+      if (isEditMode.value && editor) {
+        await c.computeChangeThemeVars(JSON.parse(editor.getValue()));
+      }
+      await c.handleThemePreview(false);
       vue$1.$forceUpdate();
     };
     const handleSave = async () => {
-      ibiz.util.theme.previewCustomTheme(c.state.themeTag, c.state.themeVars);
+      if (isEditMode.value && editor) {
+        await c.computeChangeThemeVars(JSON.parse(editor.getValue()));
+      }
+      await c.handleThemeSave(false);
       vue$1.$forceUpdate();
-      await ibiz.util.theme.saveCustomTheme(c.state.themeTag, c.state.themeVars);
     };
-    const handleReset = () => {
-      c.state.themeVars = {};
-      ibiz.util.theme.resetCustomTheme();
+    const handleSaveAndShare = async () => {
+      if (isEditMode.value && editor) {
+        await c.computeChangeThemeVars(JSON.parse(editor.getValue()));
+      }
+      await c.handleThemeSave(true);
       vue$1.$forceUpdate();
     };
-    const handleShare = async () => {
-      ibiz.util.theme.previewCustomTheme(c.state.themeTag, c.state.themeVars);
+    const handleReset = async () => {
+      await c.handleThemeReset(false);
+      if (isEditMode.value) {
+        const result = c.getModelEditData();
+        vue.nextTick(() => {
+          currentVal.value = JSON.stringify(result, null, 2);
+          editor == null ? void 0 : editor.setValue(currentVal.value);
+          editor == null ? void 0 : editor.layout();
+        });
+      }
       vue$1.$forceUpdate();
-      await ibiz.util.theme.saveCustomTheme(c.state.themeTag, c.state.themeVars);
-      const shareUrl = await ibiz.util.theme.shareCustomTheme(c.state.themeTag, c.state.themeVars);
-      if (shareUrl) {
-        const confirm = await ibiz.confirm.info({
-          title: ibiz.i18n.t("control.common.customTheme.confirmCopyLink"),
-          desc: "".concat(shareUrl)
+    };
+    const handleResetAndShare = async () => {
+      await c.handleThemeReset(true);
+      if (isEditMode.value) {
+        const result = c.getModelEditData();
+        vue.nextTick(() => {
+          currentVal.value = JSON.stringify(result, null, 2);
+          editor == null ? void 0 : editor.setValue(currentVal.value);
+          editor == null ? void 0 : editor.layout();
         });
-        if (confirm) {
-          ibiz.util.text.copy(shareUrl);
-        }
       }
+      vue$1.$forceUpdate();
     };
+    const predefineColors = vue.ref(["rgb(241, 4, 4)", "rgb(242, 76, 4)", "rgb(238, 153, 33)", "rgb(98, 230, 10)", "rgb(10, 230, 164)", "rgb(3, 144, 245)", "rgb(3, 7, 245)", "rgb(108, 3, 245)", "rgb(245, 3, 241)", "rgb(245, 3, 92)"]);
     const renderColorPicker = (data) => {
       let {
         value
@@ -74,6 +178,7 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
         value = "".concat(data.className, ":").concat(value);
       }
       return vue.createVNode(vue.resolveComponent("el-color-picker"), {
+        "predefine": predefineColors.value,
         "onChange": (val) => {
           handleColorChange(data.value, val, data.className);
         },
@@ -117,12 +222,41 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
         }, [ibiz.i18n.t("control.common.customTheme.".concat(data.labelLang))]), content]);
       })])]);
     };
+    const handAdvancedSetting = async () => {
+      const tempIsEditMode = !isEditMode.value;
+      if (isEditMode.value) {
+        if (editor) {
+          await c.computeChangeThemeVars(JSON.parse(editor.getValue()));
+        }
+        isEditMode.value = tempIsEditMode;
+        vue$1.$forceUpdate();
+      } else {
+        const result = c.getModelEditData();
+        isEditMode.value = tempIsEditMode;
+        vue.nextTick(() => {
+          currentVal.value = JSON.stringify(result, null, 2);
+          editor == null ? void 0 : editor.setValue(currentVal.value);
+          editor == null ? void 0 : editor.layout();
+          vue$1.$forceUpdate();
+        });
+      }
+    };
+    const renderAdvancedSetting = () => {
+      return vue.createVNode("span", {
+        "class": ns.b("content-setting"),
+        "onClick": () => {
+          handAdvancedSetting();
+        }
+      }, [isEditMode.value ? ibiz.i18n.t("control.common.customTheme.closeModelEdit") : ibiz.i18n.t("control.common.customTheme.modelEdit")]);
+    };
     const renderHeader = () => {
       return vue.createVNode("div", {
         "class": ns.b("item")
       }, [vue.createVNode("div", {
         "class": ns.be("item", "caption")
       }, [ibiz.i18n.t("control.common.customTheme.themeColor")]), vue.createVNode("div", {
+        "class": ns.be("item", "container")
+      }, [vue.createVNode("div", {
         "class": ns.be("item", "content")
       }, [c.predefineType.map((item) => {
         return vue.createVNode(vue.resolveComponent("el-button"), {
@@ -136,11 +270,18 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
             "name": "checkmark-sharp"
           }, null)]
         });
-      })])]);
+      })]), renderAdvancedSetting()])]);
     };
     const renderContent = () => {
       let _slot2;
-      return vue.createVNode(vue.resolveComponent("el-tabs"), {
+      return vue.createVNode("div", {
+        "class": ns.b("content-container")
+      }, [vue.createVNode("div", {
+        "ref": codeEditRef,
+        "class": [ns.b("edit-container"), ns.is("hidden", !isEditMode.value)]
+      }, null), vue.createVNode("div", {
+        "class": [ns.b("default-container"), ns.is("hidden", isEditMode.value)]
+      }, [vue.createVNode(vue.resolveComponent("el-tabs"), {
         "modelValue": activeTab.value,
         "onUpdate:modelValue": ($event) => activeTab.value = $event
       }, _isSlot(_slot2 = c.model.map((item, index) => {
@@ -153,15 +294,17 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
         });
       })) ? _slot2 : {
         default: () => [_slot2]
-      });
+      })])]);
     };
     return {
       ns,
       c,
+      showSaveAndShare,
       handlePreview,
       handleReset,
       handleSave,
-      handleShare,
+      handleSaveAndShare,
+      handleResetAndShare,
       renderHeader,
       renderContent
     };
@@ -188,6 +331,27 @@ const CustomTheme = /* @__PURE__ */ vue.defineComponent({
       "onClick": this.handleReset
     }, _isSlot(_slot5 = ibiz.i18n.t("control.common.customTheme.reset")) ? _slot5 : {
       default: () => [_slot5]
+    }), this.showSaveAndShare && vue.createVNode(vue.resolveComponent("el-dropdown"), {
+      "split-button": true,
+      "type": "primary",
+      "trigger": "click"
+    }, {
+      default: () => {
+        return ibiz.i18n.t("control.common.customTheme.adminOperation");
+      },
+      dropdown: () => {
+        return vue.createVNode(vue.resolveComponent("el-dropdown-menu"), null, {
+          default: () => [vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, {
+            default: () => [vue.createVNode("span", {
+              "onClick": this.handleSaveAndShare
+            }, [ibiz.i18n.t("control.common.customTheme.saveAndShare")])]
+          }), vue.createVNode(vue.resolveComponent("el-dropdown-item"), null, {
+            default: () => [vue.createVNode("span", {
+              "onClick": this.handleResetAndShare
+            }, [ibiz.i18n.t("control.common.customTheme.resetAndShare")])]
+          })]
+        });
+      }
     })])]);
   }
 });