@ditari/bsui 1.0.17 → 1.0.19

package/dist/cjs/components/components.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./form/index.cjs.js"),e=require("./layout/index.cjs.js"),r=require("./table/index.cjs.js"),i=require("./grid/index.cjs.js"),t=require("./select/index.cjs.js"),n=require("./desensitize/index.cjs.js"),s=require("./dic/index.cjs.js");exports.DForm=D.default;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.DTable=r.DTable;exports.DGrid=i.DGrid;exports.DGridItem=i.DGridItem;exports.DSelect=t.DSelect;exports.DDesensitize=n.DDesensitize;exports.DicReplace=s.DDicReplace;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./form/index.cjs.js"),e=require("./layout/index.cjs.js"),r=require("./table/index.cjs.js"),i=require("./grid/index.cjs.js"),t=require("./select/index.cjs.js"),n=require("./desensitize/index.cjs.js"),s=require("./dic/index.cjs.js"),d=require("./modal/index.cjs.js");exports.DForm=D.default;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.DTable=r.DTable;exports.DGrid=i.DGrid;exports.DGridItem=i.DGridItem;exports.DSelect=t.DSelect;exports.DDesensitize=n.DDesensitize;exports.DicReplace=s.DDicReplace;exports.DModal=d.DModal;

package/dist/cjs/components/components.d.ts

@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
 export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
+export { default as DModal } from "./modal";

package/dist/cjs/components/grid/Grid.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const p=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const N=require("pinia"),y=require("../theme/index.cjs.js"),b=require("./GridItem.cjs.js"),h=`${y.prefixName}-grid`,S=e.defineComponent({name:"DGrid",props:{className:{type:String,default:""},fill:{type:Boolean,default:!0}},setup(n,{slots:r}){var o,d;if(!r.default)return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("ok")]);const l=p.useSettingsStore(),{gridValue:u}=N.storeToRefs(l),i=((o=r==null?void 0:r.default()[0])==null?void 0:o.children.length)||(r==null?void 0:r.default().length),a=e.ref([]),c=e.ref({"grid-template-columns":((d=u.value)==null?void 0:d.value)??""});return q.useResizeObserver(document.body,()=>{var f,s;l.gridMatching(),c.value["grid-template-columns"]=((f=u.value)==null?void 0:f.value)??"";const t=(s=u.value)==null?void 0:s.col,m=Math.ceil(i/t),g=n.fill?m*t-i:0;a.value=Array.from({length:g},(V,v)=>v+1)}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:[h,n.className],style:c.value},[r.default&&r.default(a.value),a.value.map(t=>e.createVNode(b.default,{key:t},null))])])}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@vueuse/core"),p=require("pinia");require("../../store/modules/Breadcrumb.cjs.js");require("../../store/modules/DataDictionary.cjs.js");require("../../store/modules/KeepAlive.cjs.js");require("../../store/modules/Menu.cjs.js");require("../../store/modules/NavTab.cjs.js");const N=require("../../store/modules/Settings.cjs.js");require("../../store/modules/User.cjs.js");const y=require("../theme/index.cjs.js"),b=require("./GridItem.cjs.js"),h=`${y.prefixName}-grid`,S=e.defineComponent({name:"DGrid",props:{className:{type:String,default:""},fill:{type:Boolean,default:!0}},setup(n,{slots:r}){var o,d;if(!r.default)return()=>e.createVNode(e.Fragment,null,[e.createTextVNode("ok")]);const l=N.useSettingsStore(),{gridValue:u}=p.storeToRefs(l),i=((o=r==null?void 0:r.default()[0])==null?void 0:o.children.length)||(r==null?void 0:r.default().length),a=e.ref([]),c=e.ref({"grid-template-columns":((d=u.value)==null?void 0:d.value)??""});return q.useResizeObserver(document.body,()=>{var f,s;l.gridMatching(),c.value["grid-template-columns"]=((f=u.value)==null?void 0:f.value)??"";const t=(s=u.value)==null?void 0:s.col,m=Math.ceil(i/t),g=n.fill?m*t-i:0;a.value=Array.from({length:g},(V,v)=>v+1)}),()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:[h,n.className],style:c.value},[r.default&&r.default(a.value),a.value.map(t=>e.createVNode(b.default,{key:t},null))])])}});exports.default=S;

