@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/common/rawitem/rawitem.mjs

@@ -0,0 +1,251 @@
+import { ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { createUUID } from 'qx-util';
+import './rawitem.css';
+
+"use strict";
+const IBizRawItem = /* @__PURE__ */ defineComponent({
+  name: "IBizRawItem",
+  props: {
+    type: {
+      type: String,
+      required: false
+    },
+    content: {
+      type: [String, Object, Number]
+    },
+    rawItem: {
+      type: Object,
+      required: false
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("rawitem");
+    let rawItem = null;
+    let contentType = "";
+    if (props.rawItem) {
+      rawItem = props.rawItem.rawItem;
+      contentType = rawItem.contentType;
+    }
+    const rawItemType = ref(props.type || contentType || "");
+    const rawItemContent = ref("");
+    let sysImage = null;
+    if (contentType === "IMAGE") {
+      sysImage = rawItem.sysImage;
+    }
+    if (contentType === "RAW" || contentType === "HTML") {
+      if (contentType === "RAW") {
+        rawItemType.value = "TEXT";
+        rawItemContent.value = rawItem.caption;
+      } else {
+        rawItemContent.value = rawItem.content;
+      }
+    } else if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(contentType)) {
+    } else if (contentType === "IMAGE" && sysImage) {
+      rawItemContent.value = sysImage;
+    }
+    const isImg = (imgUrl) => {
+      const reg = /^https?:|^http?:|(\.png|\.svg|\.jpg|\.png|\.gif|\.psd|\.tif|\.bmp|\.jpeg)/;
+      return reg.test(imgUrl);
+    };
+    const playerParams = ref({
+      id: createUUID(),
+      path: "",
+      mute: true,
+      autoplay: true,
+      replay: false,
+      showcontrols: true
+    });
+    const dividerParams = ref({
+      contentPosition: "center",
+      html: ""
+    });
+    const alertParams = ref({
+      type: "info",
+      title: "",
+      closeabled: true,
+      showIcon: false
+    });
+    const rawItemText = ref("");
+    const convertValue = () => {
+      if (rawItemType.value === "IMAGE") {
+        if (typeof props.content === "string") {
+          if (isImg(props.content)) {
+            rawItemContent.value = {
+              imagePath: props.content
+            };
+          } else {
+            rawItemContent.value = {
+              cssClass: props.content
+            };
+          }
+        }
+      }
+      if (["TEXT", "HEADING1", "HEADING2", "HEADING3", "HEADING4", "HEADING5", "HEADING6", "PARAGRAPH", "HTML"].includes(rawItemType.value)) {
+        rawItemText.value = rawItemContent.value;
+        if (typeof rawItemText.value === "string") {
+          rawItemText.value = rawItemText.value.replaceAll("&lt;", "<");
+          rawItemText.value = rawItemText.value.replaceAll("&gt;", ">");
+          rawItemText.value = rawItemText.value.replaceAll("&amp;nbsp;", " ");
+          rawItemText.value = rawItemText.value.replaceAll("&nbsp;", " ");
+        }
+      }
+      if (["VIDEO", "DIVIDER", "INFO", "WARNING", "ERROR"].includes(rawItemType.value)) {
+        if (rawItemContent.value) {
+          let rawConfig = {};
+          try {
+            if (typeof rawItemContent.value === "string") {
+              const func = new Function(`return (${rawItemContent.value});`);
+              rawConfig = func();
+              switch (rawItemType.value) {
+                case "VIDEO":
+                  Object.assign(playerParams.value, rawConfig);
+                  break;
+                case "DIVIDER":
+                  Object.assign(dividerParams.value, rawConfig);
+                  break;
+                case "INFO":
+                case "WARNING":
+                case "ERROR":
+                  alertParams.value.type = rawItemType.value.toLocaleLowerCase();
+                  Object.assign(alertParams.value, rawConfig);
+                  break;
+                default:
+                  break;
+              }
+            }
+          } catch (e) {
+            ibiz.log.error(`${rawItemType.value}\u7C7B\u578B\u81EA\u5B9A\u4E49\u53C2\u6570\u914D\u7F6E\u9519\u8BEF`);
+          }
+        }
+      }
+    };
+    convertValue();
+    watch(() => props.content, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        rawItemContent.value = newVal;
+        convertValue();
+      }
+    }, {
+      immediate: true
+    });
+    return {
+      ns,
+      rawItemText,
+      playerParams,
+      dividerParams,
+      alertParams,
+      rawItemType,
+      rawItemContent
+    };
+  },
+  render() {
+    const renderContent = () => {
+      if (this.rawItemType === "IMAGE") {
+        return createVNode(resolveComponent("i-biz-icon"), {
+          "class": [this.ns.e("image")],
+          "icon": this.rawItemContent
+        }, null);
+      }
+      if (this.rawItemType === "TEXT") {
+        return createVNode("span", {
+          "class": this.ns.e("text")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING1") {
+        return createVNode("h1", {
+          "class": this.ns.e("h1")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING2") {
+        return createVNode("h2", {
+          "class": this.ns.e("h2")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING3") {
+        return createVNode("h3", {
+          "class": this.ns.e("h3")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING4") {
+        return createVNode("h4", {
+          "class": this.ns.e("h4")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING5") {
+        return createVNode("h5", {
+          "class": this.ns.e("h5")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HEADING6") {
+        return createVNode("h6", {
+          "class": this.ns.e("h6")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "PARAGRAPH") {
+        return createVNode("p", {
+          "class": this.ns.e("paragraph")
+        }, [this.rawItemText]);
+      }
+      if (this.rawItemType === "HTML") {
+        return createVNode("div", {
+          "class": this.ns.e("paragraph"),
+          "innerHTML": this.rawItemText
+        }, null);
+      }
+      if (this.rawItemType === "VIDEO") {
+        return createVNode("div", {
+          "class": this.ns.e("video")
+        }, [createVNode("video", {
+          "id": this.playerParams.id,
+          "src": this.playerParams.path,
+          "autoplay": this.playerParams.autoplay,
+          "controls": this.playerParams.showcontrols,
+          "loop": this.playerParams.replay,
+          "muted": this.playerParams.mute
+        }, [createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/mp4"
+        }, null), createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/ogg"
+        }, null), createVNode("source", {
+          "src": this.playerParams.path,
+          "type": "video/webm"
+        }, null), createTextVNode("\u4F60\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301video\u6807\u7B7E")])]);
+      }
+      if (this.rawItemType === "DIVIDER") {
+        return createVNode(resolveComponent("el-divider"), {
+          "content-position": this.dividerParams.contentPosition
+        }, {
+          default: () => [createVNode("span", {
+            "innerHTML": this.dividerParams.html
+          }, null)]
+        });
+      }
+      if (this.rawItemType === "INFO" || this.rawItemType === "WARNING" || this.rawItemType === "ERROR") {
+        return createVNode(resolveComponent("el-alert"), {
+          "title": this.alertParams.title,
+          "type": this.alertParams.type,
+          "show-icon": this.alertParams.showIcon,
+          "closable": this.alertParams.closeabled
+        }, null);
+      }
+      if (this.rawItemType === "MARKDOWN") {
+        return createVNode(resolveComponent("iBizMarkDown"), {
+          "value": this.content,
+          "disabled": true
+        }, null);
+      }
+      if (["PLACEHOLDER"].includes(this.rawItemType)) {
+        return null;
+      }
+      return null;
+    };
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [renderContent()]);
+  }
+});
+
+export { IBizRawItem };

package/es/common/row/row.d.ts

@@ -0,0 +1,9 @@
+import { ILayout } from '@ibiz/model-core';
+import { PropType } from 'vue';
+export declare const IBizRow: import("vue").DefineComponent<{
+    layout: PropType<ILayout>;
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: PropType<ILayout>;
+}>>, {}, {}>;

package/es/common/row/row.mjs

@@ -0,0 +1,42 @@
+import { isVNode, createVNode, resolveComponent, defineComponent } from 'vue';
+import { useNamespace } from '@ibiz-template/vue3-util';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizRow = /* @__PURE__ */ defineComponent({
+  name: "IBizRow",
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace("row");
+    return {
+      ns
+    };
+  },
+  render() {
+    var _a, _b, _c;
+    const defaultSlot = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a);
+    if (((_c = this.layout) == null ? void 0 : _c.layout) === "FLEX") {
+      const {
+        dir,
+        align,
+        valign
+      } = this.layout;
+      const _dir = dir || "column";
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("flex")],
+        "style": `display:flex;flex-direction: ${_dir};justify-content: ${align};align-items: ${valign};`
+      }, [defaultSlot]);
+    }
+    return createVNode(resolveComponent("van-row"), {
+      "class": [this.ns.b(), this.ns.m("grid")]
+    }, _isSlot(defaultSlot) ? defaultSlot : {
+      default: () => [defaultSlot]
+    });
+  }
+});
+
+export { IBizRow };

package/es/control/app-menu/app-menu.css

@@ -0,0 +1 @@
+.ibiz-control-appmenu{--ibiz-control-appmenu-list-view-icon-size:var(--ibiz-font-size-header-4);--ibiz-control-appmenu-list-view-font-size:var(--ibiz-font-size-regular);--ibiz-control-appmenu-list-view-padding:0 16px;--ibiz-control-appmenu-list-view-item-padding:8px 0;--ibiz-control-appmenu-icon-width:100%;--ibiz-control-appmenu-icon-view-icon-size:35px;--ibiz-control-appmenu-icon-view-icon-margin:5px;width:100%;height:100%}.ibiz-control-appmenu-listview{--van-cell-border-color:getCssVar("color", "border");--van-divider-margin:2px;--van-divider-border-color:transparent;--van-cell-horizontal-padding:12px;--van-cell-active-color:transparent;--van-cell-right-icon-color:var(--van-gray-6);padding:var(--ibiz-control-appmenu-list-view-padding)}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item{padding:var(--ibiz-control-appmenu-list-view-item-padding);font-size:var(--ibiz-control-appmenu-list-view-font-size);border-bottom:var(--ibiz-color-border) solid 1px}.ibiz-control-appmenu-listview .ibiz-control-appmenu-item:last-child{border-width:0}.ibiz-control-appmenu-listview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-control-appmenu-list-view-icon-size)}.ibiz-control-appmenu-iconview .van-grid-item__text{display:-webkit-box;flex:1;height:-moz-fit-content;height:fit-content;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ibiz-control-appmenu-iconview .van-badge__wrapper{display:flex;justify-content:center;width:100%}.ibiz-control-appmenu-iconview .van-grid-item__content--clickable:active{background-color:inherit}.ibiz-control-appmenu-iconview .ibiz-control-appmenu-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-control-appmenu-icon-width);margin-bottom:var(--ibiz-control-appmenu-icon-view-icon-margin);font-size:var(--ibiz-control-appmenu-icon-view-icon-size)}.ibiz-control-appmenu-nav{height:calc(100% - var(--van-tabbar-height))}

