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

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/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>;
-            onRender: () => void;
+            themeClass: import("vue").Ref<string> | undefined;
+            onRender: (() => void) | undefined;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -408,6 +408,7 @@ 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>;
@@ -539,7 +540,7 @@ declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
             readonly ignorePathChange: boolean;
         }>;
         NInput: any;
-        EditForm: import("vue").DefineComponent<{}, {
+        EditFormat: import("vue").DefineComponent<{}, {
             PROTOCOL: string;
             HOST: string;
             SAVEIREPORT: string;
@@ -733,8 +734,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>;
-                onRender: () => void;
+                themeClass: import("vue").Ref<string> | undefined;
+                onRender: (() => void) | undefined;
                 validate: import("naive-ui/es/form/src/interface").FormItemValidate;
                 restoreValidation: () => void;
                 path?: string | undefined;
@@ -758,6 +759,7 @@ 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>;
-            onRender: () => void;
+            themeClass: import("vue").Ref<string> | undefined;
+            onRender: (() => void) | undefined;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -412,6 +412,7 @@ 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>;
@@ -543,7 +544,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly ignorePathChange: boolean;
         }>;
         NInput: any;
-        EditForm: import("vue").DefineComponent<{}, {
+        EditFormat: import("vue").DefineComponent<{}, {
             PROTOCOL: string;
             HOST: string;
             SAVEIREPORT: string;
@@ -737,8 +738,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>;
-                onRender: () => void;
+                themeClass: import("vue").Ref<string> | undefined;
+                onRender: (() => void) | undefined;
                 validate: import("naive-ui/es/form/src/interface").FormItemValidate;
                 restoreValidation: () => void;
                 path?: string | undefined;
@@ -762,6 +763,7 @@ 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/{edit.js → EditFormat.js}

@@ -6,7 +6,7 @@ import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
 
 const _hoisted_1 = { style: { "margin-bottom": "12px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "edit",
+  __name: "EditFormat",
   setup(__props, { expose }) {
     const PROTOCOL = window.location.protocol;
     const HOST = window.location.host;
@@ -148,6 +148,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var EditForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "edit.vue"]]);
+var EditFormat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "EditFormat.vue"]]);
 
-export { EditForm as default };
+export { EditFormat as default };

package/es/components/button-print/src/components/{edit.vue.d.ts → 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>;
-        onRender: () => void;
+        themeClass: import("vue").Ref<string> | undefined;
+        onRender: (() => void) | undefined;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -220,6 +220,7 @@ 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.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, reactive, watch, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, mergeProps, createVNode, createTextVNode } from 'vue';
 import { useMessage, NModal, NForm, NFormItem, NInput, NButton } from 'naive-ui';
-import EditForm from './edit.js';
+import EditFormat from './EditFormat.js';
 import '../utils/print.js';
 import { isIReport } from '../utils/browserPrint.js';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
@@ -113,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
-            showEditForm.value ? (openBlock(), createBlock(EditForm, mergeProps({
+            showEditForm.value ? (openBlock(), createBlock(EditFormat, mergeProps({
               key: 0,
               ref_key: "editFormRef",
               ref: editFormRef

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>;
-        onRender: () => void;
+        themeClass: import("vue").Ref<string> | undefined;
+        onRender: (() => void) | undefined;
         validate: import("naive-ui/es/form/src/interface").FormItemValidate;
         restoreValidation: () => void;
         path?: string | undefined;
@@ -227,6 +227,7 @@ 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>;
@@ -358,7 +359,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly ignorePathChange: boolean;
     }>;
     NInput: any;
-    EditForm: import("vue").DefineComponent<{}, {
+    EditFormat: import("vue").DefineComponent<{}, {
         PROTOCOL: string;
         HOST: string;
         SAVEIREPORT: string;
@@ -552,8 +553,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>;
-            onRender: () => void;
+            themeClass: import("vue").Ref<string> | undefined;
+            onRender: (() => void) | undefined;
             validate: import("naive-ui/es/form/src/interface").FormItemValidate;
             restoreValidation: () => void;
             path?: string | undefined;
@@ -577,6 +578,7 @@ 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/Preview.js

@@ -0,0 +1,6 @@
+import _sfc_main from './Preview.vue_vue_type_script_setup_true_lang.js';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
+
+var Preview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Preview.vue"]]);
+
+export { Preview as default };

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

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        src: {
+            type: StringConstructor;
+        };
+    }>> & {
+        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:visible", ...args: any[]) => void;
+    isNormalSize: import("vue").Ref<boolean>;
+    style: import("vue").ComputedRef<string>;
+    titleRender: () => JSX.Element;
+    changeSize: () => void;
+    onClose: () => void;
+    NModal: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    src: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+}>;
+export default _default;

package/es/components/button-print/src/components/Preview.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, createElementVNode, createVNode, Fragment, createTextVNode } from 'vue';
+import { NModal, NIcon } from 'naive-ui';
+import { SquareOutline, CopyOutline } from '@vicons/ionicons5';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Preview",
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    src: {
+      type: String
+    }
+  },
+  emits: ["update:visible"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const isNormalSize = ref(true);
+    const style = computed(() => {
+      const size = isNormalSize.value ? 80 : 100;
+      return `width: ${size}vw; height: ${size}vh`;
+    });
+    function titleRender() {
+      return createVNode(Fragment, null, [createVNode("div", null, [createTextVNode("\u9884\u89C8")]), createVNode(NIcon, {
+        "style": {
+          margin: "0 0 0 auto",
+          transform: isNormalSize.value ? "none" : "rotate(90deg)"
+        },
+        "onClick": changeSize,
+        "component": isNormalSize.value ? SquareOutline : CopyOutline
+      }, null)]);
+    }
+    function changeSize() {
+      isNormalSize.value = !isNormalSize.value;
+    }
+    function onClose() {
+      props.src && window.URL.revokeObjectURL(props.src);
+      emit("update:visible", false);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NModal), {
+        preset: "dialog",
+        show: __props.visible,
+        "show-icon": false,
+        style: normalizeStyle(unref(style)),
+        class: "c-button-preview-modal",
+        title: titleRender,
+        onClose,
+        onMaskClick: onClose
+      }, {
+        default: withCtx(() => [createElementVNode("iframe", {
+          src: __props.src,
+          frameborder: "0",
+          width: "100%",
+          height: "97%"
+        }, null, 8, _hoisted_1)]),
+        _: 1
+      }, 8, ["show", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/button-print/src/utils/browserPrint.d.ts

@@ -1,2 +1,2 @@
-export declare function useBrowserPrint(data: Blob, mode?: string): void;
+export declare function useBrowserPrint(data: Blob, mode?: string): string | void;
 export declare function isIReport(formatId: string): boolean;

package/es/components/button-print/src/utils/browserPrint.js

@@ -20,8 +20,7 @@ function useBrowserPrint(data, mode) {
       }
       break;
     case "preview":
-      window.open(src);
-      break;
+      return src;
     default:
       {
         const a = document.createElement("a");

package/es/components/button-print/src/utils/dialog.d.ts

@@ -4,5 +4,9 @@ export declare class IdentityVerificationDialog {
     rendered: boolean;
     static createMsg(message: string): string;
     show(instance: ComponentInternalInstance, title: string, api: Func, formatId?: string, templateId?: string): Promise<string>;
-    private createProviderWrapper;
+}
+export declare class PreviewDialog {
+    rendered: boolean;
+    static createMsg(message: string): string;
+    show(instance: ComponentInternalInstance, src: string): Promise<string>;
 }