cnhis-design-vue 3.3.3-beta.57 → 3.3.3-beta.58

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/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/index.d.ts

@@ -65,6 +65,7 @@ export * from './audio-sdk';
 export * from './step-notice';
 export * from './info-header';
 export * from './vertify';
+export * from './keyboard';
 declare function install(app: App): void;
 export { CGrid, CBigTable, CFieldSet, CButtonPrint, CSelectPerson, CSelectLabel, CLabelFormContent, CScaleView, CMap, CVodChunkUpload, CRadio, CCheckbox, CSelect, CDatetime, CInfoHeader, CTimeLine, CBaseSearch, CQuickSearch, CClassification, CBpmnWorkflow, CStepsWheel, CEditor, CFormRender, CFabricChart, CShortcutProvider, CShortcutSetter, CFormConfig, CIhoTable, CKeyboard, CSearchCascader, CRecommendSearch, CDatePicker, CTimePicker, CConfigProvider, CPictureClipper, CTableExportField, CExpandField, CIhoChat, CCallback, CSliderTree, CBodySelect, CDefaultPage, CStepNotice, CToothBitmap, CCardRender, CBranchNotice, CFieldEditor, CAudioSdk };
 declare const _default: {

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

@@ -92,12 +92,16 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     popoverRef: import("vue").Ref<any>;
     englishKeyboardRef: import("vue").Ref<HTMLDivElement | undefined>;
     keyboardDragRef: import("vue").Ref<HTMLElement | undefined>;
+    numberPanelRef: import("vue").Ref<import("./src/types").KeyboardInstance | undefined>;
     currentValue: import("vue").Ref<any>;
+    draggableInstance: null;
     _style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
     onChange: (value: number) => void;
     select: () => void;
+    setPosition: (position: import("@vueuse/core").Position) => void;
+    getPosition: () => import("@vueuse/core").Position;
     NPopover: any;
     NInputNumber: any;
     NIcon: any;
@@ -185,6 +189,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         denominatorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         keyboardRef: import("vue").Ref<HTMLElement | null>;
         inputRef: any;
+        draggableInstance: null;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
         setFocus: () => Promise<void>;
@@ -196,6 +201,8 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         calculateFraction: () => void;
         setInputStatus: (valueRef: import("vue").Ref<string>, statusRef: import("vue").Ref<string>, isInteger?: boolean | undefined) => true | undefined;
         setInputValueStatus: () => void;
+        setPosition: (position: import("@vueuse/core").Position) => void;
+        getPosition: () => import("@vueuse/core").Position;
         NIcon: any;
         NSpace: any;
         ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -341,3 +348,4 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     moveOffset: import("@vueuse/core").Position;
 }>>;
 export default Keyboard;
+export type { KeyboardInstance } from './src/types';

