cnhis-design-vue 3.3.3-beta.75 → 3.3.3-beta.76

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式1 (按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式2 (全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式1 (按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式2 (全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

package/es/components/classification/src/components/table-modal/index.vue.d.ts

@@ -175,6 +175,9 @@ declare const _default: import("vue").DefineComponent<{
         modelValue: unknown[];
         componentData: Record<string, any>;
     } & {
+        /**
+         * 改变弹窗大小
+         */
         itemKey?: string | Function | undefined;
     }>, {
         move: Function;

package/es/components/field-set/src/FieldColor.vue.d.ts

@@ -539,9 +539,9 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
+        isHighlightRow: boolean;
         isFieldSet: boolean;
         fieldDescribeMode: "column" | "tooltip";
         hideExpressionOption: AnyObject[];

package/es/components/field-set/src/FieldFilter.vue.d.ts

@@ -568,9 +568,9 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
+        isHighlightRow: boolean;
         isFieldSet: boolean;
         fieldDescribeMode: "column" | "tooltip";
         hideExpressionOption: AnyObject[];

package/es/components/field-set/src/FieldSet.vue.d.ts

@@ -759,9 +759,9 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         developMode: boolean;
         draggable: boolean;
-        isHighlightRow: boolean;
         idx: number;
         isHighlight: boolean;
+        isHighlightRow: boolean;
         isFieldSet: boolean;
         fieldDescribeMode: "column" | "tooltip";
         hideExpressionOption: AnyObject[];

package/es/components/field-set/src/components/table-row.vue.d.ts

@@ -384,9 +384,9 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     developMode: boolean;
     draggable: boolean;
-    isHighlightRow: boolean;
     idx: number;
     isHighlight: boolean;
+    isHighlightRow: boolean;
     isFieldSet: boolean;
     fieldDescribeMode: "column" | "tooltip";
     hideExpressionOption: AnyObject[];

package/es/components/field-set/src/constants/index.js

@@ -253,7 +253,7 @@ const DATE_CON_LIST = [{
   text: function() {
     var _a, _b, _c;
     try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.334")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.334")) || "\u8FC7\u53BB\u5185";
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.672")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.672")) || "\u8FC7\u53BB\u5185";
     } catch (e) {
       return "\u8FC7\u53BB\u5185";
     }
@@ -263,7 +263,7 @@ const DATE_CON_LIST = [{
   text: function() {
     var _a, _b, _c;
     try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.335")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.335")) || "\u672A\u6765\u5185";
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.673")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.673")) || "\u672A\u6765\u5185";
     } catch (e) {
       return "\u672A\u6765\u5185";
     }
@@ -273,7 +273,7 @@ const DATE_CON_LIST = [{
   text: function() {
     var _a, _b, _c;
     try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.336")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.336")) || "\u8FC7\u53BB\u7B2C";
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.674")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.674")) || "\u8FC7\u53BB\u7B2C";
     } catch (e) {
       return "\u8FC7\u53BB\u7B2C";
     }
@@ -283,7 +283,7 @@ const DATE_CON_LIST = [{
   text: function() {
     var _a, _b, _c;
     try {
-      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.337")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.337")) || "\u672A\u6765\u7B2C";
+      return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.675")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.675")) || "\u672A\u6765\u7B2C";
     } catch (e) {
       return "\u672A\u6765\u7B2C";
     }

package/es/components/iho-chat/src/components/ChatMain.vue2.js

