cnhis-design-vue 3.1.31-beta.9 → 3.1.32-beta.0

package/README.md

@@ -1,123 +1,123 @@
-# 安装
-
-```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. 注意
-
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
-        }
-      }
-    }
-  }
-});
-```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```
+# 安装
+
+```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. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

package/es/components/fabric-chart/index.d.ts

@@ -0,0 +1,207 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, {
+    defaultHeight: number;
+    props: {
+        data: import("./src/interface").IData;
+        addRenderItem?: Function | undefined;
+    };
+    emits: (event: "change" | "add" | "select", ...args: any[]) => void;
+    select: import("vue").Ref<any>;
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    dateHeight: import("vue").ComputedRef<number>;
+    hospitalDaysHeight: import("vue").ComputedRef<number>;
+    operationDaysHeight: import("vue").ComputedRef<number>;
+    xScalevalueHeight: import("vue").ComputedRef<number>;
+    breathingHeight: import("vue").ComputedRef<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    endXLimit: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<any>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    originYLimit: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    iconsWidth: import("vue").ComputedRef<any>;
+    xScaleList: import("vue").ComputedRef<any[]>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    temperatureYCell: import("vue").ComputedRef<number>;
+    painYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    itemList: import("vue").ComputedRef<any[]>;
+    painIndex: import("vue").ComputedRef<number>;
+    painHeight: import("vue").ComputedRef<number>;
+    painOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    vitalSignsOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    topList: import("vue").ComputedRef<import("./src/interface").IDate[]>;
+    getRightInfo: import("vue").ComputedRef<any>;
+    propItems: any;
+    computedYCell: (type: import("./src/interface").IPointType) => number;
+    cumputedX: (value: string | number, setAllCenter?: boolean) => any;
+    cumputedY: (type: import("./src/interface").IPointType, scaleValueList: number[], value: string | number) => number;
+    getXValue: (pointX: number) => string | undefined;
+    getYValue: (type: import("./src/interface").IPointType, pointY: number) => number;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+    setPopup: (point: any) => void;
+    getEqualXTypes: (pointX: number) => import("./src/interface").IPointType[];
+    isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
+    drawScaleValue: (yScaleValueList: any[]) => void;
+    PopupTip: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }, {
+        props: {
+            show: boolean;
+            point: import("./src/interface").ICoordinateValue;
+            list: string[];
+            propItems: import("./src/interface").IPropItems;
+        };
+        pointStyle: import("vue").ComputedRef<{
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            'transform-origin': string;
+        }>;
+        Teleport: {
+            new (): {
+                $props: import("vue").VNodeProps & import("vue").TeleportProps;
+            };
+            __isTeleport: true;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }>>, {
+        list: unknown[];
+    }>;
+    PopupMenu: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: import("vue").PropType<import("./src/interface").IPropItems>;
+        };
+        target: {
+            type: import("vue").PropType<any>;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "clickMenu")[], "clickMenu" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: import("vue").PropType<import("./src/interface").IPropItems>;
+        };
+        target: {
+            type: import("vue").PropType<any>;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClickMenu?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+        list: unknown[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "add" | "select")[], "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default FabricChart;

package/es/components/fabric-chart/src/FabricChart.vue.d.ts

@@ -0,0 +1,208 @@
+import { PropType } from 'vue';
+import { IData, IDate, IPointType, IPropItems } from './interface';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, {
+    defaultHeight: number;
+    props: {
+        data: IData;
+        addRenderItem?: Function | undefined;
+    };
+    emits: (event: "change" | "add" | "select", ...args: any[]) => void;
+    select: import("vue").Ref<any>;
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    dateHeight: import("vue").ComputedRef<number>;
+    hospitalDaysHeight: import("vue").ComputedRef<number>;
+    operationDaysHeight: import("vue").ComputedRef<number>;
+    xScalevalueHeight: import("vue").ComputedRef<number>;
+    breathingHeight: import("vue").ComputedRef<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    endXLimit: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<any>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    originYLimit: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    iconsWidth: import("vue").ComputedRef<any>;
+    xScaleList: import("vue").ComputedRef<any[]>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    temperatureYCell: import("vue").ComputedRef<number>;
+    painYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    itemList: import("vue").ComputedRef<any[]>;
+    painIndex: import("vue").ComputedRef<number>;
+    painHeight: import("vue").ComputedRef<number>;
+    painOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    vitalSignsOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    topList: import("vue").ComputedRef<IDate[]>;
+    getRightInfo: import("vue").ComputedRef<any>;
+    propItems: any;
+    computedYCell: (type: IPointType) => number;
+    cumputedX: (value: string | number, setAllCenter?: boolean) => any;
+    cumputedY: (type: IPointType, scaleValueList: number[], value: string | number) => number;
+    getXValue: (pointX: number) => string | undefined;
+    getYValue: (type: IPointType, pointY: number) => number;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+    setPopup: (point: any) => void;
+    getEqualXTypes: (pointX: number) => IPointType[];
+    isAddPoint: (x: number) => boolean;
+    updateData: (params: any, mode?: string) => void;
+    redrawPoints: () => void;
+    drawScaleValue: (yScaleValueList: any[]) => void;
+    PopupTip: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }, {
+        props: {
+            show: boolean;
+            point: import("./interface").ICoordinateValue;
+            list: string[];
+            propItems: IPropItems;
+        };
+        pointStyle: import("vue").ComputedRef<{
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            'transform-origin': string;
+        }>;
+        Teleport: {
+            new (): {
+                $props: import("vue").VNodeProps & import("vue").TeleportProps;
+            };
+            __isTeleport: true;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }>>, {
+        list: unknown[];
+    }>;
+    PopupMenu: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: PropType<import("./interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: PropType<IPropItems>;
+        };
+        target: {
+            type: PropType<any>;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "clickMenu")[], "clickMenu" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: PropType<import("./interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: PropType<IPropItems>;
+        };
+        target: {
+            type: PropType<any>;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClickMenu?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+        list: unknown[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "add" | "select")[], "change" | "add" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _default;

package/es/components/form-render/src/components/renderer/checkbox.js

@@ -1,4 +1,5 @@
-import { defineComponent, computed, createVNode } from 'vue';
+import { defineComponent, createVNode } from 'vue';
+import { useVModel } from '@vueuse/core';
 import '../../../index.js';
 import '../../utils/index.js';
 import { connect, mapProps } from '@formily/vue';
@@ -39,10 +40,7 @@ const script = defineComponent({
   setup(props, {
     emit
   }) {
-    const valueRef = computed({
-      get: () => props.value,
-      set: (v) => emit("update:value", v)
-    });
+    const valueRef = useVModel(props, "value", emit);
     const {
       labelKey,
       valueKey,