code-monkey-ui 1.1.13 → 1.1.14-alpha.2

package/es/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly startWeek: NumberConstructor;
     readonly visible: {
         readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -38,6 +39,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly startWeek: NumberConstructor;
         readonly visible: {
             readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             readonly required: false;
@@ -7652,6 +7654,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>>, {}>> & Record<string, any>;
     DateTable: import("vue").DefineComponent<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -7696,6 +7699,7 @@ declare const _default: import("vue").DefineComponent<{
         }, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly startWeek: NumberConstructor;
             readonly cellClassName: {
                 readonly type: import("vue").PropType<(date: Date) => string>;
                 readonly required: false;
@@ -7998,6 +8002,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -8339,6 +8344,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly startWeek: NumberConstructor;
     readonly visible: {
         readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;

package/es/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -7777,6 +7777,7 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>>, {}>> & Record<string, any>;
     DateTable: import("vue").DefineComponent<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -7821,6 +7822,7 @@ declare const _default: import("vue").DefineComponent<{
         }, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly startWeek: NumberConstructor;
             readonly cellClassName: {
                 readonly type: import("vue").PropType<(date: Date) => string>;
                 readonly required: false;
@@ -8123,6 +8125,7 @@ declare const _default: import("vue").DefineComponent<{
             };
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;

package/es/components/date-picker/src/date-picker.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
+    readonly startWeek: NumberConstructor;
     readonly type: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./date-picker.type").IDatePickerType & {}) | (() => import("./date-picker.type").IDatePickerType) | ((new (...args: any[]) => import("./date-picker.type").IDatePickerType & {}) | (() => import("./date-picker.type").IDatePickerType))[], unknown, unknown, "date", boolean>;
     readonly ariaLabel: StringConstructor;
     readonly emptyValues: ArrayConstructor;
@@ -84,6 +85,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly isRange: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly startWeek: NumberConstructor;
     readonly type: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("./date-picker.type").IDatePickerType & {}) | (() => import("./date-picker.type").IDatePickerType) | ((new (...args: any[]) => import("./date-picker.type").IDatePickerType & {}) | (() => import("./date-picker.type").IDatePickerType))[], unknown, unknown, "date", boolean>;
     readonly ariaLabel: StringConstructor;
     readonly emptyValues: ArrayConstructor;

package/es/components/date-picker/src/date-picker.mjs

@@ -70,7 +70,9 @@ var DatePicker = defineComponent({
         "ref": commonPicker,
         "onUpdate:modelValue": onModelValueUpdated
       }), {
-        default: (scopedProps) => createVNode(Component, scopedProps, slots),
+        default: (scopedProps) => createVNode(Component, mergeProps(scopedProps, {
+          "start-week": props.startWeek
+        }), slots),
         "range-separator": slots["range-separator"]
       });
     };

package/es/components/date-picker/src/date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.mjs","sources":["../../../../../../packages/components/date-picker/src/date-picker.tsx"],"sourcesContent":["import { defineComponent, provide, reactive, ref, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js'\nimport localeData from 'dayjs/plugin/localeData.js'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\nimport weekYear from 'dayjs/plugin/weekYear.js'\nimport dayOfYear from 'dayjs/plugin/dayOfYear.js'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter.js'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n} from '@code-monkey-ui/components/time-picker'\nimport { ROOT_PICKER_INJECTION_KEY } from './constants'\n\nimport { datePickerProps } from './props/date-picker'\nimport { getPanel } from './panel-utils'\nimport type { DatePickerExpose } from './instance'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: datePickerProps,\n  emits: ['update:modelValue'],\n  setup(props, { expose, emit, slots }) {\n    const ns = useNamespace('picker-panel')\n\n    provide('ElPopperOptions', reactive(toRef(props, 'popperOptions')))\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      slots,\n      pickerNs: ns,\n    })\n\n    const commonPicker = ref<InstanceType<typeof CommonPicker>>()\n    const refProps: DatePickerExpose = {\n      focus: (focusStartInput = true) => {\n        commonPicker.value?.focus(focusStartInput)\n      },\n      handleOpen: () => {\n        commonPicker.value?.handleOpen()\n      },\n      handleClose: () => {\n        commonPicker.value?.handleClose()\n      },\n    }\n\n    expose(refProps)\n\n    const onModelValueUpdated = (val: any) => {\n      emit('update:modelValue', val)\n    }\n\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n\n      const Component = getPanel(props.type)\n\n      return (\n        <CommonPicker\n          {...props}\n          format={format}\n          type={props.type}\n          ref={commonPicker}\n          onUpdate:modelValue={onModelValueUpdated}\n        >\n          {{\n            default: (scopedProps: /**FIXME: remove any type */ any) => (\n              <Component {...scopedProps} v-slots={slots} />\n            ),\n            'range-separator': slots['range-separator'],\n          }}\n        </CommonPicker>\n      )\n    }\n  },\n})\n"],"names":["dayjs","extend","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","defineComponent","name","install","props","datePickerProps","emits","expose","emit","slots","provide","reactive","pickerNs","commonPicker","focus","focusStartInput","handleOpen","handleClose","onModelValueUpdated","val","format","DEFAULT_FORMATS_DATEPICKER","getPanel","_createVNode","default"],"mappings":"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"}
+{"version":3,"file":"date-picker.mjs","sources":["../../../../../../packages/components/date-picker/src/date-picker.tsx"],"sourcesContent":["import { defineComponent, provide, reactive, ref, toRef } from 'vue'\nimport dayjs from 'dayjs'\nimport customParseFormat from 'dayjs/plugin/customParseFormat.js'\nimport advancedFormat from 'dayjs/plugin/advancedFormat.js'\nimport localeData from 'dayjs/plugin/localeData.js'\nimport weekOfYear from 'dayjs/plugin/weekOfYear.js'\nimport weekYear from 'dayjs/plugin/weekYear.js'\nimport dayOfYear from 'dayjs/plugin/dayOfYear.js'\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter.js'\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport {\n  CommonPicker,\n  DEFAULT_FORMATS_DATE,\n  DEFAULT_FORMATS_DATEPICKER,\n} from '@code-monkey-ui/components/time-picker'\nimport { ROOT_PICKER_INJECTION_KEY } from './constants'\n\nimport { datePickerProps } from './props/date-picker'\nimport { getPanel } from './panel-utils'\nimport type { DatePickerExpose } from './instance'\n\ndayjs.extend(localeData)\ndayjs.extend(advancedFormat)\ndayjs.extend(customParseFormat)\ndayjs.extend(weekOfYear)\ndayjs.extend(weekYear)\ndayjs.extend(dayOfYear)\ndayjs.extend(isSameOrAfter)\ndayjs.extend(isSameOrBefore)\n\nexport default defineComponent({\n  name: 'ElDatePicker',\n  install: null,\n  props: datePickerProps,\n  emits: ['update:modelValue'],\n  setup(props, { expose, emit, slots }) {\n    const ns = useNamespace('picker-panel')\n\n    provide('ElPopperOptions', reactive(toRef(props, 'popperOptions')))\n    provide(ROOT_PICKER_INJECTION_KEY, {\n      slots,\n      pickerNs: ns,\n    })\n\n    const commonPicker = ref<InstanceType<typeof CommonPicker>>()\n    const refProps: DatePickerExpose = {\n      focus: (focusStartInput = true) => {\n        commonPicker.value?.focus(focusStartInput)\n      },\n      handleOpen: () => {\n        commonPicker.value?.handleOpen()\n      },\n      handleClose: () => {\n        commonPicker.value?.handleClose()\n      },\n    }\n\n    expose(refProps)\n\n    const onModelValueUpdated = (val: any) => {\n      emit('update:modelValue', val)\n    }\n\n    return () => {\n      // since props always have all defined keys on it, {format, ...props} will always overwrite format\n      // pick props.format or provide default value here before spreading\n      const format =\n        props.format ??\n        (DEFAULT_FORMATS_DATEPICKER[props.type] || DEFAULT_FORMATS_DATE)\n\n      const Component = getPanel(props.type)\n\n      return (\n        <CommonPicker\n          {...props}\n          format={format}\n          type={props.type}\n          ref={commonPicker}\n          onUpdate:modelValue={onModelValueUpdated}\n        >\n          {{\n            default: (scopedProps: /**FIXME: remove any type */ any) => (\n              <Component\n                {...scopedProps}\n                start-week={props.startWeek}\n                v-slots={slots}\n              />\n            ),\n            'range-separator': slots['range-separator'],\n          }}\n        </CommonPicker>\n      )\n    }\n  },\n})\n"],"names":["dayjs","extend","localeData","advancedFormat","customParseFormat","weekOfYear","weekYear","dayOfYear","isSameOrAfter","isSameOrBefore","defineComponent","name","install","props","datePickerProps","emits","expose","emit","slots","provide","reactive","pickerNs","commonPicker","focus","focusStartInput","handleOpen","handleClose","onModelValueUpdated","val","format","DEFAULT_FORMATS_DATEPICKER","getPanel","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBAA,KAAK,CAACC,MAAN,CAAaC,UAAb,CAAA,CAAA;AACAF,KAAK,CAACC,MAAN,CAAaE,cAAb,CAAA,CAAA;AACAH,KAAK,CAACC,MAAN,CAAaG,iBAAb,CAAA,CAAA;AACAJ,KAAK,CAACC,MAAN,CAAaI,UAAb,CAAA,CAAA;AACAL,KAAK,CAACC,MAAN,CAAaK,QAAb,CAAA,CAAA;AACAN,KAAK,CAACC,MAAN,CAAaM,SAAb,CAAA,CAAA;AACAP,KAAK,CAACC,MAAN,CAAaO,aAAb,CAAA,CAAA;AACAR,KAAK,CAACC,MAAN,CAAaQ,cAAb,CAAA,CAAA;AAEA,iBAAeC,eAAe,CAAC;AAC7BC,EAAAA,IAAI,EAAE,cADuB;AAE7BC,EAAAA,OAAO,EAAE,IAFoB;AAG7BC,EAAAA,KAAK,EAAEC,eAHsB;EAI7BC,KAAK,EAAE,CAAC,mBAAD,CAJsB;;IAKxB;IAAUC,IAAF;IAAUC,KAAV;AAAgBC,GAAAA,EAAAA;AAAhB,IAAyB,MAAA,EAAA,GAAA,YAAA,CAAA,cAAA,CAAA,CAAA;AACpC,IAAA,OAAQ,CAAA,iCAAR,CAAA,KAAA,EAAA,eAAA,CAAA,CAAA,CAAA,CAAA;AAEAC,IAAAA,OAAO,CAAC,yBAAmBC,EAAQ;MAC5B,KAAA;MACLF,QADiC,EAAA,EAAA;AAEjCG,KAAAA,CAAAA,CAAAA;AAFiC,IAAA,MAAnC,YAAA,GAAA,GAAA,EAAA,CAAA;IAKA,MAAMC,QAAAA,GAAAA;AACN,MAAA,uBAAmC,GAAA,IAAA,KAAA;AACjCC,QAAAA,IAAO,EAACC,CAAe;AACrBF,QAAAA,CAAAA,EAAAA,GAAAA,YAAA,CAAoBC,KAAAA,KAApB,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,CAAA,eAAA,CAAA,CAAA;OAF+B;AAIjCE,MAAAA,UAAU,EAAE,MAAM;QAChBH,IAAY,EAAA,CAAA;QALmB,CAAA,EAAA,GAAA,YAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,UAAA,EAAA,CAAA;AAOjCI,OAAAA;iBACc,EAAA,MAAZ;AACD,QAAA,IAAA,EAAA,CAAA;QATH,CAAA,EAAA,GAAA,YAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAA,EAAA,CAAA;OAYM;;IAEN,MAAMC,CAAAA,QAAAA,CAAAA,CAAAA;AACJV,IAAAA,MAAI,mBAAC,GAAqBW,CAAAA,GAA1B,KAAA;MADF,IAAA,CAAA,mBAAA,EAAA,GAAA,CAAA,CAAA;;AAIA,IAAA,OAAO,MAAM;AACX,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,MAAA,MAAA,GAAA,CAAA,EAAA,GAAA,KAAA,CAAA,MAAA,KAAA,IAAA,GAAA,EAAA,GAAA,0BAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,oBAAA,CAAA;AACA,MAAA,MAAMC,SACJhB,GAAK,SAAL,KACCiB,CAAAA,IAAAA,CAAAA,CAAAA;AAEH,MAAA,kBAAkBC,CAAAA,YAAc,YAAhC,CAAA,KAAA,EAAA;AAEA,QAAA,QAAA,EAAA,MAAA;AAAA,QAAA,MAAA,EAAA,KAAA,CAAA,IAAA;QAAA,KAIUlB,EAAAA,YAJV;AAAA,QAAA,qBAAA,EAAA,mBAAA;QAAA,EAMyBc;AANzB,QAAA,OAAA,EAAA,CAAA,WAAA,KAAAK,WAAA,CAAA,SAAA,EAAAC,UAAA,CAAA,WAAA,EAAA;UASa,YAAE,EAAA,KAAA,CAAA,SAAA;AAAA,SAAA,CAAA,EAAA,KAAA,CAAA;AAAA,QAAA,iBATf,EAAA,KAAA,CAAA,iBAAA,CAAA;QAgBM,CAAmBf;AAhBzB,KAAA,CAAA;;AAqBH,CAAA,CAAA;;;;"}

package/es/components/date-picker/src/panel-utils.d.ts

@@ -7775,6 +7775,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         };
     }>>, {}>> & Record<string, any>;
     DateTable: import("vue").DefineComponent<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -7819,6 +7820,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         }, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly startWeek: NumberConstructor;
             readonly cellClassName: {
                 readonly type: import("vue").PropType<(date: Date) => string>;
                 readonly required: false;
@@ -8121,6 +8123,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             };
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -8771,6 +8774,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly startWeek: NumberConstructor;
     readonly visible: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -8795,6 +8799,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             readonly validator: ((val: unknown) => boolean) | undefined;
             __epPropKey: true;
         };
