@ibiz-template/vue3-components 0.7.19 → 0.7.21

package/es/locale/zh-CN/index.d.ts

@@ -118,6 +118,13 @@ declare const _default: {
                     confirmDataDeletion: string;
                     noImportModel: string;
                 };
+                md: {
+                    rowData: string;
+                    simpleMode: string;
+                    dataDeleted: string;
+                    noChange: string;
+                    firstComplete: string;
+                };
                 editor: {
                     editorNoConfigured: string;
                 };
@@ -180,14 +187,9 @@ declare const _default: {
                     searchTerms: string;
                     saveSearch: string;
                 };
-                md: {
+                gantt: {
                     noNode: string;
-                    rowData: string;
-                    simpleMode: string;
                     nonentity: string;
-                    noChange: string;
-                    dataDeleted: string;
-                    firstComplete: string;
                     noSupport: string;
                 };
                 grid: {
@@ -707,6 +709,11 @@ declare const _default: {
         subAppRefView: {
             jump: string;
         };
+        shareView: {
+            inviting: string;
+            use: string;
+            cancel: string;
+        };
     };
     viewEngine: {
         closeRemind: string;
@@ -755,6 +762,109 @@ declare const _default: {
             updateSuccess: string;
             newSuccCreated: string;
             deleteSuccess: string;
+            customTheme: {
+                themeColor: string;
+                confirmCopyLink: string;
+                preview: string;
+                save: string;
+                reset: string;
+                share: string;
+                typeface: string;
+                fontSize: string;
+                fontWeight: string;
+                borderRadius: string;
+                height: string;
+                widthIcon: string;
+                spacing: string;
+                primaryColor: string;
+                primaryColorDesc: string;
+                primaryTextColor: string;
+                primaryTextColorDesc: string;
+                primaryHoverColor: string;
+                primaryHoverColorDesc: string;
+                primaryHoverTextColor: string;
+                primaryHoverTextColorDesc: string;
+                primaryActiveColor: string;
+                primaryActiveColorDesc: string;
+                primaryActiveTextColor: string;
+                primaryActiveTextColorDesc: string;
+                primaryDisabledColor: string;
+                primaryDisabledColorDesc: string;
+                primaryDisabledTextColor: string;
+                primaryDisabledTextColorDesc: string;
+                primaryLightDefaultColor: string;
+                primaryLightDefaultColorDesc: string;
+                primaryLightHoverColor: string;
+                primaryLightHoverColorDesc: string;
+                primaryLightActiveColor: string;
+                primaryLightActiveColorDesc: string;
+                textIcon: string;
+                mainTextIconColor: string;
+                mianTextIconColorDesc: string;
+                minorTextIconColor: string;
+                minorTextIconColorDesc: string;
+                secondaryTextIconColor: string;
+                secondaryTextIconColorDesc: string;
+                lastTextIconColor: string;
+                lastTextIconColorDesc: string;
+                linkColor: string;
+                textLinkColor: string;
+                textLinkColorDesc: string;
+                textLinkHoverColor: string;
+                textLinkHoverColorDesc: string;
+                textLinkActiveColor: string;
+                textLinkActiveColorDesc: string;
+                textLinkVisitedColor: string;
+                textLinkVisitedColorDesc: string;
+                bgColor: string;
+                bgColorLowestLayer: string;
+                bgColorLowestLayerDesc: string;
+                bgColorLowerLayer: string;
+                bgColorLowerLayerDesc: string;
+                bgColorCenterLayer: string;
+                bgColorCenterLayerDesc: string;
+                bgColorSecondaryUpperLayer: string;
+                bgColorSecondaryUpperLayerDesc: string;
+                bgColorTopLayer: string;
+                bgColorTopLayerDesc: string;
+                fillColor: string;
+                fillDefault: string;
+                fillDefaultDesc: string;
+                fillHover: string;
+                fillHoverDesc: string;
+                fillActive: string;
+                fillActiveDesc: string;
+                border: string;
+                borderColor: string;
+                borderColorDesc: string;
+                disabledState: string;
+                disabledText: string;
+                disabledTextDesc: string;
+                disabledTextBorder: string;
+                disabledTextBorderDesc: string;
+                disabledBg: string;
+                disabledBgDesc: string;
+                disabledFill: string;
+                disabledFillDesc: string;
+                sidebar: string;
+                sidebarBg: string;
+                sidebarHoverBgColor: string;
+                sidebarSelectBgColor: string;
+                other: string;
+                sidebarColor: string;
+                top: string;
+                topBgColor: string;
+                topColor: string;
+                topHoverBgColor: string;
+                topSelectBgColor: string;
+                grid: string;
+                gridHeaderBg: string;
+                gridHeaderColor: string;
+                gridRowBg: string;
+                gridRowBg2: string;
+                gridRowColor: string;
+                gridRowHover: string;
+            };
         };
         menu: {
             noSupportAlign: string;
@@ -1040,6 +1150,10 @@ declare const _default: {
                 onlyShowUnread: string;
             };
         };
+        customSetting: {
+            theme: string;
+            menu: string;
+        };
     };
 };
 export default _default;

package/es/locale/zh-CN/index.mjs

@@ -54,6 +54,11 @@ var index = {
     },
     subAppRefView: {
       jump: "\u8DF3\u8F6C"
+    },
+    shareView: {
+      inviting: "\u9080\u8BF7\u60A8\u52A0\u5165\u4E3B\u9898\u5E94\u7528\uFF01",
+      use: "\u5E94\u7528",
+      cancel: "\u53D6\u6D88"
     }
   },
   viewEngine: {
@@ -103,7 +108,110 @@ var index = {
       currentNoData: "\u6682\u65E0\u6570\u636E",
       updateSuccess: "\u66F4\u65B0\u6210\u529F",
       newSuccCreated: "\u65B0\u5EFA\u6210\u529F",
-      deleteSuccess: "\u5220\u9664\u6210\u529F"
+      deleteSuccess: "\u5220\u9664\u6210\u529F",
+      customTheme: {
+        themeColor: "\u4E3B\u9898\u8272",
+        confirmCopyLink: "\u786E\u8BA4\u62F7\u8D1D\u94FE\u63A5",
+        preview: "\u9884\u89C8",
+        save: "\u4FDD\u5B58",
+        reset: "\u91CD\u7F6E",
+        share: "\u5206\u4EAB",
+        typeface: "\u5B57\u4F53",
+        fontSize: "\u5B57\u53F7",
+        fontWeight: "\u5B57\u91CD",
+        borderRadius: "\u5706\u89D2",
+        height: "\u9AD8\u5EA6",
+        widthIcon: "\u56FE\u6807\u5C3A\u5BF8",
+        spacing: "\u95F4\u8DDD",
+        primaryColor: "\u4E3B\u8981\u989C\u8272",
+        primaryColorDesc: "\u4E3B\u8981\u989C\u8272,\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
+        primaryTextColor: "\u4E3B\u8981\u6587\u672C\u989C\u8272",
+        primaryTextColorDesc: "\u4E3B\u8981\u989C\u8272\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryHoverColor: "\u4E3B\u8981\u60AC\u6D6E\u989C\u8272",
+        primaryHoverColorDesc: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
+        primaryHoverTextColor: "\u4E3B\u8981\u60AC\u6D6E\u6587\u672C\u989C\u8272",
+        primaryHoverTextColorDesc: "\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryActiveColor: "\u4E3B\u8981\u6FC0\u6D3B\u989C\u8272",
+        primaryActiveColorDesc: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
+        primaryActiveTextColor: "\u4E3B\u8981\u6FC0\u6D3B\u6587\u672C\u989C\u8272",
+        primaryActiveTextColorDesc: "\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryDisabledColor: "\u4E3B\u8981\u7981\u7528\u989C\u8272",
+        primaryDisabledColorDesc: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001",
+        primaryDisabledTextColor: "\u4E3B\u8981\u7981\u7528\u6587\u672C\u989C\u8272",
+        primaryDisabledTextColorDesc: "\u4E3B\u8981\u989C\u8272\u7981\u7528\u6001\u6587\u5B57\u8272\uFF0C\u548C\u80CC\u666F\u8272\u5F62\u6210\u5BF9\u6BD4",
+        primaryLightDefaultColor: "\u4E3B\u8981\u6D45\u7248\u989C\u8272",
+        primaryLightDefaultColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\uFF08\u591A\u7528\u4E8E\u80CC\u666F\uFF09\u3002\u4EC5\u5728\u9700\u8981\u975E\u5E38\u5F3A\u8C03\u7684\u60C5\u51B5\u4E0B\u4F7F\u7528",
+        primaryLightHoverColor: "\u4E3B\u8981\u6D45\u7248\u60AC\u6D6E\u8272",
+        primaryLightHoverColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u60AC\u6D6E\u6001",
+        primaryLightActiveColor: "\u4E3B\u8981\u6D45\u7248\u6FC0\u6D3B\u8272",
+        primaryLightActiveColorDesc: "\u6D45\u7248\u4E3B\u8981\u989C\u8272\u6FC0\u6D3B\u6001",
+        textIcon: "\u6587\u672C/\u56FE\u6807\u989C\u8272",
+        mainTextIconColor: "\u6587\u672C\u56FE\u6807\u4E3B\u8272",
+        mianTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u4E3B\u8981",
+        minorTextIconColor: "\u6587\u672C\u56FE\u6807\u7A0D\u6B21\u8272",
+        minorTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u7A0D\u6B21\u8981",
+        secondaryTextIconColor: "\u6587\u672C\u56FE\u6807\u6B21\u8272",
+        secondaryTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6B21\u8981",
+        lastTextIconColor: "\u6587\u672C\u56FE\u6807\u6700\u6B21\u8272",
+        lastTextIconColorDesc: "\u6587\u672C/\u56FE\u6807\u989C\u8272 - \u6700\u6B21\u8981",
+        linkColor: "\u94FE\u63A5\u989C\u8272",
+        textLinkColor: "\u6587\u672C\u94FE\u63A5\u8272",
+        textLinkColorDesc: "\u94FE\u63A5\u989C\u8272 - \u6700\u4E3B\u8981",
+        textLinkHoverColor: "\u6587\u672C\u94FE\u63A5\u60AC\u6D6E\u8272",
+        textLinkHoverColorDesc: "\u94FE\u63A5\u989C\u8272 - \u60AC\u6D6E\u6001",
+        textLinkActiveColor: "\u6587\u672C\u94FE\u63A5\u6FC0\u6D3B\u8272",
+        textLinkActiveColorDesc: "\u94FE\u63A5\u989C\u8272 - \u6FC0\u6D3B\u6001",
+        textLinkVisitedColor: "\u6587\u672C\u94FE\u63A5\u5DF2\u8BBF\u95EE\u8272",
+        textLinkVisitedColorDesc: "\u94FE\u63A5\u989C\u8272 - \u5DF2\u8BBF\u95EE",
+        bgColor: "\u80CC\u666F\u8272",
+        bgColorLowestLayer: "\u80CC\u666F\u8272\u6700\u4E0B\u5C42",
+        bgColorLowestLayerDesc: "\u80CC\u666F\u8272 - \u6700\u4E0B\u5C42\uFF08\u5E95\u90E8\u9875\u9762\uFF09",
+        bgColorLowerLayer: "\u80CC\u666F\u8272\u6B21\u4E0B\u5C42",
+        bgColorLowerLayerDesc: "\u80CC\u666F\u8272 - \u6B21\u4E0B\u5C42\uFF08\u9875\u9762\u4E2D\u9700\u8981\u63D0\u5347\u7684\u5185\u5BB9\uFF09",
+        bgColorCenterLayer: "\u80CC\u666F\u8272\u4E2D\u5C42",
+        bgColorCenterLayerDesc: "\u80CC\u666F\u8272 - \u4E2D\u95F4\u5C42\uFF08\u6A21\u6001\u7B49\u5BB9\u5668\uFF09",
+        bgColorSecondaryUpperLayer: "\u80CC\u666F\u8272\u6B21\u4E0A\u5C42",
+        bgColorSecondaryUpperLayerDesc: "\u80CC\u666F\u8272 - \u6B21\u4E0A\u5C42(\u901A\u77E5,Toast\u7B49)",
+        bgColorTopLayer: "\u80CC\u666F\u8272\u6700\u4E0A\u5C42",
+        bgColorTopLayerDesc: "\u80CC\u666F\u8272 - \u6700\u4E0A\u5C42\uFF08\u7279\u6B8A\uFF09",
+        fillColor: "\u586B\u5145\u8272",
+        fillDefault: "\u9ED8\u8BA4\u586B\u5145\u8272",
+        fillDefaultDesc: "\u586B\u5145\u8272 - \u9ED8\u8BA4\u6001",
+        fillHover: "\u60AC\u6D6E\u586B\u5145\u8272",
+        fillHoverDesc: "\u586B\u5145\u8272 - \u60AC\u6D6E\u6001",
+        fillActive: "\u6FC0\u6D3B\u586B\u5145\u8272",
+        fillActiveDesc: "\u586B\u5145\u8272 - \u6FC0\u6D3B\u6001",
+        border: "\u8FB9\u6846",
+        borderColor: "\u8FB9\u6846\u8272",
+        borderColorDesc: "\u9ED8\u8BA4\u63CF\u8FB9\u989C\u8272",
+        disabledState: "\u7981\u7528\u6001",
+        disabledText: "\u7981\u7528\u6587\u672C\u8272",
+        disabledTextDesc: "\u7981\u7528\u6001 - \u6587\u5B57",
+        disabledTextBorder: "\u7981\u7528\u63CF\u8FB9\u8272",
+        disabledTextBorderDesc: "\u7981\u7528\u6001 - \u63CF\u8FB9",
+        disabledBg: "\u7981\u7528\u80CC\u666F\u8272",
+        disabledBgDesc: "\u7981\u7528\u6001 - \u80CC\u666F",
+        disabledFill: "\u7981\u7528\u586B\u5145\u8272",
+        disabledFillDesc: "\u7981\u7528\u6001 - \u586B\u5145",
+        sidebar: "\u4FA7\u8FB9\u680F",
+        sidebarBg: "\u80CC\u666F",
+        sidebarHoverBgColor: "\u60AC\u6D6E\u8272",
+        sidebarSelectBgColor: "\u9009\u4E2D\u8272",
+        other: "\u5176\u4ED6",
+        sidebarColor: "\u5B57\u4F53\u989C\u8272",
+        top: "\u9876\u90E8",
+        topBgColor: "\u80CC\u666F",
+        topColor: "\u989C\u8272",
+        topHoverBgColor: "\u60AC\u6D6E\u8272",
+        topSelectBgColor: "\u9009\u4E2D\u8272",
+        grid: "\u8868\u683C",
+        gridHeaderBg: "\u8868\u683C\u5934\u80CC\u666F\u8272",
+        gridHeaderColor: "\u8868\u683C\u5934\u5B57\u4F53\u8272",
+        gridRowBg: "\u8868\u683C\u884C\u80CC\u666F\u8272\u4EAE\u8272",
+        gridRowBg2: "\u8868\u683C\u884C\u80CC\u666F\u8272\u6697\u8272",
+        gridRowColor: "\u8868\u683C\u884C\u5B57\u4F53\u8272",
+        gridRowHover: "\u8868\u683C\u884C\u60AC\u6D6E\u8272"
+      }
     },
     menu: {
       noSupportAlign: "\u6682\u672A\u652F\u6301\u83DC\u5355\u65B9\u5411\u4E3A {align}",
@@ -390,6 +498,10 @@ var index = {
         loadMore: "\u52A0\u8F7D\u66F4\u591A({length})",
         onlyShowUnread: "\u53EA\u663E\u793A\u672A\u8BFB"
       }
+    },
+    customSetting: {
+      theme: "\u81EA\u5B9A\u4E49\u4E3B\u9898",
+      menu: "\u81EA\u5B9A\u4E49\u83DC\u5355"
     }
   },
   // runTime

