@ditari/bsui 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/cjs/components/components.cjs.js +1 -1
  2. package/dist/cjs/components/components.d.ts +1 -0
  3. package/dist/cjs/components/grid/Grid.cjs.js +1 -1
  4. package/dist/cjs/components/index.cjs.js +1 -1
  5. package/dist/cjs/components/modal/Modal.cjs.js +1 -0
  6. package/dist/cjs/components/modal/Modal.d.ts +32 -0
  7. package/dist/cjs/components/modal/index.cjs.js +1 -0
  8. package/dist/cjs/components/modal/index.d.ts +32 -0
  9. package/dist/cjs/components/select/dic.worker.cjs.js +1 -1
  10. package/dist/css/index.css +1 -1
  11. package/dist/css/layout/style/index.css +1 -1
  12. package/dist/css/layout/style/show.css +1 -1
  13. package/dist/css/modal/style/index.css +1 -0
  14. package/dist/esm/components/components.d.ts +1 -0
  15. package/dist/esm/components/components.esm.js +9 -7
  16. package/dist/esm/components/grid/Grid.esm.js +4 -4
  17. package/dist/esm/components/index.esm.js +18 -16
  18. package/dist/esm/components/modal/Modal.d.ts +32 -0
  19. package/dist/esm/components/modal/Modal.esm.js +57 -0
  20. package/dist/esm/components/modal/index.d.ts +32 -0
  21. package/dist/esm/components/modal/index.esm.js +7 -0
  22. package/dist/esm/components/select/dic.worker.esm.js +6 -6
  23. package/dist/style/index.scss +1 -0
  24. package/dist/style/layout/style/show.scss +1 -0
  25. package/dist/style/modal/style/index.scss +74 -0
  26. package/package.json +1 -1
  27. package/src/components/components.ts +1 -0
  28. package/src/components/grid/Grid.tsx +3 -1
  29. package/src/components/index.scss +1 -0
  30. package/src/components/layout/style/show.scss +1 -0
  31. package/src/components/modal/Modal.tsx +67 -0
  32. package/src/components/modal/index.ts +5 -0
  33. package/src/components/modal/style/index.scss +74 -0
  34. package/src/components/select/dic.worker.ts +9 -7
@@ -1 +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;
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"),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;
@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
5
5
  export { default as DSelect } from "./select";
6
6
  export { default as DDesensitize } from "./desensitize";
7
7
  export { default as DicReplace } from "./dic";
