@koi-design/uxd-ui 14.0.6 → 14.0.7

package/es/components/Card/Card.d.ts

@@ -11,14 +11,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
     title: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     icon: {
         type: import("vue").PropType<import("../..").IconPropType>;
     };
@@ -39,14 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
     title: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     icon: {
         type: import("vue").PropType<import("../..").IconPropType>;
     };
@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
 }>> & Readonly<{}>, {
+    description: string;
     grid: number;
-    padding: number;
     title: string;
     bordered: boolean;
     disHover: boolean;

package/es/components/Card/Card.mjs

@@ -1,18 +1,10 @@
-import { isVNode, defineComponent, resolveComponent, createVNode } from 'vue';
+import { defineComponent, resolveComponent, createVNode, Fragment } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
-import { UGrid } from '../Grid/index.mjs';
 import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
 import { getSlot } from '../../utils/slots.mjs';
 import Render from '../base/Render.mjs';
 import { cardProps } from './Card.type.mjs';
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const {
-  Col: UCol,
-  Row: URow
-} = UGrid;
 var Card = defineComponent({
   name: "UCard",
   components: {
@@ -34,7 +26,8 @@ var Card = defineComponent({
         disHover,
         title,
         icon,
-        grid
+        grid,
+        description
       } = props;
       const showHead = !!title || slots.title !== void 0;
       const showExtra = showHead && slots.extra !== void 0;
@@ -54,27 +47,29 @@ var Card = defineComponent({
       };
       const headRender = showHead ? createVNode("div", {
         "class": `${prefixCls.value}-head`
-      }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : createVNode("div", {
-        "class": `${prefixCls.value}-head-inner`
-      }, [iconRender(), createVNode("span", null, [title])])]) : null;
+      }, [slots.title !== void 0 ? (_a = slots.title) == null ? void 0 : _a.call(slots) : createVNode(Fragment, null, [createVNode("div", {
+        "class": `${prefixCls.value}-head-title`
+      }, [iconRender(), createVNode("span", null, [title])]), description && createVNode("div", {
+        "class": `${prefixCls.value}-head-description`
+      }, [description])])]) : null;
       const extraRender = showExtra ? createVNode("div", {
         "class": `${prefixCls.value}-extra`
       }, [(_b = slots.extra) == null ? void 0 : _b.call(slots)]) : null;
       const coverRender = slots.cover !== void 0 ? createVNode("div", {
         "class": `${prefixCls.value}-cover`
       }, [(_c = slots.cover) == null ? void 0 : _c.call(slots)]) : null;
-      const actionRenderer = slots.action ? createVNode("ul", {
+      const actionRenderer = slots.action ? createVNode("div", {
         "class": `${prefixCls.value}-action`
-      }, [getSlot(slots, "action").map((child) => createVNode("li", null, [child]))]) : null;
+      }, [getSlot(slots, "action").map((child) => createVNode("div", null, [child]))]) : null;
       const gridRenderer = () => {
         const cols = getSlot(slots).map((child) => {
-          let _slot;
           const colSpan = child.props && child.props.span ? child.props.span : grid;
-          return createVNode(UCol, {
-            "span": colSpan
-          }, _isSlot(_slot = getSlot(child.children, "default")) ? _slot : {
-            default: () => [_slot]
-          });
+          return createVNode("div", {
+            "class": `${prefixCls.value}-grid-item`,
+            "style": {
+              gridColumn: `span ${colSpan} / span ${colSpan}`
+            }
+          }, [getSlot(child.children, "default")]);
         });
         const classString = {
           [`${prefixCls.value}-grid`]: true,
@@ -82,9 +77,7 @@ var Card = defineComponent({
         };
         return createVNode("div", {
           "class": classString
-        }, [createVNode(URow, null, _isSlot(cols) ? cols : {
-          default: () => [cols]
-        })]);
+        }, [cols]);
       };
       const bodyRender = getSlot(slots).length ? createVNode("div", {
         "class": `${prefixCls.value}-body`
@@ -92,11 +85,11 @@ var Card = defineComponent({
       return createVNode("div", {
         "class": [`${prefixCls.value}`, {
           [`${prefixCls.value}-bordered`]: bordered && !shadow,
-          [`${prefixCls.value}-dis-hover`]: disHover || shadow,
+          [`${prefixCls.value}-dis-hover`]: disHover && !shadow,
           [`${prefixCls.value}-shadow`]: shadow,
           [`${prefixCls.value}-contain-grid`]: grid
         }]
-      }, [headRender, extraRender, coverRender, bodyRender, actionRenderer]);
+      }, [extraRender, headRender, coverRender, bodyRender, actionRenderer]);
     };
   }
 });

package/es/components/Card/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { defineComponent, resolveComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport Grid from '@uxd-ui/components/Grid';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport URender from '../base/Render';\nimport { cardProps } from './Card.type';\n\nconst { Col: UCol, Row: URow } = Grid;\n\nexport default defineComponent({\n  name: 'UCard',\n  components: {\n    URender,\n    UIcon\n  },\n  props: cardProps,\n  setup(props, { slots }) {\n    const { prefixCls } = useGlobalConfig('card');\n\n    return () => {\n      const { bordered, shadow, disHover, title, icon, grid } = props;\n\n      const showHead = !!title || slots.title !== undefined;\n      const showExtra = showHead && slots.extra !== undefined;\n\n      const iconRender = () => {\n        if (icon) {\n          if (typeof icon === 'string') {\n            const iconSvg = resolveComponent(icon);\n            return (\n              <UIcon>\n                <iconSvg />\n              </UIcon>\n            );\n          }\n          return (\n            <UIcon>\n              <icon />\n            </UIcon>\n          );\n        }\n        return null;\n      };\n\n      const headRender = showHead ? (\n        <div class={`${prefixCls.value}-head`}>\n          {slots.title !== undefined ? (\n            slots.title?.()\n          ) : (\n            <div class={`${prefixCls.value}-head-inner`}>\n              {iconRender()}\n              <span>{title}</span>\n            </div>\n          )}\n        </div>\n      ) : null;\n\n      const extraRender = showExtra ? <div class={`${prefixCls.value}-extra`}>{slots.extra?.()}</div> : null;\n\n      const coverRender = slots.cover !== undefined ? <div class={`${prefixCls.value}-cover`}>{slots.cover?.()}</div> : null;\n\n      const actionRenderer = slots.action ? (\n        <ul class={`${prefixCls.value}-action`}>\n          {getSlot(slots, 'action').map((child) => (\n            <li>{child}</li>\n          ))}\n        </ul>\n      ) : null;\n\n      const gridRenderer = () => {\n        const cols = getSlot(slots).map((child) => {\n          const colSpan = (child as any).props && (child as any).props.span ? (child as any).props.span : grid;\n          return <UCol span={colSpan}>{getSlot((child as any).children, 'default')}</UCol>;\n        });\n        const classString = {\n          [`${prefixCls.value}-grid`]: true,\n          [`${prefixCls.value}-dis-hover`]: disHover\n        };\n        return (\n          <div class={classString}>\n            <URow>{cols}</URow>\n          </div>\n        );\n      };\n\n      const bodyRender = getSlot(slots).length ? <div class={`${prefixCls.value}-body`}>{grid ? gridRenderer() : slots.default?.()}</div> : null;\n\n      return (\n        <div\n          class={[\n            `${prefixCls.value}`,\n            {\n              [`${prefixCls.value}-bordered`]: bordered && !shadow,\n              [`${prefixCls.value}-dis-hover`]: disHover || shadow,\n              [`${prefixCls.value}-shadow`]: shadow,\n              [`${prefixCls.value}-contain-grid`]: grid\n            }\n          ]}\n        >\n          {headRender}\n          {extraRender}\n          {coverRender}\n          {bodyRender}\n          {actionRenderer}\n        </div>\n      );\n    };\n  }\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","Col","UCol","Row","URow","Grid","defineComponent","name","components","URender","UIcon","props","cardProps","setup","slots","prefixCls","useGlobalConfig","bordered","shadow","disHover","title","icon","grid","showHead","undefined","showExtra","extra","iconRender","iconSvg","resolveComponent","_createVNode","default","headRender","value","extraRender","coverRender","cover","actionRenderer","action","getSlot","map","child","gridRenderer","cols","_slot","colSpan","span","children","classString","bodyRender","length"],"mappings":"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"}
+{"version":3,"file":"Card.mjs","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { defineComponent, resolveComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { getSlot } from '../../utils/slots';\nimport URender from '../base/Render';\nimport { cardProps } from './Card.type';\n\nexport default defineComponent({\n  name: 'UCard',\n  components: {\n    URender,\n    UIcon\n  },\n  props: cardProps,\n  setup(props, { slots }) {\n    const { prefixCls } = useGlobalConfig('card');\n\n    return () => {\n      const { bordered, shadow, disHover, title, icon, grid, description } = props;\n\n      const showHead = !!title || slots.title !== undefined;\n      const showExtra = showHead && slots.extra !== undefined;\n\n      const iconRender = () => {\n        if (icon) {\n          if (typeof icon === 'string') {\n            const iconSvg = resolveComponent(icon);\n            return (\n              <UIcon>\n                <iconSvg />\n              </UIcon>\n            );\n          }\n          return (\n            <UIcon>\n              <icon />\n            </UIcon>\n          );\n        }\n        return null;\n      };\n\n      const headRender = showHead ? (\n        <div class={`${prefixCls.value}-head`}>\n          {slots.title !== undefined ? (\n            slots.title?.()\n          ) : (\n            <>\n              <div class={`${prefixCls.value}-head-title`}>\n                {iconRender()}\n                <span>{title}</span>\n              </div>\n              {description && <div class={`${prefixCls.value}-head-description`}>{description}</div>}\n            </>\n          )}\n        </div>\n      ) : null;\n\n      const extraRender = showExtra ? <div class={`${prefixCls.value}-extra`}>{slots.extra?.()}</div> : null;\n\n      const coverRender = slots.cover !== undefined ? <div class={`${prefixCls.value}-cover`}>{slots.cover?.()}</div> : null;\n\n      const actionRenderer = slots.action ? (\n        <div class={`${prefixCls.value}-action`}>\n          {getSlot(slots, 'action').map((child) => (\n            <div>{child}</div>\n          ))}\n        </div>\n      ) : null;\n\n      const gridRenderer = () => {\n        const cols = getSlot(slots).map((child) => {\n          const colSpan = (child as any).props && (child as any).props.span ? (child as any).props.span : grid;\n          return (\n            <div class={`${prefixCls.value}-grid-item`} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n              {getSlot((child as any).children, 'default')}\n            </div>\n          );\n        });\n        const classString = {\n          [`${prefixCls.value}-grid`]: true,\n          [`${prefixCls.value}-dis-hover`]: disHover\n        };\n        return <div class={classString}>{cols}</div>;\n      };\n\n      const bodyRender = getSlot(slots).length ? <div class={`${prefixCls.value}-body`}>{grid ? gridRenderer() : slots.default?.()}</div> : null;\n\n      return (\n        <div\n          class={[\n            `${prefixCls.value}`,\n            {\n              [`${prefixCls.value}-bordered`]: bordered && !shadow,\n              [`${prefixCls.value}-dis-hover`]: disHover && !shadow,\n              [`${prefixCls.value}-shadow`]: shadow,\n              [`${prefixCls.value}-contain-grid`]: grid\n            }\n          ]}\n        >\n          {extraRender}\n          {headRender}\n          {coverRender}\n          {bodyRender}\n          {actionRenderer}\n        </div>\n      );\n    };\n  }\n});\n"],"names":["defineComponent","name","components","URender","UIcon","props","cardProps","setup","slots","prefixCls","useGlobalConfig","bordered","shadow","disHover","title","icon","grid","description","showHead","undefined","showExtra","extra","iconRender","iconSvg","resolveComponent","_createVNode","default","headRender","value","_Fragment","extraRender","coverRender","cover","actionRenderer","action","getSlot","map","child","gridRenderer","cols","colSpan","span","gridColumn","children","classString","bodyRender","length"],"mappings":"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"}

package/es/components/Card/Card.type.d.ts

@@ -15,14 +15,14 @@ export declare const cardProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
     title: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     icon: {
         type: PropType<IconPropType>;
     };

package/es/components/Card/Card.type.mjs

@@ -11,14 +11,14 @@ const cardProps = {
     type: Boolean,
     default: false
   },
-  padding: {
-    type: Number,
-    default: 16
-  },
   title: {
     type: String,
     default: ""
   },
+  description: {
+    type: String,
+    default: ""
+  },
   icon: {
     type: [String, Object, Function]
   },

package/es/components/Card/Card.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.type.mjs","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n  bordered: {\n    type: Boolean,\n    default: true\n  },\n  disHover: {\n    type: Boolean,\n    default: false\n  },\n  shadow: {\n    type: Boolean,\n    default: false\n  },\n  padding: {\n    type: Number,\n    default: 16\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  icon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  grid: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n  avatar: {\n    type: String,\n    default: ''\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":"MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}
+{"version":3,"file":"Card.type.mjs","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n  bordered: {\n    type: Boolean,\n    default: true\n  },\n  disHover: {\n    type: Boolean,\n    default: false\n  },\n  shadow: {\n    type: Boolean,\n    default: false\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  icon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  grid: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n  avatar: {\n    type: String,\n    default: ''\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":"MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}

package/es/components/Card/index.d.ts

@@ -14,14 +14,14 @@ export declare const UCard: {
             type: BooleanConstructor;
             default: boolean;
         };
-        padding: {
-            type: NumberConstructor;
-            default: number;
-        };
         title: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         icon: {
             type: import("vue").PropType<import("../..").IconPropType>;
         };
@@ -30,12 +30,12 @@ export declare const UCard: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        description: string;
         grid: number;
         title: string;
         bordered: boolean;
         disHover: boolean;
         shadow: boolean;
-        padding: number;
     }, true, {}, {}, {
         URender: {
             (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
@@ -196,14 +196,14 @@ export declare const UCard: {
             type: BooleanConstructor;
             default: boolean;
         };
-        padding: {
-            type: NumberConstructor;
-            default: number;
-        };
         title: {
             type: StringConstructor;
             default: string;
         };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         icon: {
             type: import("vue").PropType<import("../..").IconPropType>;
         };
@@ -212,12 +212,12 @@ export declare const UCard: {
             default: number;
         };
     }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        description: string;
         grid: number;
         title: string;
         bordered: boolean;
         disHover: boolean;
         shadow: boolean;
-        padding: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -235,14 +235,14 @@ export declare const UCard: {
         type: BooleanConstructor;
         default: boolean;
     };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
     title: {
         type: StringConstructor;
         default: string;
     };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     icon: {
         type: import("vue").PropType<import("../..").IconPropType>;
     };
@@ -251,12 +251,12 @@ export declare const UCard: {
         default: number;
     };
 }>> & Readonly<{}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    description: string;
     grid: number;
     title: string;
     bordered: boolean;
     disHover: boolean;
     shadow: boolean;
-    padding: number;
 }, {}, string, {}, {
     URender: {
         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;

package/es/components/DatePicker/DatePicker.mjs

@@ -220,13 +220,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "disabled-date": _ctx.disabledDate,
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
-        "show-confirm": _ctx.showConfirm,
         shortcuts: _ctx.shortcuts,
         "show-time-clear": _ctx.showTimeClear,
         direction: _ctx.computedDirection,
         onSelect: _ctx.onSelected,
         onPanelChange: _ctx.onPanelChange
-      }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "show-confirm", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (openBlock(), createBlock(_component_DateRangePanel, {
+      }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (openBlock(), createBlock(_component_DateRangePanel, {
         key: 1,
         ref: "panelRef",
         "prefix-cls": _ctx.prefixCls,
@@ -237,7 +236,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
         "default-time": _ctx.defaultTime,
-        "show-confirm": _ctx.showConfirm,
         mode: _ctx.singeType,
         shortcuts: _ctx.shortcuts,
         "limit-duration": _ctx.limitDuration,
@@ -245,7 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         direction: _ctx.computedDirection,
         onSelect: _ctx.onSelected,
         onPanelChange: _ctx.onPanelChange
-      }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "show-confirm", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
+      }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
     ]),
     default: withCtx(() => [
       createElementVNode("div", mergeProps({

package/es/components/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :popup-class=\"`${dropdownMenuClass || ''}`\"\n    :click-outside=\"onClickOutside\"\n    :get-popup-container=\"getPopupContainer\"\n    :modifiers=\"modifiers\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: isRange,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rlt`]: computedDirection === 'rtl'\n      }\"\n      v-bind=\"$attrs\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n\n      <slot :size=\"size\" :mode=\"singeType\" :value=\"(stateValue as any)\" :change=\"onInputChange\" :clear=\"onClear\">\n        <DateRangeInput\n          v-if=\"isRange\"\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :separator=\"$slots.separator ? $slots.separator : separator\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :locale=\"computedLocale\"\n          :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :limit-duration=\"limitDuration\"\n          @change=\"onInputChange\"\n        />\n\n        <DatePickerInput\n          v-else\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :open=\"stateOpen\"\n          :locale=\"computedLocale\"\n          :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :panel=\"statePanel\"\n          @change=\"onInputChange\"\n          @focus=\"onInputFocus\"\n          @blur=\"onInputBlur\"\n        />\n      </slot>\n      <template v-if=\"!$slots.default\">\n        <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n          <UIcon>\n            <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n            <CircleX v-else />\n          </UIcon>\n        </span>\n        <span :class=\"`${prefixCls}-picker-icon`\">\n          <UIcon>\n            <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n            <Calendar v-else />\n          </UIcon>\n        </span>\n      </template>\n    </div>\n    <template #popup>\n      <DatePickerPanel\n        v-if=\"!isRange\"\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :mode=\"singeType\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :show-confirm=\"showConfirm\"\n        :shortcuts=\"shortcuts\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n      <DateRangePanel\n        v-else\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :default-time=\"defaultTime\"\n        :show-confirm=\"showConfirm\"\n        :mode=\"singeType\"\n        :shortcuts=\"shortcuts\"\n        :limit-duration=\"limitDuration\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject, watchEffect } from 'vue';\nimport { CircleX, Calendar } from 'lucide-vue-next';\n\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\n\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport DatePickerInput from './Trigger/DatePickerInput.vue';\nimport DateRangeInput from './Trigger/DateRangeInput.vue';\nimport DatePickerPanel from './Panel/DatePickerPanel.vue';\nimport DateRangePanel from './Panel/DateRangePanel.vue';\nimport { FormItemKey } from '../Form';\nimport { datePickerProps, datePickerEmits } from './DatePicker.type';\nimport type { DatePickerSingleValueType, DatePickerValueType, DatePickerSingleType } from './DatePicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { formatDate } from './hooks/useFormat';\n\nexport default defineComponent({\n  name: 'UDatePicker',\n  components: {\n    Popup,\n    UIcon,\n    DatePickerInput,\n    DateRangeInput,\n    DatePickerPanel,\n    DateRangePanel,\n    CircleX,\n    Calendar\n  },\n  inheritAttrs: false,\n  props: datePickerProps,\n  emits: datePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('date-picker');\n    const inputRef = ref<any | null>(null);\n    const panelRef = ref(null);\n\n    // ========== computed ==============\n    // #region\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const isRange = computed(() => {\n      return props.type.indexOf('Range') > 0;\n    });\n\n    const singeType = computed(() => {\n      return (isRange.value ? props.type.replace('Range', '') : props.type) as DatePickerSingleType;\n    });\n\n    const stateValue = ref<DatePickerValueType>();\n\n    const showClear = computed(() => {\n      if (props.disabled) {\n        return false;\n      }\n      if (!isRange.value) {\n        return props.clearable && stateValue.value !== null;\n      }\n      return props.clearable && (stateValue.value as DatePickerSingleValueType[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed<'ltr' | 'rtl'>(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // #endregion\n\n    // ============ open =================\n    // #region\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean, isConfirm = false) => {\n      if (props.open === undefined) {\n        stateOpen.value = val;\n      }\n      emit('update:open', val);\n      emit('open-change', val);\n      if (isConfirm) {\n        emit('confirm');\n      }\n    };\n\n    onMounted(() => {\n      watch(\n        () => props.open,\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n    // #endregion\n\n    // ========== value ==============\n    // #region\n    // watch(\n    //   () => props.modelValue,\n    //   (val) => {\n    //     if (val) {\n    //       if (isRange.value && !Array.isArray(val)) {\n    //         warning(' modeValue must be array when type is Range');\n    //         stateValue.value = [null, null];\n    //         return;\n    //       }\n    //       stateValue.value = val;\n    //     } else {\n    //       stateValue.value = isRange.value ? [null, null] : null;\n    //     }\n    //   },\n    //   { immediate: true }\n    // )\n    // FIX  2021-09-22\n    watchEffect(() => {\n      const val = props.modelValue;\n      if (val) {\n        if (isRange.value && !Array.isArray(val)) {\n          warning(' modeValue must be array when type is Range');\n          stateValue.value = [null, null];\n          return;\n        }\n        stateValue.value = val;\n      } else {\n        stateValue.value = isRange.value ? [null, null] : null;\n      }\n    });\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: Date | null | (Date | null)[]) => {\n      let rst: DatePickerValueType = val;\n      if (props.valueFormat) {\n        if (Array.isArray(val)) {\n          rst = val.map((x) => formatDate(x, props.valueFormat));\n        } else {\n          rst = formatDate(val, props.valueFormat);\n        }\n      }\n\n      if (props.modelValue === undefined) {\n        stateValue.value = rst;\n      }\n\n      emit('update:modelValue', rst);\n      emit('change', rst);\n      if (onFieldChange) {\n        onFieldChange(val);\n      }\n    };\n\n    const onSelected = (val: Date | null | (Date | null)[]) => {\n      setValue(val);\n      if (props.autoClose && !props.type.includes('dateTime')) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      setValue(isRange.value ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    // #endregion\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: Date | null | (Date | null)[]) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: Event) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: Event) => {\n      emit('blur', e);\n    };\n\n    // #endregion\n\n    // ======== panel ============\n    // #region\n    const statePanel = ref();\n    const initPanel = props.type.replace('Range', '');\n    if (isRange.value) {\n      statePanel.value = [initPanel, initPanel];\n    } else {\n      statePanel.value = initPanel;\n    }\n    const onPanelChange = (panel: string, side?: string) => {\n      if (!side) {\n        statePanel.value = panel;\n      } else {\n        const index = side === 'left' ? 0 : 1;\n        statePanel.value = statePanel.value.splice(index, 1, panel);\n      }\n    };\n    // #endregion\n\n    provide('datePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      panelRef,\n      inputRef,\n      computedLocale,\n      stateOpen,\n      computedPlacement,\n      computedDirection,\n      stateValue,\n      statePanel,\n      showClear,\n      isRange,\n      singeType,\n      onClear,\n      onInputContainerClick,\n      onClickOutside,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      onSelected,\n      onPanelChange\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_renderSlot","_Fragment","_createVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :popup-class=\"`${dropdownMenuClass || ''}`\"\n    :click-outside=\"onClickOutside\"\n    :get-popup-container=\"getPopupContainer\"\n    :modifiers=\"modifiers\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: isRange,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rlt`]: computedDirection === 'rtl'\n      }\"\n      v-bind=\"$attrs\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n\n      <slot :size=\"size\" :mode=\"singeType\" :value=\"(stateValue as any)\" :change=\"onInputChange\" :clear=\"onClear\">\n        <DateRangeInput\n          v-if=\"isRange\"\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :separator=\"$slots.separator ? $slots.separator : separator\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :locale=\"computedLocale\"\n          :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :limit-duration=\"limitDuration\"\n          @change=\"onInputChange\"\n        />\n\n        <DatePickerInput\n          v-else\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :open=\"stateOpen\"\n          :locale=\"computedLocale\"\n          :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :panel=\"statePanel\"\n          @change=\"onInputChange\"\n          @focus=\"onInputFocus\"\n          @blur=\"onInputBlur\"\n        />\n      </slot>\n      <template v-if=\"!$slots.default\">\n        <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n          <UIcon>\n            <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n            <CircleX v-else />\n          </UIcon>\n        </span>\n        <span :class=\"`${prefixCls}-picker-icon`\">\n          <UIcon>\n            <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n            <Calendar v-else />\n          </UIcon>\n        </span>\n      </template>\n    </div>\n    <template #popup>\n      <DatePickerPanel\n        v-if=\"!isRange\"\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :mode=\"singeType\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :shortcuts=\"shortcuts\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n      <DateRangePanel\n        v-else\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :default-time=\"defaultTime\"\n        :mode=\"singeType\"\n        :shortcuts=\"shortcuts\"\n        :limit-duration=\"limitDuration\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject, watchEffect } from 'vue';\nimport { CircleX, Calendar } from 'lucide-vue-next';\n\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\n\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport DatePickerInput from './Trigger/DatePickerInput.vue';\nimport DateRangeInput from './Trigger/DateRangeInput.vue';\nimport DatePickerPanel from './Panel/DatePickerPanel.vue';\nimport DateRangePanel from './Panel/DateRangePanel.vue';\nimport { FormItemKey } from '../Form';\nimport { datePickerProps, datePickerEmits } from './DatePicker.type';\nimport type { DatePickerSingleValueType, DatePickerValueType, DatePickerSingleType } from './DatePicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { formatDate } from './hooks/useFormat';\n\nexport default defineComponent({\n  name: 'UDatePicker',\n  components: {\n    Popup,\n    UIcon,\n    DatePickerInput,\n    DateRangeInput,\n    DatePickerPanel,\n    DateRangePanel,\n    CircleX,\n    Calendar\n  },\n  inheritAttrs: false,\n  props: datePickerProps,\n  emits: datePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('date-picker');\n    const inputRef = ref<any | null>(null);\n    const panelRef = ref(null);\n\n    // ========== computed ==============\n    // #region\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const isRange = computed(() => {\n      return props.type.indexOf('Range') > 0;\n    });\n\n    const singeType = computed(() => {\n      return (isRange.value ? props.type.replace('Range', '') : props.type) as DatePickerSingleType;\n    });\n\n    const stateValue = ref<DatePickerValueType>();\n\n    const showClear = computed(() => {\n      if (props.disabled) {\n        return false;\n      }\n      if (!isRange.value) {\n        return props.clearable && stateValue.value !== null;\n      }\n      return props.clearable && (stateValue.value as DatePickerSingleValueType[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed<'ltr' | 'rtl'>(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // #endregion\n\n    // ============ open =================\n    // #region\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean, isConfirm = false) => {\n      if (props.open === undefined) {\n        stateOpen.value = val;\n      }\n      emit('update:open', val);\n      emit('open-change', val);\n      if (isConfirm) {\n        emit('confirm');\n      }\n    };\n\n    onMounted(() => {\n      watch(\n        () => props.open,\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n    // #endregion\n\n    // ========== value ==============\n    // #region\n    // watch(\n    //   () => props.modelValue,\n    //   (val) => {\n    //     if (val) {\n    //       if (isRange.value && !Array.isArray(val)) {\n    //         warning(' modeValue must be array when type is Range');\n    //         stateValue.value = [null, null];\n    //         return;\n    //       }\n    //       stateValue.value = val;\n    //     } else {\n    //       stateValue.value = isRange.value ? [null, null] : null;\n    //     }\n    //   },\n    //   { immediate: true }\n    // )\n    // FIX  2021-09-22\n    watchEffect(() => {\n      const val = props.modelValue;\n      if (val) {\n        if (isRange.value && !Array.isArray(val)) {\n          warning(' modeValue must be array when type is Range');\n          stateValue.value = [null, null];\n          return;\n        }\n        stateValue.value = val;\n      } else {\n        stateValue.value = isRange.value ? [null, null] : null;\n      }\n    });\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: Date | null | (Date | null)[]) => {\n      let rst: DatePickerValueType = val;\n      if (props.valueFormat) {\n        if (Array.isArray(val)) {\n          rst = val.map((x) => formatDate(x, props.valueFormat));\n        } else {\n          rst = formatDate(val, props.valueFormat);\n        }\n      }\n\n      if (props.modelValue === undefined) {\n        stateValue.value = rst;\n      }\n\n      emit('update:modelValue', rst);\n      emit('change', rst);\n      if (onFieldChange) {\n        onFieldChange(val);\n      }\n    };\n\n    const onSelected = (val: Date | null | (Date | null)[]) => {\n      setValue(val);\n      if (props.autoClose && !props.type.includes('dateTime')) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      setValue(isRange.value ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    // #endregion\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: Date | null | (Date | null)[]) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: Event) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: Event) => {\n      emit('blur', e);\n    };\n\n    // #endregion\n\n    // ======== panel ============\n    // #region\n    const statePanel = ref();\n    const initPanel = props.type.replace('Range', '');\n    if (isRange.value) {\n      statePanel.value = [initPanel, initPanel];\n    } else {\n      statePanel.value = initPanel;\n    }\n    const onPanelChange = (panel: string, side?: string) => {\n      if (!side) {\n        statePanel.value = panel;\n      } else {\n        const index = side === 'left' ? 0 : 1;\n        statePanel.value = statePanel.value.splice(index, 1, panel);\n      }\n    };\n    // #endregion\n\n    provide('datePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      panelRef,\n      inputRef,\n      computedLocale,\n      stateOpen,\n      computedPlacement,\n      computedDirection,\n      stateValue,\n      statePanel,\n      showClear,\n      isRange,\n      singeType,\n      onClear,\n      onInputContainerClick,\n      onClickOutside,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      onSelected,\n      onPanelChange\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_renderSlot","_Fragment","_createVNode","_resolveDynamicComponent"],"mappings":"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"}

package/es/components/DatePicker/Panel/DatePickerPanel.mjs

@@ -218,6 +218,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         options: _ctx.shortcuts.map((shortcut) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value })),
         placeholder: _ctx.locale.shortcutsPlaceholder,
         onChange: _cache[1] || (_cache[1] = (value, option) => _ctx.onShortcutClick({
+          text: value,
           value: option.func
         }))
       }, null, 8, ["modelValue", "options", "placeholder"])

package/es/components/DatePicker/Panel/DatePickerPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerPanel.mjs","sources":["../../../../../src/components/DatePicker/Panel/DatePickerPanel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-time`]: showTime,\n        [`${prefixCls}-week`]: weekMode,\n        [`${prefixCls}-rtl`]: direction === 'rtl'\n      }\n    ]\"\n  >\n    <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n      <!-- <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n        {{ shortcut.text }}\n      </a> -->\n      <USelect\n        v-model=\"selectedShortcut\"\n        size=\"small\"\n        :options=\"shortcuts.map((shortcut: any) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value }))\"\n        :placeholder=\"locale.shortcutsPlaceholder\"\n        @change=\"(value: any, option: any) => onShortcutClick({\n          value: option.func\n        })\"\n      />\n    </div>\n    <div>\n      <DatePanel\n        v-if=\"statePanel !== 'quarter'\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :week-mode=\"weekMode\"\n        :time-options=\"timeOptions\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        @current-change=\"onCurrentChange\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <QuarterPanel\n        v-if=\"statePanel === 'quarter'\"\n        :prefix-cls=\"`${prefixCls}-quarter-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <MonthPanel\n        v-if=\"statePanel === 'month'\"\n        :prefix-cls=\"`${prefixCls}-month-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <YearPanel\n        v-if=\"statePanel === 'year'\"\n        :prefix-cls=\"`${prefixCls}-year-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport USelect from '@uxd-ui/components/Select';\nimport DatePanel from './DatePanel/DatePanel.vue';\nimport MonthPanel from './MonthPanel/MonthPanel.vue';\nimport YearPanel from './YearPanel/YearPanel.vue';\nimport QuarterPanel from './QuarterPanel';\nimport { getTodayTime, isAllowedDateTime } from '../utils';\nimport type {\n  DatePickerContext,\n  DatePickerShortcut,\n  DatePickerSingleValueType,\n  DisabledTimeFunction,\n  DatePickerSingleType\n} from '../DatePicker.type';\nimport type { DisabledDateFunction } from '../../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DatePickerPanel',\n  components: {\n    DatePanel,\n    MonthPanel,\n    YearPanel,\n    QuarterPanel,\n    USelect\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    value: {\n      type: [String, Date, Object] as PropType<DatePickerSingleValueType>\n    },\n    mode: {\n      type: String as PropType<DatePickerSingleType>,\n      default: 'date'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n\n    showConfirm: {\n      type: Boolean,\n      default: false\n    },\n    timeOptions: {\n      type: Object as PropType<Record<string, any>>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledTime: {\n      type: Function as PropType<DisabledTimeFunction>\n    },\n    shortcuts: {\n      type: Array as PropType<DatePickerShortcut[]>\n    },\n    showTimeClear: {\n      type: Boolean,\n      default: true\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    }\n  },\n  emits: {\n    select: (v: Date | null, close?: boolean) => (v === null || v instanceof Date) && typeof close === 'boolean',\n    close: () => true,\n    'panel-change': (p: string) => typeof p === 'string'\n  },\n  setup(props, { emit }) {\n    const currentDate = ref(dayjs());\n    const selectedDate = ref<Dayjs | null>(null);\n    const statePanel = ref(props.mode);\n    const selectedShortcut = ref<string>('');\n    const { setOpened } = inject<DatePickerContext>('datePickerContext', {} as DatePickerContext);\n\n    watch(\n      () => props.value,\n      (val) => {\n        selectedDate.value = val ? dayjs(val) : null;\n        currentDate.value = val ? dayjs(val) : dayjs().startOf('day');\n      },\n      { immediate: true }\n    );\n\n    const showTime = computed(() => {\n      return props.mode === 'dateTime';\n    });\n\n    const weekMode = computed(() => {\n      return props.mode === 'week';\n    });\n\n    const onCurrentChange = (date: Dayjs) => {\n      currentDate.value = date;\n    };\n\n    const fireChangePanel = (panel: DatePickerSingleType) => {\n      statePanel.value = panel;\n      emit('panel-change', panel);\n    };\n\n    const onPanelChange = (panel: DatePickerSingleType) => {\n      fireChangePanel(panel);\n    };\n\n    const showTimePicker = computed(() => {\n      return props.mode === 'dateTime' && statePanel.value === 'dateTime';\n    });\n\n    const onSelectedChange = ({ type, value }: { type: string; value: any }) => {\n      if (type === 'date' || type === 'time') {\n        emit('select', value.toDate());\n      } else if (type === 'month') {\n        if (props.mode !== 'month') {\n          currentDate.value = value;\n          fireChangePanel(props.mode === 'dateTime' ? 'dateTime' : 'date');\n        } else {\n          emit('select', value.startOf('month').toDate());\n        }\n      } else if (type === 'year') {\n        if (props.mode === 'quarter') {\n          currentDate.value = currentDate.value.year(value);\n          fireChangePanel('quarter');\n        } else if (props.mode !== 'year') {\n          currentDate.value = currentDate.value.year(value);\n          fireChangePanel('month');\n        } else {\n          const date = dayjs().year(value).startOf('year');\n          emit('select', date.toDate());\n        }\n      } else if (type === 'quarter') {\n        // const date = dayjs().quarter(value).startOf('quarter');\n        emit('select', value.startOf('quarter').toDate());\n      }\n    };\n\n    watch(\n      () => props.open,\n      (val) => {\n        selectedShortcut.value = '';\n        if (val) {\n          currentDate.value = props.value ? dayjs(props.value) : dayjs().startOf('day');\n          fireChangePanel(props.mode || 'date');\n        }\n      }\n    );\n\n    // ============ footer btn =================\n\n    // const onToggleTime = () => {\n    //   if (selectedDate.value) {\n    //     showTimePicker.value = !showTimePicker.value;\n    //   }\n    // };\n    const disabledToday = computed(() => {\n      const today = getTodayTime();\n      if (props.disabledDate && props.disabledDate(today.toDate())) {\n        return true;\n      }\n      return false;\n    });\n\n    const okDisabled = computed(() => {\n      if (!selectedDate.value) {\n        return true;\n      }\n      return !isAllowedDateTime(selectedDate.value, props.disabledDate, props.disabledTime);\n    });\n\n    const onSelectToday = () => {\n      onSelectedChange({ type: 'date', value: getTodayTime() });\n    };\n\n    const onOk = () => {\n      if (!okDisabled.value) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      if (!okDisabled.value) {\n        emit('select', null, false);\n      }\n    };\n\n    const onShortcutClick = (shortcut: DatePickerShortcut) => {\n      if (typeof shortcut.value === 'function') {\n        const date = shortcut.value();\n\n        onSelectedChange({\n          type: 'date',\n          value: dayjs((date as DatePickerSingleValueType) || undefined)\n        });\n      }\n    };\n\n    return {\n      currentDate,\n      selectedDate,\n      selectedShortcut,\n      statePanel,\n      showTime,\n      weekMode,\n      showTimePicker,\n      disabledToday,\n      okDisabled,\n      onSelectToday,\n      onOk,\n      onClear,\n      // onToggleTime,\n      onCurrentChange,\n      onPanelChange,\n      onSelectedChange,\n      onShortcutClick\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createCommentVNode","_createVNode","_createElementVNode","_createBlock"],"mappings":";;;;;;;;;;;AAiGA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM,MAAM;AAAA;AAC7B,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA;AACZ,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,aAAa;AAAA,MACX,MAAM;AAAA;AACR,IACA,cAAc;AAAA,MACZ,MAAM;AAAA;AACR,IACA,cAAc;AAAA,MACZ,MAAM;AAAA;AACR,IACA,WAAW;AAAA,MACT,MAAM;AAAA;AACR,IACA,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;AACX,IACA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AACX;AACF,EACA,OAAO;AAAA,IACL,QAAQ,CAAC,GAAgB,WAAqB,MAAM,QAAQ,aAAa,SAAS,OAAO,UAAU;AAAA,IACnG,OAAO,MAAM;AAAA,IACb,gBAAgB,CAAC,MAAc,OAAO,MAAM;AAAA;AAC9C,EACA,MAAM,OAAO,EAAE,QAAQ;UACf,cAAc,IAAI,OAAO;UACzB,eAAe,IAAkB,IAAI;UACrC,aAAa,IAAI,MAAM,IAAI;UAC3B,mBAAmB,IAAY,EAAE;UACjC,EAAE,cAAc,OAA0B,qBAAqB,EAAuB;;MAG1F,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;qBACM,QAAQ,MAAM,MAAM,GAAG,IAAI;oBAC5B,QAAQ,MAAM,MAAM,GAAG,IAAI,QAAQ,QAAQ,KAAK;AAAA;AAC9D,MACA,EAAE,WAAW;AAAK;UAGd,WAAW,SAAS,MAAM;aACvB,MAAM,SAAS;AAAA,KACvB;UAEK,WAAW,SAAS,MAAM;aACvB,MAAM,SAAS;AAAA,KACvB;UAEK,kBAAkB,CAAC,SAAgB;kBAC3B,QAAQ;AAAA;UAGhB,kBAAkB,CAAC,UAAgC;iBAC5C,QAAQ;WACd,gBAAgB,KAAK;AAAA;UAGtB,gBAAgB,CAAC,UAAgC;sBACrC,KAAK;AAAA;UAGjB,iBAAiB,SAAS,MAAM;aAC7B,MAAM,SAAS,cAAc,WAAW,UAAU;AAAA,KAC1D;UAEK,mBAAmB,CAAC,EAAE,MAAM,YAA0C;UACtE,SAAS,UAAU,SAAS,QAAQ;aACjC,UAAU,MAAM,QAAQ;AAAA,iBACpB,SAAS,SAAS;YACvB,MAAM,SAAS,SAAS;sBACd,QAAQ;0BACJ,MAAM,SAAS,aAAa,aAAa,MAAM;AAAA,eAC1D;eACA,UAAU,MAAM,QAAQ,OAAO,EAAE,QAAQ;AAAA;AAChD,iBACS,SAAS,QAAQ;YACtB,MAAM,SAAS,WAAW;sBAChB,QAAQ,YAAY,MAAM,KAAK,KAAK;0BAChC,SAAS;AAAA,mBAChB,MAAM,SAAS,QAAQ;sBACpB,QAAQ,YAAY,MAAM,KAAK,KAAK;0BAChC,OAAO;AAAA,eAClB;gBACC,OAAO,QAAQ,KAAK,KAAK,EAAE,QAAQ,MAAM;eAC1C,UAAU,KAAK,QAAQ;AAAA;AAC9B,iBACS,SAAS,WAAW;aAExB,UAAU,MAAM,QAAQ,SAAS,EAAE,QAAQ;AAAA;AAClD;;MAIA,MAAM,MAAM;AAAA,MACZ,CAAC,QAAQ;yBACU,QAAQ;YACrB,KAAK;sBACK,QAAQ,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI,QAAQ,QAAQ,KAAK;0BAC5D,MAAM,QAAQ,MAAM;AAAA;AACtC;AACF;UAUI,gBAAgB,SAAS,MAAM;YAC7B,QAAQ;UACV,MAAM,gBAAgB,MAAM,aAAa,MAAM,QAAQ,GAAG;eACrD;AAAA;aAEF;AAAA,KACR;UAEK,aAAa,SAAS,MAAM;UAC5B,CAAC,aAAa,OAAO;eAChB;AAAA;aAEF,CAAC,kBAAkB,aAAa,OAAO,MAAM,cAAc,MAAM,YAAY;AAAA,KACrF;UAEK,gBAAgB,MAAM;uBACT,EAAE,MAAM,QAAQ,OAAO,gBAAgB;AAAA;UAGpD,OAAO,MAAM;UACb,CAAC,WAAW,OAAO;kBACX,KAAK;AAAA;AACjB;UAGI,UAAU,MAAM;UAChB,CAAC,WAAW,OAAO;aAChB,UAAU,MAAM,KAAK;AAAA;AAC5B;UAGI,kBAAkB,CAAC,aAAiC;UACpD,OAAO,SAAS,UAAU,YAAY;cAClC,OAAO,SAAS;yBAEL;AAAA,UACf,MAAM;AAAA,UACN,OAAO,MAAO,QAAsC,MAAS;AAAA,SAC9D;AAAA;AACH;WAGK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;;sBA/SCA,mBAwEM;IAvEH,OAAKC;MAAU;;YAA+B,wBAAmB;YAAsB,wBAAmB;YAAsB,uBAAkB,mBAAS;AAAA;;;IASjJ,+BAAXD,mBAaM;;MAbiB,OAAKC,kBAAK,mCAAS;AAAA;MACxCC;MAGAC,YAQE;oBAPS;6FAAgB;AAAA,QACzB,MAAK;AAAA,QACJ,SAAS,eAAU,IAAG,CAAE,cAAa,SAAe,SAAS,MAAI,OAAS,SAAS,MAAI,MAAQ,SAAS;QACxG,aAAa,YAAO;AAAA,QACpB,UAAM,2BAAG,OAAY,WAAgB,qBAAe;AAAA,iBAAoB,OAAO;AAAA;;;IAKpFC,mBA+CM;MA7CI,oBAAU,0BADlBC,YAeE;;QAbC,cAAY;QACZ,QAAQ;QACR,gBAAc;QACd,iBAAe;QACf,mBAAiB;QACjB,oBAAkB;QAClB,aAAW;QACX,gBAAc;QACd,iBAAe;QACf,iBAAe;QACf,iBAAgB;QAChB,kBAAiB;QACjB,eAAc;;MAGT,oBAAU,0BADlBA,YASE;;QAPC,cAAU,GAAK;QACf,QAAQ;QACR,gBAAc;QACd,iBAAe;QACf,iBAAe;QACf,kBAAiB;QACjB,eAAc;;MAGT,oBAAU,wBADlBA,YASE;;QAPC,cAAU,GAAK;QACf,QAAQ;QACR,gBAAc;QACd,iBAAe;QACf,iBAAe;QACf,kBAAiB;QACjB,eAAc;;MAGT,oBAAU,uBADlBA,YASE;;QAPC,cAAU,GAAK;QACf,QAAQ;QACR,gBAAc;QACd,iBAAe;QACf,iBAAe;QACf,kBAAiB;QACjB,eAAc;;;;;;;;;"}
+{"version":3,"file":"DatePickerPanel.mjs","sources":["../../../../../src/components/DatePicker/Panel/DatePickerPanel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}-time`]: showTime,\n        [`${prefixCls}-week`]: weekMode,\n        [`${prefixCls}-rtl`]: direction === 'rtl'\n      }\n    ]\"\n  >\n    <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n      <!-- <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n        {{ shortcut.text }}\n      </a> -->\n      <USelect\n        v-model=\"selectedShortcut\"\n        size=\"small\"\n        :options=\"shortcuts.map((shortcut: any) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value }))\"\n        :placeholder=\"locale.shortcutsPlaceholder\"\n        @change=\"(value: any, option: any) => onShortcutClick({\n          text: value,\n          value: option.func\n        })\"\n      />\n    </div>\n    <div>\n      <DatePanel\n        v-if=\"statePanel !== 'quarter'\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :week-mode=\"weekMode\"\n        :time-options=\"timeOptions\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        @current-change=\"onCurrentChange\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <QuarterPanel\n        v-if=\"statePanel === 'quarter'\"\n        :prefix-cls=\"`${prefixCls}-quarter-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <MonthPanel\n        v-if=\"statePanel === 'month'\"\n        :prefix-cls=\"`${prefixCls}-month-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n      <YearPanel\n        v-if=\"statePanel === 'year'\"\n        :prefix-cls=\"`${prefixCls}-year-panel`\"\n        :locale=\"locale\"\n        :current-date=\"currentDate\"\n        :selected-date=\"selectedDate\"\n        :disabled-date=\"disabledDate\"\n        @selected-change=\"onSelectedChange\"\n        @panel-change=\"onPanelChange\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport USelect from '@uxd-ui/components/Select';\nimport DatePanel from './DatePanel/DatePanel.vue';\nimport MonthPanel from './MonthPanel/MonthPanel.vue';\nimport YearPanel from './YearPanel/YearPanel.vue';\nimport QuarterPanel from './QuarterPanel';\nimport { getTodayTime, isAllowedDateTime } from '../utils';\nimport type {\n  DatePickerContext,\n  DatePickerShortcut,\n  DatePickerSingleValueType,\n  DisabledTimeFunction,\n  DatePickerSingleType\n} from '../DatePicker.type';\nimport type { DisabledDateFunction } from '../../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DatePickerPanel',\n  components: {\n    DatePanel,\n    MonthPanel,\n    YearPanel,\n    QuarterPanel,\n    USelect\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    value: {\n      type: [String, Date, Object] as PropType<DatePickerSingleValueType>\n    },\n    mode: {\n      type: String as PropType<DatePickerSingleType>,\n      default: 'date'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n\n    showConfirm: {\n      type: Boolean,\n      default: false\n    },\n    timeOptions: {\n      type: Object as PropType<Record<string, any>>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledTime: {\n      type: Function as PropType<DisabledTimeFunction>\n    },\n    shortcuts: {\n      type: Array as PropType<DatePickerShortcut[]>\n    },\n    showTimeClear: {\n      type: Boolean,\n      default: true\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    }\n  },\n  emits: {\n    select: (v: Date | null, close?: boolean) => (v === null || v instanceof Date) && typeof close === 'boolean',\n    close: () => true,\n    'panel-change': (p: string) => typeof p === 'string'\n  },\n  setup(props, { emit }) {\n    const currentDate = ref(dayjs());\n    const selectedDate = ref<Dayjs | null>(null);\n    const statePanel = ref(props.mode);\n    const selectedShortcut = ref<string>('');\n    const { setOpened } = inject<DatePickerContext>('datePickerContext', {} as DatePickerContext);\n\n    watch(\n      () => props.value,\n      (val) => {\n        selectedDate.value = val ? dayjs(val) : null;\n        currentDate.value = val ? dayjs(val) : dayjs().startOf('day');\n      },\n      { immediate: true }\n    );\n\n    const showTime = computed(() => {\n      return props.mode === 'dateTime';\n    });\n\n    const weekMode = computed(() => {\n      return props.mode === 'week';\n    });\n\n    const onCurrentChange = (date: Dayjs) => {\n      currentDate.value = date;\n    };\n\n    const fireChangePanel = (panel: DatePickerSingleType) => {\n      statePanel.value = panel;\n      emit('panel-change', panel);\n    };\n\n    const onPanelChange = (panel: DatePickerSingleType) => {\n      fireChangePanel(panel);\n    };\n\n    const showTimePicker = computed(() => {\n      return props.mode === 'dateTime' && statePanel.value === 'dateTime';\n    });\n\n    const onSelectedChange = ({ type, value }: { type: string; value: any }) => {\n      if (type === 'date' || type === 'time') {\n        emit('select', value.toDate());\n      } else if (type === 'month') {\n        if (props.mode !== 'month') {\n          currentDate.value = value;\n          fireChangePanel(props.mode === 'dateTime' ? 'dateTime' : 'date');\n        } else {\n          emit('select', value.startOf('month').toDate());\n        }\n      } else if (type === 'year') {\n        if (props.mode === 'quarter') {\n          currentDate.value = currentDate.value.year(value);\n          fireChangePanel('quarter');\n        } else if (props.mode !== 'year') {\n          currentDate.value = currentDate.value.year(value);\n          fireChangePanel('month');\n        } else {\n          const date = dayjs().year(value).startOf('year');\n          emit('select', date.toDate());\n        }\n      } else if (type === 'quarter') {\n        // const date = dayjs().quarter(value).startOf('quarter');\n        emit('select', value.startOf('quarter').toDate());\n      }\n    };\n\n    watch(\n      () => props.open,\n      (val) => {\n        selectedShortcut.value = '';\n        if (val) {\n          currentDate.value = props.value ? dayjs(props.value) : dayjs().startOf('day');\n          fireChangePanel(props.mode || 'date');\n        }\n      }\n    );\n\n    // ============ footer btn =================\n\n    // const onToggleTime = () => {\n    //   if (selectedDate.value) {\n    //     showTimePicker.value = !showTimePicker.value;\n    //   }\n    // };\n    const disabledToday = computed(() => {\n      const today = getTodayTime();\n      if (props.disabledDate && props.disabledDate(today.toDate())) {\n        return true;\n      }\n      return false;\n    });\n\n    const okDisabled = computed(() => {\n      if (!selectedDate.value) {\n        return true;\n      }\n      return !isAllowedDateTime(selectedDate.value, props.disabledDate, props.disabledTime);\n    });\n\n    const onSelectToday = () => {\n      onSelectedChange({ type: 'date', value: getTodayTime() });\n    };\n\n    const onOk = () => {\n      if (!okDisabled.value) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      if (!okDisabled.value) {\n        emit('select', null, false);\n      }\n    };\n\n    const onShortcutClick = (shortcut: DatePickerShortcut) => {\n      if (typeof shortcut.value === 'function') {\n        const date = shortcut.value();\n\n        onSelectedChange({\n          type: 'date',\n          value: dayjs((date as DatePickerSingleValueType) || undefined)\n        });\n      }\n    };\n\n    return {\n      currentDate,\n      selectedDate,\n      selectedShortcut,\n      statePanel,\n      showTime,\n      weekMode,\n      showTimePicker,\n      disabledToday,\n      okDisabled,\n      onSelectToday,\n      onOk,\n      onClear,\n      // onToggleTime,\n      onCurrentChange,\n      onPanelChange,\n      onSelectedChange,\n      onShortcutClick\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createCommentVNode","_createVNode","_createElementVNode","_createBlock"],"mappings":"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"}

package/es/components/Layout/Layout.type.d.ts

@@ -15,7 +15,7 @@ export declare const siderProps: {
         type: BooleanConstructor;
         default: undefined;
     };
-    reverseArrow: {
+    isRight: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -33,7 +33,7 @@ export declare const siderProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
-    collapseWidth: {
+    collapsedWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
@@ -41,11 +41,6 @@ export declare const siderProps: {
         type: PropType<"xxl" | "xl" | "lg" | "md" | "sm" | "xs">;
         validator: (val: "xxl" | "xl" | "lg" | "md" | "sm" | "xs") => boolean;
     };
-    theme: {
-        type: PropType<"light" | "dark">;
-        default: string;
-        validator: (val: "light" | "dark") => boolean;
-    };
     background: {
         type: StringConstructor;
     };

package/es/components/Layout/Layout.type.mjs

@@ -11,7 +11,7 @@ const siderProps = {
     type: Boolean,
     default: void 0
   },
-  reverseArrow: {
+  isRight: {
     type: Boolean,
     default: false
   },
@@ -29,7 +29,7 @@ const siderProps = {
     type: [Number, String],
     default: 200
   },
-  collapseWidth: {
+  collapsedWidth: {
     type: [Number, String],
     default: 80
   },
@@ -37,11 +37,6 @@ const siderProps = {
     type: String,
     validator: oneOf(responsiveArray)
   },
-  theme: {
-    type: String,
-    default: "dark",
-    validator: oneOf(siderTheme)
-  },
   background: {
     type: String
   }

package/es/components/Layout/Layout.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.type.mjs","sources":["../../../../src/components/Layout/Layout.type.ts"],"sourcesContent":["import type { PropType, Ref, ExtractPropTypes } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport { responsiveArray, type ResponsiveKeys } from '../../utils/responsiveObserve';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport interface SiderHooks {\n  attachSider: (id: string) => void;\n  removeSider: (id: string) => void;\n}\n\nexport const siderTheme = ['light', 'dark'] as const;\nexport type SiderTheme = (typeof siderTheme)[number];\n\nexport const siderProps = {\n  collapsible: {\n    type: Boolean,\n    default: false\n  },\n  collapsed: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  reverseArrow: {\n    type: Boolean,\n    default: false\n  },\n  hideTrigger: {\n    type: Boolean,\n    default: false\n  },\n  zeroTrigger: {\n    type: Boolean\n  },\n  triggerIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  width: {\n    type: [Number, String],\n    default: 200\n  },\n  collapseWidth: {\n    type: [Number, String],\n    default: 80\n  },\n  breakpoint: {\n    type: String as PropType<ResponsiveKeys>,\n\n    validator: oneOf(responsiveArray)\n  },\n  theme: {\n    type: String as PropType<SiderTheme>,\n    default: 'dark',\n    validator: oneOf(siderTheme)\n  },\n  background: {\n    type: String\n  }\n};\nexport type SiderProps = ExtractPropTypes<typeof siderProps>;\n\nexport const siderEmits = {\n  'update:collapsed': (v: boolean) => typeof v === 'boolean',\n  collapse: (v: boolean, type: string) => typeof v === 'boolean' && typeof type === 'string',\n  breakpoint: (v: boolean) => typeof v === 'boolean'\n};\n\nexport type SiderEmits = typeof siderEmits;\n\nexport interface LayoutSiderContext {\n  collapsed: Ref<boolean>;\n  collapseWidth: Ref<number | string>;\n}\n"],"names":[],"mappings":";;;MAUa,aAAa,CAAC,SAAS,MAAM;MAG7B,aAAa;AAAA,EACxB,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IAEN,WAAW,MAAM,eAAe;AAAA;AAClC,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,UAAU;AAAA;AAC7B,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AAEV;MAGa,aAAa;AAAA,EACxB,oBAAoB,CAAC,MAAe,OAAO,MAAM;AAAA,EACjD,UAAU,CAAC,GAAY,SAAiB,OAAO,MAAM,aAAa,OAAO,SAAS;AAAA,EAClF,YAAY,CAAC,MAAe,OAAO,MAAM;AAC3C;;;;"}
+{"version":3,"file":"Layout.type.mjs","sources":["../../../../src/components/Layout/Layout.type.ts"],"sourcesContent":["import type { PropType, Ref, ExtractPropTypes } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport { responsiveArray, type ResponsiveKeys } from '../../utils/responsiveObserve';\nimport { oneOf } from '../../utils/propsValidators';\n\nexport interface SiderHooks {\n  attachSider: (id: string) => void;\n  removeSider: (id: string) => void;\n}\n\nexport const siderTheme = ['light', 'dark'] as const;\nexport type SiderTheme = (typeof siderTheme)[number];\n\nexport const siderProps = {\n  collapsible: {\n    type: Boolean,\n    default: false\n  },\n  collapsed: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  isRight: {\n    type: Boolean,\n    default: false\n  },\n  hideTrigger: {\n    type: Boolean,\n    default: false\n  },\n  zeroTrigger: {\n    type: Boolean\n  },\n  triggerIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  width: {\n    type: [Number, String],\n    default: 200\n  },\n  collapsedWidth: {\n    type: [Number, String],\n    default: 80\n  },\n  breakpoint: {\n    type: String as PropType<ResponsiveKeys>,\n\n    validator: oneOf(responsiveArray)\n  },\n  background: {\n    type: String\n  }\n};\nexport type SiderProps = ExtractPropTypes<typeof siderProps>;\n\nexport const siderEmits = {\n  'update:collapsed': (v: boolean) => typeof v === 'boolean',\n  collapse: (v: boolean, type: string) => typeof v === 'boolean' && typeof type === 'string',\n  breakpoint: (v: boolean) => typeof v === 'boolean'\n};\n\nexport type SiderEmits = typeof siderEmits;\n\nexport interface LayoutSiderContext {\n  collapsed: Ref<boolean>;\n  collapseWidth: Ref<number | string>;\n}\n"],"names":[],"mappings":";;;MAUa,aAAa,CAAC,SAAS,MAAM;MAG7B,aAAa;AAAA,EACxB,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,aAAa;AAAA,IACX,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,gBAAgB;AAAA,IACd,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IAEN,WAAW,MAAM,eAAe;AAAA;AAClC,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AAEV;MAGa,aAAa;AAAA,EACxB,oBAAoB,CAAC,MAAe,OAAO,MAAM;AAAA,EACjD,UAAU,CAAC,GAAY,SAAiB,OAAO,MAAM,aAAa,OAAO,SAAS;AAAA,EAClF,YAAY,CAAC,MAAe,OAAO,MAAM;AAC3C;;;;"}