@ditari/bsui 1.0.5 → 1.0.7

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

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

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

@@ -2,3 +2,4 @@ export { default as DForm } from "./form";
 export * from "./layout";
 export { default as DTable } from "./table";
 export { DGrid, DGridItem } from "./grid";
+export { default as DSelect } from "./select";

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),m=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=d,a=function(i,n){Object.keys(o).forEach(c=>{const s=o[c];s.install&&i.use(s)});const t=u.createPinia();t.use(l.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},b={install:a};exports.DTable=D.DTable;exports.DForm=m.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=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),l=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),D=require("./table/index.cjs.js"),m=require("./select/index.cjs.js"),q=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=d,c=function(i,t){Object.keys(o).forEach(a=>{const s=o[a];s.install&&i.use(s)});const n=u.createPinia();n.use(l.createPersistedState({storage:sessionStorage})),i.use(n),i.provide("menuIcon",t.menuIcon),console.log("options",t)},S={install:c};exports.DTable=D.DTable;exports.DSelect=m.DSelect;exports.DForm=q.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=S;exports.install=c;

package/dist/cjs/components/select/Select.vue.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),w=require("../../store/modules/DataDictionary.cjs.js"),D=require("./dic-worker.cjs.js"),_={name:"DSelect"},C=e.defineComponent({..._,props:{value:{default:null},name:{default:""},disabled:{type:Boolean,default:!1},placeholder:{default:"请填写默认占位符啊！老铁"}},emits:["update:value","change"],setup(n,{emit:d}){const r=n,{getDicByKey:p,list:S}=w.useDataDicStore(),{modelValue:c,data:v,onSearch:h,onSelect:m}=g();function g(){let s=!0,a=[];const l=e.ref(a),o=e.ref(r.value),u=new D.default;u.onerror=()=>{s=!1,a=p(r.name)},u.onmessage=t=>{l.value=[...t.data]},i(o.value);const b=t=>{s?i(t):l.value=a.filter(f=>f.value.toLowerCase().indexOf(t.toLowerCase())!==-1||f.label.toLowerCase().includes(t.toLowerCase())).splice(0,10)};function i(t){u.postMessage({list:JSON.stringify(S[r.name]),keywords:t})}return{data:l,modelValue:o,onSearch:b,onSelect:t=>{d("update:value",t),d("change",t)}}}return(s,a)=>{const l=e.resolveComponent("a-select");return e.openBlock(),e.createBlock(l,{value:e.unref(c),"onUpdate:value":a[0]||(a[0]=o=>e.isRef(c)?c.value=o:null),"allow-clear":"","show-search":"","filter-option":!1,options:e.unref(v),placeholder:n.placeholder,disabled:n.disabled,onSelect:e.unref(m),onSearch:e.unref(h)},null,8,["value","options","placeholder","disabled","onSelect","onSearch"])}}});exports.default=C;

package/dist/cjs/components/select/Select.vue.cjs2.js

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

package/dist/cjs/components/select/Select.vue.d.ts

@@ -0,0 +1,53 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: {
+        type: __PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: __PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    value: any;
+    disabled: boolean | undefined;
+    placeholder: string | undefined;
+}>;
+export default _sfc_main;

package/dist/cjs/components/select/dic-worker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l="KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24oZSl7Y29uc3Qgcz1lLmRhdGEua2V5d29yZHN8fCIiLHQ9SlNPTi5wYXJzZShlLmRhdGEubGlzdCksYT10LmZpbHRlcihvPT5vLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihzLnRvTG93ZXJDYXNlKCkpIT09LTF8fG8ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzLnRvTG93ZXJDYXNlKCkpKTthLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZSh0LnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShhLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==",n=typeof window<"u"&&window.Blob&&new Blob([atob(l)],{type:"text/javascript;charset=utf-8"});function t(){const e=n&&(window.URL||window.webkitURL).createObjectURL(n);try{return e?new Worker(e):new Worker("data:application/javascript;base64,"+l)}finally{e&&(window.URL||window.webkitURL).revokeObjectURL(e)}}exports.default=t;

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

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

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

@@ -0,0 +1,52 @@
+export declare const DSelect: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    value: any;
+    disabled: boolean | undefined;
+    placeholder: string | undefined;
+}>>;
+export default DSelect;

