cnhis-design-vue 3.1.31-beta.8 → 3.1.31

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/bpmn-workflow/types/BpmnViewer.d.ts

@@ -0,0 +1 @@
+declare module 'bpmn-js/lib/Viewer';

package/es/components/bpmn-workflow/types/ModelingModule.d.ts

@@ -0,0 +1 @@
+declare module 'bpmn-js/lib/features/modeling';

package/es/components/bpmn-workflow/types/MoveCanvasModule.d.ts

@@ -0,0 +1 @@
+declare module 'diagram-js/lib/navigation/movecanvas';

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IData, IDate, IPointType } from './interface';
+import { IData, IDate, IPointType, IPropItems } from './interface';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: null;
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
             show: boolean;
             point: import("./interface").ICoordinateValue;
             list: string[];
-            propItems: import("./interface").IPropItems;
+            propItems: IPropItems;
         };
         pointStyle: import("vue").ComputedRef<{
             top: string;
@@ -161,7 +161,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./interface").ICoordinateValue>;
         };
         propItems: {
-            type: PropType<import("./interface").IPropItems>;
+            type: PropType<IPropItems>;
         };
         target: {
             type: PropType<any>;
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<import("./interface").ICoordinateValue>;
         };
         propItems: {
-            type: PropType<import("./interface").IPropItems>;
+            type: PropType<IPropItems>;
         };
         target: {
             type: PropType<any>;

package/es/components/fabric-chart/src/hooks/useCenter.js

@@ -250,6 +250,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     });
   }
   function drawPolyLine(item, dataIndex, scaleValue) {
+    var _a;
     const {
       type,
       riseStyle = {},
@@ -264,7 +265,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
     const pointList = [];
     const lineList = [];
     const otherList = [];
-    item.list.forEach((v, index) => {
+    (_a = item.list) == null ? void 0 : _a.forEach((v, index) => {
       const _item = type !== "temperature" ? item : dataList.find((_v) => _v.key === v.key);
       const points = getPointer(v, scaleValue);
       const otherObj = {};
@@ -311,7 +312,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
       };
     }
     function drawOther(points, v, _item, otherObj) {
-      var _a;
+      var _a2;
       if (!(points == null ? void 0 : points.length) || !["temperature", "pain"].includes(type))
         return;
       const { lineAttr = {} } = _item;
@@ -355,7 +356,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
           ...reduceStyle.line,
           ...defaultStyle
         });
-        reducePoint = drawPoint(((_a = reduceStyle == null ? void 0 : reduceStyle.point) == null ? void 0 : _a.type) || "circle", {
+        reducePoint = drawPoint(((_a2 = reduceStyle == null ? void 0 : reduceStyle.point) == null ? void 0 : _a2.type) || "circle", {
           left: points[0],
           top: reduceY,
           ...reduceStyle.point,
@@ -658,9 +659,7 @@ function useCenter(canvas, propItems, emits, cumputedX, cumputedY, getXValue, ge
   }
   function redrawPoints() {
     var _a;
-    if (!gridPoints.size)
-      return;
-    (_a = canvas.value) == null ? void 0 : _a.remove(...getRemovePoints([...gridPoints]));
+    gridPoints.size && ((_a = canvas.value) == null ? void 0 : _a.remove(...getRemovePoints([...gridPoints])));
     shadowPointCache = [];
     gridPoints.clear();
     maiboPoints.clear();

package/es/components/fabric-chart/src/hooks/useGrid.js

@@ -1,6 +1,6 @@
 import { onMounted, nextTick } from 'vue';
 import { fabric } from '../utils/index.js';
-import { drawLine } from './useDraw.js';
+import { drawLine, defaultBorderStyle } from './useDraw.js';
 
 function useGrid(canvas, propItems) {
   var _a, _b;
@@ -25,10 +25,10 @@ function useGrid(canvas, propItems) {
       style = grid.subSecondLineStyle || {};
     }
     if (i % grid.subXCell === 0) {
-      style = ((_b = grid.mainLineStyle) == null ? void 0 : _b.y) || {};
+      style = i !== 0 && i !== gridXNumber ? ((_b = grid.mainLineStyle) == null ? void 0 : _b.y) || {} : defaultBorderStyle;
     }
     const line = drawLine([x, originY, x, endY], style);
-    if (i % grid.subXCell === 0) {
+    if (i % grid.subXCell === 0 && i !== 0 && i !== gridXNumber) {
       mainList.add(line);
     } else {
       xList.push(line);

package/es/components/fabric-chart/src/interface.d.ts

@@ -40,7 +40,7 @@ export interface IPropItems {
     left: ILeft;
     right: IRight | undefined;
     bottom: any;
-    other: IOther;
+    other?: IOther;
     painIndex: number;
     painHeight: number;
     painOriginY: any;