@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.
- package/dist/cjs/components/components.cjs.js +1 -1
- package/dist/cjs/components/components.d.ts +1 -0
- package/dist/cjs/components/grid/Grid.cjs.js +1 -1
- package/dist/cjs/components/index.cjs.js +1 -1
- package/dist/cjs/components/modal/Modal.cjs.js +1 -0
- package/dist/cjs/components/modal/Modal.d.ts +32 -0
- package/dist/cjs/components/modal/index.cjs.js +1 -0
- package/dist/cjs/components/modal/index.d.ts +32 -0
- package/dist/cjs/components/select/dic.worker.cjs.js +1 -1
- package/dist/css/index.css +1 -1
- package/dist/css/layout/style/index.css +1 -1
- package/dist/css/layout/style/show.css +1 -1
- package/dist/css/modal/style/index.css +1 -0
- package/dist/esm/components/components.d.ts +1 -0
- package/dist/esm/components/components.esm.js +9 -7
- package/dist/esm/components/grid/Grid.esm.js +4 -4
- package/dist/esm/components/index.esm.js +18 -16
- package/dist/esm/components/modal/Modal.d.ts +32 -0
- package/dist/esm/components/modal/Modal.esm.js +57 -0
- package/dist/esm/components/modal/index.d.ts +32 -0
- package/dist/esm/components/modal/index.esm.js +7 -0
- package/dist/esm/components/select/dic.worker.esm.js +6 -6
- package/dist/style/index.scss +1 -0
- package/dist/style/layout/style/show.scss +1 -0
- package/dist/style/modal/style/index.scss +74 -0
- package/package.json +1 -1
- package/src/components/components.ts +1 -0
- package/src/components/grid/Grid.tsx +3 -1
- package/src/components/index.scss +1 -0
- package/src/components/layout/style/show.scss +1 -0
- package/src/components/modal/Modal.tsx +67 -0
- package/src/components/modal/index.ts +5 -0
- package/src/components/modal/style/index.scss +74 -0
- 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;
|
|
@@ -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
|
|
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"),
|
|
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
|
|
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;
|
package/dist/css/index.css
CHANGED
|
@@ -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}}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
-
import { default as
|
|
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
|
|
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
|
|
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
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
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
|
|
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 =
|
|
33
|
+
const m = G(), {
|
|
34
34
|
gridValue: a
|
|
35
|
-
} =
|
|
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
|
|
3
|
-
import * as
|
|
4
|
-
import { DTable as
|
|
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 {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
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
|
-
|
|
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
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
35
|
-
|
|
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;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
const
|
|
2
|
-
function
|
|
3
|
-
const
|
|
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
|
|
5
|
+
return d ? new Worker(d) : new Worker("data:application/javascript;base64," + o);
|
|
6
6
|
} finally {
|
|
7
|
-
|
|
7
|
+
d && (window.URL || window.webkitURL).revokeObjectURL(d);
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
10
|
export {
|
|
11
|
-
|
|
11
|
+
b as default
|
|
12
12
|
};
|
package/dist/style/index.scss
CHANGED
|
@@ -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,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名称
|
|
@@ -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,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
|
|
10
|
+
let dicList = JSON.parse(e.data.list) ?? [];
|
|
11
11
|
const include = JSON.parse(e.data.include);
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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(
|
|
25
|
+
self.postMessage(dicList.splice(0, 10));
|
|
24
26
|
} else {
|
|
25
27
|
self.postMessage(filterRs.splice(0, 10));
|
|
26
28
|
}
|