package/dist/cjs/store/modules/NavTab.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("pinia"),l=require("../types.cjs.js"),r=i.defineStore(l.NAV_TAB_ID,{state:()=>({list:[],activeKey:""}),getters:{getList:t=>t.list,getActiveKey:t=>t.activeKey},actions:{setActiveKey(t){this.activeKey=t},save(t){if(this.list.some(a=>a.fullPath===t.fullPath))return;const s={path:t.path,fullPath:t.fullPath,query:t.query,params:t.params,meta:t.meta,name:t.name||""};this.list.push(s)},deleteTabs(t){this.list.splice(this.list.findIndex(e=>e.fullPath===t),1)}},persist:!0});exports.useNavTabsStore=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("pinia"),r=require("../types.cjs.js"),l=i.defineStore(r.NAV_TAB_ID,{state:()=>({list:[],activeKey:""}),getters:{getList:t=>t.list,getActiveKey:t=>t.activeKey},actions:{setActiveKey(t){this.activeKey=t},save(t){if(this.list.some(a=>a.path===t.path))return;const s={path:t.path,fullPath:t.fullPath,query:t.query,params:t.params,meta:t.meta,name:t.name||""};this.list.push(s)},deleteTabs(t){this.list.splice(this.list.findIndex(e=>e.fullPath===t),1)}},persist:!0});exports.useNavTabsStore=l;

package/dist/css/index.css