@@ -603,7 +603,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [!unref(isAudioOrVideoMessage)(item.content) ? (openBlock(), createElementBlock(Fragment, {
             key: 0
-          }, [createCommentVNode(' <n-button\n												quaternary\n												size="tiny"\n												@click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\n											>\n												<template #icon>\n													<n-icon size="17" :component="HappyOutline" />\n												</template>\n											</n-button> '), createVNode(unref(NButton), {
+          }, [createCommentVNode(' <n-button\r\n												quaternary\r\n												size="tiny"\r\n												@click="(event: MouseEvent) => handleSelectLabel(event, item.id)"\r\n											>\r\n												<template #icon>\r\n													<n-icon size="17" :component="HappyOutline" />\r\n												</template>\r\n											</n-button> '), createVNode(unref(NButton), {
             quaternary: "",
             size: "tiny",
             onClick: () => setReferenceMsg(item)

package/es/components/iho-chat/src/components/PersonProfile.vue2.js

@@ -225,7 +225,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           round: "",
           size: 100,
           onClickCapture: _cache[0] || (_cache[0] = ($event) => showLargeAvatar.value = true)
-        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\n							<n-upload-trigger #="{ handleClick }" abstract>\n								<n-button\n									circle\n									secondary\n									class="edit-avatar"\n									v-show="userDetail.id === state.userInfo.id"\n									@click="handleClick"\n								>\n									<template #icon>\n										<n-icon size="16" color="#666666" :component="Camera" />\n									</template>\n								</n-button>\n							</n-upload-trigger>\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
+        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\r\n							<n-upload-trigger #="{ handleClick }" abstract>\r\n								<n-button\r\n									circle\r\n									secondary\r\n									class="edit-avatar"\r\n									v-show="userDetail.id === state.userInfo.id"\r\n									@click="handleClick"\r\n								>\r\n									<template #icon>\r\n										<n-icon size="16" color="#666666" :component="Camera" />\r\n									</template>\r\n								</n-button>\r\n							</n-upload-trigger>\r\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
           class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(userDetail.roleInfo) ? "isDoctor" : ""])
         }, toDisplayString(unref(getRoleName)(userDetail.roleInfo)), 3), [[vShow, unref(getRoleName)(userDetail.roleInfo)]])]), createElementVNode("p", null, toDisplayString(userDetail.orgName), 1)]), createVNode(unref(NButton), {
           strong: "",

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue.d.ts

@@ -82,27 +82,59 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<string | false | HTMLElement>;
             default: string;
         };
+        shortcuts: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
     }, {
         attrs: {
             [x: string]: unknown;
         };
+        emit: (event: "update:formatted-value" | "update:show", ...args: any[]) => void;
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             to: {
                 type: PropType<string | false | HTMLElement>;
                 default: string;
             };
-        }>> & {}>>;
-        timePickerRef: import("vue").Ref<AnyObject | null>;
+            shortcuts: {
+                type: PropType<string[]>;
+                default: () => never[];
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>>;
+        timePickerRef: import("vue").Ref<AnyObject | null | undefined>;
+        isTimePickerOpen: import("vue").Ref<boolean>;
+        panelContainer: import("vue").Ref<HTMLElement | null | undefined>;
+        timePickerAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
         formatRef: import("vue").ComputedRef<string>;
+        handleFormattedTimeUpdate: (value: string) => void;
+        handleShortcutClick: (shortcut: string) => void;
+        isDisabled: (value: string) => any;
+        onUpdateShow: (show: boolean) => void;
         focus: () => any;
         blur: () => any;
         NTimePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        NScrollbar: any;
+        NButton: any;
+        NSpace: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:formatted-value" | "update:show")[], "update:formatted-value" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: PropType<string | false | HTMLElement>;
             default: string;
         };
-    }>>, {
+        shortcuts: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
+        shortcuts: string[];
         to: string | false | HTMLElement;
     }>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:formattedValue")[], "click" | "update:formattedValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/es/components/table-filter/src/components/classify-filter/helpers/options.js

@@ -52,7 +52,7 @@ const dateConditionOptions = [
     label: function() {
       var _a, _b, _c;
       try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.334")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.334")) || "\u8FC7\u53BB\u5185";
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.672")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.672")) || "\u8FC7\u53BB\u5185";
       } catch (e) {
         return "\u8FC7\u53BB\u5185";
       }
@@ -63,7 +63,7 @@ const dateConditionOptions = [
     label: function() {
       var _a, _b, _c;
       try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.335")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.335")) || "\u672A\u6765\u5185";
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.673")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.673")) || "\u672A\u6765\u5185";
       } catch (e) {
         return "\u672A\u6765\u5185";
       }
