cnhis-design-vue 3.1.41-beta.35 → 3.1.41-beta.37

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/base-search/index.d.ts

@@ -0,0 +1,286 @@
+import { SFCWithInstall } from '../../../es/shared/types';
+declare const CBaseSearch: SFCWithInstall<import("vue").DefineComponent<{
+    showSettings: {
+        type: import("vue").PropType<import("..").IsettingsType>;
+        default: () => {
+            hideQuickSearch: number;
+        };
+    };
+    searchFieldList: {
+        type: import("vue").PropType<import("..").IApiServerType[]>;
+        default: () => never[];
+    };
+    classificationIndex: {
+        type: NumberConstructor;
+    };
+    qqConObjCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    outQuickSearchFn: {
+        handlerInitSearchItem(arr: import("..").ISearchType[]): void;
+    };
+    isRender: (cfg: import("..").ISearchType) => any;
+    getRenderSearchConObj: (cfg: import("..").ISearchType) => {
+        field_key: string;
+        con: string | undefined;
+        value: any[] | null;
+        unit: null;
+    } | null;
+    isExistDefValByRenderWidget: (cfg: import("..").ISearchType) => boolean;
+    resetRenderWidgetValue: (cfg: import("..").ISearchType) => any;
+    transformData: (advancedFilterData: import("..").IApiServerType[]) => {
+        fieldType: string;
+        columnName: string;
+        settingObj: {};
+        setting: string;
+        widgetCfg: {
+            isRender: boolean;
+            widgetType: string | null;
+            valueList: {
+                value: any;
+                label: string;
+            }[] | undefined;
+            defaultValue: any;
+            defValueUnit: any;
+            multiple: boolean;
+        };
+        title: string;
+        alias: string | undefined;
+        isShowSearch: number;
+        filterExplicit: number;
+        explicitRequired: number;
+        advanceOptionSetting: string;
+        placeholder: string | undefined;
+        advanceColWidth: string;
+    }[];
+    baseLeft: any;
+    quickSearchLi: any;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        showSettings: {
+            type: import("vue").PropType<import("..").IsettingsType>;
+            default: () => {
+                hideQuickSearch: number;
+            };
+        };
+        searchFieldList: {
+            type: import("vue").PropType<import("..").IApiServerType[]>;
+            default: () => never[];
+        };
+        classificationIndex: {
+            type: NumberConstructor;
+        };
+        qqConObjCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & {
+        onFoldQuickSearch?: ((...args: any[]) => any) | undefined;
+        onOnFilterSearch?: ((...args: any[]) => any) | undefined;
+        onHandleReset?: ((...args: any[]) => any) | undefined;
+        onGetFilterParam?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "foldQuickSearch" | "onFilterSearch" | "handleReset" | "getFilterParam", ...args: any[]) => void;
+    baseLeftWidth: import("vue").Ref<number>;
+    classificationWidth: import("vue").Ref<number>;
+    quickSearchWidth: import("vue").Ref<number>;
+    diffWidth: import("vue").Ref<number>;
+    showResetFilterBtn: import("vue").Ref<boolean>;
+    resizeFlag: import("vue").Ref<boolean>;
+    outSearchFieldList: import("vue").Ref<{
+        columnName: string;
+        title: string;
+        fieldType?: string | undefined;
+        filterExplicit?: number | undefined;
+        isShowSearch?: number | undefined;
+        setting?: any;
+        settingObj?: any;
+        placeholder?: string | undefined;
+        AGEAttr?: boolean | undefined;
+        CL?: string | undefined;
+        CONVERT?: any;
+        EVALUATEAttr?: boolean | undefined;
+        EQ?: string | undefined;
+        LABELAttr?: boolean | undefined;
+        _isBlock?: boolean | undefined;
+        _frontId?: any;
+        NUMBERFiled?: boolean | undefined;
+        PASSWORDTYPE?: boolean | undefined;
+        advanceColWidth?: string | undefined;
+        advanceOptionSetting?: string | undefined;
+        alias?: string | undefined;
+        ageObj?: any;
+        attr?: string | undefined;
+        bigValue?: string | number | undefined;
+        classify?: string | undefined;
+        colWidth?: number | undefined;
+        columnFullName?: string | undefined;
+        com?: string | undefined;
+        comType?: string | undefined;
+        comAttr?: string | undefined;
+        con?: string | undefined;
+        dataSource?: any;
+        dictionarieObj?: any;
+        explicitRequired?: number | undefined;
+        explicitDefaultVal?: string | undefined;
+        extraField?: boolean | undefined;
+        fieldSetting?: string | undefined;
+        format?: string | undefined;
+        i18n?: string | undefined;
+        id?: string | undefined;
+        inputVal?: string | undefined;
+        inputUnit?: string | undefined;
+        isAvg?: number | undefined;
+        isEdit?: number | undefined;
+        isFixed?: number | undefined;
+        isFixedShow?: number | undefined;
+        isFontWeight?: number | undefined;
+        isMerge?: number | undefined;
+        isOrder?: number | undefined;
+        isPreciseSearch?: boolean | undefined;
+        isRender?: boolean | undefined;
+        isSearch?: number | undefined;
+        isShow?: number | undefined;
+        isSort?: number | undefined;
+        isSum?: number | undefined;
+        labelObj?: any;
+        labelList?: {
+            labelId?: string | undefined;
+            change_text: string;
+            field_key: string;
+            filter: {
+                con: string;
+                conName?: string | undefined;
+                field_key: string;
+                key?: string | undefined;
+                value: string;
+            }[];
+            label: string;
+            labelName: string;
+            sqlExpression: string;
+            value: string;
+            isSelect?: boolean | undefined;
+        }[] | undefined;
+        labelSelectList?: {
+            labelId?: string | undefined;
+            change_text: string;
+            field_key: string;
+            filter: {
+                con: string;
+                conName?: string | undefined;
+                field_key: string;
+                key?: string | undefined;
+                value: string;
+            }[];
+            label: string;
+            labelName: string;
+            sqlExpression: string;
+            value: string;
+            isSelect?: boolean | undefined;
+        }[] | undefined;
+        lessValue?: string | number | undefined;
+        marginx?: string | undefined;
+        notParticipatingSearch?: number | undefined;
+        order?: string | undefined;
+        QUOTE?: any;
+        searchPageConfig?: any;
+        selecteds?: any;
+        sequence?: number | undefined;
+        showDate?: boolean | undefined;
+        showFormat?: string | undefined;
+        showTime?: boolean | undefined;
+        sid?: string | undefined;
+        start_val?: number | null | undefined;
+        end_val?: number | null | undefined;
+        tempCon?: any;
+        tableId?: string | undefined;
+        value?: any;
+        unit?: string | undefined;
+        widgetCfg?: any;
+        formTitle?: string | undefined;
+        random_key?: string | undefined;
+        widgetType?: any;
+        hasFieldList?: any;
+        search_DefaultValue?: any;
+    }[]>;
+    showQuickSearch: import("vue").ComputedRef<boolean>;
+    initOutSearchFieldList: (config?: any) => void;
+    pageResize: (obj: any) => any;
+    handleTileBtnWidth: () => void;
+    onResize: () => void;
+    isShowSetting: (v: string) => boolean;
+    foldQuickSearch: () => void;
+    outFilterChange: (config?: {}) => void;
+    getConObjParams: () => any;
+    getConObj: (arr: any) => any;
+    onFilterSearch: (obj: import("..").ISearchParamsType[], isOutFilter?: boolean, config?: {}) => void;
+    handleReset: () => void;
+    resetFunc: (arr: import("..").ISearchType[]) => void;
+    vResize: {
+        mounted(el: any, binding: any): void;
+    };
+    RenderWidget: import("vue").DefineComponent<{
+        cfg: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }, any, {
+        initialProps: {};
+    }, {
+        valueCp(): any;
+    }, {
+        search(): void;
+        getEleWidth(cfg: any): string | undefined;
+        initComponentProps(cfg: any): void;
+        generateWidget(cfg: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null;
+        handleUpdate(val: any, widgetType: any, defValueUnit: any): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "outFilterChange")[], "update:modelValue" | "outFilterChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        cfg: {
+            type: ObjectConstructor;
+            required: true;
+        };
+        modelValue: {
+            type: (ArrayConstructor | NumberConstructor | StringConstructor)[];
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onOutFilterChange?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    NIcon: any;
+    NButton: any;
+    Search: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("foldQuickSearch" | "onFilterSearch" | "handleReset" | "getFilterParam")[], "foldQuickSearch" | "onFilterSearch" | "handleReset" | "getFilterParam", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showSettings: {
+        type: import("vue").PropType<import("..").IsettingsType>;
+        default: () => {
+            hideQuickSearch: number;
+        };
+    };
+    searchFieldList: {
+        type: import("vue").PropType<import("..").IApiServerType[]>;
+        default: () => never[];
+    };
+    classificationIndex: {
+        type: NumberConstructor;
+    };
+    qqConObjCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onFoldQuickSearch?: ((...args: any[]) => any) | undefined;
+    onOnFilterSearch?: ((...args: any[]) => any) | undefined;
+    onHandleReset?: ((...args: any[]) => any) | undefined;
+    onGetFilterParam?: ((...args: any[]) => any) | undefined;
+}, {
+    showSettings: import("..").IsettingsType;
+    searchFieldList: import("..").IApiServerType[];
+    qqConObjCount: number;
+}>>;
+export default CBaseSearch;

package/es/components/base-search/index.js

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

package/es/components/{table-filter/src/base-search-com/BaseSearch.vue.d.ts → base-search/src/index.vue.d.ts}

@@ -1,5 +1,5 @@
+import { ISearchType, IsettingsType, IApiServerType, ISearchParamsType } from '../../../../es/components/table-filter/src/types';
 import { PropType } from 'vue';
-import { ISearchType, IsettingsType, IApiServerType, ISearchParamsType } from '../../../../../es/components/table-filter/src/types';
 declare const _default: import("vue").DefineComponent<{
     showSettings: {
         type: PropType<IsettingsType>;
@@ -20,10 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     outQuickSearchFn: {
-        handleRequestedLabel(v: any): Promise<import("axios").AxiosResponse<any, any>>;
         handlerInitSearchItem(arr: ISearchType[]): void;
-        handleSetLabelOptions(labelType: any, el: ISearchType): void;
-        getConObj(arr: any): any;
     };
     isRender: (cfg: ISearchType) => any;
     getRenderSearchConObj: (cfg: ISearchType) => {

package/es/components/base-search/src/index.vue.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as t,computed as l,watch as i,openBlock as r,createElementBlock as a,createElementVNode as n,withDirectives as s,createCommentVNode as u,renderSlot as o,unref as c,createVNode as f,withCtx as d,createTextVNode as m,toDisplayString as h,Fragment as p,renderList as v}from"vue";import g from"xe-utils";import"moment";import y from"./directive/resize.js";import b from"../../table-filter/src/components/render-widget/index.vue.js";import x from"../../table-filter/src/hooks/useMixins.js";import k from"../../table-filter/src/hooks/useAdvanced.js";import S from"../../table-filter/src/hooks/useRenderWidget.js";import{NButton as _,NIcon as j}from"naive-ui";import{Search as C}from"@vicons/ionicons5";import{cloneDeep as F}from"lodash-es";import R from"../../../_virtual/plugin-vue_export-helper.js";const q={class:"base-search-block"},I={class:"base-container"},Q={class:"base-ul"},V=n("i",{class:"iconfont-table-filter icon-table-filter-shaixuan",style:{color:"inherit","margin-right":"6px"}},null,-1),A={key:1,class:"baseli"},O={key:2,class:"baseli"},L=n("i",{class:"iconfont-table-filter icon-table-filter-reset",style:{"margin-right":"6px"}},null,-1);var W=R(e({__name:"index",props:{showSettings:{type:Object,default:()=>({hideQuickSearch:0})},searchFieldList:{type:Array,default:()=>[]},classificationIndex:{type:Number},qqConObjCount:{type:Number,default:0}},emits:["foldQuickSearch","onFilterSearch","handleReset","getFilterParam"],setup(e,{emit:R}){const W=e,{outQuickSearchFn:w}=x(),{isRender:z,getRenderSearchConObj:D,isExistDefValByRenderWidget:E,resetRenderWidgetValue:N}=S(),{transformData:P}=k(),U=t(null),$=t(null),B=t(0),M=t(0),T=t(0),G=t(0),H=t(!1),J=t(!1),K=t([]),X=l((()=>{var e;return e="hideQuickSearch",0==W.showSettings[e]}));function Y(e){var t;if(J.value)return;let l=U.value;if(!l)return;J.value=!0,B.value=l.clientWidth,M.value=2===W.classificationIndex?160:0,T.value=(null==(t=$.value)?void 0:t.clientWidth)||0;let i=M.value+T.value,r=B.value-i;G.value=r,e.type&&"resize"===e.type&&function(){if(K.value.length>0)return;J.value=!1}()}function Z(){g.debounce(Y({type:"resize"}),300)}function ee(){R("foldQuickSearch",!0)}function te(e={}){!function(e,t=!1,l={}){let i=[];K.value.length>0&&(i=F(K.value));R("onFilterSearch",e,t,i,l)}(le()||[],!0,e)}function le(){return function(e){if(!Array.isArray(e))return[];let t=[];for(let l=0;l<e.length;l++){let i=e[l];const r=D(i);r&&t.push(r)}return t.filter((e=>e.value))}(K.value)}function ie(){!function(e){if(!Array.isArray(e))return;e.forEach((e=>{N(e)})),w.handlerInitSearchItem(e)}(K.value),R("handleReset",{targetType:"outQuickSearchReset"})}return i((()=>W.searchFieldList),(e=>{e&&e.length>0&&function(e={}){K.value=[];let t=F(P(W.searchFieldList)).filter((e=>1==e.isShowSearch&&1==e.filterExplicit));K.value=t,w.handlerInitSearchItem(K.value),K.value.some((e=>z(e)?E(e):!!e.explicitDefaultVal))}()}),{immediate:!0,deep:!0}),i((()=>K),(()=>{const e=le()||[];R("getFilterParam",e),H.value=!!e.length}),{immediate:!0,deep:!0}),(t,l)=>(r(),a("div",q,[n("div",I,[s((r(),a("div",{class:"bease-left",ref_key:"baseLeft",ref:U},[n("ul",Q,[u("  筛选分类插槽内容  "),o(t.$slots,"classification"),c(X)?(r(),a("li",{key:0,class:"baseli",ref_key:"quickSearchLi",ref:$},[f(c(_),{class:"search-default",type:"default",onClick:ee},{default:d((()=>[V,m(" 筛选 "+h(e.qqConObjCount?`(${e.qqConObjCount})`:""),1)])),_:1})],512)):u("v-if",!0),u(" start--筛选外显--start "),(r(!0),a(p,null,v(K.value,(e=>(r(),a(p,null,[e.isRender?(r(),a("li",{class:"baseli outQuickSearch-li",key:e._frontId},[f(b,{style:{margin:"0 8px 8px 0"},cfg:e,modelValue:e.value,"onUpdate:modelValue":t=>e.value=t,onOutFilterChange:te},null,8,["cfg","modelValue","onUpdate:modelValue"])])):u("v-if",!0)],64)))),256)),u(" end--筛选外显--end "),u(" 查询按钮 "),K.value&&K.value.length>0?(r(),a("li",A,[f(c(_),{type:"primary",onClick:te,style:{margin:"0 8px 8px 0"}},{default:d((()=>[f(c(j),{component:c(C),size:"16",style:{"margin-right":"6px"}},null,8,["component"]),m(" 查询 ")])),_:1})])):u("v-if",!0),u(" 重置按钮 "),H.value?(r(),a("li",O,[f(c(_),{onClick:ie,style:{margin:"0 8px 8px 0"}},{default:d((()=>[L,m(" 重置 ")])),_:1})])):u("v-if",!0)])])),[[c(y),Z]])])]))}}),[["__file","index.vue"]]);export{W as default};

package/es/components/base-search/style/index.css

@@ -0,0 +1 @@
+@font-face{font-family:iconfont;src:url(iconfont.ttf) format("truetype")}.iconfont-table-filter{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:iconfont!important;font-size:14px;font-style:normal}.icon-table-filter-menzhenyishengzhananniuqingchu:before{content:"\e74e"}.icon-table-filter-menzhenyishengzhananniushanchu2:before{content:"\e757"}.icon-table-filter-menzhenyishengzhanxitongtubiaoguanbi:before{content:"\e76e"}.icon-table-filter-menzhenyishengzhanxitongtubiaozuixiaohua2:before{content:"\e778"}.icon-table-filter-menzhenyishengzhanxitongtubiaozuidahua:before{content:"\e779"}.icon-table-filter-reset:before{content:"\e611"}.icon-table-filter-shaixuan:before{content:"\e64b"}.base-search-block .base-container{display:flex;justify-content:space-between;text-align:left}.base-search-block .base-container .bease-left{align-items:flex-start;display:flex;flex:1;justify-content:flex-start}.base-search-block .base-container .bease-left .base-ul{align-items:center;display:flex;flex-wrap:wrap;margin-top:8px}.base-search-block .base-container .bease-left .base-ul .baseli{display:flex}.base-search-block .base-container .bease-left .base-ul .baseli .search-default{height:32px;line-height:32px;margin-bottom:8px;margin-right:8px}