@ibiz-template/vue3-components 0.7.41-alpha.9 → 0.7.41-alpha.90

package/es/control/app-menu/custom-menu-design/custom-menu-design.mjs

@@ -1,39 +1,19 @@
-import { isVNode, ref, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
-import { formatSeparator } from '@ibiz-template/runtime';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, onMounted } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
-import { RuntimeError, showTitle } from '@ibiz-template/core';
-import { cloneDeep } from 'lodash-es';
+import { formatSeparator } from '@ibiz-template/runtime';
+import { showTitle } from '@ibiz-template/core';
 import './custom-menu-design.css';
 
 "use strict";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-function renderByProvider(itemId, c) {
-  const itemModel = c.allAppMenuItems.find((item) => item.id === itemId);
-  if (!itemModel) {
-    throw new RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noMenuItemModel", {
-      menu: itemId
-    })));
-  }
-  const provider = c.itemProviders[itemId];
-  if (!provider.renderText) {
-    throw new RuntimeError("".concat(ibiz.i18n.t("control.menuDesign.noProviderRenderText", {
-      menu: itemId
-    })));
-  }
-  return provider.renderText(itemModel, c);
-}
 const MenuDesign = /* @__PURE__ */ defineComponent({
   name: "IBizMenuDesign",
   props: {
     controller: {
       type: Object,
       required: true
-    },
-    menus: {
-      type: Array,
-      required: true
     }
   },
   emits: ["saved", "reset"],
@@ -49,25 +29,22 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       hideSeparator.value = formatSeparator("APPMENU", c.model.appMenuItems, c.state.menuItemsState);
     });
-    const stopExpand = (event) => {
-      event.stopPropagation();
-    };
     const handleMenusSaveData = (items) => {
-      const tempItems = [];
+      const result = [];
       items.forEach((item) => {
         var _a;
         const config = {
           key: item.key,
-          name: item.label,
-          type: item.itemType,
-          visible: item.config.visible
+          name: item.name,
+          type: item.type,
+          visible: item.visible
         };
         if ((_a = item.children) == null ? void 0 : _a.length) {
           config.children = handleMenusSaveData(item.children);
         }
-        tempItems.push(config);
+        result.push(config);
       });
-      return tempItems;
+      return result;
     };
     const collapseGroup = (menu) => {
       menu.isCollapse = !menu.isCollapse;
@@ -83,40 +60,29 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
       });
       return result;
     };