@@ -74,7 +74,7 @@ const dateConditionOptions = [
     label: function() {
       var _a, _b, _c;
       try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.336")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.336")) || "\u8FC7\u53BB\u7B2C";
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.674")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.674")) || "\u8FC7\u53BB\u7B2C";
       } catch (e) {
         return "\u8FC7\u53BB\u7B2C";
       }
@@ -85,7 +85,7 @@ const dateConditionOptions = [
     label: function() {
       var _a, _b, _c;
       try {
-        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.337")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.337")) || "\u672A\u6765\u7B2C";
+        return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.675")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.675")) || "\u672A\u6765\u7B2C";
       } catch (e) {
         return "\u672A\u6765\u7B2C";
       }

package/es/components/time-picker/index.d.ts

@@ -4,27 +4,59 @@ declare const TimePicker: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<string | false | HTMLElement>;
         default: string;
     };
+    shortcuts: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
 }, {
     attrs: {
         [x: string]: unknown;
     };
+    emit: (event: "update:formatted-value" | "update:show", ...args: any[]) => void;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: import("vue").PropType<string | false | HTMLElement>;
             default: string;
         };
-    }>> & {}>>;
-    timePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null>;
+        shortcuts: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    timePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null | undefined>;
+    isTimePickerOpen: import("vue").Ref<boolean>;
+    panelContainer: import("vue").Ref<HTMLElement | null | undefined>;
+    timePickerAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
     formatRef: import("vue").ComputedRef<string>;
+    handleFormattedTimeUpdate: (value: string) => void;
+    handleShortcutClick: (shortcut: string) => void;
+    isDisabled: (value: string) => any;
+    onUpdateShow: (show: boolean) => void;
     focus: () => any;
     blur: () => any;
     NTimePicker: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    NScrollbar: any;
+    NButton: any;
+    NSpace: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:formatted-value" | "update:show")[], "update:formatted-value" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: import("vue").PropType<string | false | HTMLElement>;
         default: string;
     };
-}>>, {
+    shortcuts: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    shortcuts: string[];
     to: string | false | HTMLElement;
 }>>;
 export default TimePicker;

package/es/components/time-picker/src/TimePicker.vue.d.ts

@@ -5,27 +5,59 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | false | HTMLElement>;
         default: string;
     };
+    shortcuts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
 }, {
     attrs: {
         [x: string]: unknown;
     };
+    emit: (event: "update:formatted-value" | "update:show", ...args: any[]) => void;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         to: {
             type: PropType<string | false | HTMLElement>;
             default: string;
         };
-    }>> & {}>>;
-    timePickerRef: import("vue").Ref<AnyObject | null>;
+        shortcuts: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & {
+        "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    timePickerRef: import("vue").Ref<AnyObject | null | undefined>;
+    isTimePickerOpen: import("vue").Ref<boolean>;
+    panelContainer: import("vue").Ref<HTMLElement | null | undefined>;
+    timePickerAttrs: import("vue").ComputedRef<{
+        [x: string]: unknown;
+    }>;
     formatRef: import("vue").ComputedRef<string>;
+    handleFormattedTimeUpdate: (value: string) => void;
+    handleShortcutClick: (shortcut: string) => void;
+    isDisabled: (value: string) => any;
+    onUpdateShow: (show: boolean) => void;
     focus: () => any;
     blur: () => any;
     NTimePicker: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    NScrollbar: any;
+    NButton: any;
+    NSpace: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:formatted-value" | "update:show")[], "update:formatted-value" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: {
         type: PropType<string | false | HTMLElement>;
         default: string;
     };
-}>>, {
+    shortcuts: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    shortcuts: string[];
     to: string | false | HTMLElement;
 }>;
 export default _default;

package/es/components/time-picker/src/TimePicker.vue2.js

