@ibiz-template/vue3-components 0.7.26-alpha.3 → 0.7.27

package/es/common/emoji-select/icons/index.d.ts

@@ -0,0 +1,3 @@
+export * from './emoji';
+export * from './categories';
+export { SearchSvg } from './search';

package/es/common/emoji-select/icons/index.mjs

@@ -0,0 +1,5 @@
+export { emojisDefault } from './emoji.mjs';
+export { categoriesDefault } from './categories.mjs';
+export { SearchSvg } from './search.mjs';
+
+"use strict";

package/es/common/emoji-select/icons/search.d.ts

@@ -0,0 +1 @@
+export declare const SearchSvg: () => JSX.Element;

package/es/common/emoji-select/icons/search.mjs

@@ -0,0 +1,16 @@
+import { createVNode } from 'vue';
+
+"use strict";
+const SearchSvg = () => createVNode("svg", {
+  "viewBox": "0 0 16 16",
+  "xmlns": "http://www.w3.org/2000/svg",
+  "height": "1em",
+  "width": "1em",
+  "focusable": "false"
+}, [createVNode("g", {
+  "stroke-width": "1"
+}, [createVNode("path", {
+  "d": "M6.751 12.303A5.557 5.557 0 0 1 1.2 6.751C1.2 3.691 3.69 1.2 6.751 1.2a5.558 5.558 0 0 1 5.551 5.551 5.557 5.557 0 0 1-5.551 5.552M6.751 0a6.751 6.751 0 1 0 4.309 11.949l3.855 3.855a.6.6 0 1 0 .849-.849l-3.854-3.853A6.751 6.751 0 0 0 6.751 0"
+}, null)])]);
+
+export { SearchSvg };

package/es/common/emoji-select/interface/category.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 类别接口定义
+ *
+ * @interface ICategory
+ */
+export interface ICategory {
+    /**
+     * 类别的名称
+     *
+     * @type {string}
+     */
+    name: string;
+    /**
+     * 类别的图标（可能是 URL 或其他标识符）
+     *
+     * @type {string}
+     */
+    icon: string;
+    /**
+     * 类别相关的文本描述
+     *
+     * @type {string}
+     */
+    text: string;
+    /**
+     * 获取类别的标签（通常是类别的名称）
+     *
+     * @returns {string} - 类别的名称
+     */
+    label: string;
+}
+/**
+ * 类别类，实现 ICategory 接口
+ *
+ * @class Category
+ * @implements ICategory
+ */
+export declare class Category implements ICategory {
+    name: string;
+    icon: string;
+    text: string;
+    constructor(name: string, icon: string, text: string);
+    get label(): string;
+}

package/es/common/emoji-select/interface/category.mjs

@@ -0,0 +1,22 @@
+"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 Category {
+  constructor(name, icon, text) {
+    __publicField(this, "name");
+    __publicField(this, "icon");
+    __publicField(this, "text");
+    this.name = name;
+    this.icon = icon;
+    this.text = text;
+  }
+  get label() {
+    return this.name;
+  }
+}
+
+export { Category };

package/es/common/emoji-select/interface/emoji.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 表情符号接口定义
+ *
+ * @interface IEmoji
+ */
+export interface IEmoji {
+    /**
+     * 表情符号的数据，通常是Unicode编码或svg
+     *
+     * @type {string}
+     */
+    data: string;
+    /**
+     * 表情符号所属的分类
+     *
+     * @type {string}
+     */
+    category: string;
+    /**
+     * 表情符号的别名列表
+     *
+     * @type {string[]}
+     */
+    aliases: string[];
+}
+/**
+ * 表情符号类，实现IEmoji接口
+ *
+ * @class Emoji
+ * @implements IEmoji
+ */
+export declare class Emoji implements IEmoji {
+    data: string;
+    category: string;
+    aliases: string[];
+    constructor(data: string, category: string, aliases: string[]);
+}

package/es/common/emoji-select/interface/emoji.mjs

@@ -0,0 +1,19 @@
+"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 Emoji {
+  constructor(data, category, aliases) {
+    __publicField(this, "data");
+    __publicField(this, "category");
+    __publicField(this, "aliases");
+    this.data = data;
+    this.category = category;
+    this.aliases = aliases;
+  }
+}
+
+export { Emoji };