8
+ export { default as DModal } from "./modal";
@@ -1 +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;
1
+ "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;
@@ -1 +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;
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"),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;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vueuse/core"),d=require("ant-design-vue"),c=require("../theme/index.cjs.js"),f=`${c.prefixName}-modal`,s=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},setup(l,{slots:t}){const u=e.ref(!0),r=e.ref(0);e.watchEffect(()=>{u.value=l.visible});const n=e.ref(void 0);i.useResizeObserver(document.body,()=>{const{height:a}=i.useWindowSize();r.value=a.value<200?a.value:a.value-200,n.value={"max-height":r.value+"px"}});const o=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null;return()=>e.createVNode(e.Fragment,null,[e.createVNode(d.Modal,{visible:u.value,"onUpdate:visible":a=>u.value=a,title:l.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:l.width,footer:o()},{default:()=>e.createVNode("div",{class:["content"],style:n.value},[t.default&&t.default(r.value)])})])}});exports.default=s;
@@ -0,0 +1,32 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ title: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ visible: {
7
+ type: BooleanConstructor;
8
+ default: () => boolean;
9
+ };
10
+ width: {
11
+ type: NumberConstructor;
12
+ default: () => number;
13
+ };
14
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
+ title: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ visible: {
20
+ type: BooleanConstructor;
21
+ default: () => boolean;
22
+ };
23
+ width: {
24
+ type: NumberConstructor;
25
+ default: () => number;
26
+ };
27
+ }>>, {
28
+ title: string;
29
+ visible: boolean;
30
+ width: number;
31
+ }>;
32
+ export default _default;
@@ -0,0 +1 @@
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;
@@ -0,0 +1,32 @@
1
+ export declare const DModal: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
2
+ title: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ visible: {
7
+ type: BooleanConstructor;
8
+ default: () => boolean;
9
+ };
10
+ width: {
11
+ type: NumberConstructor;
12
+ default: () => number;
13
+ };
14
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
+ title: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ visible: {
20
+ type: BooleanConstructor;
21
+ default: () => boolean;
22
+ };
23
+ width: {
24
+ type: NumberConstructor;
25
+ default: () => number;
26
+ };
27
+ }>>, {
28
+ title: string;
29
+ visible: boolean;
30
+ width: number;
31
+ }>>;
32
+ export default DModal;
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7Y29uc3QgYT10LmRhdGEua2V5d29yZHM/PyIiO2xldCBlPUpTT04ucGFyc2UodC5kYXRhLmxpc3QpPz9bXTtjb25zdCBvPUpTT04ucGFyc2UodC5kYXRhLmluY2x1ZGUpO2U9ZS5maWx0ZXIocz0+by5zb21lKHI9PnI9PT1zLnZhbHVlKSk7Y29uc3QgbD1lLmZpbHRlcihzPT5zLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihhLnRvTG93ZXJDYXNlKCkpIT09LTF8fHMubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhhLnRvTG93ZXJDYXNlKCkpKTtsLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZShlLnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShsLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==",n=typeof window<"u"&&window.Blob&&new Blob([atob(l)],{type:"text/javascript;charset=utf-8"});function b(){const e=n&&(window.URL||window.webkitURL).createObjectURL(n);try{return e?new Worker(e):new Worker("data:application/javascript;base64,"+l)}finally{e&&(window.URL||window.webkitURL).revokeObjectURL(e)}}exports.default=b;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7Y29uc3QgbD10LmRhdGEua2V5d29yZHM/PyIiO2xldCBlPUpTT04ucGFyc2UodC5kYXRhLmxpc3QpPz9bXTtjb25zdCBhPUpTT04ucGFyc2UodC5kYXRhLmluY2x1ZGUpO2EubGVuZ3RoPjAmJihlPWUuZmlsdGVyKHM9PmEuc29tZShpPT5pPT09cy52YWx1ZSkpKTtjb25zdCBvPWUuZmlsdGVyKHM9PnMudmFsdWUudG9Mb3dlckNhc2UoKS5pbmRleE9mKGwudG9Mb3dlckNhc2UoKSkhPT0tMXx8cy5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGwudG9Mb3dlckNhc2UoKSkpO28ubGVuZ3RoPT09MD9zZWxmLnBvc3RNZXNzYWdlKGUuc3BsaWNlKDAsMTApKTpzZWxmLnBvc3RNZXNzYWdlKG8uc3BsaWNlKDAsMTApKX0sITEpfSkoKTsK",d=typeof window<"u"&&window.Blob&&new Blob([atob(o)],{type:"text/javascript;charset=utf-8"});function c(){const e=d&&(window.URL||window.webkitURL).createObjectURL(d);try{return e?new Worker(e):new Worker("data:application/javascript;base64,"+o)}finally{e&&(window.URL||window.webkitURL).revokeObjectURL(e)}}exports.default=c;
@@ -1 +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}
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;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}
@@ -1 +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}
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;z-index:10;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}
@@ -1 +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}
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;z-index:10;padding:10px;background:#fff;box-shadow:0px 0px 5px 3px #e0e0e0}
@@ -0,0 +1 @@
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}}
@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
5
5
  export { default as DSelect } from "./select";
6
6
  export { default as DDesensitize } from "./desensitize";
7
7
  export { default as DicReplace } from "./dic";
8
+ export { default as DModal } from "./modal";
@@ -1,20 +1,22 @@
1
- import { default as o } from "./form/index.esm.js";
1
+ import { default as r } from "./form/index.esm.js";
2
2
  import { DList as t, DMain as a, DNavTabs as m, DShow as p } from "./layout/index.esm.js";
3
3
  import { DTable as i } from "./table/index.esm.js";
4
- import { DGrid as s, DGridItem as c } from "./grid/index.esm.js";
4
+ import { DGrid as l, DGridItem as s } from "./grid/index.esm.js";
5
5
  import { DSelect as d } from "./select/index.esm.js";
6
6
  import { DDesensitize as n } from "./desensitize/index.esm.js";