package/es/panel-component/custom-setting/custom-setting-provider.d.ts

@@ -0,0 +1,6 @@
+import { IPanelItemProvider, PanelController, PanelItemController } from '@ibiz-template/runtime';
+import { IPanelItem } from '@ibiz/model-core';
+export declare class CustomSettingProvider implements IPanelItemProvider {
+    component: string;
+    createController(panelItem: IPanelItem, panel: PanelController, parent: PanelItemController | undefined): Promise<PanelItemController>;
+}

package/es/panel-component/custom-setting/custom-setting-provider.mjs

@@ -0,0 +1,21 @@
+import { PanelItemController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CustomSettingProvider {
+  constructor() {
+    __publicField(this, "component", "IBizCustomSetting");
+  }
+  async createController(panelItem, panel, parent) {
+    const c = new PanelItemController(panelItem, panel, parent);
+    await c.init();
+    return c;
+  }
+}
+
+export { CustomSettingProvider };

package/es/panel-component/custom-setting/custom-setting.css

@@ -0,0 +1 @@
+.ibiz-custom-setting{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-custom-setting__image{display:flex;place-items:center center;justify-content:center;width:calc(var(--ibiz-width-icon-extra-large) + 4px);height:calc(var(--ibiz-width-icon-extra-large) + 4px);margin-bottom:var(--ibiz-spacing-extra-tight);cursor:pointer}.ibiz-custom-setting__list-popover.el-popper{padding:5px 0}.ibiz-custom-setting__set-list{width:150px}.ibiz-custom-setting__set-list--item{padding:5px 10px}.ibiz-custom-setting__set-list--item:hover{color:var(--ibiz-color-text-0);cursor:pointer;background-color:var(--ibiz-color-fill-1)}

package/es/panel-component/custom-setting/custom-setting.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { IPanelRawItem } from '@ibiz/model-core';
+import { PanelItemController } from '@ibiz-template/runtime';
+import './custom-setting.scss';
+export declare const CustomSetting: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    visibleRef: import("vue").Ref<boolean>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    funcList: {
+        type: string;
+        caption: string;
+        lang: string;
+        visible: boolean;
+    }[];
+    clickCustomFunc: (key: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: PropType<PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/panel-component/custom-setting/custom-setting.mjs

@@ -0,0 +1,105 @@
+import { ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import './custom-setting.css';
+
+"use strict";
+const CustomSetting = /* @__PURE__ */ defineComponent({
+  name: "IBizCustomSetting",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    controller: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("custom-setting");
+    const c = props.controller;
+    const visibleRef = ref(false);
+    const imgConfig = {
+      CUSTOM: {
+        imagePath: "svg/custom-workbench.svg"
+      }
+    };
+    let sysImage = props.modelData.sysImage;
+    if (!sysImage && props.modelData && props.modelData.rawItem) {
+      const predefinedType = props.modelData.rawItem.predefinedType;
+      if (predefinedType) {
+        sysImage = imgConfig[predefinedType];
+      }
+    }
+    const funcList = [{
+      type: "menu",
+      caption: "\u81EA\u5B9A\u4E49\u83DC\u5355",
+      lang: "panelComponent.customSetting.menu",
+      // 国际化地址
+      visible: false
+    }, {
+      type: "theme",
+      caption: "\u81EA\u5B9A\u4E49\u4E3B\u9898",
+      lang: "panelComponent.customSetting.theme",
+      visible: true
+    }];
+    const clickCustomMenu = () => {
+    };
+    const clickCustomTheme = () => {
+      ibiz.util.theme.customTheme();
+    };
+    const clickCustomFunc = (key) => {
+      visibleRef.value = false;
+      switch (key) {
+        case "menu":
+          clickCustomMenu();
+          break;
+        case "theme":
+          clickCustomTheme();
+          break;
+      }
+    };
+    return {
+      ns,
+      c,
+      visibleRef,
+      sysImage,
+      funcList,
+      clickCustomFunc
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("el-popover"), {
+      "ref": "popoverRef",
+      "visible": this.visibleRef,
+      "onUpdate:visible": ($event) => this.visibleRef = $event,
+      "trigger": "click",
+      "placement": "right",
+      "popper-class": this.ns.e("list-popover")
+    }, {
+      default: () => {
+        return createVNode("div", {
+          "class": this.ns.e("set-list")
+        }, [this.funcList.map((item) => {
+          if (!item.visible)
+            return;
+          return createVNode("div", {
+            "class": this.ns.em("set-list", "item"),
+            "onClick": () => this.clickCustomFunc(item.type)
+          }, [ibiz.i18n.t(item.lang)]);
+        })]);
+      },
+      reference: () => {
+        return createVNode("div", {
+          "class": this.ns.b(),
+          "title": this.modelData.caption
+        }, [createVNode(resolveComponent("i-biz-icon"), {
+          "class": [this.ns.e("image")],
+          "icon": this.sysImage
+        }, null)]);
+      }
+    });
+  }
+});
+
+export { CustomSetting };

package/es/panel-component/custom-setting/index.d.ts

@@ -0,0 +1,32 @@
+export declare const IBizCustomSetting: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>;
+    visibleRef: import("vue").Ref<boolean>;
+    sysImage: import("@ibiz/model-core").ISysImage | undefined;
+    funcList: {
+        type: string;
+        caption: string;
+        lang: string;
+        visible: boolean;
+    }[];
+    clickCustomFunc: (key: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IPanelRawItem>;
+        required: true;
+    };
+    controller: {
+        type: import("vue").PropType<import("@ibiz-template/runtime").PanelItemController<import("@ibiz/model-core").IPanelItem>>;
+        required: true;
+    };
+}>>, {}, {}>>;
+export default IBizCustomSetting;

package/es/panel-component/custom-setting/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall } from '@ibiz-template/vue3-util';
+import { registerPanelItemProvider } from '@ibiz-template/runtime';
+import { CustomSetting } from './custom-setting.mjs';
+import { CustomSettingProvider } from './custom-setting-provider.mjs';
+
+"use strict";
+const IBizCustomSetting = withInstall(CustomSetting, function(v) {
+  v.component(CustomSetting.name, CustomSetting);
+  registerPanelItemProvider(
+    "RAWITEM_CUSTOM",
+    () => new CustomSettingProvider()
+  );
+});
+
+export { IBizCustomSetting, IBizCustomSetting as default };

package/es/panel-component/index-actions/index-actions.css

@@ -1 +1 @@
-.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:28px}.ibiz-index-actions .el-button:hover{background-color:transparent}
+.ibiz-index-actions{width:100%;height:100%}.ibiz-index-actions>.ibiz-row{height:100%;overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child{overflow:visible}.ibiz-index-actions>.ibiz-row>.ibiz-col:first-child>.ibiz-panel-container>.ibiz-row{overflow:visible}.ibiz-index-actions.is-hidden{display:none}.ibiz-index-actions.is-collapse{position:relative}.ibiz-index-actions.is-collapse::after{position:absolute;bottom:0;left:12px;width:32px;height:1px;content:"";background-color:var(--ibiz-color-primary-light-active);opacity:.5}.ibiz-index-actions.is-collapse>.ibiz-row{flex-wrap:wrap}.ibiz-index-actions .el-button{font-size:var(--ibiz-font-size-header-2)}.ibiz-index-actions .el-button:hover{background-color:transparent}

package/es/panel-component/index.d.ts

@@ -8,6 +8,7 @@ export * from './split-container';
 export * from './panel-index-view-search';
 export * from './index-actions';
 export * from './user-action';
+export * from './custom-setting';
 export declare const IBizPanelComponents: {
     install: (v: App) => void;
 };

package/es/panel-component/index.mjs

@@ -24,6 +24,7 @@ import { IBizUserAction } from './user-action/index.mjs';
 import { IBizDataImport } from './data-import/index.mjs';
 import { IBizShortCut } from './short-cut/index.mjs';
 import { IBizAuthCaptcha } from './auth-captcha/index.mjs';
+import { IBizCustomSetting } from './custom-setting/index.mjs';
 export { NavPosIndexState } from './nav-pos-index/nav-pos-index.state.mjs';
 export { NavPosIndexController } from './nav-pos-index/nav-pos-index.controller.mjs';
 export { PanelButtonController } from './panel-button/panel-button.controller.mjs';
@@ -73,7 +74,8 @@ const IBizPanelComponents = {
     v.use(IBizDataImport);
     v.use(IBizShortCut);
     v.use(IBizAuthCaptcha);
+    v.use(IBizCustomSetting);
   }
 };
 