+        readonly startWeek: NumberConstructor;
         readonly visible: {
             readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
             readonly required: false;
@@ -16412,6 +16417,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         };
     }>>, {}>> & Record<string, any>;
     DateTable: import("vue").DefineComponent<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -16456,6 +16462,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         }, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly startWeek: NumberConstructor;
             readonly cellClassName: {
                 readonly type: import("vue").PropType<(date: Date) => string>;
                 readonly required: false;
@@ -16758,6 +16765,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             };
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly startWeek: NumberConstructor;
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -17099,6 +17107,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly startWeek: NumberConstructor;
     readonly visible: {
         readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;

package/es/components/date-picker/src/props/basic-date-table.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 import type { Dayjs } from 'dayjs';
 export declare const basicDateTableProps: {
+    readonly startWeek: NumberConstructor;
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
         readonly required: false;

package/es/components/date-picker/src/props/basic-date-table.mjs

@@ -4,6 +4,7 @@ import { buildProps, definePropType } from '../../../../utils/vue/props/runtime.
 
 const basicDateTableProps = buildProps({
   ...datePickerSharedProps,
+  startWeek: Number,
   cellClassName: {
     type: definePropType(Function)
   },

package/es/components/date-picker/src/props/basic-date-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/basic-date-table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\nimport { datePickerSharedProps, selectionModeWithDefault } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const basicDateTableProps = buildProps({\n  ...datePickerSharedProps,\n  cellClassName: {\n    type: definePropType<(date: Date) => string>(Function),\n  },\n  showWeekNumber: Boolean,\n  selectionMode: selectionModeWithDefault('date'),\n} as const)\n\nexport const basicDateTableEmits = ['changerange', 'pick', 'select']\n\nexport type BasicDateTableProps = ExtractPropTypes<typeof basicDateTableProps>\nexport type BasicDateTableEmits = typeof basicDateTableEmits\n\nexport type RangePickerEmits = { minDate: Dayjs; maxDate: null }\nexport type DatePickerEmits = Dayjs\nexport type DatesPickerEmits = Dayjs[]\nexport type WeekPickerEmits = {\n  year: number\n  week: number\n  value: string\n  date: Dayjs\n}\n\nexport type DateTableEmits =\n  | RangePickerEmits\n  | DatePickerEmits\n  | DatesPickerEmits\n  | WeekPickerEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,GAAG,qBAAqB;AAC1B,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,aAAa,EAAE,wBAAwB,CAAC,MAAM,CAAC;AACjD,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ;;;;"}
+{"version":3,"file":"basic-date-table.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/basic-date-table.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\nimport { datePickerSharedProps, selectionModeWithDefault } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const basicDateTableProps = buildProps({\n  ...datePickerSharedProps,\n  startWeek: Number,\n  cellClassName: {\n    type: definePropType<(date: Date) => string>(Function),\n  },\n  showWeekNumber: Boolean,\n  selectionMode: selectionModeWithDefault('date'),\n} as const)\n\nexport const basicDateTableEmits = ['changerange', 'pick', 'select']\n\nexport type BasicDateTableProps = ExtractPropTypes<typeof basicDateTableProps>\nexport type BasicDateTableEmits = typeof basicDateTableEmits\n\nexport type RangePickerEmits = { minDate: Dayjs; maxDate: null }\nexport type DatePickerEmits = Dayjs\nexport type DatesPickerEmits = Dayjs[]\nexport type WeekPickerEmits = {\n  year: number\n  week: number\n  value: string\n  date: Dayjs\n}\n\nexport type DateTableEmits =\n  | RangePickerEmits\n  | DatePickerEmits\n  | DatesPickerEmits\n  | WeekPickerEmits\n"],"names":[],"mappings":";;;;AAEY,MAAC,mBAAmB,GAAG,UAAU,CAAC;AAC9C,EAAE,GAAG,qBAAqB;AAC1B,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAE,cAAc,CAAC,QAAQ,CAAC;AAClC,GAAG;AACH,EAAE,cAAc,EAAE,OAAO;AACzB,EAAE,aAAa,EAAE,wBAAwB,CAAC,MAAM,CAAC;AACjD,CAAC,EAAE;AACS,MAAC,mBAAmB,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,QAAQ;;;;"}

package/es/components/date-picker/src/props/date-picker.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 import type { IDatePickerType } from '../date-picker.type';
 export declare const datePickerProps: {
+    readonly startWeek: NumberConstructor;
     readonly type: import("code-monkey-ui/es/utils").EpPropFinalized<(new (...args: any[]) => IDatePickerType & {}) | (() => IDatePickerType) | ((new (...args: any[]) => IDatePickerType & {}) | (() => IDatePickerType))[], unknown, unknown, "date", boolean>;
     readonly ariaLabel: StringConstructor;
     readonly emptyValues: ArrayConstructor;

package/es/components/date-picker/src/props/date-picker.mjs

@@ -5,6 +5,7 @@ import { timePickerDefaultProps } from '../../../time-picker/src/common/props.mj
 
 const datePickerProps = buildProps({
   ...timePickerDefaultProps,
+  startWeek: Number,
   type: {
     type: definePropType(String),
     default: "date"

package/es/components/date-picker/src/props/date-picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/date-picker.ts"],"sourcesContent":["import { timePickerDefaultProps } from '@code-monkey-ui/components/time-picker'\nimport { buildProps, definePropType } from '@code-monkey-ui/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { IDatePickerType } from '../date-picker.type'\n\nexport const datePickerProps = buildProps({\n  ...timePickerDefaultProps,\n  type: {\n    type: definePropType<IDatePickerType>(String),\n    default: 'date',\n  },\n} as const)\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,sBAAsB;AAC3B,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"date-picker.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/date-picker.ts"],"sourcesContent":["import { timePickerDefaultProps } from '@code-monkey-ui/components/time-picker'\nimport { buildProps, definePropType } from '@code-monkey-ui/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { IDatePickerType } from '../date-picker.type'\n\nexport const datePickerProps = buildProps({\n  ...timePickerDefaultProps,\n  startWeek: Number,\n  type: {\n    type: definePropType<IDatePickerType>(String),\n    default: 'date',\n  },\n} as const)\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,eAAe,GAAG,UAAU,CAAC;AAC1C,EAAE,GAAG,sBAAsB;AAC3B,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC;;;;"}

package/es/components/date-picker/src/props/panel-date-pick.d.ts

@@ -7,6 +7,7 @@ export declare const panelDatePickProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly startWeek: NumberConstructor;
     readonly visible: {
         readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;

package/es/components/date-picker/src/props/panel-date-pick.mjs

@@ -7,6 +7,7 @@ const panelDatePickProps = buildProps({
   parsedValue: {
     type: definePropType([Object, Array])
   },
+  startWeek: Number,
   visible: {
     type: Boolean
   },

package/es/components/date-picker/src/props/panel-date-pick.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"panel-date-pick.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/panel-date-pick.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\nimport { panelSharedProps } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const panelDatePickProps = buildProps({\n  ...panelSharedProps,\n  parsedValue: {\n    type: definePropType<Dayjs | Dayjs[]>([Object, Array]),\n  },\n  visible: {\n    type: Boolean,\n  },\n  format: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type PanelDatePickProps = ExtractPropTypes<typeof panelDatePickProps>\n"],"names":[],"mappings":";;;;AAEY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,GAAG,gBAAgB;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"panel-date-pick.mjs","sources":["../../../../../../../packages/components/date-picker/src/props/panel-date-pick.ts"],"sourcesContent":["import { buildProps, definePropType } from '@code-monkey-ui/utils'\nimport { panelSharedProps } from './shared'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport const panelDatePickProps = buildProps({\n  ...panelSharedProps,\n  parsedValue: {\n    type: definePropType<Dayjs | Dayjs[]>([Object, Array]),\n  },\n  startWeek: Number,\n  visible: {\n    type: Boolean,\n  },\n  format: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type PanelDatePickProps = ExtractPropTypes<typeof panelDatePickProps>\n"],"names":[],"mappings":";;;;AAEY,MAAC,kBAAkB,GAAG,UAAU,CAAC;AAC7C,EAAE,GAAG,gBAAgB;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACzC,GAAG;AACH,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,OAAO;AACjB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/descriptions/index.mjs

@@ -1,7 +1,7 @@
 import '../../utils/index.mjs';
-import Descriptions from './src/description.mjs';
+import Descriptions from './src/description2.mjs';
 import DescriptionItem from './src/description-item.mjs';
-export { descriptionProps } from './src/description2.mjs';
+export { descriptionProps } from './src/description.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElDescriptions = withInstall(Descriptions, {

package/es/components/descriptions/src/description.mjs

@@ -1,119 +1,32 @@
-import { defineComponent, useSlots, provide, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
 import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import '../../form/index.mjs';
-import ElDescriptionsRow from './descriptions-row2.mjs';
-import { descriptionsKey } from './token.mjs';
-import { descriptionProps } from './description2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
-import { flattedChildren } from '../../../utils/vue/vnode.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
 
-const __default__ = defineComponent({
-  name: "ElDescriptions"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: descriptionProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("descriptions");
-    const descriptionsSize = useFormSize();
-    const slots = useSlots();
-    provide(descriptionsKey, props);
-    const descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
-    const filledNode = (node, span, count, isLast = false) => {
-      if (!node.props) {
-        node.props = {};
-      }
-      if (span > count) {
-        node.props.span = count;
-      }
-      if (isLast) {
-        node.props.span = span;
-      }
-      return node;
-    };
-    const getRows = () => {
-      if (!slots.default)
-        return [];
-      const children = flattedChildren(slots.default()).filter((node) => {
-        var _a;
-        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === "ElDescriptionsItem";
-      });
-      const rows = [];
-      let temp = [];
-      let count = props.column;
-      let totalSpan = 0;
-      children.forEach((node, index) => {
-        var _a;
-        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
-        if (index < children.length - 1) {
-          totalSpan += span > count ? count : span;
-        }
-        if (index === children.length - 1) {
-          const lastSpan = props.column - totalSpan % props.column;
-          temp.push(filledNode(node, lastSpan, count, true));
-          rows.push(temp);
-          return;
-        }
-        if (span < count) {
-          count -= span;
-          temp.push(node);
-        } else {
-          temp.push(filledNode(node, span, count));
-          rows.push(temp);
-          count = props.column;
-          temp = [];
-        }
-      });
-      return rows;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(descriptionKls))
-      }, [
-        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(ns).e("header"))
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("title"))
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ])
-          ], 2),
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("extra"))
-          }, [
-            renderSlot(_ctx.$slots, "extra", {}, () => [
-              createTextVNode(toDisplayString(_ctx.extra), 1)
-            ])
-          ], 2)
-        ], 2)) : createCommentVNode("v-if", true),
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("body"))
-        }, [
-          createElementVNode("table", {
-            class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
-          }, [
-            createElementVNode("tbody", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(getRows(), (row, _index) => {
-                return openBlock(), createBlock(ElDescriptionsRow, {
-                  key: _index,
-                  row
-                }, null, 8, ["row"]);
-              }), 128))
-            ])
-          ], 2)
-        ], 2)
-      ], 2);
-    };
+const descriptionProps = buildProps({
+  border: {
+    type: Boolean,
+    default: false
+  },
+  column: {
+    type: Number,
+    default: 3
+  },
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  size: useSizeProp,
+  title: {
+    type: String,
+    default: ""
+  },
+  extra: {
+    type: String,
+    default: ""
   }
 });
