@web-utils/form-ui 1.0.0-beta13 → 1.0.0-beta15

package/index.mjs

@@ -1,38 +1,39 @@
-import { t as e } from "./chunks/BM34G781.mjs";
-import t from "./element-dialog/index.mjs";
-import n from "./empty-view/index.mjs";
-import r from "./flex-scroll-area/index.mjs";
-import i from "./form-advice/index.mjs";
-import a from "./form-cell/index.mjs";
-import { s as o } from "./chunks/Cqm2ahW2.mjs";
-import { t as s } from "./chunks/BouiHKbN.mjs";
-import { t as c } from "./chunks/oRDjUjCZ.mjs";
-import { t as l } from "./chunks/CQowXkhx.mjs";
-import u from "./form-red-table/index.mjs";
-import { t as d } from "./chunks/6Ukll2os.mjs";
-import { t as f } from "./chunks/CaHyPp0T.mjs";
-import { t as p } from "./chunks/BJCpNo2b.mjs";
-import { t as m } from "./chunks/DZdQxw_s.mjs";
-import { t as h } from "./chunks/BGad3Wff.mjs";
-import { t as g } from "./chunks/ALt4yf68.mjs";
-import { t as _ } from "./chunks/B9ZV4Ei4.mjs";
-import v from "./form-input-tag/index.mjs";
-import y from "./form-input-time/index.mjs";
-import b from "./form-item-config-provider/index.mjs";
-import x from "./form-item-group/index.mjs";
-import { t as S } from "./chunks/BG_Z3LzE.mjs";
-import { t as C } from "./chunks/DeOt3q3a.mjs";
-import { t as w } from "./chunks/Bpox2cVQ.mjs";
-import { t as T } from "./chunks/CmtaSp-T.mjs";
-import { t as E } from "./chunks/Dr0gqiWt.mjs";
-import { t as D } from "./chunks/Bc4d8vFN.mjs";
-import { t as O } from "./chunks/BYqiGFdT.mjs";
-import k from "./form-view/index.mjs";
+import e from "./element-dialog/index.mjs";
+import t from "./empty-view/index.mjs";
+import n from "./flex-scroll-area/index.mjs";
+import r from "./form-advice/index.mjs";
+import i from "./form-cell/index.mjs";
+import { s as a } from "./chunks/DK2YoEOD.mjs";
+import { t as o } from "./chunks/DXrQ5tWJ.mjs";
+import { t as s } from "./chunks/CXHvVx2H.mjs";
+import { t as c } from "./chunks/jpMiw_3M.mjs";
+import l from "./form-red-table/index.mjs";
+import { t as u } from "./chunks/B5BIQCcK.mjs";
+import { t as d } from "./chunks/BXOvvlL2.mjs";
+import { t as f } from "./chunks/CykRgGj0.mjs";
+import { t as p } from "./chunks/DAEpRn3D.mjs";
+import { t as m } from "./chunks/D4SiGR5u.mjs";
+import { t as h } from "./chunks/C6tYoDfK.mjs";
+import { t as g } from "./chunks/wo0ekOcp.mjs";
+import _ from "./form-input-tag/index.mjs";
+import v from "./form-input-time/index.mjs";
+import y from "./form-item-config-provider/index.mjs";
+import b from "./form-item-group/index.mjs";
+import { t as x } from "./chunks/CAYDWMXC.mjs";
+import { t as S } from "./chunks/BDhGvPmU.mjs";
+import { t as C } from "./chunks/CI_28Uw4.mjs";
+import { t as w } from "./chunks/Xww4oyW1.mjs";
+import { t as T } from "./chunks/vlkluoXb.mjs";
+import { t as E } from "./chunks/DL4ovOwO.mjs";
+import { t as D } from "./chunks/ciEWoJ1U.mjs";
+import O from "./form-view/index.mjs";
+import { t as k } from "./chunks/dwnrVqcq.mjs";
 import A from "./table-view/index.mjs";
 import j from "./toolbar/index.mjs";
 import M from "./toolbar-button/index.mjs";
+import N from "./year-calendar/index.mjs";
 //#region src/components/index.ts
