cnhis-design-vue 3.1.51-beta.2 → 3.1.51-beta.3

package/README.md

@@ -1,87 +1,87 @@
-# 安装
-
-```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.FAQ
-
-### 3.1 项目打包后样式丢失
-
-处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  build: {
-    rollupOptions: {
-      // ..otherOptions
-      output: {
-        dir: './dist',
-        manualChunks: {
-          'cnhis-vendor': ['cnhis-design-vue']
-        }
-      }
-    }
-  }
-});
-```
+# 安装
+
+```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.FAQ
+
+### 3.1 项目打包后样式丢失
+
+处理方法, 将 cnhis-design-vue 从 vendor 包中移除 (没有出现此问题则不需要)
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  build: {
+    rollupOptions: {
+      // ..otherOptions
+      output: {
+        dir: './dist',
+        manualChunks: {
+          'cnhis-vendor': ['cnhis-design-vue']
+        }
+      }
+    }
+  }
+});
+```

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

@@ -0,0 +1,69 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const Callback: SFCWithInstall<import("vue").DefineComponent<{
+    config: {
+        type: ObjectConstructor;
+    };
+    callbackApiConfig: {
+        type: ObjectConstructor;
+    };
+}, {
+    emit: (event: "closeModal", ...args: any[]) => void;
+    closeModal: (bool: boolean) => void;
+    CallbackPopup: import("vue").DefineComponent<{
+        options: {
+            type: ObjectConstructor;
+            default: () => {
+                visible: boolean;
+                type: string;
+                code: string;
+                targetId: string;
+                targetName: string;
+                openWindowType: string;
+                params: string;
+                page: string;
+            };
+        };
+        callbackApiConfig: {
+            type: ObjectConstructor;
+        };
+    }, any, {
+        initialProps: {};
+        dialogVisible: any;
+    }, {}, {
+        generateModal(cfg: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        onClose(): Promise<void>;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closeModal"[], "closeModal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ObjectConstructor;
+            default: () => {
+                visible: boolean;
+                type: string;
+                code: string;
+                targetId: string;
+                targetName: string;
+                openWindowType: string;
+                params: string;
+                page: string;
+            };
+        };
+        callbackApiConfig: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onCloseModal?: ((...args: any[]) => any) | undefined;
+    }, {
+        options: Record<string, any>;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closeModal"[], "closeModal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    config: {
+        type: ObjectConstructor;
+    };
+    callbackApiConfig: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onCloseModal?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default Callback;

package/es/components/callback/index.js

@@ -0,0 +1 @@
+import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as a}from"../../shared/utils/index.js";import o from"./src/index.vue.js";const s=o;s.install=function(o){a(o,s,r+"Callback")};export{s as default};

package/es/components/callback/src/components/dialog/drawer.vue.d.ts

@@ -0,0 +1,353 @@
+import { PropType } from 'vue';
+import { DrawerPlacement } from 'naive-ui';
+import { ICallbackConfigType } from '../../../../../../es/components/callback/src/types';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<ICallbackConfigType>;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    screen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    drawerWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDrawerBig: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    callbackApiConfig: {
+        type: ObjectConstructor;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: PropType<ICallbackConfigType>;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        zIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        closable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        screen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        drawerWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        isDrawerBig: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        callbackApiConfig: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
+        onChangeWindow?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emits: (event: "close" | "changeWindow", ...args: any[]) => void;
+    isChangeWindow: import("vue").Ref<boolean>;
+    curDrawerWidth: import("vue").Ref<string>;
+    placement: import("vue").Ref<DrawerPlacement>;
+    initDef: () => void;
+    onClose: () => void;
+    calculateWidth: (isBig: boolean) => string;
+    changeWindow: () => void;
+    NDrawer: any;
+    NDrawerContent: import("vue").DefineComponent<{
+        title: {
+            type: StringConstructor;
+        };
+        headerStyle: PropType<string | import("vue").CSSProperties>;
+        footerStyle: PropType<string | import("vue").CSSProperties>;
+        bodyStyle: PropType<string | import("vue").CSSProperties>;
+        bodyContentStyle: PropType<string | import("vue").CSSProperties>;
+        nativeScrollbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        closable: BooleanConstructor;
+    }, {
+        handleCloseClick: () => void;
+        mergedTheme: import("vue").Ref<{
+            common: {
+                baseColor: string;
+                primaryColor: string;
+                primaryColorHover: string;
+                primaryColorPressed: string;
+                primaryColorSuppl: string;
+                infoColor: string;
+                infoColorHover: string;
+                infoColorPressed: string;
+                infoColorSuppl: string;
+                successColor: string;
+                successColorHover: string;
+                successColorPressed: string;
+                successColorSuppl: string;
+                warningColor: string;
+                warningColorHover: string;
+                warningColorPressed: string;
+                warningColorSuppl: string;
+                errorColor: string;
+                errorColorHover: string;
+                errorColorPressed: string;
+                errorColorSuppl: string;
+                textColorBase: string;
+                textColor1: string;
+                textColor2: string;
+                textColor3: string;
+                textColorDisabled: string;
+                placeholderColor: string;
+                placeholderColorDisabled: string;
+                iconColor: string;
+                iconColorHover: string;
+                iconColorPressed: string;
+                iconColorDisabled: string;
+                opacity1: string;
+                opacity2: string;
+                opacity3: string;
+                opacity4: string;
+                opacity5: string;
+                dividerColor: string;
+                borderColor: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeColorHover: string;
+                closeColorPressed: string;
+                clearColor: string;
+                clearColorHover: string;
+                clearColorPressed: string;
+                scrollbarColor: string;
+                scrollbarColorHover: string;
+                scrollbarWidth: string;
+                scrollbarHeight: string;
+                scrollbarBorderRadius: string;
+                progressRailColor: string;
+                railColor: string;
+                popoverColor: string;
+                tableColor: string;
+                cardColor: string;
+                modalColor: string;
+                bodyColor: string;
+                tagColor: string;
+                avatarColor: string;
+                invertedColor: string;
+                inputColor: string;
+                codeColor: string;
+                tabColor: string;
+                actionColor: string;
+                tableHeaderColor: string;
+                hoverColor: string;
+                tableColorHover: string;
+                tableColorStriped: string;
+                pressedColor: string;
+                opacityDisabled: string;
+                inputColorDisabled: string;
+                buttonColor2: string;
+                buttonColor2Hover: string;
+                buttonColor2Pressed: string;
+                boxShadow1: string;
+                boxShadow2: string;
+                boxShadow3: string;
+                fontFamily: string;
+                fontFamilyMono: string;
+                fontWeight: string;
+                fontWeightStrong: string;
+                cubicBezierEaseInOut: string;
+                cubicBezierEaseOut: string;
+                cubicBezierEaseIn: string;
+                borderRadius: string;
+                borderRadiusSmall: string;
+                fontSize: string;
+                fontSizeMini: string;
+                fontSizeTiny: string;
+                fontSizeSmall: string;
+                fontSizeMedium: string;
+                fontSizeLarge: string;
+                fontSizeHuge: string;
+                lineHeight: string;
+                heightMini: string;
+                heightTiny: string;
+                heightSmall: string;
+                heightMedium: string;
+                heightLarge: string;
+                heightHuge: string;
+                name: "common";
+            };
+            self: {
+                bodyPadding: string;
+                headerPadding: string;
+                footerPadding: string;
+                color: string;
+                textColor: string;
+                titleTextColor: string;
+                titleFontSize: string;
+                titleFontWeight: string;
+                boxShadow: string;
+                lineHeight: string;
+                headerBorderBottom: string;
+                footerBorderTop: string;
+                closeIconColor: string;
+                closeIconColorHover: string;
+                closeIconColorPressed: string;
+                closeSize: string;
+                closeIconSize: string;
+                closeColorHover: string;
+                closeColorPressed: string;
+                closeBorderRadius: string;
+                resizableTriggerColorHover: string;
+            };
+            peers: {
+                Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
+                    color: string;
+                    colorHover: string;
+                }, any>;
+            };
+            peerOverrides: {
+                Scrollbar?: {
+                    peers?: {
+                        [x: string]: any;
+                    } | undefined;
+                } | undefined;
+            };
+        }>;
+        mergedClsPrefix: import("vue").Ref<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+        };
+        headerStyle: PropType<string | import("vue").CSSProperties>;
+        footerStyle: PropType<string | import("vue").CSSProperties>;
+        bodyStyle: PropType<string | import("vue").CSSProperties>;
+        bodyContentStyle: PropType<string | import("vue").CSSProperties>;
+        nativeScrollbar: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        scrollbarProps: PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+        closable: BooleanConstructor;
+    }>>, {
+        closable: boolean;
+        nativeScrollbar: boolean;
+    }>;
+    renderCb: import("vue").DefineComponent<{
+        options: {
+            type: ObjectConstructor;
+            default: () => {
+                visible: boolean;
+                type: string;
+                code: string;
+                targetId: string;
+                targetName: string;
+                openWindowType: string;
+                params: string;
+                page: string;
+            };
+        };
+        callbackApiConfig: {
+            type: ObjectConstructor;
+        };
+    }, any, {
+        initialProps: {};
+    }, {}, {
+        getParams(params: any): any;
+        handlerCreateURL(url: any, param?: any[]): any;
+        getPageProps(): Promise<{
+            cache: boolean;
+            visible: any;
+            iframeUrl: any;
+        }>;
+        initComponentProps(cfg: any): Promise<void>;
+        generateCallback(cfg: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "closeModal"[], "closeModal", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        options: {
+            type: ObjectConstructor;
+            default: () => {
+                visible: boolean;
+                type: string;
+                code: string;
+                targetId: string;
+                targetName: string;
+                openWindowType: string;
+                params: string;
+                page: string;
+            };
+        };
+        callbackApiConfig: {
+            type: ObjectConstructor;
+        };
+    }>> & {
+        onCloseModal?: ((...args: any[]) => any) | undefined;
+    }, {
+        options: Record<string, any>;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "changeWindow")[], "close" | "changeWindow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<ICallbackConfigType>;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    zIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    screen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    drawerWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    isDrawerBig: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    callbackApiConfig: {
+        type: ObjectConstructor;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onChangeWindow?: ((...args: any[]) => any) | undefined;
+}, {
+    closable: boolean;
+    visible: boolean;
+    zIndex: number;
+    screen: boolean;
+    drawerWidth: string;
+    isDrawerBig: boolean;
+}>;
+export default _default;