package/es/control/app-menu/app-menu.d.ts

@@ -0,0 +1,41 @@
+import { IAppMenu } from '@ibiz/model-core';
+import { PropType } from 'vue';
+import './app-menu.scss';
+import { AppMenuController } from '@ibiz-template/runtime';
+export declare const AppMenuControl: import("vue").DefineComponent<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: AppMenuController;
+    onTabChange: (active: string, event?: MouseEvent) => Promise<void>;
+    ns: import("@ibiz-template/core").Namespace;
+    renderDefault: () => JSX.Element;
+    renderIconView: () => JSX.Element;
+    renderListView: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelData: {
+        type: PropType<IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>;

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

@@ -0,0 +1,208 @@
+import { isVNode, ref, computed, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { useControlController, prepareControl } from '@ibiz-template/vue3-util';
+import './app-menu.css';
+import { useRoute } from 'vue-router';
+import { AppMenuController } from '@ibiz-template/runtime';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const AppMenuControl = /* @__PURE__ */ defineComponent({
+  name: "IBizAppMenuControl",
+  props: {
+    modelData: {
+      type: Object,
+      required: true
+    },
+    context: {
+      type: Object,
+      required: true
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  setup(props) {
+    const c = useControlController((...args) => new AppMenuController(...args));
+    const {
+      controlClass,
+      ns
+    } = prepareControl(c);
+    const activeName = ref();
+    const columnNum = computed(() => {
+      return 5;
+    });
+    const route = useRoute();
+    const calcCurMenu = () => {
+      const allItems = c.getAllItems();
+      const app = ibiz.hub.getApp(c.context.srfappid);
+      return allItems.find((item) => {
+        var _a, _b;
+        if (item.itemType === "MENUITEM" && item.appFuncId) {
+          const func = app.getAppFunc(item.appFuncId);
+          return ((_b = (_a = func == null ? void 0 : func.appViewId) == null ? void 0 : _a.split(".")) == null ? void 0 : _b[1]) === route.params.view2;
+        }
+        return false;
+      });
+    };
+    const onTabChange = async (active, event) => {
+      activeName.value = active;
+      await c.onClickMenuItem(active, event);
+    };
+    onMounted(async () => {
+      const allItems = c.getAllItems();
+      const defaultActiveMenuItem = allItems.find((item) => {
+        return item.openDefault && !item.hidden;
+      });
+      if (defaultActiveMenuItem && !route.params.view2 && !route.fullPath.includes("404")) {
+        onTabChange(defaultActiveMenuItem.id, void 0);
+      } else if (ibiz.config.appMenu.enableEcho) {
+        const activeMenu = calcCurMenu();
+        activeName.value = activeMenu ? activeMenu.id : "";
+      }
+    });
+    const renderDefault = () => {
+      var _a;
+      const {
+        model,
+        state
+      } = c;
+      let appMenu = null;
+      if (state.isCreated && ((_a = model.appMenuItems) == null ? void 0 : _a.length)) {
+        appMenu = model.appMenuItems.map((item) => {
+          if (item.itemType === "MENUITEM") {
+            const itemState = state.menuItemsState[item.id];
+            if (itemState.visible) {
+              return createVNode(resolveComponent("van-tabbar-item"), {
+                "name": item.id
+              }, {
+                icon: () => createVNode(resolveComponent("iBizIcon"), {
+                  "slot": "icon",
+                  "class": ns.e("icon"),
+                  "icon": item.sysImage
+                }, null),
+                default: () => createVNode("span", null, [item.caption])
+              });
+            }
+          }
+          return null;
+        });
+      }
+      return createVNode("div", {
+        "class": [ns.b(), ns.m(props.modelData.id)]
+      }, [createVNode(resolveComponent("van-tabbar"), {
+        "modelValue": activeName.value,
+        "onChange": onTabChange
+      }, _isSlot(appMenu) ? appMenu : {
+        default: () => [appMenu]
+      })]);
+    };
+    const renderIconView = () => {
+      const {
+        model
+      } = c;
+      const {
+        controlStyle
+      } = model;
+      return createVNode(resolveComponent("van-grid"), {
+        "clickable": true,
+        "column-num": columnNum.value,
+        "border": false,
+        "class": [ns.b(), ns.b(controlStyle.toLowerCase()), ns.m(props.modelData.id)]
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
+            return item.itemType === "MENUITEM" && createVNode(resolveComponent("van-grid-item"), {
+              "class": ns.b("item"),
+              "text": item.caption,
+              "onClick": (event) => c.onClickMenuItem(item.id, event, false)
+            }, {
+              icon: () => {
+                return createVNode("div", {
+                  "class": ns.b("icon")
+                }, [item.sysImage ? createVNode(resolveComponent("iBizIcon"), {
+                  "icon": item.sysImage
+                }, null) : createVNode(resolveComponent("van-icon"), {
+                  "name": "setting-o"
+                }, null)]);
+              }
+            });
+          })];
+        }
+      });
+    };
+    const renderListView = () => {
+      const {
+        model
+      } = c;
+      const {
+        controlStyle
+      } = model;
+      return createVNode(resolveComponent("van-list"), {
+        "class": [ns.b(), ns.b(controlStyle.toLowerCase()), ns.m(props.modelData.id)]
+      }, {
+        default: () => {
+          var _a;
+          return [(_a = model == null ? void 0 : model.appMenuItems) == null ? void 0 : _a.map((item) => {
+            let renderItem = null;
+            switch (item.itemType) {
+              case "MENUITEM":
+                renderItem = createVNode(resolveComponent("van-cell"), {
+                  "class": [ns.b("item")],
+                  "is-link": true,
+                  "center": true,
+                  "title": item.caption,
+                  "onClick": (event) => c.onClickMenuItem(item.id, event, false)
+                }, {
+                  icon: () => {
+                    return item.sysImage && createVNode("div", {
+                      "class": ns.b("icon")
+                    }, [createVNode(resolveComponent("iBizIcon"), {
+                      "icon": item.sysImage
+                    }, null)]);
+                  }
+                });
+                break;
+              case "SEPERATOR":
+                renderItem = createVNode(resolveComponent("van-divider"), null, null);
+                break;
+              default:
+                break;
+            }
+            return renderItem;
+          })];
+        }
+      });
+    };
+    return {
+      controlClass,
+      c,
+      onTabChange,
+      ns,
+      renderDefault,
+      renderIconView,
+      renderListView
+    };
+  },
+  render() {
+    const {
+      model
+    } = this.c;
+    const {
+      controlStyle
+    } = model;
+    switch (controlStyle) {
+      case "ICONVIEW":
+        return this.renderIconView();
+      case "LISTVIEW":
+        return this.renderListView();
+      default:
+        return this.renderDefault();
+    }
+  }
+});
+
+export { AppMenuControl };

