@ditari/bsui 1.0.61 → 1.0.63

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.
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),_=require("../../store/modules/DataDictionary.cjs.js"),L={name:"DSelect"},w=e.defineComponent({...L,props:{value:{default:null},name:{default:""},disabled:{type:Boolean,default:!1},placeholder:{default:"请填写默认占位符啊!老铁"},include:{default:[]}},emits:["update:value","change","select"],setup(u,{emit:o}){const t=u,{getDicByKey:f}=_.useDataDicStore(),{modelValue:r,data:v,onSearch:h,onSelect:p,onChange:S}=g();function g(){const s=[...f(t.name)],n=e.ref([]),l=e.ref(t.value);e.watch(()=>t.include,()=>{i(l.value)}),e.watch(()=>t.value,a=>{l.value=a}),i(l.value);const d=a=>{i(a)};function i(a){a=a??"",n.value=s.filter(c=>c.value.toLowerCase().indexOf(a.toLowerCase())!==-1||c.label.toLowerCase().includes(a.toLowerCase())).splice(0,10),n.value.length===0&&(n.value=[...s].splice(0,10))}const C=a=>{o("update:value",a),b()},m=()=>{o("update:value",l.value),o("change",l.value)};function b(){const c=f(t.name).find(D=>D.value===l.value);o("select",c)}return{data:n,modelValue:l,onSearch:d,onSelect:C,onChange:m}}return(s,n)=>{const l=e.resolveComponent("a-select");return e.openBlock(),e.createBlock(l,{value:e.unref(r),"onUpdate:value":n[0]||(n[0]=d=>e.isRef(r)?r.value=d:null),"allow-clear":"","show-search":"","filter-option":!1,options:e.unref(v),placeholder:u.placeholder,disabled:u.disabled,onSelect:e.unref(p),onSearch:e.unref(h),onChange:e.unref(S)},null,8,["value","options","placeholder","disabled","onSelect","onSearch","onChange"])}}});exports.default=w;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),x=require("../../store/modules/DataDictionary.cjs.js"),B={name:"DSelect"},y=a.defineComponent({...B,props:{value:{default:null},name:{default:""},disabled:{type:Boolean,default:!1},placeholder:{default:"请填写默认占位符啊!老铁"},include:{default:[]}},emits:["update:value","change","select"],setup(r,{emit:s}){const u=r,{getDicByKey:v}=x.useDataDicStore(),{modelValue:i,data:h,onSearch:p,onSelect:S,onChange:C}=g();function g(){const o=[...v(u.name)],l=a.ref([]),t=a.ref(u.value);a.watch(()=>u.include,()=>{f(t.value)}),a.watch(()=>u.value,e=>{t.value=e,m(e)}),f(t.value);const d=e=>{f(e)};function f(e){e=e??"",l.value=o.filter(n=>n.value.toLowerCase().indexOf(e.toLowerCase())!==-1||n.label.toLowerCase().includes(e.toLowerCase())).splice(0,10),l.value.length===0&&(l.value=[...o].splice(0,10))}function m(e){const n=o.findIndex(c=>c.value.toLowerCase().indexOf(e.toLowerCase())!==-1||c.label.toLowerCase().includes(e));n===-1?l.value=[...o].splice(0,10):l.value=L(o,n)}function L(e,n){const c=Math.max(0,n-5),_=Math.min(e.length,n+6);return e.slice(c,_)}const b=e=>{s("update:value",e),D()},w=()=>{s("update:value",t.value),s("change",t.value)};function D(){const n=v(u.name).find(c=>c.value===t.value);s("select",n)}return{data:l,modelValue:t,onSearch:d,onSelect:b,onChange:w}}return(o,l)=>{const t=a.resolveComponent("a-select");return a.openBlock(),a.createBlock(t,{value:a.unref(i),"onUpdate:value":l[0]||(l[0]=d=>a.isRef(i)?i.value=d:null),"allow-clear":"","show-search":"","filter-option":!1,options:a.unref(h),placeholder:r.placeholder,disabled:r.disabled,onSelect:a.unref(S),onSearch:a.unref(p),onChange:a.unref(C)},null,8,["value","options","placeholder","disabled","onSelect","onSearch","onChange"])}}});exports.default=y;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),S=require("vue-request"),m=require("../../utils/get.cjs.js"),K=(i,a={})=>{a.pagination||(a.pagination={currentKey:"page",pageSizeKey:"limit",totalKey:"data.total"});const{dataKey:l,pagination:{currentKey:r,pageSizeKey:c}}=a,t=a.params||o.ref({}),{total:s,pageSize:g,current:v,loading:d,data:p,run:n}=S.usePagination(i,{manual:!0,pagination:a.pagination,loadingDelay:400,loadingKeep:100,onSuccess:(e,u)=>{a.onSuccess&&a.onSuccess(e,u)},onError:(e,u)=>{console.log(u,e)}}),y=o.computed(()=>({total:s.value,current:v.value,pageSize:g.value}));return{data:o.computed(()=>m.get(p.value,l||"data",[])||[]),pagination:y,loading:d,run:n,onPageChange:e=>{t.value[r]=e.page,t.value[c]=e.size,n(t.value||{})},onQuery:e=>{t.value={...t.value,...e},t.value[r]=1,n(t.value||{})}}};exports.useRequestList=K;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),q=require("vue-request"),z=require("../../utils/get.cjs.js"),f=(r,e={})=>{e.pagination||(e.pagination={currentKey:"page",pageSizeKey:"limit",totalKey:"data.total"});const{dataKey:i,pagination:{currentKey:l,pageSizeKey:c}}=e,a=e.params||n.ref({}),{total:s,pageSize:g,current:v,loading:d,data:p,run:u}=q.usePagination(r,{manual:!0,pagination:e.pagination,loadingDelay:400,loadingKeep:100,onSuccess:(t,o)=>{e.onSuccess&&e.onSuccess(t,o)},onError:(t,o)=>{console.log(o,t)}}),y=n.computed(()=>({total:s.value,current:v.value,pageSize:g.value})),S=n.computed(()=>z.get(p.value,i||"data",[])||[]),m=t=>{a.value[l]=t.page,a.value[c]=t.size,u(a.value||{})},K=t=>{a.value={...a.value,...t},a.value[l]=1,u(a.value||{})};return n.onMounted(()=>{e.manual&&u(a.value)}),{data:S,pagination:y,loading:d,run:u,onPageChange:m,onQuery:K}};exports.useRequestList=f;
@@ -9,6 +9,7 @@ interface Options {
9
9
  pagination?: Pagination;
10
10
  dataKey?: string;
11
11
  onSuccess?: any;
12
+ manual?: boolean;
12
13
  }