package/es/components/callback/src/components/dialog/drawer.vue.js

@@ -0,0 +1 @@
+import r from"./drawer.vue2.js";import e from"../../../../../_virtual/_plugin-vue_export-helper.js";var a=e(r,[["__file","drawer.vue"]]);export{a as default};

package/es/components/callback/src/components/dialog/drawer.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as a,onBeforeMount as l,openBlock as i,createBlock as n,unref as o,isRef as t,normalizeStyle as c,withCtx as s,createVNode as u,createElementVNode as r,toDisplayString as d,createElementBlock as p,normalizeClass as v,createCommentVNode as b}from"vue";import{NDrawer as f,NDrawerContent as h}from"naive-ui";import g from"../render/index.vue.js";const m={class:"d-header"},k={class:"title"},y={class:"svg-wrap"};var w=e({__name:"drawer",props:{options:{type:Object},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},closable:{type:Boolean,default:!0},screen:{type:Boolean,default:!0},drawerWidth:{type:String,default:"60vw"},isDrawerBig:{type:Boolean,default:!1},callbackApiConfig:{type:Object}},emits:["close","changeWindow"],setup(e,{emit:w}){const x=e,z=a(!1),C=a(""),B=a("right");function W(){w("close",!1)}function A(e){let a=document.body.clientWidth;return e?`${a}px`:x.drawerWidth}function _(){z.value=!z.value,C.value=A(z.value),w("changeWindow",z.value)}return l((()=>{!function(){if(!x.isDrawerBig)return void(C.value=x.drawerWidth);C.value=A(!1)}()})),(a,l)=>(i(),n(o(f),{show:e.visible,"onUpdate:show":l[0]||(l[0]=e=>t(visible)?visible.value=e:null),class:"callback-drawer-block",maskClosable:!1,"z-index":e.zIndex,style:c({width:C.value}),placement:B.value,onAfterLeave:W},{default:s((()=>[u(o(h),{closable:!1},{header:s((()=>{var a;return[r("div",m,[r("h3",k,d(null==(a=e.options)?void 0:a.name),1),r("div",y,[e.screen?(i(),p("i",{key:0,style:{"margin-right":"12px"},onClick:_,class:v(z.value?"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua":"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")},null,2)):b("v-if",!0),e.closable?(i(),p("i",{key:1,class:"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi",onClick:W})):b("v-if",!0)])])]})),default:s((()=>[b(" 加载的具体的内容组件 "),u(g,{options:e.options,callbackApiConfig:e.callbackApiConfig},null,8,["options","callbackApiConfig"])])),_:1})])),_:1},8,["show","z-index","style","placement"]))}});export{w as default};