package/es/control/app-menu/app-menu.provider.d.ts

@@ -0,0 +1,13 @@
+import { IControlProvider } from '@ibiz-template/runtime';
+/**
+ * 应用菜单适配器
+ *
+ * @author lxm
+ * @date 2022-10-25 18:10:57
+ * @export
+ * @class AppMenuProvider
+ * @implements {IControlProvider}
+ */
+export declare class AppMenuProvider implements IControlProvider {
+    component: string;
+}

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

@@ -0,0 +1,14 @@
+"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 AppMenuProvider {
+  constructor() {
+    __publicField(this, "component", "IBizAppMenuControl");
+  }
+}
+
+export { AppMenuProvider };

package/es/control/app-menu/index.d.ts

@@ -0,0 +1,39 @@
+export * from './app-menu.provider';
+export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").TypeWithInstall<import("vue").DefineComponent<{
+    modelData: {
+        type: import("vue").PropType<import("@ibiz/model-core").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}, {
+    controlClass: string[];
+    c: import("@ibiz-template/runtime").AppMenuController;
+    onTabChange: (active: string, event?: MouseEvent | undefined) => Promise<void>;
+    ns: import("@ibiz-template/core").Namespace;
+    renderDefault: () => JSX.Element;
+    renderIconView: () => JSX.Element;
+    renderListView: () => JSX.Element;
+}, 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").IAppMenu>;
+        required: true;
+    };
+    context: {
+        type: import("vue").PropType<IContext>;
+        required: true;
+    };
+    params: {
+        type: import("vue").PropType<IParams>;
+        default: () => {};
+    };
+}>>, {
+    params: IParams;
+}, {}>>;
+export default IBizAppMenuControl;

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