@@ -1,13 +1,14 @@
-import { defineComponent, useAttrs, ref, computed, openBlock, createBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
-import { NTimePicker } from 'naive-ui';
+import { defineComponent, useAttrs, ref, computed, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createBlock, Teleport, Fragment, createTextVNode, toDisplayString, nextTick } from 'vue';
+import { NTimePicker, NScrollbar, NSpace, NButton } from 'naive-ui';
 import '../../../shared/utils/index.js';
 import { useDateTime } from '../../../shared/hooks/useDateTime.js';
-import 'lodash-es';
+import { isFunction } from 'lodash-es';
 import '@vue/shared';
 import '@vueuse/shared';
 import '../../../shared/hooks/selectHooks/useSearchContent.js';
 import '@vicons/ionicons5';
 import '../../../shared/hooks/useScrollLoading.js';
+import { parse, isValid, getHours, getMinutes, getSeconds } from 'date-fns';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
@@ -15,24 +16,78 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     to: {
       type: [Object, String, Boolean],
       default: "body"
+    },
+    shortcuts: {
+      type: Array,
+      default: () => []
     }
   },
+  emits: ["update:formatted-value", "update:show"],
   setup(__props, {
-    expose
+    expose,
+    emit
   }) {
+    const props = __props;
     const attrs = useAttrs();
-    const timePickerRef = ref(null);
+    const timePickerRef = ref();
+    const isTimePickerOpen = ref(false);
+    const panelContainer = ref();
+    const timePickerAttrs = computed(() => {
+      const {
+        shortcuts,
+        ...restAttrs
+      } = attrs;
+      return restAttrs;
+    });
     const formatRef = computed(() => {
       if (Reflect.get(attrs, "format"))
         return attrs["format"];
       return "HH:mm:ss";
     });
+    const handleFormattedTimeUpdate = (value) => {
+      emit("update:formatted-value", value);
+    };
+    const handleShortcutClick = (shortcut) => {
+      const timeValue = shortcut;
+      emit("update:formatted-value", timeValue);
+      emit("update:show", false);
+      isTimePickerOpen.value = false;
+    };
+    const isDisabled = (value) => {
+      const parsedTime = parse(value, formatRef.value, new Date());
+      if (!isValid(parsedTime))
+        return false;
+      const hours = getHours(parsedTime);
+      const minutes = getMinutes(parsedTime);
+      const seconds = getSeconds(parsedTime);
+      const attrs2 = timePickerAttrs.value;
+      const isHourDisabled = isFunction(attrs2.isHourDisabled) ? attrs2.isHourDisabled(hours) : false;
+      const isMinuteDisabled = isFunction(attrs2.isMinuteDisabled) ? attrs2.isMinuteDisabled(minutes, hours) : false;
+      const isSecondDisabled = isFunction(attrs2.isSecondDisabled) ? attrs2.isSecondDisabled(seconds, minutes, hours) : false;
+      return isHourDisabled || isMinuteDisabled || isSecondDisabled;
+    };
+    const onUpdateShow = (show) => {
+      emit("update:show", show);
+      isTimePickerOpen.value = show;
+      if (show && props.shortcuts && props.shortcuts.length > 0) {
+        nextTick(() => {
+          var _a, _b;
+          const panel = (_b = (_a = timePickerRef.value) == null ? void 0 : _a.panelInstRef) == null ? void 0 : _b.$el;
+          const teleportTo = panel == null ? void 0 : panel.querySelector(".n-time-picker-cols");
+          if (teleportTo) {
+            panelContainer.value = teleportTo;
+          }
+        });
+      } else {
+        panelContainer.value = null;
+      }
+    };
     const {
       focus,
       blur
     } = useDateTime(timePickerRef, {
       formatRef,
-      attrs
+      attrs: timePickerAttrs
     });
     expose({
       $timePicker: timePickerRef,
@@ -40,18 +95,48 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       blur
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NTimePicker), {
+      return openBlock(), createElementBlock("div", null, [createVNode(unref(NTimePicker), mergeProps({
         ref_key: "timePickerRef",
-        ref: timePickerRef,
-        to: __props.to
-      }, createSlots({
+        ref: timePickerRef
+      }, unref(timePickerAttrs), {
+        to: __props.to,
+        "onUpdate:formattedValue": handleFormattedTimeUpdate,
+        "onUpdate:show": onUpdateShow
+      }), createSlots({
         _: 2
-      }, [renderList(_ctx.$slots, (v, k) => {
+      }, [renderList(_ctx.$slots, (_, k) => {
         return {
           name: k,
-          fn: withCtx(() => [renderSlot(_ctx.$slots, k)])
+          fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(slotProps || {})))])
         };
-      })]), 1032, ["to"]);
+      })]), 1040, ["to"]), createCommentVNode(" \u5FEB\u6377\u9009\u9879 - \u901A\u8FC7CSS\u63D2\u5165\u5230\u9762\u677F\u5185\u90E8 "), __props.shortcuts && __props.shortcuts.length > 0 && isTimePickerOpen.value && panelContainer.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: panelContainer.value
+      }, [createVNode(unref(NScrollbar), {
+        style: {
+          "max-height": "255px",
+          "margin": "8px"
+        }
+      }, {
+        default: withCtx(() => [createVNode(unref(NSpace), {
+          vertical: "",
+          wrap: false
+        }, {
+          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.shortcuts, (shortcut) => {
+            return openBlock(), createBlock(unref(NButton), {
+              size: "tiny",
+              disabled: isDisabled(shortcut),
+              key: shortcut,
+              onClick: ($event) => handleShortcutClick(shortcut)
+            }, {
+              default: withCtx(() => [createTextVNode(toDisplayString(shortcut), 1)]),
+              _: 2
+            }, 1032, ["disabled", "onClick"]);
+          }), 128))]),
+          _: 1
+        })]),
+        _: 1
+      })], 8, ["to"])) : createCommentVNode("v-if", true)]);
     };
   }
 });