-    const mergeMenusConfig = (items) => {
-      let customConfig = [];
-      if (c.saveConfigs && c.saveConfigs.length > 0) {
-        customConfig = flattenConfigs(c.saveConfigs);
-      }
-      return items.map((item) => {
+    const mergeMenusConfig = (menus, custom) => {
+      return menus.map((menu) => {
         var _a;
-        const target = customConfig.find((_item) => {
-          return _item.key === item.key;
+        const config = custom.find((cof) => {
+          return menu.id === cof.key;
         });
         const data = {
-          ...item,
+          key: menu.id,
+          name: menu.caption,
+          type: menu.itemType,
+          model: menu,
           isCollapse: true,
-          config: {
-            visible: true
-          }
+          visible: config ? config.visible : true
         };
-        if ((_a = item.children) == null ? void 0 : _a.length) {
-          data.children = mergeMenusConfig(item.children);
-        }
-        if (target) {
-          Object.assign(data, {
-            config: {
-              visible: target.visible
-            }
-          });
-        }
+        if ((_a = menu.appMenuItems) == null ? void 0 : _a.length)
+          data.children = mergeMenusConfig(menu.appMenuItems, custom);
         return data;
       });
     };
     const onReset = async () => {
       c.saveConfigs = [];
       await c.customController.resetCustomModelData();
-      configs.value = mergeMenusConfig(cloneDeep(props.menus));
+      configs.value = mergeMenusConfig(c.model.appMenuItems || [], []);
       emit("reset");
     };
     const onSave = async () => {
@@ -127,46 +93,55 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
       loading.value = false;
       emit("saved", saveConfig);
     };
-    const renderMenuItem = (menu) => {
+    const openDesign = () => {
       var _a;
-      if (!((_a = c.state.menuItemsState[menu.key]) == null ? void 0 : _a.visible)) {
+      if (c.runMode === "DESIGN")
         return;
-      }
-      if (hideSeparator.value.includes(menu.key)) {
+      hideSeparator.value = formatSeparator("APPMENU", c.model.appMenuItems, c.state.menuItemsState);
+      const customConfig = ((_a = c.saveConfigs) == null ? void 0 : _a.length) ? flattenConfigs(c.saveConfigs) : [];
+      configs.value = mergeMenusConfig(c.model.appMenuItems || [], customConfig);
+      visible.value = true;
+    };
+    const renderMenuItem = (config) => {
+      var _a;
+      if (!((_a = c.state.menuItemsState[config.key]) == null ? void 0 : _a.visible) || hideSeparator.value.includes(config.key))
         return;
-      }
-      if (menu.itemType === "MENUITEM") {
-        let content;
-        const provider = c.itemProviders[menu.key];
+      const {
+        itemType,
+        sysImage,
+        caption
+      } = config.model;
+      if (itemType === "MENUITEM") {
+        let content = null;
+        const provider = c.itemProviders[config.key];
         if (provider && provider.renderText) {
-          content = renderByProvider(menu.key, c);
+          content = provider.renderText(config.model, c);
         } else {
-          content = [menu.image ? createVNode(resolveComponent("iBizIcon"), {
+          content = [sysImage ? createVNode(resolveComponent("iBizIcon"), {
             "class": ns.e("icon"),
-            "icon": menu.image
-          }, null) : null, createVNode("span", null, [menu.label])];
+            "icon": sysImage
+          }, null) : null, createVNode("span", null, [caption])];
         }
         return content;
       }
-      if (menu.itemType === "SEPERATOR") {
+      if (itemType === "SEPERATOR") {
         const direction = c.view.model.mainMenuAlign === "TOP" ? "vertical" : "horizontal";
         return createVNode("div", {
           "class": ns.be("content", "menu-seperator")
         }, [createVNode(resolveComponent("el-divider"), {
+          "id": config.key,
           "direction": direction,
-          "class": ns.e("separator"),
-          "id": menu.key
+          "class": ns.e("separator")
         }, null)]);
       }
     };
     const renderGroupIcon = (item) => {
       if (item.children && item.children.length > 0) {
-        if (item.isCollapse) {
+        if (item.isCollapse)
           return createVNode("i", {
             "class": [ns.be("menu-set-drawer", "group-icon"), "fa fa-caret-right"],
             "aria-hidden": "true"
           }, null);
-        }
         return createVNode("i", {
           "class": [ns.be("menu-set-drawer", "group-icon"), "fa fa-sort-down"],
           "aria-hidden": "true"
@@ -176,27 +151,31 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
     };
     const renderMenuList = (items) => {
       return items.map((item) => {
+        var _a;
         const content = renderMenuItem(item);
         if (!content)
           return null;
+        const {
+          itemType
+        } = item.model;
         return createVNode("div", {
           "class": ns.be("content", "menu-item")
         }, [createVNode("div", {
-          "class": [ns.be("content", "menu-item-content"), ns.is("is-menuitem", item.itemType === "MENUITEM")]
+          "class": [ns.be("content", "menu-item-content"), ns.is("is-menuitem", itemType === "MENUITEM")]
         }, [createVNode("div", {
           "class": ns.bem("content", "menu-item-content", "label"),
           "onClick": () => collapseGroup(item)
         }, [renderGroupIcon(item), createVNode("div", {
           "class": ns.bem("content", "menu-item-content", "label-content")
-        }, [content])]), item.itemType !== "SEPERATOR" ? createVNode("div", {
+        }, [content])]), itemType !== "SEPERATOR" ? createVNode("div", {
           "class": ns.bem("content", "menu-item-content", "checks")
         }, [createVNode(resolveComponent("el-checkbox"), {
-          "modelValue": item.config.visible,
-          "onUpdate:modelValue": ($event) => item.config.visible = $event,
-          "onClick": stopExpand,
+          "size": "large",
+          "modelValue": item.visible,
+          "onUpdate:modelValue": ($event) => item.visible = $event,
           "label": ibiz.i18n.t("control.menuDesign.visible"),
-          "size": "large"
-        }, null)]) : null]), item.children && item.children.length > 0 ? createVNode("div", {
+          "onClick": (event) => event.stopPropagation()
+        }, null)]) : null]), ((_a = item.children) == null ? void 0 : _a.length) ? createVNode("div", {
           "class": [ns.bem("content", "menu-item", "children"), ns.is("collapse", item.isCollapse)]
         }, [renderMenuList(item.children)]) : null]);
       });
@@ -226,33 +205,25 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
         "class": ns.b("content")
       }, [renderMenuList(configs.value)]);
     };
-    const openDesign = () => {
-      if (c.runMode === "DESIGN") {
-        return;
-      }
-      hideSeparator.value = formatSeparator("APPMENU", c.model.appMenuItems, c.state.menuItemsState);
-      configs.value = mergeMenusConfig(cloneDeep(props.menus));
-      visible.value = true;
-    };
     return {
-      ns,
       c,
+      ns,
       configs,
       visible,
       loading,
+      onSave,
       onReset,
-      renderContent,
+      openDesign,
       renderHeader,
-      onSave,
-      openDesign
+      renderContent
     };
   },
   render() {
     return createVNode("div", {
       "class": this.ns.b()
     }, [createVNode("div", {
-      "title": showTitle(ibiz.i18n.t("control.menu.menuSetting")),
-      "onClick": this.openDesign
+      "onClick": this.openDesign,
+      "title": showTitle(ibiz.i18n.t("control.menu.menuSetting"))
     }, [createVNode("svg", {
       "viewBox": "0 0 16 16",
       "xmlns": "http://www.w3.org/2000/svg",
@@ -269,9 +240,9 @@ const MenuDesign = /* @__PURE__ */ defineComponent({
       "d": "M11.405 13.975l3.398-5.889L11.405 2.2H4.607L1.208 8.087l3.399 5.889h6.798zm1.023-12.4l3.43 5.938c.205.356.205.793 0 1.149l-3.43 5.938a1.147 1.147 0 0 1-.993.574H4.577c-.41 0-.789-.218-.994-.573L.153 8.66a1.153 1.153 0 0 1 0-1.147l3.43-5.94c.205-.356.584-.575.994-.575h6.858c.409 0 .788.22.993.576zM8.006 9.879c.988 0 1.792-.804 1.792-1.792s-.804-1.792-1.792-1.792-1.792.804-1.792 1.792.804 1.792 1.792 1.792zm0-4.784a2.993 2.993 0 1 1-.002 5.985 2.993 2.993 0 0 1 .002-5.985z",
       "id": "aug\u5F62\u72B6\u7ED3\u5408"
     }, null)])])]), createVNode(resolveComponent("el-drawer"), {
+      "append-to-body": true,
       "modelValue": this.visible,
       "onUpdate:modelValue": ($event) => this.visible = $event,
-      "append-to-body": true,
       "custom-class": this.ns.b("menu-set-drawer")
     }, {
       default: () => {

package/es/control/app-menu/index.mjs

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { AppMenuControl } from './app-menu.mjs';
 import { AppMenuProvider } from './app-menu.provider.mjs';

package/es/control/app-menu-icon-view/app-menu-icon-view.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref } from 'vue';
 import { AppMenuIconViewController } from '@ibiz-template/runtime';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './app-menu-icon-view.css';

package/es/control/app-menu-icon-view/index.mjs

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { AppMenuIconViewProvider } from './app-menu-icon-view.provider.mjs';
 import { AppMenuIconViewControl } from './app-menu-icon-view.mjs';

package/es/control/calendar/calendar-util.mjs

@@ -17,5 +17,34 @@ const isTimeBetween = (_argrs) => {
   const { date, beginTime, endTime, unit = "day" } = _argrs;
   return !!(beginTime && dayjs(date).isSame(beginTime, unit) || endTime && dayjs(date).isSame(endTime, unit) || beginTime && endTime && dayjs(date).isAfter(beginTime, unit) && dayjs(date).isBefore(endTime, unit));
 };
+function useCalendarLegend(ns) {
+  const getVarValue = (varName) => {
+    const root = document.documentElement;
+    return getComputedStyle(root).getPropertyValue(varName);
+  };
+  const bgColors = [
+    // 首个颜色用主题色
+    getVarValue("".concat(ns.cssVarName("color-primary"))),
+    "#2196F3",
+    "#4CAF50",
+    "#3F51B5",
+    "#FF9800",
+    "#673AB7",
+    "#757575"
+  ];
+  const actBdrColors = bgColors.map(
+    () => getVarValue("".concat(ns.cssVarName("color-black")))
+  );
+  const getBkColor = (_index) => {
+    return bgColors[_index] || bgColors[0];
+  };
+  const getActBdrColors = (_index) => {
+    return actBdrColors[_index] || getVarValue("".concat(ns.cssVarName("color-primary")));
+  };
+  const getFontColor = () => {
+    return getVarValue("".concat(ns.cssVarName("color-primary-text")));
+  };
+  return { getFontColor, getBkColor, getActBdrColors };
+}
 
-export { getWeekRange, isTimeBetween };
+export { getWeekRange, isTimeBetween, useCalendarLegend };

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);position:relative;width:100%;height:100%}.ibiz-control-calendar__nav-icon{position:absolute;top:18px;right:0;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:var(--ibiz-width-icon-small);height:var(--ibiz-width-icon-small);margin-right:var(--ibiz-spacing-base-tight);border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column;height:100%}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:wrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;min-height:90px;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0;overflow:auto}.ibiz-control-calendar-content.is-show-date-range .el-calendar-day{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item{width:calc(100% + 1px);min-height:34px;border-radius:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time{width:100%;margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight) 0 0 var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight));border-radius:0 var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active{border-right:none;border-left:none}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-begin-time{border-left:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-end-time{border-right:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-hidden{position:relative;z-index:-1;opacity:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-begin-time,.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more{width:100%;font-size:var(--ibiz-font-size-small);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-border-color)}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding-bottom:var(--ibiz-control-calendar-item-padding);margin:0;text-align:center}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height)}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-legend{display:flex;justify-content:flex-end;width:100%}.ibiz-control-calendar-legend>*+*{margin-left:var(--ibiz-spacing-base-loose)}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}
+.ibiz-control-calendar{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);position:relative;width:100%;height:100%}.ibiz-control-calendar__nav-icon{position:absolute;top:18px;right:0;color:var(--ibiz-color-primary);cursor:pointer}.ibiz-control-calendar__calendar-item{display:flex;align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:var(--ibiz-width-icon-small);height:var(--ibiz-width-icon-small);margin-right:var(--ibiz-spacing-base-tight);border-radius:var(--ibiz-border-radius-circle)}.ibiz-control-calendar__user .ibiz-control-calendar__nav-icon{top:9px}.ibiz-control-calendar__day .ibiz-control-calendar__nav-icon,.ibiz-control-calendar__week .ibiz-control-calendar__nav-icon{top:28px;right:10px}.ibiz-control-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar-content .el-calendar{display:flex;flex-direction:column;height:100%}.ibiz-control-calendar-content .el-calendar__header{flex-wrap:nowrap}.ibiz-control-calendar-content .el-calendar-table,.ibiz-control-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;min-height:90px;cursor:pointer}.ibiz-control-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-calendar-content .el-calendar__body{display:flex;flex:1;padding:0;overflow:auto}.ibiz-control-calendar-content.is-show-date-range .el-calendar-day{padding:var(--ibiz-spacing-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item{width:calc(100% + 1px);min-height:34px;border-radius:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time{width:100%;margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight) 0 0 var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-begin-time.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-end-time{width:calc(100% - var(--ibiz-spacing-super-tight));border-radius:0 var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active{border-right:none;border-left:none}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-begin-time{border-left:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-active.is-end-time{border-right:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-hidden{position:relative;z-index:-1;opacity:0}.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-begin-time,.ibiz-control-calendar-content.is-show-date-range .ibiz-control-calendar-item.is-no-end-time{width:calc(100% - var(--ibiz-spacing-super-tight) * 2);margin-left:var(--ibiz-spacing-super-tight);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more{width:100%;font-size:var(--ibiz-font-size-small);border-radius:var(--ibiz-spacing-extra-tight)}.ibiz-control-calendar-more:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);--ibiz-control-calendar-item-color:none;--ibiz-color-text-2:var(--ibiz-control-calendar-item-color);--ibiz-editor-default-text-color:var(--ibiz-control-calendar-item-color);height:100%;padding:var(--ibiz-control-calendar-item-padding);margin-bottom:var(--ibiz-control-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-calendar-font-size);color:var(--ibiz-control-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.ibiz-control-calendar-item:hover{background-color:var(--ibiz-control-calendar-hover-bg-color)}.ibiz-control-calendar-item.is-active{background-color:var(--ibiz-control-calendar-active-bg-color);border:solid .5px var(--ibiz-control-calendar-item-active-border-color,var(--ibiz-control-calendar-border-color))}.ibiz-control-calendar-date-text{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);padding-bottom:var(--ibiz-control-calendar-item-padding);margin:0;text-align:center}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-calendar-content-title{line-height:var(--ibiz-editor-default-line-height);white-space:nowrap}.ibiz-control-calendar-content-header{--ibiz-control-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;align-items:center}.ibiz-control-calendar-content-header>*+*{margin-left:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar-content-header .el-button-group{display:flex}.ibiz-control-calendar-legend{display:flex;justify-content:center;width:100%}.ibiz-control-calendar-legend__item{display:flex;align-items:center;padding:0 var(--ibiz-spacing-tight);line-height:1em;cursor:pointer}.ibiz-control-calendar-legend__item--tip{display:inline-block;width:1.5em;height:.9em;margin-right:var(--ibiz-spacing-extra-tight);border-radius:var(--ibiz-border-radius-extra-small)}.ibiz-control-calendar-legend__item--text{display:inline-block;width:auto;max-width:100px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-calendar-timeline-content{height:100%;overflow:auto}.ibiz-control-calendar-timeline-content .el-timeline{padding-left:0}