7
- import { DDicReplace as R } from "./dic/index.esm.js";
7
+ import { DDicReplace as M } from "./dic/index.esm.js";
8
+ import { DModal as S } from "./modal/index.esm.js";
8
9
  export {
9
10
  n as DDesensitize,
10
- o as DForm,
11
- s as DGrid,
12
- c as DGridItem,
11
+ r as DForm,
12
+ l as DGrid,
13
+ s as DGridItem,
13
14
  t as DList,
14
15
  a as DMain,
16
+ S as DModal,
15
17
  m as DNavTabs,
16
18
  d as DSelect,
17
19
  p as DShow,
18
20
  i as DTable,
19
- R as DicReplace
21
+ M as DicReplace
20
22
  };
@@ -1,13 +1,13 @@
1
1
  import { defineComponent as y, createVNode as r, Fragment as p, createTextVNode as N, ref as g } from "vue";
2
2
  import { useResizeObserver as b } from "@vueuse/core";
3
+ import { storeToRefs as C } from "pinia";
3
4
  import "../../store/modules/Breadcrumb.esm.js";
4
5
  import "../../store/modules/DataDictionary.esm.js";
5
6
  import "../../store/modules/KeepAlive.esm.js";
6
7
  import "../../store/modules/Menu.esm.js";
7
8
  import "../../store/modules/NavTab.esm.js";
8
- import { useSettingsStore as C } from "../../store/modules/Settings.esm.js";
9
+ import { useSettingsStore as G } from "../../store/modules/Settings.esm.js";
9
10
  import "../../store/modules/User.esm.js";
10
- import { storeToRefs as G } from "pinia";
11
11
  import { prefixName as S } from "../theme/index.esm.js";
12
12
  import x from "./GridItem.esm.js";