package/es/common/emoji-select/interface/index.d.ts

@@ -0,0 +1,3 @@
+export * from './category';
+export * from './emoji';
+export * from './map-emojis';

package/es/common/emoji-select/interface/index.mjs

@@ -0,0 +1,5 @@
+export { Category } from './category.mjs';
+export { Emoji } from './emoji.mjs';
+import './map-emojis.mjs';
+
+"use strict";

package/es/common/emoji-select/interface/map-emojis.d.ts

@@ -0,0 +1,17 @@
+import { IEmoji } from './emoji';
+/**
+ * 表情符号映射接口
+ *
+ * 此接口定义了一个对象，其键为字符串类型（可能是某种分类或标识符），
+ * 对应的值为IEmoji接口的数组，表示属于该键所代表分类或标识符的表情符号列表。
+ *
+ * @interface MapEmojis
+ */
+export interface MapEmojis {
+    /**
+     * 表情符号的分类或标识符，作为对象的键
+     *
+     * @type {string}
+     */
+    [x: string]: IEmoji[];
+}

package/es/common/emoji-select/interface/map-emojis.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/common/index.mjs

@@ -21,11 +21,13 @@ import { IBizCarouselComponent } from './carousel/carousel.mjs';
 import { IBizCoopAlert } from './coop-alert/coop-alert.mjs';
 import { CustomTheme } from './custom-theme/custom-theme.mjs';
 import { IBizCarouselCard } from './carousel-card/carousel-card.mjs';
+import { IBizEmojiSelect } from './emoji-select/emoji-select.mjs';
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
     v.component(IBizControlBase.name, IBizControlBase);
+    v.component(IBizEmojiSelect.name, IBizEmojiSelect);
     v.component(IBizIcon.name, IBizIcon);
     v.component(DoingNotice.name, DoingNotice);
     v.component(IBizRow.name, IBizRow);

package/es/common/view-message/view-message.d.ts

@@ -464,6 +464,7 @@ export declare const ViewMessage: import("vue").DefineComponent<{
                     propertyIsEnumerable: (v: PropertyKey) => boolean;
                 } | undefined;
                 tag?: string | undefined;
+                uniqueTag?: string | undefined;
                 appId: string;
                 id?: string | undefined;
                 name?: string | undefined;

package/es/control/calendar/calendar.css

@@ -1 +1 @@
-.ibiz-control-light-calendar{--ibiz-control-light-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-light-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-light-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-light-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-light-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-light-calendar-margin:var(--ibiz-spacing-extra-tight);width:100%;height:100%}.ibiz-control-light-calendar__calendar-item{display:flex;gap:var(--ibiz-spacing-base-tight);align-items:center;padding:var(--ibiz-control-light-calendar-item-padding)}.ibiz-control-light-calendar__icon{width:10px;height:10px;border-radius:50%}.ibiz-control-light-calendar-content{display:flex;flex-direction:column;width:100%;height:100%}.ibiz-control-light-calendar-content .el-calendar{display:flex;flex-direction:column}.ibiz-control-light-calendar-content .el-calendar-table,.ibiz-control-light-calendar-content .el-calendar-table .el-calendar-day{width:100%;height:100%;cursor:pointer}.ibiz-control-light-calendar-content .el-calendar-table{flex:1;width:-moz-fit-content;width:fit-content}.ibiz-control-light-calendar-content .el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.ibiz-control-light-calendar-content .el-calendar__body{display:flex;flex:1;padding:0}.ibiz-control-light-calendar-item{--ibiz-control-light-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-light-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-light-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-light-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-light-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-light-calendar-margin:var(--ibiz-spacing-extra-tight);height:100%;padding:var(--ibiz-control-light-calendar-item-padding);margin-bottom:var(--ibiz-control-light-calendar-margin);overflow:hidden;font-size:var(--ibiz-control-light-calendar-font-size);color:var(--ibiz-control-light-calendar-text-color);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:solid .5px transparent;border-radius:var(--ibiz-control-light-calendar-border-radius)}.ibiz-control-light-calendar-item:hover{background-color:var(--ibiz-control-light-calendar-hover-bg-color)}.ibiz-control-light-calendar-item.is-active{background-color:var(--ibiz-control-light-calendar-active-bg-color);border:solid .5px var(--ibiz-control-light-calendar-border-color)}.ibiz-control-light-calendar-date-text{--ibiz-control-light-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-light-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-light-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-light-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-light-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-light-calendar-margin:var(--ibiz-spacing-extra-tight);padding:var(--ibiz-control-light-calendar-item-padding);margin-top:0}.ibiz-control-light-calendar-day{height:-moz-fit-content;height:fit-content}.ibiz-control-light-calendar-content-header{--ibiz-control-light-calendar-text-color:var(--ibiz-color-text-0);--ibiz-control-light-calendar-hover-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-active-bg-color:var(--ibiz-color-fill-0);--ibiz-control-light-calendar-border-color:var(--ibiz-color-primary-active);--ibiz-control-light-calendar-font-size:var(--ibiz-font-size-small);--ibiz-control-light-calendar-item-padding:var(--ibiz-spacing-tight);--ibiz-control-light-calendar-border-radius:var(--ibiz-border-radius-small);--ibiz-control-light-calendar-margin:var(--ibiz-spacing-extra-tight);display:flex;gap:var(--ibiz-control-light-calendar-item-padding);align-items:center}.ibiz-control-light-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);width:100%;height:100%}.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 .ibiz-control-calendar-item{margin:0}.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-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}