-var N = /* @__PURE__ */ "ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormItemGroup.FormItemX.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormText.FormView.JsonEditor.TableView.Toolbar.ToolbarButton".split("."), P = [
+var P = /* @__PURE__ */ "ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormCell.FormCheckbox.FormCheckBoxGroup.FormDatePicker.FormHolder.FormImage.FormInput.FormInputEmail.FormInputIdCard.FormInputNumber.FormInputPhoneNumber.FormInputTag.FormInputTime.FormItemConfigProvider.FormItemGroup.FormItemX.FormRadioGroup.FormRate.FormRedTable.FormRow.FormSelect.FormSlider.FormSwitch.FormText.FormView.MonthCalendar.TableView.Toolbar.ToolbarButton.YearCalendar".split("."), F = [
 	"FlexScrollArea",
 	"FormAdvice",
 	"FormCell",
@@ -54,11 +55,12 @@ var N = /* @__PURE__ */ "ElementDialog.EmptyView.FlexScrollArea.FormAdvice.FormC
 	"FormSwitch",
 	"FormText",
 	"FormView",
+	"MonthCalendar",
 	"TableView",
 	"Toolbar",
 	"ToolbarButton"
-], F = (N) => {
-	N.component(t.name, t), N.component(n.name, n), N.component(r.name, r), N.component(i.name, i), N.component(a.name, a), N.component(s.name, s), N.component(c.name, c), N.component(l.name, l), N.component(d.name, d), N.component(f.name, f), N.component(p.name, p), N.component(m.name, m), N.component(h.name, h), N.component(g.name, g), N.component(_.name, _), N.component(v.name, v), N.component(y.name, y), N.component(b.name, b), N.component(x.name, x), N.component(o.name, o), N.component(S.name, S), N.component(C.name, C), N.component(u.name, u), N.component(w.name, w), N.component(T.name, T), N.component(E.name, E), N.component(D.name, D), N.component(O.name, O), N.component(k.name, k), N.component(e.name, e), N.component(A.name, A), N.component(j.name, j), N.component(M.name, M);
+], I = (P) => {
+	P.component(e.name, e), P.component(t.name, t), P.component(n.name, n), P.component(r.name, r), P.component(i.name, i), P.component(o.name, o), P.component(s.name, s), P.component(c.name, c), P.component(u.name, u), P.component(d.name, d), P.component(f.name, f), P.component(p.name, p), P.component(m.name, m), P.component(h.name, h), P.component(g.name, g), P.component(_.name, _), P.component(v.name, v), P.component(y.name, y), P.component(b.name, b), P.component(a.name, a), P.component(x.name, x), P.component(S.name, S), P.component(l.name, l), P.component(C.name, C), P.component(w.name, w), P.component(T.name, T), P.component(E.name, E), P.component(D.name, D), P.component(O.name, O), P.component(k.name, k), P.component(A.name, A), P.component(j.name, j), P.component(M.name, M), P.component(N.name, N);
 };
 //#endregion
-export { t as ElementDialog, n as EmptyView, r as FlexScrollArea, i as FormAdvice, a as FormCell, c as FormCheckBoxGroup, s as FormCheckbox, l as FormDatePicker, d as FormHolder, f as FormImage, p as FormInput, m as FormInputEmail, h as FormInputIdCard, g as FormInputNumber, _ as FormInputPhoneNumber, v as FormInputTag, y as FormInputTime, b as FormItemConfigProvider, x as FormItemGroup, o as FormItemX, S as FormRadioGroup, C as FormRate, u as FormRedTable, w as FormRow, T as FormSelect, E as FormSlider, D as FormSwitch, O as FormText, k as FormView, e as JsonEditor, A as TableView, j as Toolbar, M as ToolbarButton, N as componentNames, F as install, P as noStylesComponents };
+export { e as ElementDialog, t as EmptyView, n as FlexScrollArea, r as FormAdvice, i as FormCell, s as FormCheckBoxGroup, o as FormCheckbox, c as FormDatePicker, u as FormHolder, d as FormImage, f as FormInput, p as FormInputEmail, m as FormInputIdCard, h as FormInputNumber, g as FormInputPhoneNumber, _ as FormInputTag, v as FormInputTime, y as FormItemConfigProvider, b as FormItemGroup, a as FormItemX, x as FormRadioGroup, S as FormRate, l as FormRedTable, C as FormRow, w as FormSelect, T as FormSlider, E as FormSwitch, D as FormText, O as FormView, k as MonthCalendar, A as TableView, j as Toolbar, M as ToolbarButton, N as YearCalendar, P as componentNames, I as install, F as noStylesComponents };

package/month-calendar/index.d.ts

@@ -0,0 +1,80 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    activeDates: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    month: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    year: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    prefixClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>, {}, {
+    showDays: never[];
+    isMouseDown: boolean;
+}, {
+    weekTitleFontSizeAdjustLang(): any;
+    monthTitle(): any;
+}, {
+    initCalendar(): never[] | undefined;
+    showDayTitle(day: any): any;
+    toggleDay(dayObj: any): void;
+    dragDay(dayObj: any): void;
+    mouseDown(dayObj: any): void;
+    mouseUp(): void;
+    classList(dayObj: any): {
+        [x: string]: any;
+        'calendar__day--otherMonth': any;
+    };
+    monthClickEvent(year: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("toggleDate" | "monthClickEvent")[], "toggleDate" | "monthClickEvent", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeDates: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    month: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    year: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: () => number;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    prefixClass: {
+        type: StringConstructor;
+        default: () => string;
+    };
+}>> & Readonly<{
+    onToggleDate?: ((...args: any[]) => any) | undefined;
+    onMonthClickEvent?: ((...args: any[]) => any) | undefined;
+}>, {
+    activeDates: unknown[];
+    month: string | number;
+    year: string | number;
+    lang: string;
+    activeClass: string;
+    prefixClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/month-calendar/index.mjs

@@ -0,0 +1,2 @@
+import { t as e } from "../chunks/dwnrVqcq.mjs";
+export { e as default };

package/month-calendar/style.css

@@ -0,0 +1 @@
+.c-wrapper[data-v-458fd3a6]{padding:10px}.calendar[data-v-458fd3a6]{text-align:center;color:#353c46cc;background-color:#fff;border-radius:2px;min-width:0;min-height:295px;text-decoration:none;transition:transform .3s;position:relative;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.calendar[data-v-458fd3a6]:hover{z-index:2}@media (min-width:1024px){.calendar[data-v-458fd3a6]:hover{transform:scale(1.15);box-shadow:0 7px 21px #0000001a}}.calendar .calendar__title[data-v-458fd3a6]{cursor:pointer;border-bottom:1px solid #c4c4c44d;flex:100%;justify-content:center;align-items:center;height:50px;margin-bottom:12px;font-size:18px;font-weight:700;display:flex}.calendar .calendar__body[data-v-458fd3a6]{flex-wrap:wrap;place-content:flex-start;min-width:194px;padding:0 20px;display:flex}.calendar .calendar__day[data-v-458fd3a6]{color:#5db3d4;flex:14.28%;justify-content:center;align-items:center;height:31px;font-size:16px;display:flex}.calendar .day__weektitle[data-v-458fd3a6]{color:#353c46cc}.calendar .day[data-v-458fd3a6]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex;position:relative}.calendar .day[data-v-458fd3a6]:after{content:"";z-index:1;background-color:#0000;border-radius:50%;width:10px;height:10px;display:block;position:absolute;top:-5px;right:-5px}.calendar .day.calendar--active[data-v-458fd3a6]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20fill='%23FF6060'%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm5%2011H7v-2h10v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day[data-v-458fd3a6]:not(.calendar__day--otherMonth):hover{background-color:#6666661a;border-radius:5px}.calendar .day.calendar--active[data-v-458fd3a6]{color:#bcbcbc;background-color:#ffbaba80}.calendar .day.calendar--active.info[data-v-458fd3a6]{color:#fff;background-color:#17a2b8cc}.calendar .day.calendar--active.info[data-v-458fd3a6]:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%2317a2b8'%20d='M0%200h24v24H0V0z'/%3e%3cpath%20fill='white'%20d='M11%207h2v2h-2zm0%204h2v6h-2zm1-9C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .day.calendar--active.warning[data-v-458fd3a6]{color:#fff;background-color:#ffc107b3}.calendar .day.calendar--active.warning[data-v-458fd3a6]:after{background-color:#eaeaea4d;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20fill='%23ffc107'%20d='M4.47%2021h15.06c1.54%200%202.5-1.67%201.73-3L13.73%204.99c-.77-1.33-2.69-1.33-3.46%200L2.74%2018c-.77%201.33.19%203%201.73%203zM12%2014c-.55%200-1-.45-1-1v-2c0-.55.45-1%201-1s1%20.45%201%201v2c0%20.55-.45%201-1%201zm1%204h-2v-2h2v2z'/%3e%3c/svg%3e");background-size:100% 100%}.calendar .calendar__day--otherMonth[data-v-458fd3a6]{color:#eaeaea;cursor:auto}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/form-ui",
   "description": "form-ui",
-  "version": "1.0.0-beta13",
+  "version": "1.0.0-beta15",
   "author": "Simple",
   "license": "MIT",
   "type": "module",
@@ -26,6 +26,7 @@
   ],
   "dependencies": {
     "@web-utils/core": "^6.0.0-beta05",
+    "dayjs": "^1.11.20",
     "element-plus": "^2.13.7",
     "vue": "^3.5.32"
   }