package/dist/cjs/components/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),D=require("pinia-plugin-persistedstate"),l=require("./components.cjs.js"),d=require("./table/index.cjs.js"),q=require("./select/index.cjs.js"),m=require("./desensitize/index.cjs.js"),x=require("./dic/index.cjs.js"),S=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=l,c=function(i,n){Object.keys(o).forEach(a=>{const s=o[a];s.install&&i.use(s)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},$={install:c};exports.DTable=d.DTable;exports.DSelect=q.DSelect;exports.DDesensitize=m.DDesensitize;exports.DicReplace=x.DDicReplace;exports.DForm=S.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.default=$;exports.install=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),D=require("pinia-plugin-persistedstate"),l=require("./components.cjs.js"),d=require("./table/index.cjs.js"),q=require("./select/index.cjs.js"),x=require("./desensitize/index.cjs.js"),$=require("./dic/index.cjs.js"),m=require("./modal/index.cjs.js"),S=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=l,c=function(i,n){Object.keys(o).forEach(a=>{const s=o[a];s.install&&i.use(s)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},b={install:c};exports.DTable=d.DTable;exports.DSelect=q.DSelect;exports.DDesensitize=x.DDesensitize;exports.DicReplace=$.DDicReplace;exports.DModal=m.DModal;exports.DForm=S.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.default=b;exports.install=c;

package/dist/cjs/components/modal/Modal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;

package/dist/cjs/components/modal/Modal.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    visible: boolean;
+    width: number;
+}>;
+export default _default;

package/dist/cjs/components/modal/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/install.cjs.js"),l=require("./Modal.cjs.js"),e=t.default(l.default);exports.DModal=e;exports.default=e;

package/dist/cjs/components/modal/index.d.ts

@@ -0,0 +1,34 @@
+export declare const DModal: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    visible: boolean;
+    width: number;
+}>>;
+export default DModal;

package/dist/css/index.css

@@ -1 +1 @@
-.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector,.ditari-bsui-grid-form .ant-form-item .ant-input-number{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input[disabled]{color:#525252}.ditari-bsui-grid-form .ant-form-item-has-error .ant-form-item-explain{display:block}.ditari-bsui-grid-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus{box-shadow:0 0 0px 2px red;border-radius:0}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input{box-shadow:0 0 0px 2px #ff4d4f}.ditari-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout-sider{background-color:#162157}.ditari-layout-sider .ant-menu-dark{background-color:#162157}.ditari-layout-sider .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#101847}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}.ditari-bsui-pagination{margin-top:24px;text-align:center}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}.ditari-bsui-desensitize .value{padding:0 4px}html,body,#app{height:100vh;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}
+.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector,.ditari-bsui-grid-form .ant-form-item .ant-input-number{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input{border:0;border-radius:0}.ditari-bsui-grid-form .ant-form-item .ant-input .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-select-selector .ant-input-number-input:focus,.ditari-bsui-grid-form .ant-form-item .ant-input-number .ant-input-number-input:focus{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item .ant-input[disabled]{color:#525252}.ditari-bsui-grid-form .ant-form-item-has-error .ant-form-item-explain{display:block}.ditari-bsui-grid-form .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{box-shadow:0 0 0 2px #1890ff}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus{box-shadow:0 0 0px 2px red;border-radius:0}.ditari-bsui-grid-form .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input{box-shadow:0 0 0px 2px #ff4d4f}.ditari-menu{height:calc(100vh - 240px);overflow:scroll}.ditari-menu::-webkit-scrollbar{width:0 !important;display:none}.ditari-layout-sider{background-color:#162157}.ditari-layout-sider .ant-menu-dark{background-color:#162157}.ditari-layout-sider .ant-menu-dark .ant-menu-inline.ant-menu-sub{background-color:#101847}.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}.ditari-bsui-pagination{margin-top:24px;text-align:center}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}.ditari-bsui-desensitize .value{padding:0 4px}.ditari-bsui-modal .ant-modal-body{padding:0}.ditari-bsui-modal .content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .content::-webkit-scrollbar{width:0 !important;display:none}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}@media screen and (min-width: 320px){.modal{font-size:12px}}@media screen and (min-width: 640px){.modal{font-size:14px}}@media screen and (min-width: 1024px){.modal{font-size:16px}}@media screen and (min-width: 1440px){.modal{font-size:18px}}@media screen and (max-width: 640px){.modal-sm{width:100%;height:100%;min-width:240px;min-height:160px}}@media screen and (min-width: 640px)and (max-width: 1024px){.modal-md{margin:100px auto;max-width:600px;max-height:480px}}@media screen and (min-width: 1024px)and (max-width: 1440px){.modal-lg{margin:100px auto;max-width:800px;max-height:600px}}@media screen and (min-width: 1440px){.modal-xl{margin:100px auto}}html,body,#app{height:100vh;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}

package/dist/css/layout/style/index.css

@@ -1 +1 @@
-.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}
+.ditari-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-breadcrumb .breadcrumb{display:flex}.ditari-breadcrumb .breadcrumb .breadcrumb-item:first-child .breadcrumb-link{border-radius:6px 0 0 6px;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%)}.ditari-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:last-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-breadcrumb .breadcrumb-link{display:block;padding:4px 12px;background:#f0f2f5;clip-path:polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%)}.breadcrumb-enter-active{transition:all .25s}.breadcrumb-enter-from,.breadcrumb-leave-active{opacity:0;transform:translateX(30px) skewX(-50deg)}.ditari-list-layout{padding:20px;height:100%}.ditari-list-layout .wrapper{display:flex;flex-direction:column}.ditari-list-layout .ditari-list-table{flex:1}.ditari-list-layout .ditari-list-table .ant-card-body{display:flex;flex-direction:column;height:100%}.ditari-list-layout .ditari-list-form .ant-card-body{padding-bottom:0}.ditari-list-layout .wrapper{height:100%}.ditari-ant-back-top{right:4px;bottom:120px}.ditari-layout{height:100%}.ditari-layout .ditari-layout-sider{position:fixed;left:0;top:0;bottom:0;z-index:1}.ditari-layout .ditari-top-layout{position:fixed;left:200px;right:0;z-index:210}.ditari-layout .ditari-layout-content{margin-left:200px;margin-top:84px}.fade-enter-active,.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.main-enter-active{transition:.2s}.main-leave-active{transition:.15s}.main-enter-from{opacity:0;margin-left:-20px}.main-leave-to{opacity:0;margin-left:20px}.ditari-layout-header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;height:42px;border-bottom:1px solid #f0f2f5;background-color:#fff}.ditari-layout-header .ditari-layout-header-left{display:flex;justify-content:center}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed{margin-right:20px;cursor:pointer;width:42px;line-height:30px;text-align:center;transition-duration:.2s}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed:hover{background-color:#f0f2f5;border-radius:4px}.ditari-layout-header .ditari-layout-header-left .ditari-side-collapsed .icon{transition-duration:.2s}.ditari-user-menu{display:flex;align-items:center;height:100%}.ditari-user-menu .ditari-operation-items{margin-left:10px;height:100%}.ditari-user-menu .ditari-operation-items .ant-dropdown-link{display:flex;align-items:center;justify-content:center;height:100%}.collapsed-animation{transform:rotate(-180deg)}.ditari-nav{background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-nav .ant-tabs-nav{margin:0}.ditari-nav .ant-tabs-content-holder{display:none}.ditari-nav .ant-tabs-tab{position:relative;margin-left:0 !important;border:0 !important;transition:none !important;border-radius:10px 10px 0 0 !important;color:#fff}.ditari-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-nav .ant-tabs-tab .tab-item{margin-right:10px}.ditari-nav .ant-tabs-tab .tab-close{padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-nav .ant-tabs-tab::before,.ditari-nav .ant-tabs-tab::after{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;box-shadow:0 0 0 40px rgba(0,0,0,0)}.ditari-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-nav .ant-tabs-tab:hover::before,.ditari-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-nav .tab-dividers::before{content:"";display:block;position:absolute;top:0;left:1px;bottom:0;width:1px;opacity:1;background-color:#fff;transition:opacity .2s ease,background-color .3s}.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}

package/dist/css/layout/style/show.css

@@ -1 +1 @@
-.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}
+.ditari-show-layout{position:relative}.ditari-show-layout .ant-card{margin-bottom:10px}.ditari-show-layout .ant-card .ant-card-head{padding:10px 24px}.ditari-show-layout .ant-card .ant-card-head .ant-card-head-title{padding:0}.ditari-show-layout .ant-card:last-child{margin-bottom:0}.ditari-show-layout .ditari-page-header{position:sticky;top:84px;z-index:10;padding:4px 24px;transition:all .3s}.ditari-show-layout .ditari-page-header.active{box-shadow:7px 12px 20px 0 #e0e0e0}.ditari-show-layout .ditari-show-footer{position:fixed;right:0;bottom:0;left:200px;z-index:10;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}

package/dist/css/modal/style/index.css

@@ -0,0 +1 @@
+.ditari-bsui-modal .ant-modal-body{padding:0}.ditari-bsui-modal .content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .content::-webkit-scrollbar{width:0 !important;display:none}.ant-table.ant-table-bordered>.ant-table-container{border-bottom:1px solid #f0f0f0}@media screen and (min-width: 320px){.modal{font-size:12px}}@media screen and (min-width: 640px){.modal{font-size:14px}}@media screen and (min-width: 1024px){.modal{font-size:16px}}@media screen and (min-width: 1440px){.modal{font-size:18px}}@media screen and (max-width: 640px){.modal-sm{width:100%;height:100%;min-width:240px;min-height:160px}}@media screen and (min-width: 640px)and (max-width: 1024px){.modal-md{margin:100px auto;max-width:600px;max-height:480px}}@media screen and (min-width: 1024px)and (max-width: 1440px){.modal-lg{margin:100px auto;max-width:800px;max-height:600px}}@media screen and (min-width: 1440px){.modal-xl{margin:100px auto}}

package/dist/esm/components/components.d.ts

@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
 export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
+export { default as DModal } from "./modal";

package/dist/esm/components/components.esm.js

@@ -1,20 +1,22 @@
-import { default as o } from "./form/index.esm.js";
+import { default as r } from "./form/index.esm.js";
 import { DList as t, DMain as a, DNavTabs as m, DShow as p } from "./layout/index.esm.js";
 import { DTable as i } from "./table/index.esm.js";
-import { DGrid as s, DGridItem as c } from "./grid/index.esm.js";
+import { DGrid as l, DGridItem as s } from "./grid/index.esm.js";
 import { DSelect as d } from "./select/index.esm.js";
 import { DDesensitize as n } from "./desensitize/index.esm.js";
-import { DDicReplace as R } from "./dic/index.esm.js";
+import { DDicReplace as M } from "./dic/index.esm.js";
+import { DModal as S } from "./modal/index.esm.js";
 export {
   n as DDesensitize,
-  o as DForm,
-  s as DGrid,
-  c as DGridItem,
+  r as DForm,
+  l as DGrid,
+  s as DGridItem,
   t as DList,
   a as DMain,
+  S as DModal,
   m as DNavTabs,
   d as DSelect,
   p as DShow,
   i as DTable,
-  R as DicReplace
+  M as DicReplace
 };

package/dist/esm/components/grid/Grid.esm.js

@@ -1,13 +1,13 @@
 import { defineComponent as y, createVNode as r, Fragment as p, createTextVNode as N, ref as g } from "vue";
 import { useResizeObserver as b } from "@vueuse/core";
+import { storeToRefs as C } from "pinia";
 import "../../store/modules/Breadcrumb.esm.js";
 import "../../store/modules/DataDictionary.esm.js";
 import "../../store/modules/KeepAlive.esm.js";
 import "../../store/modules/Menu.esm.js";
 import "../../store/modules/NavTab.esm.js";
-import { useSettingsStore as C } from "../../store/modules/Settings.esm.js";
+import { useSettingsStore as G } from "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
-import { storeToRefs as G } from "pinia";
 import { prefixName as S } from "../theme/index.esm.js";
 import x from "./GridItem.esm.js";
 const V = `${S}-grid`, $ = /* @__PURE__ */ y({
@@ -30,9 +30,9 @@ const V = `${S}-grid`, $ = /* @__PURE__ */ y({
     var u, d;
     if (!e.default)
       return () => r(p, null, [N("ok")]);
-    const m = C(), {
+    const m = G(), {
       gridValue: a
-    } = G(m), n = ((u = e == null ? void 0 : e.default()[0]) == null ? void 0 : u.children.length) || (e == null ? void 0 : e.default().length), l = g([]), i = g({
+    } = C(m), n = ((u = e == null ? void 0 : e.default()[0]) == null ? void 0 : u.children.length) || (e == null ? void 0 : e.default().length), l = g([]), i = g({
       "grid-template-columns": ((d = a.value) == null ? void 0 : d.value) ?? ""
     });
     return b(document.body, () => {

package/dist/esm/components/index.esm.js

@@ -1,21 +1,22 @@
 import { createPinia as i } from "pinia";
-import { createPersistedState as c } from "pinia-plugin-persistedstate";
-import * as a from "./components.esm.js";
-import { DTable as u } from "./table/index.esm.js";
+import { createPersistedState as a } from "pinia-plugin-persistedstate";
+import * as c from "./components.esm.js";
+import { DTable as d } from "./table/index.esm.js";
 import { DSelect as S } from "./select/index.esm.js";
 import { DDesensitize as g } from "./desensitize/index.esm.js";
 import { DDicReplace as h } from "./dic/index.esm.js";
-import { default as G } from "./form/index.esm.js";
-import { DGrid as R, DGridItem as T } from "./grid/index.esm.js";
-import { DList as k, DMain as w, DNavTabs as y, DShow as z } from "./layout/index.esm.js";
-const s = a, m = function(o, e) {
+import { DModal as G } from "./modal/index.esm.js";
+import { default as P } from "./form/index.esm.js";
+import { DGrid as T, DGridItem as j } from "./grid/index.esm.js";
+import { DList as w, DMain as y, DNavTabs as z, DShow as E } from "./layout/index.esm.js";
+const s = c, m = function(o, e) {
   Object.keys(s).forEach((n) => {
     const r = s[n];
     r.install && o.use(r);
   });
   const t = i();
   t.use(
-    c({
+    a({
       storage: sessionStorage
     })
   ), o.use(t), o.provide("menuIcon", e.menuIcon), console.log("options", e);
@@ -24,15 +25,16 @@ const s = a, m = function(o, e) {
 };
 export {
   g as DDesensitize,
-  G as DForm,
-  R as DGrid,
-  T as DGridItem,
-  k as DList,
-  w as DMain,
-  y as DNavTabs,
+  P as DForm,
+  T as DGrid,
+  j as DGridItem,
+  w as DList,
+  y as DMain,
+  G as DModal,
+  z as DNavTabs,
   S as DSelect,
-  z as DShow,
-  u as DTable,
+  E as DShow,
+  d as DTable,
   h as DicReplace,
   p as default,
   m as install

package/dist/esm/components/modal/Modal.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    visible: boolean;
+    width: number;
+}>;
+export default _default;

package/dist/esm/components/modal/Modal.esm.js

@@ -0,0 +1,62 @@
+import { defineComponent as m, ref as i, watchEffect as v, createVNode as n, Fragment as c } from "vue";
+import { useResizeObserver as s, useWindowSize as p } from "@vueuse/core";
+import { Modal as b } from "ant-design-vue";
+import { prefixName as h } from "../theme/index.esm.js";
+const w = `${h}-modal`, N = /* @__PURE__ */ m({
+  name: "DModal",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: () => !1
+    },
+    width: {
+      type: Number,
+      default: () => 800
+    }
+  },
+  emits: ["update:visible"],
+  setup(l, {
+    slots: e,
+    emit: r
+  }) {
+    const a = i(!0), o = i(0);
+    v(() => {
+      a.value = l.visible;
+    });
+    const u = i(void 0);
+    s(document.body, () => {
+      const {
+        height: t
+      } = p();
+      o.value = t.value < 200 ? t.value : t.value - 200, u.value = {
+        "max-height": o.value + "px"
+      };
+    });
+    const d = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
+      r("update:visible", a.value);
+    };
+    return () => n(c, null, [n(b, {
+      visible: a.value,
+      "onUpdate:visible": (t) => a.value = t,
+      title: l.title,
+      centered: !0,
+      "mask-closable": !1,
+      wrapClassName: w,
+      width: l.width,
+      footer: d(),
+      onCancel: f
+    }, {
+      default: () => n("div", {
+        class: ["content"],
+        style: u.value
+      }, [e.default && e.default(o.value)])
+    })]);
+  }
+});
+export {
+  N as default
+};

package/dist/esm/components/modal/index.d.ts

@@ -0,0 +1,34 @@
+export declare const DModal: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:visible"[], "update:visible", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    width: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+}>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    visible: boolean;
+    width: number;
+}>>;
+export default DModal;

package/dist/esm/components/modal/index.esm.js

@@ -0,0 +1,7 @@
+import o from "../../utils/install.esm.js";
+import t from "./Modal.esm.js";
+const r = o(t);
+export {
+  r as DModal,
+  r as default
+};

package/dist/style/index.scss

@@ -4,6 +4,7 @@
 @import "./layout/style";
 @import "./table/style";
 @import "./desensitize/style";
+@import "./modal/style";
 html,
 body,
 #app {

package/dist/style/layout/style/show.scss

@@ -30,6 +30,7 @@
     right: 0;
     bottom: 0;
     left: 200px;
+    z-index: 10;
     padding: 10px;
     background: #fff;
     box-shadow: 0px 0px 5px 3px $box-shadow-color;

package/dist/style/modal/style/index.scss

@@ -0,0 +1,74 @@
+@import "../../theme/variable.scss";
+
+.#{$prefix-name}-modal {
+  .ant-modal-body {
+    padding: 0;
+  }
+  .content {
+    max-height: 200px;
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      width: 0 !important;
+      display: none;
+    }
+  }
+}
+
+.ant-table.ant-table-bordered > .ant-table-container {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+@media screen and (min-width: 320px) {
+  .modal {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width: 640px) {
+  .modal {
+    font-size: 14px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .modal {
+    font-size: 16px;
+  }
+}
+
+@media screen and (min-width: 1440px) {
+  .modal {
+    font-size: 18px;
+  }
+}
+
+@media screen and (max-width: 640px) {
+  .modal-sm {
+    width: 100%;
+    height: 100%;
+    min-width: 240px;
+    min-height: 160px;
+  }
+}
+
+@media screen and (min-width: 640px) and (max-width: 1024px) {
+  .modal-md {
+    margin: 100px auto;
+    max-width: 600px;
+    max-height: 480px;
+  }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1440px) {
+  .modal-lg {
+    margin: 100px auto;
+    max-width: 800px;
+    max-height: 600px;
+  }
+}
+
+@media screen and (min-width: 1440px) {
+  .modal-xl {
+    margin: 100px auto;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "files": [
     "dist/**",
     "src"

package/src/components/components.ts

@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
 export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
+export { default as DModal } from "./modal";

package/src/components/grid/Grid.tsx

@@ -1,8 +1,10 @@
 import { ref, defineComponent } from "vue";
 import { useResizeObserver } from "@vueuse/core";
-import { useSettingsStore } from "../../store";
 import { storeToRefs } from "pinia";
+
+import { useSettingsStore } from "../../store";
 import { prefixName } from "../theme";
+
 import GridItem from "./GridItem";
 
 //class名称

package/src/components/index.scss

@@ -4,6 +4,7 @@
 @import "./layout/style";
 @import "./table/style";
 @import "./desensitize/style";
+@import "./modal/style";
 html,
 body,
 #app {

package/src/components/layout/style/show.scss

@@ -30,6 +30,7 @@
     right: 0;
     bottom: 0;
     left: 200px;
+    z-index: 10;
     padding: 10px;
     background: #fff;
     box-shadow: 0px 0px 5px 3px $box-shadow-color;

package/src/components/modal/Modal.tsx

@@ -0,0 +1,73 @@
+import { defineComponent, watchEffect, ref } from "vue";
+import { useWindowSize, useResizeObserver } from "@vueuse/core";
+
+import { Modal } from "ant-design-vue";
+import { prefixName } from "../theme";
+
+//class名字
+const baseClassName = `${prefixName}-modal`;
+export default defineComponent({
+  name: "DModal",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    visible: {
+      type: Boolean,
+      default: () => false
+    },
+    width: {
+      type: Number,
+      default: () => 800
+    }
+  },
+  emits: ["update:visible"],
+  setup(props, { slots, emit }) {
+    const modalVisible = ref(true);
+    const maxHeight = ref(0);
+    watchEffect(() => {
+      modalVisible.value = props.visible;
+    });
+
+    const contentStyle = ref<any>(undefined);
+    useResizeObserver(document.body, () => {
+      const { height } = useWindowSize();
+      maxHeight.value = height.value < 200 ? height.value : height.value - 200;
+      contentStyle.value = {
+        "max-height": maxHeight.value + "px"
+      };
+    });
+
+    const renderFooter = () => {
+      return slots.footer ? slots.footer && slots?.footer() : null;
+    };
+
+    const onCancel = () => {
+      emit("update:visible", modalVisible.value);
+    };
+
+    return () => (
+      <>
+        <Modal
+          v-model:visible={modalVisible.value}
+          title={props.title}
+          centered
+          mask-closable={false}
+          wrapClassName={baseClassName}
+          width={props.width}
+          footer={renderFooter()}
+          onCancel={onCancel}
+        >
+          {{
+            default: () => (
+              <div class={["content"]} style={contentStyle.value}>
+                {slots.default && slots.default(maxHeight.value)}
+              </div>
+            )
+          }}
+        </Modal>
+      </>
+    );
+  }
+});

package/src/components/modal/index.ts

@@ -0,0 +1,5 @@
+import { withInstall } from "../../utils/index";
+import Modal from "./Modal";
+
+export const DModal = withInstall(Modal);
+export default DModal;

package/src/components/modal/style/index.scss

@@ -0,0 +1,74 @@
+@import "../../theme/variable.scss";
+
+.#{$prefix-name}-modal {
+  .ant-modal-body {
+    padding: 0;
+  }
+  .content {
+    max-height: 200px;
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      width: 0 !important;
+      display: none;
+    }
+  }
+}
+
+.ant-table.ant-table-bordered > .ant-table-container {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+@media screen and (min-width: 320px) {
+  .modal {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width: 640px) {
+  .modal {
+    font-size: 14px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  .modal {
+    font-size: 16px;
+  }
+}
+
+@media screen and (min-width: 1440px) {
+  .modal {
+    font-size: 18px;
+  }
+}
+
+@media screen and (max-width: 640px) {
+  .modal-sm {
+    width: 100%;
+    height: 100%;
+    min-width: 240px;
+    min-height: 160px;
+  }
+}
+
+@media screen and (min-width: 640px) and (max-width: 1024px) {
+  .modal-md {
+    margin: 100px auto;
+    max-width: 600px;
+    max-height: 480px;
+  }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1440px) {
+  .modal-lg {
+    margin: 100px auto;
+    max-width: 800px;
+    max-height: 600px;
+  }
+}
+
+@media screen and (min-width: 1440px) {
+  .modal-xl {
+    margin: 100px auto;
+  }
+}