cnhis-design-vue 3.1.31-beta.5 → 3.1.31-beta.6

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

@@ -383,8 +383,8 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 '--n-feedback-text-color-warning': string;
                 '--n-feedback-text-color-error': string;
             }> | undefined;
-            themeClass: import("vue").Ref<string> | undefined;
-            onRender: (() => void) | undefined;
+            themeClass: import("vue").Ref<string>;
+            onRender: () => void;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -408,7 +408,6 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-            reverseColSpace: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
@@ -734,8 +733,8 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                     '--n-feedback-text-color-warning': string;
                     '--n-feedback-text-color-error': string;
                 }> | undefined;
-                themeClass: import("vue").Ref<string> | undefined;
-                onRender: (() => void) | undefined;
+                themeClass: import("vue").Ref<string>;
+                onRender: () => void;
                 validate: import("naive-ui/es/form/src/interface").FormItemValidate;
                 restoreValidation: () => void;
                 path?: string | undefined;
@@ -759,7 +758,6 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
                     key: string;
                     render: () => import("vue").VNodeChild;
                 }[]>;
-                reverseColSpace: import("vue").ComputedRef<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly label: StringConstructor;
                 readonly labelWidth: import("vue").PropType<string | number>;

package/es/components/button-print/src/ButtonPrint.vue.d.ts

@@ -387,8 +387,8 @@ declare const _default: import("vue").DefineComponent<{
                 '--n-feedback-text-color-warning': string;
                 '--n-feedback-text-color-error': string;
             }> | undefined;
-            themeClass: import("vue").Ref<string> | undefined;
-            onRender: (() => void) | undefined;
+            themeClass: import("vue").Ref<string>;
+            onRender: () => void;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -412,7 +412,6 @@ declare const _default: import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-            reverseColSpace: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;
@@ -738,8 +737,8 @@ declare const _default: import("vue").DefineComponent<{
                     '--n-feedback-text-color-warning': string;
                     '--n-feedback-text-color-error': string;
                 }> | undefined;
-                themeClass: import("vue").Ref<string> | undefined;
-                onRender: (() => void) | undefined;
+                themeClass: import("vue").Ref<string>;
+                onRender: () => void;
                 validate: import("naive-ui/es/form/src/interface").FormItemValidate;
                 restoreValidation: () => void;
                 path?: string | undefined;
@@ -763,7 +762,6 @@ declare const _default: import("vue").DefineComponent<{
                     key: string;
                     render: () => import("vue").VNodeChild;
                 }[]>;
-                reverseColSpace: import("vue").ComputedRef<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 readonly label: StringConstructor;
                 readonly labelWidth: import("vue").PropType<string | number>;

package/es/components/button-print/src/components/EditFormat.vue.d.ts

@@ -195,8 +195,8 @@ declare const _default: import("vue").DefineComponent<{}, {
             '--n-feedback-text-color-warning': string;
             '--n-feedback-text-color-error': string;
         }> | undefined;