package/es/control/calendar/calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { ISysCalendar } from '@ibiz/model-core';
+import { CalendarController, ICalendarItemData, IControlProvider } from '@ibiz-template/runtime';
 import './calendar.scss';
-import { CalendarController, IControlProvider } from '@ibiz-template/runtime';
 export declare const CalendarControl: import("vue").DefineComponent<{
     modelData: {
         type: PropType<ISysCalendar>;
@@ -30,8 +30,9 @@ export declare const CalendarControl: import("vue").DefineComponent<{
     c: CalendarController;
     ns: import("@ibiz-template/core").Namespace;
     calendarRef: import("vue").Ref<IData | undefined>;
+    popoverVisible: import("vue").Ref<boolean>;
     selectDate: (tag: string) => void;
-    renderCalendar: () => JSX.Element;
+    calcItemStyle: (data: ICalendarItemData) => IData;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<ISysCalendar>;

package/es/control/calendar/calendar.mjs

@@ -1,11 +1,9 @@
 import { isVNode, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
-import './calendar.css';
 import { CalendarController } from '@ibiz-template/runtime';
 import dayjs from 'dayjs';
-import './components/util/index.mjs';
 import { IBizCustomCalendar } from './components/custom-calendar/index.mjs';
-import { fade } from './components/util/util.mjs';
+import './calendar.css';
 
 "use strict";
 function _isSlot(s) {
@@ -42,14 +40,18 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const c = useControlController((...args) => new CalendarController(...args));
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const calendarRef = ref();
+    const popoverVisible = ref(false);
     const selectDate = (tag) => {
       if (!calendarRef.value)
         return;
       calendarRef.value.selectDate(tag);
     };
+    c.evt.on("onActive", () => {
+      popoverVisible.value = false;
+    });
     watch(() => c.state.selectedDate, (oldVal, newVal) => {
-      const oldDateString = dayjs(oldVal).format("YYYY-MM-DD");
-      const newDateString = dayjs(newVal).format("YYYY-MM-DD");
+      const oldDateString = dayjs(oldVal).format("YYYY-MM");
+      const newDateString = dayjs(newVal).format("YYYY-MM");
       if (oldDateString === newDateString) {
         return;
       }
@@ -58,129 +60,250 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
     const calcItemStyle = (data) => {
       return {
         color: data.color,
-        backgroundColor: fade(data.bkColor, 10)
+        backgroundColor: data.bkColor
       };
     };
+    return {
+      c,
+      ns,
+      calendarRef,
+      popoverVisible,
+      selectDate,
+      calcItemStyle
+    };
+  },
+  render() {
+    let _slot6;
     const renderPanelItem = (item, modelData) => {
       const {
         context,
         params
-      } = c;
-      const {
-        calendarStyle
-      } = c.model;
-      const findIndex = c.state.selectedData.findIndex((data) => {
+      } = this.c;
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
         return data.deData.srfkey === item.deData.srfkey;
       });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      const style = calcItemStyle(item);
-      if (calendarStyle === "TIMELINE") {
-        return createVNode(resolveComponent("iBizControlShell"), {
-          "class": itemClass,
-          "data": item.deData,
-          "modelData": modelData,
-          "context": context,
-          "params": params,
-          "style": style,
-          "onClick": (e) => {
-            e.stopPropagation();
-            return c.onRowClick(item);
-          },
-          "onDblclick": (e) => {
-            e.stopPropagation();
-            return c.onDbRowClick(item);
-          }
-        }, null);
-      }
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      const style = this.calcItemStyle(item);
       return createVNode(resolveComponent("iBizControlShell"), {
+        "class": itemClass,
         "data": item.deData,
         "modelData": modelData,
         "context": context,
-        "params": params
+        "params": params,
+        "style": style,
+        "onClick": (e) => {
+          e.stopPropagation();
+          return this.c.onRowClick(item);
+        },
+        "onDblclick": (e) => {
+          e.stopPropagation();
+          return this.c.onDbRowClick(item);
+        }
       }, null);
     };
     const renderDefaultItem = (item) => {
-      const {
-        calendarStyle
-      } = c.model;
-      const findIndex = c.state.selectedData.findIndex((data) => {
+      const findIndex = this.c.state.selectedData.findIndex((data) => {
         return data.deData.srfkey === item.deData.srfkey;
       });
-      const itemClass = [ns.b("item"), ns.is("active", findIndex !== -1)];
-      const style = calcItemStyle(item);
-      if (calendarStyle === "TIMELINE") {
-        return createVNode("div", {
-          "class": itemClass,
-          "key": item.deData.srfkey,
-          "style": style,
-          "onClick": () => c.onRowClick(item),
-          "onDblclick": () => c.onDbRowClick(item)
-        }, ["".concat(item.text)]);
-      }
+      const itemClass = [this.ns.b("item"), this.ns.is("active", findIndex !== -1)];
+      const style = this.calcItemStyle(item);
       return createVNode("div", {
-        "key": item.deData.srfkey
+        "class": itemClass,
+        "key": item.deData.srfkey,
+        "style": style,
+        "title": item.tips || item.text,
+        "onClick": () => this.c.onRowClick(item),
+        "onDblclick": () => this.c.onDbRowClick(item)
       }, [item.text]);
     };
+    const renderCalendarItem = (item) => {
+      var _a;
+      const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
+        return item.itemType === calendarItems.itemType;
+      });
+      const panel = model.layoutPanel;
+      return panel ? renderPanelItem(item, panel) : renderDefaultItem(item);
+    };
+    const renderCalendarList = (items) => {
+      if (items.length > 1) {
+        return [renderCalendarItem(items[0]), createVNode(resolveComponent("el-popover"), {
+          "trigger": "click",
+          "visible": this.popoverVisible,
+          "onUpdate:visible": ($event) => this.popoverVisible = $event
+        }, {
+          reference: () => {
+            return createVNode("span", {
+              "class": this.ns.b("more")
+            }, ["+".concat(items.length - 1, " ").concat(ibiz.i18n.t("app.more"), "...")]);
+          },
+          default: () => {
+            return items.map((item) => {
+              return renderCalendarItem(item);
+            });
+          }
+        })];
+      }
+      return items.map((item) => {
+        return renderCalendarItem(item);
+      });
+    };
+    const renderCalendarItems = (date) => {
+      const dateString = dayjs(date).format("YYYY-MM-DD");
+      const items = this.c.state.items.filter((item) => {
+        const begin = new Date(item.beginTime);
+        return dateString === dayjs(begin).format("YYYY-MM-DD");
+      });
+      return renderCalendarList(items);
+    };
     const renderElCalender = () => {
+      return createVNode("div", {
+        "class": this.ns.b("content")
+      }, [createVNode(resolveComponent("el-calendar"), {
+        "modelValue": this.c.state.selectedDate,
+        "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+        "ref": "calendarRef"
+      }, {
+        header: ({
+          date
+        }) => {
+          var _a;
+          let _slot, _slot2, _slot3, _slot4, _slot5;
+          return [createVNode("span", {
+            "class": this.ns.b("content-title")
+          }, [date]), createVNode("div", {
+            "class": this.ns.b("content-header")
+          }, [createVNode(resolveComponent("el-date-picker"), {
+            "modelValue": this.c.state.selectedDate,
+            "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+            "type": "month"
+          }, null), createVNode(resolveComponent("el-button-group"), null, {
+            default: () => [createVNode(resolveComponent("el-button"), {
+              "onClick": () => {
+                this.selectDate("prev-year");
+              }
+            }, _isSlot(_slot = ibiz.i18n.t("control.calendar.lastYear")) ? _slot : {
+              default: () => [_slot]
+            }), createVNode(resolveComponent("el-button"), {
+              "onClick": () => {
+                this.selectDate("prev-month");
+              }
+            }, _isSlot(_slot2 = ibiz.i18n.t("control.calendar.lastMonth")) ? _slot2 : {
+              default: () => [_slot2]
+            }), createVNode(resolveComponent("el-button"), {
+              "onClick": () => {
+                this.selectDate("today");
+              }
+            }, _isSlot(_slot3 = ibiz.i18n.t("control.calendar.today")) ? _slot3 : {
+              default: () => [_slot3]
+            }), createVNode(resolveComponent("el-button"), {
+              "onClick": () => {
+                this.selectDate("next-month");
+              }
+            }, _isSlot(_slot4 = ibiz.i18n.t("control.calendar.nextMonth")) ? _slot4 : {
+              default: () => [_slot4]
+            }), createVNode(resolveComponent("el-button"), {
+              "onClick": () => {
+                this.selectDate("next-year");
+              }
+            }, _isSlot(_slot5 = ibiz.i18n.t("control.calendar.nextYear")) ? _slot5 : {
+              default: () => [_slot5]
+            })]
+          })]), createVNode("div", {
+            "class": this.ns.b("legend")
+          }, [this.c.model.sysCalendarItems && this.c.model.sysCalendarItems.length > 1 && ((_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.map((calendarItem) => {
+            let label = calendarItem.name;
+            if (calendarItem.nameLanguageRes) {
+              label = ibiz.i18n.t(calendarItem.nameLanguageRes.lanResTag, calendarItem.name);
+            }
+            return createVNode("div", {
+              "class": this.ns.e("calendar-item")
+            }, [createVNode("div", {
+              "class": this.ns.e("icon"),
+              "style": {
+                background: calendarItem.bkcolor,
+                color: calendarItem.color
+              }
+            }, null), label]);
+          }))])];
+        },
+        "date-cell": ({
+          data
+        }) => {
+          const {
+            date
+          } = data;
+          return createVNode("div", {
+            "class": this.ns.b("day")
+          }, [createVNode("p", {
+            "class": this.ns.b("date-text")
+          }, [date.getDate()]), createVNode("div", {
+            "class": this.ns.b("items")
+          }, [renderCalendarItems(date)])]);
+        }
+      })]);
+    };
+    const renderNoData = () => {
+      const {
+        isLoaded
+      } = this.c.state;
+      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
+        "text": this.c.model.emptyText,
+        "emptyTextLanguageRes": this.c.model.emptyTextLanguageRes,
+        "enableShowImage": this.c.state.hideNoDataImage
+      }, null);
+    };
+    const renderWeekDay = () => {
       const slots = {};
       const {
         sysCalendarItems
-      } = c.model;
+      } = this.c.model;
       slots.event = ({
         data
       }) => {
         const targetCalendarItem = sysCalendarItems == null ? void 0 : sysCalendarItems.find((item) => {
           return item.id === data.itemType;
         });
-        if (c.state.showDetail && targetCalendarItem && targetCalendarItem.layoutPanel) {
+        if (targetCalendarItem && targetCalendarItem.layoutPanel) {
           return renderPanelItem(data, targetCalendarItem.layoutPanel);
         }
         return renderDefaultItem(data);
       };
       return createVNode("div", {
-        "class": ns.b("content")
+        "class": this.ns.b("content")
       }, [createVNode(IBizCustomCalendar, {
-        "modelValue": c.state.selectedDate,
-        "onUpdate:modelValue": ($event) => c.state.selectedDate = $event,
-        "controller": c,
+        "modelValue": this.c.state.selectedDate,
+        "onUpdate:modelValue": ($event) => this.c.state.selectedDate = $event,
+        "showDetail": this.c.state.showDetail,
+        "calendarTitle": this.c.state.calendarTitle,
         "ref": "calendarRef",
-        "viewType": c.model.calendarStyle,
-        "events": c.state.items,
-        "legends": c.state.legends,
-        "multiple": !c.state.singleSelect,
-        "selectedData": c.state.selectedData,
+        "viewType": this.c.model.calendarStyle,
+        "events": this.c.state.items,
+        "legends": this.c.state.legends,
+        "multiple": !this.c.state.singleSelect,
+        "selectedData": this.c.state.selectedData,
         "onEventClick": (value) => {
           const {
             data
           } = value;
-          c.onRowClick(data[0]);
+          this.c.onRowClick(data[0]);
         },
         "onEventDblClick": (value) => {
           const {
             data
           } = value;
-          c.onDbRowClick(data[0]);
+          this.c.onDbRowClick(data[0]);
         }
       }, _isSlot(slots) ? slots : {
         default: () => [slots]
       })]);
     };
-    const renderNoData = () => {
-      const {
-        isLoaded
-      } = c.state;
-      return isLoaded && createVNode(resolveComponent("iBizNoData"), {
-        "text": c.model.emptyText,
-        "emptyTextLanguageRes": c.model.emptyTextLanguageRes
-      }, null);
-    };
     const renderTimeLine = () => {
       return createVNode("div", {
-        "class": ns.b("timeline-content")
+        "class": this.ns.b("timeline-content")
       }, [createVNode(resolveComponent("el-timeline"), null, {
-        default: () => [c.state.items.length > 0 ? c.state.items.map((item) => {
+        default: () => [this.c.state.items.length > 0 ? this.c.state.items.map((item) => {
           var _a;
-          const model = (_a = c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
+          const model = (_a = this.c.model.sysCalendarItems) == null ? void 0 : _a.find((calendarItems) => {
             return item.itemType === calendarItems.itemType;
           });
           return createVNode(resolveComponent("el-timeline-item"), {
@@ -195,27 +318,21 @@ const CalendarControl = /* @__PURE__ */ defineComponent({
       })]);
     };
     const renderCalendar = () => {
-      switch (c.model.calendarStyle) {
+      switch (this.c.model.calendarStyle) {
         case "TIMELINE":
           return renderTimeLine();
+        case "WEEK":
+        case "DAY":
+          return renderWeekDay();
+        case "MONTH":
         default:
           return renderElCalender();
       }
     };
-    return {
-      c,
-      ns,
-      calendarRef,
-      selectDate,
-      renderCalendar
-    };
-  },
-  render() {
-    let _slot;
     return createVNode(resolveComponent("iBizControlBase"), {
       "controller": this.c
-    }, _isSlot(_slot = this.renderCalendar()) ? _slot : {
-      default: () => [_slot]
+    }, _isSlot(_slot6 = renderCalendar()) ? _slot6 : {
+      default: () => [_slot6]
     });
   }
 });

package/es/control/calendar/components/calendar-daily/calendar-daily.d.ts

@@ -9,9 +9,9 @@ export declare const CalendarDaily: import("vue").DefineComponent<IParams, {
     eventClick: (value: IParams) => IParams;
     eventDblClick: (value: IParams) => IParams;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<IParams>> & {
+    onPick?: ((value: import("dayjs").Dayjs) => any) | undefined;
     onEventClick?: ((value: IParams) => any) | undefined;
     onEventDblClick?: ((value: IParams) => any) | undefined;
-    onPick?: ((value: import("dayjs").Dayjs) => any) | undefined;
 }, {
     [x: string]: any;
     [x: symbol]: any;