@@ -1 +1 @@
-.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector{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{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:none}.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:1;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}html,body,#app{height:100vh;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}
+.ditari-bsui-grid{position:relative;display:grid}.ditari-bsui-grid .ditari-bsui-grid--item{border:1px solid #4e4e4e;margin-left:-1px;margin-top:-1px}.ditari-bsui-grid-form .ant-form-item{margin-bottom:0;height:100%}.ditari-bsui-grid-form .ant-form-item .ant-form-item-label{border-right:1px solid #4e4e4e}.ditari-bsui-grid-form .ant-form-item .ant-input,.ditari-bsui-grid-form .ant-form-item .ant-select-selector{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{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:none}.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}html,body,#app{height:100vh;background:#f0f2f5}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar{width:0 !important;display:none}

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

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

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

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

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

@@ -2,3 +2,4 @@ export { default as DForm } from "./form";
 export * from "./layout";
 export { default as DTable } from "./table";
 export { DGrid, DGridItem } from "./grid";
+export { default as DSelect } from "./select";

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

@@ -1,14 +1,16 @@
-import { default as D } from "./form/index.esm.js";
-import { DList as t, DMain as a, DNavTabs as m, DShow as f } from "./layout/index.esm.js";
-import { DTable as p } from "./table/index.esm.js";
-import { DGrid as d, DGridItem as s } from "./grid/index.esm.js";
+import { default as e } from "./form/index.esm.js";
+import { DList as D, DMain as m, DNavTabs as a, DShow as f } from "./layout/index.esm.js";
+import { DTable as x } from "./table/index.esm.js";
+import { DGrid as d, DGridItem as l } from "./grid/index.esm.js";
+import { DSelect as b } from "./select/index.esm.js";
 export {
-  D as DForm,
+  e as DForm,
   d as DGrid,
-  s as DGridItem,
-  t as DList,
-  a as DMain,
-  m as DNavTabs,
+  l as DGridItem,
+  D as DList,
+  m as DMain,
+  a as DNavTabs,
+  b as DSelect,
   f as DShow,
-  p as DTable
+  x as DTable
 };

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

@@ -2,9 +2,10 @@ import { createPinia as i } from "pinia";
 import { createPersistedState as a } from "pinia-plugin-persistedstate";
 import * as c from "./components.esm.js";
 import { DTable as d } from "./table/index.esm.js";
-import { default as b } from "./form/index.esm.js";
-import { DGrid as I, DGridItem as S } from "./grid/index.esm.js";
-import { DList as v, DMain as G, DNavTabs as P, DShow as T } from "./layout/index.esm.js";
+import { DSelect as S } from "./select/index.esm.js";
+import { default as g } from "./form/index.esm.js";
+import { DGrid as h, DGridItem as v } from "./grid/index.esm.js";
+import { DList as P, DMain as T, DNavTabs as j, DShow as k } from "./layout/index.esm.js";
 const n = c, m = function(o, e) {
   Object.keys(n).forEach((s) => {
     const r = n[s];
@@ -20,13 +21,14 @@ const n = c, m = function(o, e) {
   install: m
 };
 export {
-  b as DForm,
-  I as DGrid,
-  S as DGridItem,
-  v as DList,
-  G as DMain,
-  P as DNavTabs,
-  T as DShow,
+  g as DForm,
+  h as DGrid,
+  v as DGridItem,
+  P as DList,
+  T as DMain,
+  j as DNavTabs,
+  S as DSelect,
+  k as DShow,
   d as DTable,
   p as default,
   m as install

package/dist/esm/components/select/Select.vue.d.ts

@@ -0,0 +1,53 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    value: {
+        type: __PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: __PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    value: any;
+    disabled: boolean | undefined;
+    placeholder: string | undefined;
+}>;
+export default _sfc_main;

package/dist/esm/components/select/Select.vue.esm.js

@@ -0,0 +1,62 @@
+import { defineComponent as b, ref as p, resolveComponent as D, openBlock as _, createBlock as k, unref as l, isRef as B } from "vue";
+import { useDataDicStore as L } from "../../store/modules/DataDictionary.esm.js";
+import x from "./dic-worker.esm.js";
+const V = {
+  name: "DSelect"
+}, K = /* @__PURE__ */ b({
+  ...V,
+  props: {
+    value: { default: null },
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    placeholder: { default: "请填写默认占位符啊！老铁" }
+  },
+  emits: ["update:value", "change"],
+  setup(n, { emit: d }) {
+    const r = n, { getDicByKey: m, list: S } = L(), { modelValue: c, data: h, onSearch: v, onSelect: w } = g();
+    function g() {
+      let s = !0, a = [];
+      const o = p(a), t = p(r.value), u = new x();
+      u.onerror = () => {
+        s = !1, a = m(r.name);
+      }, u.onmessage = (e) => {
+        o.value = [...e.data];
+      }, i(t.value);
+      const C = (e) => {
+        s ? i(e) : o.value = a.filter((f) => f.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || f.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10);
+      };
+      function i(e) {
+        u.postMessage({
+          list: JSON.stringify(S[r.name]),
+          keywords: e
+        });
+      }
+      return {
+        data: o,
+        modelValue: t,
+        onSearch: C,
+        onSelect: (e) => {
+          d("update:value", e), d("change", e);
+        }
+      };
+    }
+    return (s, a) => {
+      const o = D("a-select");
+      return _(), k(o, {
+        value: l(c),
+        "onUpdate:value": a[0] || (a[0] = (t) => B(c) ? c.value = t : null),
+        "allow-clear": "",
+        "show-search": "",
+        "filter-option": !1,
+        options: l(h),
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        onSelect: l(w),
+        onSearch: l(v)
+      }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onSearch"]);
+    };
+  }
+});
+export {
+  K as default
+};

package/dist/esm/components/select/Select.vue.esm2.js

@@ -0,0 +1,4 @@
+import f from "./Select.vue.esm.js";
+export {
+  f as default
+};

package/dist/esm/components/select/dic-worker.esm.js

@@ -0,0 +1,12 @@
+const e = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24oZSl7Y29uc3Qgcz1lLmRhdGEua2V5d29yZHN8fCIiLHQ9SlNPTi5wYXJzZShlLmRhdGEubGlzdCksYT10LmZpbHRlcihvPT5vLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihzLnRvTG93ZXJDYXNlKCkpIT09LTF8fG8ubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzLnRvTG93ZXJDYXNlKCkpKTthLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZSh0LnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShhLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==", b = typeof window < "u" && window.Blob && new Blob([atob(e)], { type: "text/javascript;charset=utf-8" });
+function l() {
+  const n = b && (window.URL || window.webkitURL).createObjectURL(b);
+  try {
+    return n ? new Worker(n) : new Worker("data:application/javascript;base64," + e);
+  } finally {
+    n && (window.URL || window.webkitURL).revokeObjectURL(n);
+  }
+}
+export {
+  l as default
+};

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

@@ -0,0 +1,71 @@
+export declare const DSelect: import("../../utils/install").SFCWithInstall<
+  import("vue").DefineComponent<
+    {
+      value: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: null;
+      };
+      name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+      };
+      disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+      };
+      placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+      };
+    },
+    {},
+    unknown,
+    {},
+    {},
+    import("vue").ComponentOptionsMixin,
+    import("vue").ComponentOptionsMixin,
+    ("update:value" | "change")[],
+    "update:value" | "change",
+    import("vue").VNodeProps &
+      import("vue").AllowedComponentProps &
+      import("vue").ComponentCustomProps,
+    Readonly<
+      import("vue").ExtractPropTypes<{
+        value: {
+          type: import("vue").PropType<any>;
+          required: true;
+          default: null;
+        };
+        name: {
+          type: import("vue").PropType<string>;
+          required: true;
+          default: string;
+        };
+        disabled: {
+          type: import("vue").PropType<boolean | undefined>;
+          required: false;
+          default: boolean;
+        };
+        placeholder: {
+          type: import("vue").PropType<string | undefined>;
+          required: false;
+          default: string;
+        };
+      }>
+    > & {
+      onChange?: ((...args: any[]) => any) | undefined;
+      "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    },
+    {
+      name: string;
+      value: any;
+      disabled: boolean | undefined;
+      placeholder: string | undefined;
+    }
+  >
+>;
+export default DSelect;

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

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

package/dist/esm/store/modules/NavTab.esm.js

@@ -24,9 +24,7 @@ const n = i(l, {
      * @param route
      */
     save(t) {
-      if (this.list.some(
-        (a) => a.fullPath === t.fullPath
-      ))
+      if (this.list.some((a) => a.path === t.path))
         return;
       const s = {
         path: t.path,

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

@@ -16,7 +16,7 @@
   .ditari-page-header {
     position: sticky;
     top: 84px;
-    z-index: 1;
+    z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;
     &.active {

package/dist/style/theme/variable.scss

@@ -15,7 +15,7 @@ $grid-input-error-border-color: #ff4d4f !default;
 $grid-input-border-width: 2px !default;
 // 网格边框宽度
 $gird-border-width: 1px !default;
-
+$gird-error-display: block !default;
 // show头部阴影
 $box-shadow-color: #e0e0e0 !default;
 

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "files": [
-    "dist",
+    "dist/**",
     "src"
   ],
   "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "main": "dist/cjs/components/index.cjs.js",
+  "module": "dist/esm/components/index.esm.js",
+  "types": "dist/**/*.d.ts",
   "exports": {
     ".": {
       "require": "./dist/cjs/components/index.cjs.js",

package/src/components/components.ts

@@ -2,3 +2,4 @@ export { default as DForm } from "./form";
 export * from "./layout";
 export { default as DTable } from "./table";
 export { DGrid, DGridItem } from "./grid";
+export { default as DSelect } from "./select";

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

@@ -16,7 +16,7 @@
   .ditari-page-header {
     position: sticky;
     top: 84px;
-    z-index: 1;
+    z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;
     &.active {

package/src/components/select/Select.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
-import { watch, ref } from "vue";
-import { useDic } from "@dth-doned/hooks";
+import { ref } from "vue";
+import { useDataDicStore } from "../../store/modules/DataDictionary";
+import DicWorker from "./dic-worker?worker&inline";
 
 interface Props {
   value: any;
@@ -18,43 +19,85 @@ const props = withDefaults(defineProps<Props>(), {
 
 interface Emits {
   (e: "update:value", value: any): void;
+  (e: "change", value: any): void;
 }
 const emits = defineEmits<Emits>();
+const { getDicByKey, list } = useDataDicStore();
 
 const { modelValue, data, onSearch, onSelect } = useSelect();
-function useSelect() {
-  const { getDic } = useDic();
-  const dicData = getDic(props.name);
 
+function useSelect() {
+  // 保存worker启动状态
+  let workerStatus = true;
+  let dicData: any[] = [];
   const data = ref(dicData);
+  // 取值
   const modelValue = ref(props.value);
+  // 创建worker
+  const worker = new DicWorker();
+  // const worker = new Worker(
+  //   new URL("./worker?worker&inline", import.meta.url),
+  //   {
+  //     type: "module",
+  //     credentials: "include"
+  //   }
+  // );
+  // const worker = new Worker(
+  //   new URL("./dic-worker.ts?worker&inline", import.meta.url),
+  //   {
+  //     type: "module"
+  //   }
+  // );
+  /**
+   * web worker 启动失败
+   */
+  worker.onerror = () => {
+    workerStatus = false;
+    // 启动失败使用store
+    dicData = getDicByKey(props.name);
+  };
+  /**
+   * 监听web worker发送的数据
+   * @param e
+   */
+  worker.onmessage = (e: any) => {
+    // 赋值给下拉选择数据变量
+    data.value = [...e.data];
+  };
+
+  // 首次创建的时候发送
+  sendWorkerSearch(modelValue.value);
 
   //监听用户搜索事件
-  const onSearch = (value: string) => {
-    data.value = dicData.filter((item: any) => {
-      return (
-        item.value.toLowerCase().indexOf(value.toLowerCase()) !== -1 ||
-        item.label.toLowerCase().includes(value.toLowerCase())
-      );
-    });
+  const onSearch = (keywords: string) => {
+    if (workerStatus) {
+      sendWorkerSearch(keywords);
+    } else {
+      data.value = dicData
+        .filter((item: any) => {
+          return (
+            item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||
+            item.label.toLowerCase().includes(keywords.toLowerCase())
+          );
+        })
+        .splice(0, 10);
+    }
   };
 
+  function sendWorkerSearch(keywords: string) {
+    worker.postMessage({
+      list: JSON.stringify(list[props.name]),
+      keywords: keywords
+    });
+  }
+
   //监听下拉选择事件
   const onSelect = (value: any) => {
     // 发射选择的数据
     emits("update:value", value);
+    emits("change", value);
   };
 
-  //监听数据变化
-  watch(
-    () => props.value,
-    (val) => {
-      modelValue.value = val;
-      if (!val) {
-        data.value = dicData;
-      }
-    }
-  );
   return {
     data,
     modelValue,

package/src/components/select/dic-worker.ts

@@ -0,0 +1,23 @@
+/**
+ * 字典处理worker
+ */
+
+self.addEventListener(
+  "message",
+  function (e) {
+    const keyword = e.data.keywords || "";
+    const parseData = JSON.parse(e.data.list);
+    const filterRs = parseData.filter((item: any) => {
+      return (
+        item.value.toLowerCase().indexOf(keyword.toLowerCase()) !== -1 ||
+        item.label.toLowerCase().includes(keyword.toLowerCase())
+      );
+    });
+    if (filterRs.length === 0) {
+      self.postMessage(parseData.splice(0, 10));
+    } else {
+      self.postMessage(filterRs.splice(0, 10));
+    }
+  },
+  false
+);

package/src/components/select/index.ts

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

package/src/components/theme/variable.scss

@@ -15,7 +15,7 @@ $grid-input-error-border-color: #ff4d4f !default;
 $grid-input-border-width: 2px !default;
 // 网格边框宽度
 $gird-border-width: 1px !default;
-
+$gird-error-display: block !default;
 // show头部阴影
 $box-shadow-color: #e0e0e0 !default;
 

package/src/store/modules/NavTab.ts

@@ -50,9 +50,7 @@ export const useNavTabsStore = defineStore(NAV_TAB_ID, {
      * @param route
      */
     save(route: RouteLocationNormalized) {
-      const flag = this.list.some(
-        (item: INavTab) => item.fullPath === route.fullPath
-      );
+      const flag = this.list.some((item: INavTab) => item.path === route.path);
       if (flag) {
         return;
       }

package/src/store/modules/test/index.ts

@@ -0,0 +1,3 @@
+import { defineStore } from "pinia";
+
+export const useTestStore = defineStore("testid", {});

package/src/tsconfig.json

@@ -7,7 +7,8 @@
     "module": "ESNext",
     "skipLibCheck": true,
     "esModuleInterop": true,
-    "moduleResolution": "Node",
+    "declaration": true,
+    "moduleResolution": "node",
     "allowJs": true,
     "lib": ["esnext", "dom"],
     "types": ["pinia-plugin-persistedstate"],