-        themeClass: import("vue").Ref<string> | undefined;
-        onRender: (() => void) | undefined;
+        themeClass: import("vue").Ref<string>;
+        onRender: () => void;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -220,7 +220,6 @@ declare const _default: import("vue").DefineComponent<{}, {
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-        reverseColSpace: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;

package/es/components/button-print/src/components/IdentityVerification.vue.d.ts

@@ -202,8 +202,8 @@ declare const _default: import("vue").DefineComponent<{
             '--n-feedback-text-color-warning': string;
             '--n-feedback-text-color-error': string;
         }> | undefined;
-        themeClass: import("vue").Ref<string> | undefined;
-        onRender: (() => void) | undefined;
+        themeClass: import("vue").Ref<string>;
+        onRender: () => void;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -227,7 +227,6 @@ declare const _default: import("vue").DefineComponent<{
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-        reverseColSpace: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;
@@ -553,8 +552,8 @@ declare const _default: import("vue").DefineComponent<{
                 '--n-feedback-text-color-warning': string;
                 '--n-feedback-text-color-error': string;
             }> | undefined;
-            themeClass: import("vue").Ref<string> | undefined;
-            onRender: (() => void) | undefined;
+            themeClass: import("vue").Ref<string>;
+            onRender: () => void;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -578,7 +577,6 @@ declare const _default: import("vue").DefineComponent<{
                 key: string;
                 render: () => import("vue").VNodeChild;
             }[]>;
-            reverseColSpace: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             readonly label: StringConstructor;
             readonly labelWidth: import("vue").PropType<string | number>;

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

@@ -4,7 +4,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<"day" | "dose" | "english">;
         default: string;
     };
-    dragable: {
+    drag: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -35,7 +35,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<"day" | "dose" | "english">;
             default: string;
         };
-        dragable: {
+        drag: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -198,7 +198,7 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<"day" | "dose" | "english">;
         default: string;
     };
-    dragable: {
+    drag: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -223,8 +223,8 @@ declare const Keyboard: SFCWithInstall<import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
+    drag: boolean;
     mode: "day" | "dose" | "english";
-    dragable: boolean;
     positionInitialValue: {
         x: number;
         y: number;

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Keyboard",
   props: {
     mode: { type: String, default: "english" },
-    dragable: { type: Boolean, default: false },
+    drag: { type: Boolean, default: false },
     positionInitialValue: { type: Object, default: () => ({ x: 0, y: 0 }) },
     defaultValue: { type: Number },
     panel: { type: Boolean, default: true }
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (props.defaultValue) {
         currentValue.value = props.defaultValue;
       }
-      if (isDefault.value && props.dragable) {
+      if (isDefault.value && props.drag) {
         const { x, y, style: style2 } = useDraggable(englishKeyboardRef, {
           initialValue: props.positionInitialValue,
           preventDefault: true,
@@ -93,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onChange: onchange
       }, null, 8, ["mode", "defaultValue"])) : (openBlock(), createElementBlock("div", {
         key: 2,
-        class: normalizeClass(["c-keyboard-english", { isFixed: __props.dragable }]),
+        class: normalizeClass(["c-keyboard-english", { isFixed: __props.drag }]),
         ref_key: "englishKeyboardRef",
         ref: englishKeyboardRef,
         style: normalizeStyle(unref(style))
@@ -104,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           justify: "space-between",
           ref_key: "keyboardDragRef",
           ref: keyboardDragRef,
-          style: normalizeStyle({ cursor: __props.dragable ? "move" : "default" })
+          style: normalizeStyle({ cursor: __props.drag ? "move" : "default" })
         }, {
           default: withCtx(() => [
             _hoisted_1,

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"day" | "dose" | "english">;
         default: string;
     };
-    dragable: {
+    drag: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<"day" | "dose" | "english">;
             default: string;
         };
-        dragable: {
+        drag: {
             type: BooleanConstructor;
             default: boolean;
         };
@@ -196,7 +196,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<"day" | "dose" | "english">;
         default: string;
     };
-    dragable: {
+    drag: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -218,8 +218,8 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
 }, {
+    drag: boolean;
     mode: "day" | "dose" | "english";
-    dragable: boolean;
     positionInitialValue: IPointer;
     panel: boolean;
 }>;

package/es/components/scale-view/index.d.ts

@@ -923,8 +923,8 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             '--n-feedback-text-color-warning': string;
             '--n-feedback-text-color-error': string;
         }> | undefined;
-        themeClass: import("vue").Ref<string> | undefined;
-        onRender: (() => void) | undefined;
+        themeClass: import("vue").Ref<string>;
+        onRender: () => void;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -948,7 +948,6 @@ declare const CScaleView: SFCWithInstall<import("vue").DefineComponent<{
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-        reverseColSpace: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;

package/es/components/scale-view/src/ScaleView.vue.d.ts

@@ -922,8 +922,8 @@ declare const _default: import("vue").DefineComponent<{
             '--n-feedback-text-color-warning': string;
             '--n-feedback-text-color-error': string;
         }> | undefined;
-        themeClass: import("vue").Ref<string> | undefined;
-        onRender: (() => void) | undefined;
+        themeClass: import("vue").Ref<string>;
+        onRender: () => void;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -947,7 +947,6 @@ declare const _default: import("vue").DefineComponent<{
             key: string;
             render: () => import("vue").VNodeChild;
         }[]>;
-        reverseColSpace: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly label: StringConstructor;
         readonly labelWidth: import("vue").PropType<string | number>;