-export { IBizAuthUserinfo, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizUserAction, IBizPanelComponents as default };
+export { IBizAuthUserinfo, IBizCustomSetting, IBizIndexActions, IBizNavPosIndex, IBizPanelAppTitle, IBizPanelButton, IBizPanelComponents, IBizPanelIndexViewSearch, IBizPanelTabPanel, IBizSplitContainer, IBizUserAction, IBizPanelComponents as default };

package/es/panel-component/panel-app-header/panel-app-header.css

@@ -1 +1 @@
-.ibiz-panel-app-header{--ibiz-panel-app-header-color:var(--ibiz-color-text-0);--ibiz-panel-app-header-bg-color:var(--ibiz-color-primary);--ibiz-panel-app-header-border-color:var(--ibiz-color-border);width:100%;height:100%;color:var(--ibiz-panel-app-header-color);background-color:var(--ibiz-panel-app-header-bg-color)}.ibiz-panel-app-header>.ibiz-row{height:100%}
+.ibiz-panel-app-header{--ibiz-panel-app-header-color:var(--ibiz-color-primary-text);--ibiz-panel-app-header-bg-color:var(--ibiz-color-primary);--ibiz-panel-app-header-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-panel-app-header-select-bg-color:var(--ibiz-color-primary-active);--ibiz-panel-app-header-horizontal-color:var(--ibiz-color-primary-text);--ibiz-panel-app-header-horizontal-bg-color:var(--ibiz-color-primary);--ibiz-panel-app-header-horizontal-hover-bg-color:var(--ibiz-color-primary-hover);--ibiz-panel-app-header-horizontal-select-bg-color:var(--ibiz-color-primary-active);--ibiz-panel-app-header-border-color:var(--ibiz-color-border);--ibiz-color-text-0:var(--ibiz-panel-app-header-color)!important;--ibiz-color-text-1:var(--ibiz-panel-app-header-color)!important;--ibiz-color-text-2:var(--ibiz-panel-app-header-color)!important;--ibiz-color-text-3:var(--ibiz-panel-app-header-color)!important;width:100%;height:100%;color:var(--ibiz-panel-app-header-color);background-color:var(--ibiz-panel-app-header-bg-color)}.ibiz-panel-app-header *{--ibiz-color-primary:var(--ibiz-panel-app-header-bg-color);--ibiz-color-primary-hover:var(--ibiz-panel-app-header-hover-bg-color);--ibiz-color-primary-active:var(--ibiz-panel-app-header-select-bg-color)}.ibiz-panel-app-header>.ibiz-row{height:100%}.ibiz-panel-app-header--horizontal{--ibiz-color-text-0:var(--ibiz-panel-app-header-horizontal-color)!important;--ibiz-color-text-1:var(--ibiz-panel-app-header-horizontal-color)!important;--ibiz-color-text-2:var(--ibiz-panel-app-header-horizontal-color)!important;--ibiz-color-text-3:var(--ibiz-panel-app-header-horizontal-color)!important;color:var(--ibiz-panel-app-header-horizontal-color);background-color:var(--ibiz-panel-app-header-horizontal-bg-color)}.ibiz-panel-app-header--horizontal *{--ibiz-color-primary:var(--ibiz-panel-app-header-horizontal-bg-color);--ibiz-color-primary-hover:var(--ibiz-panel-app-header-horizontal-hover-bg-color);--ibiz-color-primary-active:var(--ibiz-panel-app-header-horizontal-select-bg-color)}

