cnhis-design-vue 3.1.24-beta.0 → 3.1.24-beta.1

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/annotation-edit/src/AnnotationEdit.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, createVNode, unref } from 'vue';
+import { defineComponent, computed, ref, onDeactivated, createVNode, unref } from 'vue';
 import { FileTrayFull, FileTray } from '@vicons/ionicons5';
 import { NPopover, NIcon, NInput } from 'naive-ui';
 
@@ -113,6 +113,9 @@ var script = defineComponent({
         }, null)]);
       }
     }
+    onDeactivated(() => {
+      showPopper.value = false;
+    });
     return renderAnnotation;
   }
 });

package/es/components/big-table/src/BigTable.vue.d.ts

@@ -912,22 +912,7 @@ declare const _default: import("vue").DefineComponent<{
     NIcon: any;
     CGrid: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{}, any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
     checkMethod: ({ row }: {
-        row: any; /**
-         * 针对 bigTable 的设置列
-         * type: 列的类型
-         * field: 列字段名（注：属性层级越深，渲染性能将直线下降）
-         * title: 列标题（支持开启国际化）
-         * width: 列宽度（如果为空则均匀分配剩余宽度，如果全部列固定了，可能会存在宽屏下不会铺满，可以配合 "%" 或者 "min-width" 布局）
-         * minWidth: 最小列宽度；会自动将剩余空间按比例分配
-         * resizable: 列是否允许拖动列宽调整大小
-         * visible: 列是否显示
-         * fixed: 将列固定在左侧或者右侧（注意：固定列应该放在左右两侧的位置）
-         * align: 列对齐方式
-         * headerAlign: 表头列的对齐方式
-         * footerAlign: 表尾列的对齐方式
-         * formatter: 格式化显示内容 Function({cellValue, row, column})
-         * sortable: 是否允许列排序
-         */
+        row: any;
     }) => boolean;
     visibleMethod: ({ row }: any) => boolean;
     getRowStyle: ({ row }: any) => string | null;

package/es/components/big-table/src/components/edit-form/edit-input.js

@@ -50,13 +50,16 @@ var EditInput = defineComponent({
     function onBlur() {
       emit("formChange", {
         value: __value.value,
-        ...commData
+        ...commData,
+        type: "blur"
       });
     }
     const config = {
       clearable: true,
       placeholder: props.col.placeholder || "\u8BF7\u8F93\u5165",
-      ...props.col.componentProps || {}
+      ...props.col.componentProps || {},
+      onBlur,
+      onKeyup: keyup
     };
     function keyup(event) {
       if (event.key == "Enter") {
@@ -70,20 +73,13 @@ var EditInput = defineComponent({
       "ref": formRef
     }, attrs, config, {
       "value": __value.value,
-      "onUpdate:value": ($event) => __value.value = $event,
-      "onBlur": onBlur,
-      "onKeyup": keyup
+      "onUpdate:value": ($event) => __value.value = $event
     }), null) : createVNode(NInputNumber, mergeProps({
       "ref": formRef
     }, attrs, config, {
       "value": __value.value,
       "onUpdate:value": ($event) => __value.value = $event,
-      "onUpdateValue": onUpdateValue,
-      "onBlur": () => emit("formChange", {
-        value: __value.value,
-        ...commData,
-        type: "blur"
-      })
+      "onUpdateValue": onUpdateValue
     }), null);
   }
 });