package/es/env.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_APP_TYPE: string;
-  // 更多环境变量...
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}
-
-declare module '*.vue' {
-// @ts-ignore
-  import type { App, defineComponent } from 'vue';
-  // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  // // const component: DefineComponent<{}, {}, any>
-  const component: ReturnType<typeof defineComponent> & {
-    install(app: App): void;
-  };
-  // @ts-ignore
-  export default component;
-}
-
-declare module '*.js';
-
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TYPE: string;
+  // 更多环境变量...
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
+declare module '*.vue' {
+// @ts-ignore
+  import type { App, defineComponent } from 'vue';
+  // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  // // const component: DefineComponent<{}, {}, any>
+  const component: ReturnType<typeof defineComponent> & {
+    install(app: App): void;
+  };
+  // @ts-ignore
+  export default component;
+}
+
+declare module '*.js';
+

package/es/shared/hooks/useDateTime.d.ts

@@ -1,7 +1,7 @@
 import { Ref, ComputedRef } from 'vue';
 import { AnyObject, AnyFn } from '../../shared/types';
 export declare function handleInputEvent(target: HTMLInputElement, value?: string): void;
-export declare function useDateTime(datePickerRef: Ref<AnyObject | null>, { formatRef, attrs, emit, allowedInvalidValue, isPanel }: {
+export declare function useDateTime(datePickerRef: Ref<AnyObject | null | undefined>, { formatRef, attrs, emit, allowedInvalidValue, isPanel }: {
     formatRef: ComputedRef<string | [string, string]>;
     attrs: AnyObject;
     allowedInvalidValue?: string;

package/es/shared/package.json.js

@@ -1,5 +1,5 @@
 var name = "@cnhis-design-vue/shared";
-var version = "3.3.3-beta.75";
+var version = "3.3.3-beta.76";
 var main = "index.ts";
 var peerDependencies = {
 	"naive-ui": "^2.30.0",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.3.3-beta.75",
+	"version": "3.3.3-beta.76",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -73,5 +73,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "585f553ca4e29cb4d932e6a3a7b684f06ad8c106"
+	"gitHead": "c5ca3c0973aa44c9235ce5d60662317954130ec9"
 }