package/es/panel-component/panel-app-header/panel-app-header.mjs

@@ -33,8 +33,17 @@ const PanelAppHeader = /* @__PURE__ */ defineComponent({
         isCollapse.value = !isCollapse.value;
       }
     };
+    const menuMode = computed(() => {
+      const model = props.controller.panel.view.model.mainMenuAlign;
+      switch (model) {
+        case "TOP":
+          return "horizontal";
+        default:
+          return "vertical";
+      }
+    });
     const classArr = computed(() => {
-      let result = [ns.b(), ns.m(id)];
+      let result = [ns.b(), ns.m(menuMode.value), ns.m(id)];
       if (showCaption === true) {
         result = [...result, ...props.controller.containerClass, showCaption && ns.m("show-header"), collapsible && ns.m("collapsible"), ns.is("collapse", collapsible && isCollapse.value), ns.is("hidden", !props.controller.state.visible)];
       }

package/es/panel-component/panel-app-login-view/panel-app-login-view.css

@@ -1 +1 @@
-.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,#a1c4fd 0,#c2e9fb 100%);--el-color-primary:#409eff}.ibiz-panel-app-login-view .el-input{--el-input-text-color:#606266;--el-input-border-color:#dcdfe6;--el-input-hover-border-color:#c0c4cc;--el-input-icon-color:#a8abb2}.ibiz-panel-app-login-view .el-button{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:28%;left:50%;height:auto;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:rgb(var(--ibiz-white));text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.54);transform:translateX(-50%)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:#fff}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#606266}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__prefix{width:20px;margin-left:-1px}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:16px}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid #fff;border-radius:50%}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{font-weight:300;letter-spacing:2px}
+.ibiz-panel-app-login-view{--ibiz-panel-app-login-view-header-url:url("/assets/images/login-header.png");--ibiz-panel-app-login-view-avatar-url:url("/assets/images/login-avatar.png");display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:linear-gradient(120deg,var(--ibiz-color-primary-light-active) 0,var(--ibiz-color-primary-light-default) 100%)}.ibiz-panel-app-login-view .ibiz-panel-container--container1{width:430px;margin-bottom:80px}.ibiz-panel-app-login-view .ibiz-panel-container--container4{position:relative;height:150px;background:var(--ibiz-panel-app-login-view-header-url);background-size:100% 100%}.ibiz-panel-app-login-view .ibiz-panel-container--container4 .ibiz-rawitem{position:absolute;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:80%;font-size:var(--ibiz-font-size-header-2);font-weight:var(--ibiz-font-weight-bold);color:var(--ibiz-color-white);text-shadow:var(--ibiz-color-shadow)}.ibiz-panel-app-login-view .ibiz-panel-container--container5{position:relative;height:380px;padding:100px 40px 40px;background:var(--ibiz-color-white)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 .el-input__inner:-webkit-autofill{box-shadow:0 0 0 1000px var(--ibiz-color-white) inset;-webkit-text-fill-color:var(--ibiz-editor-default-text-color)}.ibiz-panel-app-login-view .ibiz-panel-container--container5 ion-icon{font-size:var(--ibiz-width-icon-medium)}.ibiz-panel-app-login-view .ibiz-panel-container--container6{position:absolute;top:-50px;right:calc(50% - 50px);z-index:2;display:block;width:100px;height:100px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--ibiz-panel-app-login-view-avatar-url);background-size:100% 100%;border:4px solid var(--ibiz-color-white);border-radius:var(--ibiz-border-radius-circle)}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>*+*{margin-left:10px}.ibiz-panel-app-login-view .ibiz-panel-container--container3>.ibiz-row>.ibiz-col{flex:1}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button{width:100%;padding:0}.ibiz-panel-app-login-view .ibiz-panel-container--container3 .ibiz-panel-button .el-button{width:100%;letter-spacing:var(--ibiz-spacing-super-tight)}

package/es/panel-component/panel-app-title/panel-app-title.css

@@ -1 +1 @@
-.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:40px}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}
+.ibiz-panel-app-title{--ibiz-panel-app-title-color:var(--ibiz-color-text-0);--ibiz-panel-app-title-font-size:var(--ibiz-font-size-header-3);--ibiz-panel-app-title-font-weight:var(--ibiz-font-weight-bold);--ibiz-panel-app-title-padding:0 var(--ibiz-spacing-loose);--ibiz-panel-app-title-collapse-padding:0 var(--ibiz-spacing-tight);display:flex;align-items:center;justify-content:center;height:100%;padding:var(--ibiz-panel-app-title-padding);cursor:pointer}.ibiz-panel-app-title__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ibiz-panel-app-title-font-size);font-weight:700;color:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title__logo{display:flex;align-items:center;justify-content:center;height:100%;padding:0 var(--ibiz-spacing-tight);font-size:calc(var(--ibiz-font-size-header-1) + 8px)}.ibiz-panel-app-title__logo img{display:inline-block;width:auto;height:100%}.ibiz-panel-app-title__logo svg{fill:var(--ibiz-panel-app-title-color)}.ibiz-panel-app-title.is-only-img .ibiz-panel-app-title__logo{padding:0}.ibiz-panel-app-title.is-collapse{max-width:100%;padding:var(--ibiz-panel-app-title-collapse-padding)}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collapse-title{width:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__collpase-icon img{width:100%;height:100%}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__caption2{overflow:hidden;font-size:var(--ibiz-font-size-header-4);font-weight:var(--ibiz-panel-app-title-font-weight);text-align:center;white-space:nowrap}.ibiz-panel-app-title.is-collapse .ibiz-panel-app-title__subCaption2{overflow:hidden;font-size:var(--ibiz-font-size-header-5);text-align:center;white-space:nowrap}

package/es/panel-component/panel-index-view-search/panel-index-view-search.css

@@ -1 +1 @@
-.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-fill-0);--ibiz-panel-index-view-search-btn-width:40px;width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}
+.ibiz-panel-index-view-search{--ibiz-panel-index-view-search-text-color:var(--ibiz-color-text-0);--ibiz-panel-index-view-search-placeholder-text-color:var(--ibiz-color-text-2);--ibiz-panel-index-view-search-bg-color:var(--ibiz-color-fill-0);--ibiz-panel-index-view-search-btn-width:var(--ibiz-height-control-large);width:100%;height:100%}.ibiz-panel-index-view-search .el-input__wrapper{background-color:var(--ibiz-panel-index-view-search-bg-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__prefix{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner{color:var(--ibiz-panel-index-view-search-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::-moz-placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search .el-input__wrapper .el-input__inner::placeholder{color:var(--ibiz-panel-index-view-search-placeholder-text-color)}.ibiz-panel-index-view-search-btn{padding:0 var(--ibiz-spacing-tight);font-size:var(--ibiz-font-size-header-4)}.ibiz-panel-index-view-search-btn .el-button{width:var(--ibiz-panel-index-view-search-btn-width);padding:var(--ibiz-spacing-base-tight)}.ibiz-panel-index-view-search-btn:hover{background-color:transparent}

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +1 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:4px}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:11px;right:0;display:none;font-size:18px}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}
+.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/es/panel-component/user-action/user-action.css

@@ -1 +1 @@
-.ibiz-user-action{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-action__image{display:flex;place-items:center center;justify-content:center;width:28px;height:28px;margin-bottom:6px;cursor:pointer}
+.ibiz-user-action{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ibiz-user-action__image{display:flex;place-items:center center;justify-content:center;width:calc(var(--ibiz-width-icon-extra-large) + 4px);height:calc(var(--ibiz-width-icon-extra-large) + 4px);margin-bottom:var(--ibiz-spacing-extra-tight);cursor:pointer}

package/es/panel-component/user-message/async-action/async-action/async-action.css

@@ -1 +1 @@
-.ibiz-async-action{--ibiz-async-action-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-async-action--clickable{cursor:pointer}.ibiz-async-action:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-async-action__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-action__error-info{margin-bottom:8px;color:var(--ibiz-color-danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-async-action-left{flex-grow:0;flex-shrink:0;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-async-action-right{flex-grow:0;flex-shrink:0;width:80px;text-align:center}.ibiz-async-action-center{flex-grow:1;width:342px}@keyframes breath{0%{opacity:.5}10%{opacity:.6}20%{opacity:.7}30%{opacity:.8}40%{opacity:.9}50%{opacity:1}60%{opacity:.9}70%{opacity:.8}80%{opacity:.7}90%{opacity:.6}100%{opacity:.5}}.ibiz-async-action-loading-warp{position:absolute;inset:0;z-index:-1}.ibiz-async-action-loading-warp__inner{width:0;height:100%;text-align:right;background:var(--ibiz-async-action-loading-warp-bg-color)!important;transition:width .5s;animation:breath 2s ease-in-out infinite}
+.ibiz-async-action{--ibiz-async-action-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-async-action--clickable{cursor:pointer}.ibiz-async-action:hover{background-color:var(--ibiz-color-fill-1)}.ibiz-async-action__caption{margin-bottom:var(--ibiz-spacing-tight);font-weight:var(--ibiz-font-weight-bold)}.ibiz-async-action__error-info{margin-bottom:var(--ibiz-spacing-tight);color:var(--ibiz-color-danger);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-async-action-left{flex-grow:0;flex-shrink:0;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-async-action-right{flex-grow:0;flex-shrink:0;width:80px;text-align:center}.ibiz-async-action-center{flex-grow:1;width:342px}@keyframes breath{0%{opacity:.5}10%{opacity:.6}20%{opacity:.7}30%{opacity:.8}40%{opacity:.9}50%{opacity:1}60%{opacity:.9}70%{opacity:.8}80%{opacity:.7}90%{opacity:.6}100%{opacity:.5}}.ibiz-async-action-loading-warp{position:absolute;inset:0;z-index:-1}.ibiz-async-action-loading-warp__inner{width:0;height:100%;text-align:right;background:var(--ibiz-async-action-loading-warp-bg-color)!important;transition:width .5s;animation:breath 2s ease-in-out infinite}