@@ -0,0 +1,15 @@
+import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { withInstall } from '@ibiz-template/vue3-util';
+import { AppMenuControl } from './app-menu.mjs';
+import { AppMenuProvider } from './app-menu.provider.mjs';
+
+"use strict";
+const IBizAppMenuControl = withInstall(
+  AppMenuControl,
+  function(v) {
+    v.component(AppMenuControl.name, AppMenuControl);
+    registerControlProvider(ControlType.APP_MENU, () => new AppMenuProvider());
+  }
+);
+
+export { AppMenuProvider, IBizAppMenuControl, IBizAppMenuControl as default };

package/es/control/calendar/calendar.css

@@ -0,0 +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);display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-calendar-item-padding)}.ibiz-control-calendar__icon{width:10px;height:10px;border-radius:50%}.ibiz-control-calendar__day{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ibiz-control-calendar__mark{display:flex;position:absolute;bottom:-4px;left:0;flex-grow:1;justify-content:space-around;width:100%}.ibiz-control-calendar__mark--item{width:4px;height:4px;background-color:red;border-radius:50px}.ibiz-control-calendar-content{width:100%}.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;background-color:var(--ibiz-color-bg-0);border:solid .5px transparent;border-radius:var(--ibiz-control-calendar-border-radius)}.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:var(--ibiz-control-calendar-item-padding);margin-top:0}.ibiz-control-calendar-day{height:-moz-fit-content;height:fit-content}.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;gap:var(--ibiz-control-calendar-item-padding);align-items:center}.ibiz-control-calendar-footer{flex-grow:1;min-height:0}.ibiz-control-calendar-footer .van-tabs{height:100%}.ibiz-control-calendar-footer .van-tabs__content{height:calc(100% - var(--van-tabs-line-height));margin:0 var(--ibiz-control-calendar-item-padding);overflow-y:auto}.ibiz-control-calendar-title{position:relative;display:flex;align-items:center;justify-content:space-between}.ibiz-control-calendar-title .van-field{width:50%}.ibiz-control-calendar-title input{font-weight:100;text-align:inherit;background-color:transparent;border:1px var(--ibiz-color-border) solid;box-shadow:none}.ibiz-control-calendar-title span{top:0;left:0}