13
14
  declare const useRequestList: (service: any, options?: Options) => {
14
15
  data: import("vue").ComputedRef<any>;
@@ -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-bsui-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-bsui-breadcrumb .breadcrumb{display:flex}.ditari-bsui-breadcrumb .breadcrumb .breadcrumb-item{color:#333}.ditari-bsui-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-bsui-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:first-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-bsui-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%)}.ditari-bsui-breadcrumb a.breadcrumb-link{color:#2589ff}.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-bsui-nav{display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-bsui-nav .ant-tabs-nav{margin:0}.ditari-bsui-nav .ant-tabs-content-holder{display:none}.ditari-bsui-nav .ant-tabs-nav-list{padding-right:30px}.ditari-bsui-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-bsui-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:#fff}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-item{color:#0065b3}.ditari-bsui-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-bsui-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-bsui-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-bsui-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-bsui-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-bsui-nav .ant-tabs-nav::before{border-bottom-width:0}.ditari-bsui-nav .ant-tabs-tab::before,.ditari-bsui-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-bsui-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-bsui-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-bsui-nav .ant-tabs-tab:hover::before,.ditari-bsui-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-bsui-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-bsui-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:4px -2px 5px 3px #e0e0e0}.ditari-fuck-top-layout{position:fixed;left:200px;right:0;z-index:210;display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-fuck-top-layout .ditari-bsui-nav{flex:1;min-width:0}.ditari-fuck-top-layout .ditari-side-collapsed{display:flex;align-items:center;justify-content:center;width:42px;cursor:pointer;color:#fff}.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 .ditari-bsui-modal-content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .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:100%;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 - 0);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-bsui-breadcrumb .ant-breadcrumb-separator{display:none}.ditari-bsui-breadcrumb .breadcrumb{display:flex}.ditari-bsui-breadcrumb .breadcrumb .breadcrumb-item{color:#333}.ditari-bsui-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-bsui-breadcrumb .breadcrumb .breadcrumb-item:last-child:not(:first-child) .breadcrumb-link{border-radius:0 6px 6px 0;clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%)}.ditari-bsui-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%)}.ditari-bsui-breadcrumb a.breadcrumb-link{color:#2589ff}.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-bsui-nav{display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-bsui-nav .ant-tabs-nav{margin:0}.ditari-bsui-nav .ant-tabs-content-holder{display:none}.ditari-bsui-nav .ant-tabs-nav-list{padding-right:30px}.ditari-bsui-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-bsui-nav .ant-tabs-tab:first-child .tab-dividers::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:#fff}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active .tab-item{color:#0065b3}.ditari-bsui-nav .ant-tabs-tab:not(.ant-tabs-tab-active){background:rgba(0,0,0,0)}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active){background:#065de1}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active) .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab:hover:not(.ant-tabs-tab-active)+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-tab .ant-tabs-tab-btn{display:flex;align-items:center}.ditari-bsui-nav .ant-tabs-tab .tab-close{padding:4px;margin-left:10px;display:flex;align-items:center;justify-content:center;border-radius:50%}.ditari-bsui-nav .ant-tabs-tab .tab-close:hover{background-color:#63aeff;color:#fff}.ditari-bsui-nav .ant-tabs-tab .tab-close .anticon{margin:0}.ditari-bsui-nav .ant-tabs-tab-active+.ant-tabs-tab .tab-dividers::before{opacity:0}.ditari-bsui-nav .ant-tabs-nav-wrap{padding:4px 8px 0}.ditari-bsui-nav .ant-tabs-nav::before{border-bottom-width:0}.ditari-bsui-nav .ant-tabs-tab::before,.ditari-bsui-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-bsui-nav .ant-tabs-tab::before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ditari-bsui-nav .ant-tabs-tab::after{right:-20px;clip-path:inset(50% 50% 0 -10px)}.ditari-bsui-nav .ant-tabs-tab:hover::before,.ditari-bsui-nav .ant-tabs-tab:hover::after{box-shadow:0 0 0 30px #065de1}.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::before,.ditari-bsui-nav .ant-tabs-tab.ant-tabs-tab-active::after{z-index:10;box-shadow:0 0 0 30px #fff}.ditari-bsui-nav .tab-dividers{position:absolute;z-index:0;height:14px;top:50%;left:0;margin-top:-7px}.ditari-bsui-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:4px -2px 5px 3px #e0e0e0}.ditari-fuck-top-layout{position:fixed;left:200px;right:0;z-index:210;display:flex;background:linear-gradient(270deg, #019cfe 0%, #0165fe 100%)}.ditari-fuck-top-layout .ditari-bsui-nav{flex:1;min-width:0}.ditari-fuck-top-layout .ditari-side-collapsed{display:flex;align-items:center;justify-content:center;width:42px;cursor:pointer;color:#fff}.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 .ditari-bsui-modal-content{max-height:200px;overflow-y:scroll}.ditari-bsui-modal .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:100%;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}
@@ -1 +1 @@
1
- .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}
1
+ .ditari-menu{height:calc(100vh - 240px - 0);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}
@@ -1,9 +1,9 @@
1
- import { defineComponent as w, ref as p, watch as v, resolveComponent as B, openBlock as x, createBlock as V, unref as o, isRef as H } from "vue";
2
- import { useDataDicStore as K } from "../../store/modules/DataDictionary.esm.js";
3
- const O = {
1
+ import { defineComponent as V, ref as p, watch as v, resolveComponent as y, openBlock as M, createBlock as O, unref as u, isRef as A } from "vue";
2
+ import { useDataDicStore as H } from "../../store/modules/DataDictionary.esm.js";
3
+ const I = {
4
4
  name: "DSelect"
5
- }, W = /* @__PURE__ */ w({
6
- ...O,
5
+ }, U = /* @__PURE__ */ V({
6
+ ...I,
7
7
  props: {
8
8
  value: { default: null },
9
9
  name: { default: "" },
@@ -12,62 +12,70 @@ const O = {
12
12
  include: { default: [] }
13
13
  },
14
14
  emits: ["update:value", "change", "select"],
15
- setup(u, { emit: t }) {
16
- const n = u, { getDicByKey: f } = K(), { modelValue: s, data: h, onSearch: S, onSelect: m, onChange: C } = g();
17
- function g() {
18
- const d = [...f(n.name)], l = p([]), a = p(n.value);
15
+ setup(r, { emit: s }) {
16
+ const c = r, { getDicByKey: h } = H(), { modelValue: d, data: S, onSearch: m, onSelect: C, onChange: g } = L();
17
+ function L() {
18
+ const t = [...h(c.name)], n = p([]), l = p(c.value);
19
19
  v(
20
- () => n.include,
20
+ () => c.include,
21
21
  () => {
22
- i(a.value);
22
+ f(l.value);
23
23
  }
24
24
  ), v(
25
- () => n.value,
25
+ () => c.value,
26
26
  (e) => {
27
- a.value = e;
27
+ l.value = e, w(e);
28
28
  }
29
- ), i(a.value);
30
- const r = (e) => {
31
- i(e);
29
+ ), f(l.value);
30
+ const i = (e) => {
31
+ f(e);
32
32
  };
33
- function i(e) {
34
- e = e ?? "", l.value = d.filter((c) => c.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || c.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), l.value.length === 0 && (l.value = [...d].splice(0, 10));
33
+ function f(e) {
34
+ e = e ?? "", n.value = t.filter((a) => a.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || a.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), n.value.length === 0 && (n.value = [...t].splice(0, 10));
35
35
  }
36
- const L = (e) => {
37
- t("update:value", e), D();
38
- }, b = () => {
39
- t("update:value", a.value), t("change", a.value);
36
+ function w(e) {
37
+ const a = t.findIndex((o) => o.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || o.label.toLowerCase().includes(e));
38
+ a === -1 ? n.value = [...t].splice(0, 10) : n.value = x(t, a);
39
+ }
40
+ function x(e, a) {
41
+ const o = Math.max(0, a - 5), _ = Math.min(e.length, a + 6);
42
+ return e.slice(o, _);
43
+ }
44
+ const b = (e) => {
45
+ s("update:value", e), D();
46
+ }, B = () => {
47
+ s("update:value", l.value), s("change", l.value);
40
48
  };
41
49
  function D() {
42
- const c = f(n.name).find((_) => _.value === a.value);
43
- t("select", c);
50
+ const a = h(c.name).find((o) => o.value === l.value);
51
+ s("select", a);
44
52
  }
45
53
  return {
46
- data: l,
47
- modelValue: a,
48
- onSearch: r,
49
- onSelect: L,
50
- onChange: b
54
+ data: n,
55
+ modelValue: l,
56
+ onSearch: i,
57
+ onSelect: b,
58
+ onChange: B
51
59
  };
52
60
  }
53
- return (d, l) => {
54
- const a = B("a-select");
55
- return x(), V(a, {
56
- value: o(s),
57
- "onUpdate:value": l[0] || (l[0] = (r) => H(s) ? s.value = r : null),
61
+ return (t, n) => {
62
+ const l = y("a-select");
63
+ return M(), O(l, {
64
+ value: u(d),
65
+ "onUpdate:value": n[0] || (n[0] = (i) => A(d) ? d.value = i : null),
58
66
  "allow-clear": "",
59
67
  "show-search": "",
60
68
  "filter-option": !1,
61
- options: o(h),
62
- placeholder: u.placeholder,
63
- disabled: u.disabled,
64
- onSelect: o(m),
65
- onSearch: o(S),
66
- onChange: o(C)
69
+ options: u(S),
70
+ placeholder: r.placeholder,
71
+ disabled: r.disabled,
72
+ onSelect: u(C),
73
+ onSearch: u(m),
74
+ onChange: u(g)
67
75
  }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onSearch", "onChange"]);
68
76
  };
69
77
  }
70
78
  });
71
79
  export {
72
- W as default
80
+ U as default
73
81
  };
@@ -9,6 +9,7 @@ interface Options {
9
9
  pagination?: Pagination;
10
10
  dataKey?: string;
11
11
  onSuccess?: any;
12
+ manual?: boolean;
12
13
  }
13
14
  declare const useRequestList: (service: any, options?: Options) => {
14
15
  data: import("vue").ComputedRef<any>;
@@ -1,53 +1,55 @@
1
- import { ref as y, computed as r } from "vue";
2
- import { usePagination as K } from "vue-request";
3
- import { get as S } from "../../utils/get.esm.js";
4
- const Q = (i, e = {}) => {
5
- e.pagination || (e.pagination = {
1
+ import { ref as f, computed as l, onMounted as z } from "vue";
2
+ import { usePagination as D } from "vue-request";
3
+ import { get as P } from "../../utils/get.esm.js";
4
+ const C = (r, a = {}) => {
5
+ a.pagination || (a.pagination = {
6
6
  currentKey: "page",
7
7
  pageSizeKey: "limit",
8
8
  totalKey: "data.total"
9
9
  });
10
10
  const {
11
- dataKey: l,
12
- pagination: { currentKey: u, pageSizeKey: c }
13
- } = e, t = e.params || y({}), {
11
+ dataKey: i,
12
+ pagination: { currentKey: o, pageSizeKey: c }
13
+ } = a, e = a.params || f({}), {
14
14
  total: g,
15
15
  pageSize: s,
16
- current: p,
17
- loading: v,
18
- data: d,
16
+ current: v,
17
+ loading: m,
18
+ data: p,
19
19
  run: n
20
- } = K(i, {
20
+ } = D(r, {
21
21
  manual: !0,
22
- pagination: e.pagination,
22
+ pagination: a.pagination,
23
23
  loadingDelay: 400,
24
24
  loadingKeep: 100,
25
- onSuccess: (a, o) => {
26
- e.onSuccess && e.onSuccess(a, o);
25
+ onSuccess: (t, u) => {
26
+ a.onSuccess && a.onSuccess(t, u);
27
27
  },
28
- onError: (a, o) => {
29
- console.log(o, a);
28
+ onError: (t, u) => {
29
+ console.log(u, t);
30
30
  }
31
- }), m = r(() => ({
31
+ }), d = l(() => ({
32
32
  total: g.value,
33
- current: p.value,
33
+ current: v.value,
34
34
  pageSize: s.value
35
- }));
36
- return {
37
- data: r(
38
- () => S(d.value, l || "data", []) || []
39
- ),
40
- pagination: m,
41
- loading: v,
35
+ })), y = l(
36
+ () => P(p.value, i || "data", []) || []
37
+ ), K = (t) => {
38
+ e.value[o] = t.page, e.value[c] = t.size, n(e.value || {});
39
+ }, S = (t) => {
40
+ e.value = { ...e.value, ...t }, e.value[o] = 1, n(e.value || {});
41
+ };
42
+ return z(() => {
43
+ a.manual && n(e.value);
44
+ }), {
45
+ data: y,
46
+ pagination: d,
47
+ loading: m,
42
48
  run: n,
43
- onPageChange: (a) => {
44
- t.value[u] = a.page, t.value[c] = a.size, n(t.value || {});
45
- },
46
- onQuery: (a) => {
47
- t.value = { ...t.value, ...a }, t.value[u] = 1, n(t.value || {});
48
- }
49
+ onPageChange: K,
50
+ onQuery: S
49
51
  };
50
52
  };
51
53
  export {
52
- Q as useRequestList
54
+ C as useRequestList
53
55
  };
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ditari-menu {
4
4
  // 菜单高度 $logo-height 为logo的高度
5
- height: calc(100vh - $logo-height);
5
+ height: calc(100vh - $logo-height - $footer-slogan);
6
6
  overflow: scroll;
7
7
  &::-webkit-scrollbar {
8
8
  width: 0 !important;
@@ -4,6 +4,8 @@ $prefix-name: ditari-bsui;
4
4
  $bg-color: #f0f2f5;
5
5
  //左侧logo高度
6
6
  $logo-height: 240px !default;
7
+ // 左侧菜单底部图片
8
+ $footer-slogan: 0!default;
7
9
  /******======网格变量======******/
8
10
  //网格边框颜色
9
11
  $grid-border-color: #4e4e4e !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditari/bsui",
3
- "version": "1.0.61",
3
+ "version": "1.0.63",
4
4
  "files": [
5
5
  "dist/**",
6
6
  "src"
@@ -1,10 +1,4 @@
1
- import {
2
- defineComponent,
3
- h,
4
- inject,
5
- resolveComponent,
6
- watchEffect
7
- } from "vue";
1
+ import { defineComponent, h, inject, resolveComponent, watchEffect } from "vue";
8
2
  import { useRouter, useRoute } from "vue-router";
9
3
 
10
4
  import { storeToRefs } from "pinia";
@@ -2,7 +2,7 @@
2
2
 
3
3
  .ditari-menu {
4
4
  // 菜单高度 $logo-height 为logo的高度
5
- height: calc(100vh - $logo-height);
5
+ height: calc(100vh - $logo-height - $footer-slogan);
6
6
  overflow: scroll;
7
7
  &::-webkit-scrollbar {
8
8
  width: 0 !important;
@@ -13,8 +13,6 @@ interface Props {
13
13
  include?: Array<string | number>;
14
14
  }
15
15
 
16
-
17
-
18
16
  const props = withDefaults(defineProps<Props>(), {
19
17
  value: null,
20
18
  name: "",
@@ -76,6 +74,7 @@ function useSelect() {
76
74
  () => props.value,
77
75
  (val) => {
78
76
  modelValue.value = val;
77
+ initSearch(val);
79
78
  }
80
79
  );
81
80
 
@@ -89,11 +88,6 @@ function useSelect() {
89
88
 
90
89
  // 发送搜索到webworker
91
90
  function sendWorkerSearch(keywords: string) {
92
- // workerInstance.postMessage({
93
- // list: JSON.stringify(list[props.name]),
94
- // keywords: keywords,
95
- // include: JSON.stringify(props.include ?? [])
96
- // });
97
91
  keywords = keywords ?? "";
98
92
  data.value = dicData
99
93
  .filter((item: any) => {
@@ -108,6 +102,31 @@ function useSelect() {
108
102
  }
109
103
  }
110
104
 
105
+ /**
106
+ * 初始化value的时候进行搜索
107
+ * @param val
108
+ */
109
+ function initSearch(val: any) {
110
+ const index = dicData.findIndex((item: any) => {
111
+ return (
112
+ item.value.toLowerCase().indexOf(val.toLowerCase()) !== -1 ||
113
+ item.label.toLowerCase().includes(val)
114
+ );
115
+ });
116
+ if (index === -1) {
117
+ data.value = [...dicData].splice(0, 10);
118
+ } else {
119
+ data.value = sliceArrayByIndex(dicData, index);
120
+ }
121
+ }
122
+
123
+ function sliceArrayByIndex(arr: any, currentIndex: any) {
124
+ const start = Math.max(0, currentIndex - 5);
125
+ const end = Math.min(arr.length, currentIndex + 6);
126
+
127
+ return arr.slice(start, end);
128
+ }
129
+
111
130
  //监听下拉选择事件
112
131
  const onSelect = (value: any) => {
113
132
  // 发射选择的数据
@@ -4,6 +4,8 @@ $prefix-name: ditari-bsui;
4
4
  $bg-color: #f0f2f5;
5
5
  //左侧logo高度
6
6
  $logo-height: 240px !default;
7
+ // 左侧菜单底部图片
8
+ $footer-slogan: 0!default;
7
9
  /******======网格变量======******/
8
10
  //网格边框颜色
9
11
  $grid-border-color: #4e4e4e !default;
@@ -1,4 +1,4 @@
1
- import { computed, Ref, ref } from "vue";
1
+ import { computed, onMounted, Ref, ref } from "vue";
2
2
  import { usePagination } from "vue-request";
3
3
  import { get } from "../../utils/get";
4
4
 
@@ -11,9 +11,14 @@ interface Pagination {
11
11
  interface Options {
12
12
  //请求参数
13
13
  params?: Ref;
14
+ // 分页配置
14
15
  pagination?: Pagination;
16
+ // 内容key
15
17
  dataKey?: string;
18
+ // 执行成功后的回调
16
19
  onSuccess?: any;
20
+ // 是否默认触发
21
+ manual?: boolean;
17
22
  }
18
23
 
19
24
  const useRequestList = (service: any, options: Options = {}) => {
@@ -88,6 +93,13 @@ const useRequestList = (service: any, options: Options = {}) => {
88
93
  run(params.value || {});
89
94
  };
90
95
 
96
+ onMounted(() => {
97
+ // TODO 会执行两次onMounted需要研究就下
98
+ if (options.manual) {
99
+ run(params.value);
100
+ }
101
+ });
102
+
91
103
  return {
92
104
  data,
93
105
  pagination,