-var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\descriptions\\src\\description.vue"]]);
 
-export { Descriptions as default };
+export { descriptionProps };
 //# sourceMappingURL=description.mjs.map

package/es/components/descriptions/src/description.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"description.mjs","sources":["../../../../../../packages/components/descriptions/src/description.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, _index) in getRows()\" :key=\"_index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, useSlots } from 'vue'\nimport { flattedChildren } from '@code-monkey-ui/utils'\nimport { useNamespace } from '@code-monkey-ui/hooks'\nimport { useFormSize } from '@code-monkey-ui/components/form'\nimport ElDescriptionsRow from './descriptions-row.vue'\nimport { descriptionsKey } from './token'\nimport { descriptionProps } from './description'\n\nimport type { IDescriptionsInject } from './descriptions.type'\nimport type { DescriptionItemVNode } from './description-item'\n\ndefineOptions({\n  name: 'ElDescriptions',\n})\n\nconst props = defineProps(descriptionProps)\n\nconst ns = useNamespace('descriptions')\n\nconst descriptionsSize = useFormSize()\n\nconst slots = useSlots()\n\nprovide(descriptionsKey, props as IDescriptionsInject)\n\nconst descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)])\n\nconst filledNode = (\n  node: DescriptionItemVNode,\n  span: number,\n  count: number,\n  isLast = false\n) => {\n  if (!node.props) {\n    node.props = {}\n  }\n  if (span > count) {\n    node.props.span = count\n  }\n  if (isLast) {\n    // set the last span\n    node.props.span = span\n  }\n  return node\n}\n\nconst getRows = () => {\n  if (!slots.default) return []\n\n  const children = flattedChildren(slots.default()).filter(\n    (node): node is DescriptionItemVNode =>\n      (node as any)?.type?.name === 'ElDescriptionsItem'\n  )\n  const rows: DescriptionItemVNode[][] = []\n  let temp: DescriptionItemVNode[] = []\n  let count = props.column\n  let totalSpan = 0 // all spans number of item\n\n  children.forEach((node, index) => {\n    const span = node.props?.span || 1\n\n    if (index < children.length - 1) {\n      totalSpan += span > count ? count : span\n    }\n\n    if (index === children.length - 1) {\n      // calculate the last item span\n      const lastSpan = props.column - (totalSpan % props.column)\n      temp.push(filledNode(node, lastSpan, count, true))\n      rows.push(temp)\n      return\n    }\n\n    if (span < count) {\n      count -= span\n      temp.push(node)\n    } else {\n      temp.push(filledNode(node, span, count))\n      rows.push(temp)\n      count = props.column\n      temp = []\n    }\n  })\n\n  return rows\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"description.mjs","sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@code-monkey-ui/utils'\nimport { useSizeProp } from '@code-monkey-ui/hooks'\n\nimport type Description from './description.vue'\n\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type DescriptionInstance = InstanceType<typeof Description>\n"],"names":[],"mappings":";;;;;AAEY,MAAC,gBAAgB,GAAG,UAAU,CAAC;AAC3C,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;AACtC,IAAI,OAAO,EAAE,YAAY;AACzB,GAAG;AACH,EAAE,IAAI,EAAE,WAAW;AACnB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/es/components/descriptions/src/description2.mjs

@@ -1,32 +1,119 @@
+import { defineComponent, useSlots, provide, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
 import '../../../utils/index.mjs';
 import '../../../hooks/index.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import '../../form/index.mjs';
+import ElDescriptionsRow from './descriptions-row2.mjs';
+import { descriptionsKey } from './token.mjs';
+import { descriptionProps } from './description.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
+import { flattedChildren } from '../../../utils/vue/vnode.mjs';
 
-const descriptionProps = buildProps({
-  border: {
-    type: Boolean,
-    default: false
-  },
-  column: {
-    type: Number,
-    default: 3
-  },
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  size: useSizeProp,
-  title: {
-    type: String,
-    default: ""
-  },
-  extra: {
-    type: String,
-    default: ""
+const __default__ = defineComponent({
+  name: "ElDescriptions"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: descriptionProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("descriptions");
+    const descriptionsSize = useFormSize();
+    const slots = useSlots();
+    provide(descriptionsKey, props);
+    const descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
+    const filledNode = (node, span, count, isLast = false) => {
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        node.props.span = span;
+      }
+      return node;
+    };
+    const getRows = () => {
+      if (!slots.default)
+        return [];
+      const children = flattedChildren(slots.default()).filter((node) => {
+        var _a;
+        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === "ElDescriptionsItem";
+      });
+      const rows = [];
+      let temp = [];
+      let count = props.column;
+      let totalSpan = 0;
+      children.forEach((node, index) => {
+        var _a;
+        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
+        if (index < children.length - 1) {
+          totalSpan += span > count ? count : span;
+        }
+        if (index === children.length - 1) {
+          const lastSpan = props.column - totalSpan % props.column;
+          temp.push(filledNode(node, lastSpan, count, true));
+          rows.push(temp);
+          return;
+        }
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(filledNode(node, span, count));
+          rows.push(temp);
+          count = props.column;
+          temp = [];
+        }
+      });
+      return rows;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(descriptionKls))
+      }, [
+        _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("title"))
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("extra"))
+          }, [
+            renderSlot(_ctx.$slots, "extra", {}, () => [
+              createTextVNode(toDisplayString(_ctx.extra), 1)
+            ])
+          ], 2)
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          createElementVNode("table", {
+            class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
+          }, [
+            createElementVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(getRows(), (row, _index) => {
+                return openBlock(), createBlock(ElDescriptionsRow, {
+                  key: _index,
+                  row
+                }, null, 8, ["row"]);
+              }), 128))
+            ])
+          ], 2)
+        ], 2)
+      ], 2);
+    };
   }
 });
+var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:\\project\\work\\code-monkey-ui\\packages\\components\\descriptions\\src\\description.vue"]]);
 
-export { descriptionProps };
+export { Descriptions as default };
 //# sourceMappingURL=description2.mjs.map