package/es/components/keyboard/src/Keyboard.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { Position } from '@vueuse/core';
+import type { KeyboardInstance } from './types';
 declare const _default: import("vue").DefineComponent<{
     mode: {
         type: PropType<"number" | "day" | "dose" | "english">;
@@ -93,12 +94,16 @@ declare const _default: import("vue").DefineComponent<{
     popoverRef: import("vue").Ref<any>;
     englishKeyboardRef: import("vue").Ref<HTMLDivElement | undefined>;
     keyboardDragRef: import("vue").Ref<HTMLElement | undefined>;
+    numberPanelRef: import("vue").Ref<KeyboardInstance | undefined>;
     currentValue: import("vue").Ref<any>;
+    draggableInstance: null;
     _style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     keydown: (key: string | number) => void;
     onChange: (value: number) => void;
     select: () => void;
+    setPosition: (position: Position) => void;
+    getPosition: () => Position;
     NPopover: any;
     NInputNumber: any;
     NIcon: any;
@@ -186,6 +191,7 @@ declare const _default: import("vue").DefineComponent<{
         denominatorValueStatus: import("vue").Ref<import("naive-ui/es/form/src/interface").FormValidationStatus>;
         keyboardRef: import("vue").Ref<HTMLElement | null>;
         inputRef: any;
+        draggableInstance: null;
         style: import("vue").ComputedRef<string> | undefined;
         init: () => import("vue").ComputedRef<string> | undefined;
         setFocus: () => Promise<void>;
@@ -197,6 +203,8 @@ declare const _default: import("vue").DefineComponent<{
         calculateFraction: () => void;
         setInputStatus: (valueRef: import("vue").Ref<string>, statusRef: import("vue").Ref<string>, isInteger?: boolean | undefined) => true | undefined;
         setInputValueStatus: () => void;
+        setPosition: (position: Position) => void;
+        getPosition: () => Position;
         NIcon: any;
         NSpace: any;
         ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/keyboard/src/Keyboard.vue2.js

@@ -94,28 +94,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const popoverRef = ref();
     const englishKeyboardRef = ref();
     const keyboardDragRef = ref();
+    const numberPanelRef = ref();
     const currentValue = ref();
+    let draggableInstance = null;
     const _style = init();
     function init() {
       if (props.defaultValue) {
         currentValue.value = props.defaultValue;
       }
       if (isDefault.value && props.drag) {
-        const {
-          x,
-          y,
-          style: style2
-        } = useDraggable(englishKeyboardRef, {
+        draggableInstance = useDraggable(englishKeyboardRef, {
           initialValue: props.positionInitialValue,
           preventDefault: true,
           handle: keyboardDragRef,
-          onMove: (position, event) => {
+          onMove: (position) => {
             var _a, _b, _c, _d;
             position.x += (_b = (_a = props.moveOffset) == null ? void 0 : _a.x) != null ? _b : 0;
             position.y += (_d = (_c = props.moveOffset) == null ? void 0 : _c.y) != null ? _d : 0;
           }
         });
-        return style2;
+        return draggableInstance.style;
       }
     }
     function keydown(key) {
@@ -134,8 +132,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function select() {
       toSelectInputContent.value = Date.now();
     }
+    function setPosition(position) {
+      if (draggableInstance) {
+        draggableInstance.x.value = position.x;
+        draggableInstance.y.value = position.y;
+      } else if (numberPanelRef.value) {
+        numberPanelRef.value.setPosition(position);
+      }
+    }
+    function getPosition() {
+      if (draggableInstance) {
+        return {
+          x: draggableInstance.x.value,
+          y: draggableInstance.y.value
+        };
+      } else if (numberPanelRef.value) {
+        return numberPanelRef.value.getPosition();
+      }
+      return {
+        x: 0,
+        y: 0
+      };
+    }
     expose({
-      select
+      select,
+      setPosition,
+      getPosition
     });
     return (_ctx, _cache) => {
       return !unref(isDefault) && !__props.panel ? (openBlock(), createBlock(unref(NPopover), {
@@ -162,7 +184,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, null, 8, ["mode", "defaultValue"])]),
         _: 1
       }, 8, ["style"])) : !unref(isDefault) && __props.panel ? (openBlock(), createBlock(NumberPanel, mergeProps({
-        key: 1
+        key: 1,
+        ref_key: "numberPanelRef",
+        ref: numberPanelRef
       }, unref(moveNumberPaneOptions), {
         style: unref(cssVars)
       }), null, 16, ["style"])) : (openBlock(), createElementBlock("div", {

package/es/components/keyboard/src/components/NumberPanel.vue.d.ts

@@ -81,6 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     denominatorValueStatus: Ref<FormValidationStatus>;
     keyboardRef: Ref<HTMLElement | null>;
     inputRef: any;
+    draggableInstance: null;
     style: import("vue").ComputedRef<string> | undefined;
     init: () => import("vue").ComputedRef<string> | undefined;
     setFocus: () => Promise<void>;
@@ -92,6 +93,8 @@ declare const _default: import("vue").DefineComponent<{
     calculateFraction: () => void;
     setInputStatus: (valueRef: Ref<string>, statusRef: Ref<string>, isInteger?: boolean) => true | undefined;
     setInputValueStatus: () => void;
+    setPosition: (position: Position) => void;
+    getPosition: () => Position;
     NIcon: any;
     NSpace: any;
     ArrowUndoSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/keyboard/src/components/NumberPanel.vue2.js

@@ -54,6 +54,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["change"],
   setup(__props, {
+    expose,
     emit
   }) {
     const props = __props;
@@ -76,25 +77,22 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const denominatorValueStatus = ref("success");
     const keyboardRef = ref(null);
     const inputRef = ref(null);
+    let draggableInstance = null;
     const style = init();
     function init() {
       if (props.defaultValue) {
         inputValue.value = props.defaultValue.toString();
       }
       if (props.drag) {
-        const {
-          x,
-          y,
-          style: style2
-        } = useDraggable(keyboardRef, {
+        draggableInstance = useDraggable(keyboardRef, {
           initialValue: props.positionInitialValue,
-          onMove: (position, event) => {
+          onMove: (position) => {
             var _a, _b, _c, _d;
             position.x += (_b = (_a = props.moveOffset) == null ? void 0 : _a.x) != null ? _b : 0;
             position.y += (_d = (_c = props.moveOffset) == null ? void 0 : _c.y) != null ? _d : 0;
           }
         });
-        return style2;
+        return draggableInstance.style;
       }
     }
     async function setFocus() {
@@ -211,6 +209,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     function setInputValueStatus() {
       inputValueStatus.value = !inputValue.value ? "error" : "success";
     }
+    function setPosition(position) {
+      if (draggableInstance) {
+        draggableInstance.x.value = position.x;
+        draggableInstance.y.value = position.y;
+      }
+    }
+    function getPosition() {
+      if (draggableInstance) {
+        return {
+          x: draggableInstance.x.value,
+          y: draggableInstance.y.value
+        };
+      }
+      return {
+        x: 0,
+        y: 0
+      };
+    }
+    expose({
+      setPosition,
+      getPosition
+    });
     watch(() => props.value, (value) => inputValue.value = (value || "").toString(), {
       immediate: true
     });

package/es/components/keyboard/src/types.d.ts

@@ -0,0 +1,17 @@
+import type { Position } from '@vueuse/core';
+export interface KeyboardInstance {
+    /**
+     * 选择输入内容
+     */
+    select: () => void;
+    /**
+     * 手动设置键盘位置
+     * @param position 目标位置 { x: number, y: number }
+     */
+    setPosition: (position: Position) => void;
+    /**
+     * 获取当前键盘位置
+     * @returns 当前位置 { x: number, y: number }
+     */
+    getPosition: () => Position;
+}

package/es/components/keyboard/src/types.js

@@ -0,0 +1 @@
+

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/package.json.js

@@ -1,5 +1,5 @@
 var name = "@cnhis-design-vue/shared";
-var version = "3.3.3-beta.57";
+var version = "3.3.3-beta.58";
 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.57",
+	"version": "3.3.3-beta.58",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -74,5 +74,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "b23d52297f4db2219ed53d4026f16ae90ca52799"
+	"gitHead": "d8756c9927608bbe0e59f0e2ed4c2d5790119bb1"
 }