13
13
  const V = `${S}-grid`, $ = /* @__PURE__ */ y({
@@ -30,9 +30,9 @@ const V = `${S}-grid`, $ = /* @__PURE__ */ y({
30
30
  var u, d;
31
31
  if (!e.default)
32
32
  return () => r(p, null, [N("ok")]);
33
- const m = C(), {
33
+ const m = G(), {
34
34
  gridValue: a
35
- } = 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({
35
+ } = 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({
36
36
  "grid-template-columns": ((d = a.value) == null ? void 0 : d.value) ?? ""
37
37
  });
38
38
  return b(document.body, () => {
@@ -1,21 +1,22 @@
1
1
  import { createPinia as i } from "pinia";
2
- import { createPersistedState as c } from "pinia-plugin-persistedstate";
3
- import * as a from "./components.esm.js";
4
- import { DTable as u } from "./table/index.esm.js";
2
+ import { createPersistedState as a } from "pinia-plugin-persistedstate";
3
+ import * as c from "./components.esm.js";
4
+ import { DTable as d } from "./table/index.esm.js";
5
5
  import { DSelect as S } from "./select/index.esm.js";
6
6
  import { DDesensitize as g } from "./desensitize/index.esm.js";
7
7
  import { DDicReplace as h } from "./dic/index.esm.js";
8
- import { default as G } from "./form/index.esm.js";
9
- import { DGrid as R, DGridItem as T } from "./grid/index.esm.js";
10
- import { DList as k, DMain as w, DNavTabs as y, DShow as z } from "./layout/index.esm.js";
11
- const s = a, m = function(o, e) {
8
+ import { DModal as G } from "./modal/index.esm.js";
9
+ import { default as P } from "./form/index.esm.js";
10
+ import { DGrid as T, DGridItem as j } from "./grid/index.esm.js";
11
+ import { DList as w, DMain as y, DNavTabs as z, DShow as E } from "./layout/index.esm.js";
12
+ const s = c, m = function(o, e) {
12
13
  Object.keys(s).forEach((n) => {
13
14
  const r = s[n];
14
15
  r.install && o.use(r);
15
16
  });
16
17
  const t = i();
17
18
  t.use(
18
- c({
19
+ a({
19
20
  storage: sessionStorage
20
21
  })
21
22
  ), o.use(t), o.provide("menuIcon", e.menuIcon), console.log("options", e);
@@ -24,15 +25,16 @@ const s = a, m = function(o, e) {
24
25
  };
25
26
  export {
26
27
  g as DDesensitize,
27
- G as DForm,
28
- R as DGrid,
29
- T as DGridItem,
30
- k as DList,
31
- w as DMain,
32
- y as DNavTabs,
28
+ P as DForm,
29
+ T as DGrid,
30
+ j as DGridItem,
31
+ w as DList,
32
+ y as DMain,
33
+ G as DModal,
34
+ z as DNavTabs,
33
35
  S as DSelect,
34
- z as DShow,
35
- u as DTable,
36
+ E as DShow,
37
+ d as DTable,
36
38
  h as DicReplace,
37
39
  p as default,
38
40
  m as install
@@ -0,0 +1,32 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ title: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ visible: {
7
+ type: BooleanConstructor;
8
+ default: () => boolean;
9
+ };
10
+ width: {
11
+ type: NumberConstructor;
12
+ default: () => number;
13
+ };
14
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
+ title: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ visible: {
20
+ type: BooleanConstructor;
21
+ default: () => boolean;
22
+ };
23
+ width: {
24
+ type: NumberConstructor;
25
+ default: () => number;
26
+ };
27
+ }>>, {
28
+ title: string;
29
+ visible: boolean;
30
+ width: number;
31
+ }>;
32
+ export default _default;
@@ -0,0 +1,57 @@
1
+ import { defineComponent as d, ref as i, watchEffect as f, createVNode as r, Fragment as m } from "vue";
2
+ import { useResizeObserver as v, useWindowSize as c } from "@vueuse/core";
3
+ import { Modal as s } from "ant-design-vue";
4
+ import { prefixName as p } from "../theme/index.esm.js";
5
+ const b = `${p}-modal`, x = /* @__PURE__ */ d({
6
+ name: "DModal",
7
+ props: {
8
+ title: {
9
+ type: String,
10
+ default: ""
11
+ },
12
+ visible: {
13
+ type: Boolean,
14
+ default: () => !1
15
+ },
16
+ width: {
17
+ type: Number,
18
+ default: () => 800
19
+ }
20
+ },
21
+ setup(a, {
22
+ slots: e
23
+ }) {
24
+ const l = i(!0), o = i(0);
25
+ f(() => {
26
+ l.value = a.visible;
27
+ });
28
+ const u = i(void 0);
29
+ v(document.body, () => {
30
+ const {
31
+ height: t
32
+ } = c();
33
+ o.value = t.value < 200 ? t.value : t.value - 200, u.value = {
34
+ "max-height": o.value + "px"
35
+ };
36
+ });
37
+ const n = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null;
38
+ return () => r(m, null, [r(s, {
39
+ visible: l.value,
40
+ "onUpdate:visible": (t) => l.value = t,
41
+ title: a.title,
42
+ centered: !0,
43
+ "mask-closable": !1,
44
+ wrapClassName: b,
45
+ width: a.width,
46
+ footer: n()
47
+ }, {
48
+ default: () => r("div", {
49
+ class: ["content"],
50
+ style: u.value
51
+ }, [e.default && e.default(o.value)])
52
+ })]);
53
+ }
54
+ });
55
+ export {
56
+ x as default
57
+ };
@@ -0,0 +1,32 @@
1
+ export declare const DModal: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
2
+ title: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ visible: {
7
+ type: BooleanConstructor;
8
+ default: () => boolean;
9
+ };
10
+ width: {
11
+ type: NumberConstructor;
12
+ default: () => number;
13
+ };
14
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
+ title: {
16
+ type: StringConstructor;
17
+ default: string;
18
+ };
19
+ visible: {
20
+ type: BooleanConstructor;
21
+ default: () => boolean;
22
+ };
23
+ width: {
24
+ type: NumberConstructor;
25
+ default: () => number;
26
+ };
27
+ }>>, {
28
+ title: string;
29
+ visible: boolean;
30
+ width: number;
31
+ }>>;
32
+ export default DModal;
@@ -0,0 +1,7 @@
1
+ import o from "../../utils/install.esm.js";
2
+ import t from "./Modal.esm.js";
3
+ const r = o(t);
4
+ export {
5
+ r as DModal,
6
+ r as default
7
+ };
@@ -1,12 +1,12 @@
1
- const c = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7Y29uc3QgYT10LmRhdGEua2V5d29yZHM/PyIiO2xldCBlPUpTT04ucGFyc2UodC5kYXRhLmxpc3QpPz9bXTtjb25zdCBvPUpTT04ucGFyc2UodC5kYXRhLmluY2x1ZGUpO2U9ZS5maWx0ZXIocz0+by5zb21lKHI9PnI9PT1zLnZhbHVlKSk7Y29uc3QgbD1lLmZpbHRlcihzPT5zLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihhLnRvTG93ZXJDYXNlKCkpIT09LTF8fHMubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhhLnRvTG93ZXJDYXNlKCkpKTtsLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZShlLnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShsLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==", b = typeof window < "u" && window.Blob && new Blob([atob(c)], { type: "text/javascript;charset=utf-8" });
2
- function l() {
3
- const n = b && (window.URL || window.webkitURL).createObjectURL(b);
1
+ const o = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7Y29uc3QgbD10LmRhdGEua2V5d29yZHM/PyIiO2xldCBlPUpTT04ucGFyc2UodC5kYXRhLmxpc3QpPz9bXTtjb25zdCBhPUpTT04ucGFyc2UodC5kYXRhLmluY2x1ZGUpO2EubGVuZ3RoPjAmJihlPWUuZmlsdGVyKHM9PmEuc29tZShpPT5pPT09cy52YWx1ZSkpKTtjb25zdCBvPWUuZmlsdGVyKHM9PnMudmFsdWUudG9Mb3dlckNhc2UoKS5pbmRleE9mKGwudG9Mb3dlckNhc2UoKSkhPT0tMXx8cy5sYWJlbC50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGwudG9Mb3dlckNhc2UoKSkpO28ubGVuZ3RoPT09MD9zZWxmLnBvc3RNZXNzYWdlKGUuc3BsaWNlKDAsMTApKTpzZWxmLnBvc3RNZXNzYWdlKG8uc3BsaWNlKDAsMTApKX0sITEpfSkoKTsK", c = typeof window < "u" && window.Blob && new Blob([atob(o)], { type: "text/javascript;charset=utf-8" });
2
+ function b() {
3
+ const d = c && (window.URL || window.webkitURL).createObjectURL(c);
4
4
  try {
5
- return n ? new Worker(n) : new Worker("data:application/javascript;base64," + c);
5
+ return d ? new Worker(d) : new Worker("data:application/javascript;base64," + o);
6
6
  } finally {
7
- n && (window.URL || window.webkitURL).revokeObjectURL(n);
7
+ d && (window.URL || window.webkitURL).revokeObjectURL(d);
8
8
  }
9
9
  }
10
10
  export {
11
- l as default
11
+ b as default
12
12
  };
@@ -4,6 +4,7 @@
4
4
  @import "./layout/style";
5
5
  @import "./table/style";
6
6
  @import "./desensitize/style";
7
+ @import "./modal/style";
7
8
  html,
8
9
  body,
9
10
  #app {
@@ -30,6 +30,7 @@
30
30
  right: 0;
31
31
  bottom: 0;
32
32
  left: 200px;
33
+ z-index: 10;
33
34
  padding: 10px;
34
35
  background: #fff;
35
36
  box-shadow: 0px 0px 5px 3px $box-shadow-color;
@@ -0,0 +1,74 @@
1
+ @import "../../theme/variable.scss";
2
+
3
+ .#{$prefix-name}-modal {
4
+ .ant-modal-body {
5
+ padding: 0;
6
+ }
7
+ .content {
8
+ max-height: 200px;
9
+ overflow-y: scroll;
10
+ &::-webkit-scrollbar {
11
+ width: 0 !important;
12
+ display: none;
13
+ }
14
+ }
15
+ }
16
+
17
+ .ant-table.ant-table-bordered > .ant-table-container {
18
+ border-bottom: 1px solid #f0f0f0;
19
+ }
20
+
21
+ @media screen and (min-width: 320px) {
22
+ .modal {
23
+ font-size: 12px;
24
+ }
25
+ }
26
+
27
+ @media screen and (min-width: 640px) {
28
+ .modal {
29
+ font-size: 14px;
30
+ }
31
+ }
32
+
33
+ @media screen and (min-width: 1024px) {
34
+ .modal {
35
+ font-size: 16px;
36
+ }
37
+ }
38
+
39
+ @media screen and (min-width: 1440px) {
40
+ .modal {
41
+ font-size: 18px;
42
+ }
43
+ }
44
+
45
+ @media screen and (max-width: 640px) {
46
+ .modal-sm {
47
+ width: 100%;
48
+ height: 100%;
49
+ min-width: 240px;
50
+ min-height: 160px;
51
+ }
52
+ }
53
+
54
+ @media screen and (min-width: 640px) and (max-width: 1024px) {
55
+ .modal-md {
56
+ margin: 100px auto;
57
+ max-width: 600px;
58
+ max-height: 480px;
59
+ }
60
+ }
61
+
62
+ @media screen and (min-width: 1024px) and (max-width: 1440px) {
63
+ .modal-lg {
64
+ margin: 100px auto;
65
+ max-width: 800px;
66
+ max-height: 600px;
67
+ }
68
+ }
69
+
70
+ @media screen and (min-width: 1440px) {
71
+ .modal-xl {
72
+ margin: 100px auto;
73
+ }
74
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditari/bsui",
3
- "version": "1.0.16",
3
+ "version": "1.0.18",
4
4
  "files": [
5
5
  "dist/**",
6
6
  "src"
@@ -5,3 +5,4 @@ export { DGrid, DGridItem } from "./grid";
5
5
  export { default as DSelect } from "./select";
6
6
  export { default as DDesensitize } from "./desensitize";
7
7
  export { default as DicReplace } from "./dic";
8
+ export { default as DModal } from "./modal";
@@ -1,8 +1,10 @@
1
1
  import { ref, defineComponent } from "vue";
2
2
  import { useResizeObserver } from "@vueuse/core";
3
- import { useSettingsStore } from "../../store";
4
3
  import { storeToRefs } from "pinia";
4
+
5
+ import { useSettingsStore } from "../../store";
5
6
  import { prefixName } from "../theme";
7
+
6
8
  import GridItem from "./GridItem";
7
9
 
8
10
  //class名称
@@ -4,6 +4,7 @@
4
4
  @import "./layout/style";
5
5
  @import "./table/style";
6
6
  @import "./desensitize/style";
7
+ @import "./modal/style";
7
8
  html,
8
9
  body,
9
10
  #app {
@@ -30,6 +30,7 @@
30
30
  right: 0;
31
31
  bottom: 0;
32
32
  left: 200px;
33
+ z-index: 10;
33
34
  padding: 10px;
34
35
  background: #fff;
35
36
  box-shadow: 0px 0px 5px 3px $box-shadow-color;
@@ -0,0 +1,67 @@
1
+ import { defineComponent, watchEffect, ref } from "vue";
2
+ import { useWindowSize, useResizeObserver } from "@vueuse/core";
3
+
4
+ import { Modal } from "ant-design-vue";
5
+ import { prefixName } from "../theme";
6
+
7
+ //class名字
8
+ const baseClassName = `${prefixName}-modal`;
9
+ export default defineComponent({
10
+ name: "DModal",
11
+ props: {
12
+ title: {
13
+ type: String,
14
+ default: ""
15
+ },
16
+ visible: {
17
+ type: Boolean,
18
+ default: () => false
19
+ },
20
+ width: {
21
+ type: Number,
22
+ default: () => 800
23
+ }
24
+ },
25
+ setup(props, { slots }) {
26
+ const modalVisible = ref(true);
27
+ const maxHeight = ref(0);
28
+ watchEffect(() => {
29
+ modalVisible.value = props.visible;
30
+ });
31
+
32
+ const contentStyle = ref<any>(undefined);
33
+ useResizeObserver(document.body, () => {
34
+ const { height } = useWindowSize();
35
+ maxHeight.value = height.value < 200 ? height.value : height.value - 200;
36
+ contentStyle.value = {
37
+ "max-height": maxHeight.value + "px"
38
+ };
39
+ });
40
+
41
+ const renderFooter = () => {
42
+ return slots.footer ? slots.footer && slots?.footer() : null;
43
+ };
44
+
45
+ return () => (
46
+ <>
47
+ <Modal
48
+ v-model:visible={modalVisible.value}
49
+ title={props.title}
50
+ centered
51
+ mask-closable={false}
52
+ wrapClassName={baseClassName}
53
+ width={props.width}
54
+ footer={renderFooter()}
55
+ >
56
+ {{
57
+ default: () => (
58
+ <div class={["content"]} style={contentStyle.value}>
59
+ {slots.default && slots.default(maxHeight.value)}
60
+ </div>
61
+ )
62
+ }}
63
+ </Modal>
64
+ </>
65
+ );
66
+ }
67
+ });
@@ -0,0 +1,5 @@
1
+ import { withInstall } from "../../utils/index";
2
+ import Modal from "./Modal";
3
+
4
+ export const DModal = withInstall(Modal);
5
+ export default DModal;
@@ -0,0 +1,74 @@
1
+ @import "../../theme/variable.scss";
2
+
3
+ .#{$prefix-name}-modal {
4
+ .ant-modal-body {
5
+ padding: 0;
6
+ }
7
+ .content {
8
+ max-height: 200px;
9
+ overflow-y: scroll;
10
+ &::-webkit-scrollbar {
11
+ width: 0 !important;
12
+ display: none;
13
+ }
14
+ }
15
+ }
16
+
17
+ .ant-table.ant-table-bordered > .ant-table-container {
18
+ border-bottom: 1px solid #f0f0f0;
19
+ }
20
+
21
+ @media screen and (min-width: 320px) {
22
+ .modal {
23
+ font-size: 12px;
24
+ }
25
+ }
26
+
27
+ @media screen and (min-width: 640px) {
28
+ .modal {
29
+ font-size: 14px;
30
+ }
31
+ }
32
+
33
+ @media screen and (min-width: 1024px) {
34
+ .modal {
35
+ font-size: 16px;
36
+ }
37
+ }
38
+
39
+ @media screen and (min-width: 1440px) {
40
+ .modal {
41
+ font-size: 18px;
42
+ }
43
+ }
44
+
45
+ @media screen and (max-width: 640px) {
46
+ .modal-sm {
47
+ width: 100%;
48
+ height: 100%;
49
+ min-width: 240px;
50
+ min-height: 160px;
51
+ }
52
+ }
53
+
54
+ @media screen and (min-width: 640px) and (max-width: 1024px) {
55
+ .modal-md {
56
+ margin: 100px auto;
57
+ max-width: 600px;
58
+ max-height: 480px;
59
+ }
60
+ }
61
+
62
+ @media screen and (min-width: 1024px) and (max-width: 1440px) {
63
+ .modal-lg {
64
+ margin: 100px auto;
65
+ max-width: 800px;
66
+ max-height: 600px;
67
+ }
68
+ }
69
+
70
+ @media screen and (min-width: 1440px) {
71
+ .modal-xl {
72
+ margin: 100px auto;
73
+ }
74
+ }
@@ -7,20 +7,22 @@ self.addEventListener(
7
7
  "message",
8
8
  function (e) {
9
9
  const keyword = e.data.keywords ?? "";
10
- let parseData = JSON.parse(e.data.list) ?? [];
10
+ let dicList = JSON.parse(e.data.list) ?? [];
11
11
  const include = JSON.parse(e.data.include);
12
- // 只过滤出来include包含的数据
13
- parseData = parseData.filter((item: any) => {
14
- return include.some((i: any) => i === item.value);
15
- });
16
- const filterRs = parseData.filter((item: any) => {
12
+ if (include.length > 0) {
13
+ // 只过滤出来include包含的数据
14
+ dicList = dicList.filter((item: any) => {
15
+ return include.some((i: any) => i === item.value);
16
+ });
17
+ }
18
+ const filterRs = dicList.filter((item: any) => {
17
19
  return (
18
20
  item.value.toLowerCase().indexOf(keyword.toLowerCase()) !== -1 ||
19
21
  item.label.toLowerCase().includes(keyword.toLowerCase())
20
22
  );
21
23
  });
22
24
  if (filterRs.length === 0) {
23
- self.postMessage(parseData.splice(0, 10));
25
+ self.postMessage(dicList.splice(0, 10));
24
26
  } else {
25
27
  self.postMessage(filterRs.splice(0, 10));
26
28
  }