@ditari/bsui 1.0.52 → 1.0.54

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./form/index.cjs.js"),e=require("./layout/index.cjs.js"),r=require("./table/index.cjs.js"),i=require("./grid/index.cjs.js"),t=require("./select/index.cjs.js"),n=require("./desensitize/index.cjs.js"),s=require("./dic/index.cjs.js"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../utils/install.cjs.js"),D=require("./form/index.cjs.js"),e=require("./layout/index.cjs.js"),n=require("./table/index.cjs.js"),i=require("./grid/index.cjs.js"),s=require("./select/index.cjs.js"),o=require("./desensitize/index.cjs.js"),u=require("./dic/index.cjs.js"),c=require("./modal/index.cjs.js"),l=require("./select/DemoSelect.vue.cjs.js"),t=r.default(l.default);exports.DForm=D.default;exports.DList=e.DList;exports.DMain=e.DMain;exports.DNavTabs=e.DNavTabs;exports.DShow=e.DShow;exports.DTable=n.DTable;exports.DGrid=i.DGrid;exports.DGridItem=i.DGridItem;exports.DSelect=s.DSelect;exports.DDesensitize=o.DDesensitize;exports.DicReplace=u.DDicReplace;exports.DModal=c.DModal;exports.DemoSelect=t;exports.default=t;

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

@@ -6,3 +6,19 @@ export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
 export { default as DModal } from "./modal";
+export declare const DemoSelect: import("../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    name: string;
+}>>;
+export default DemoSelect;

package/dist/cjs/components/dic/DicReplace.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../store/modules/DataDictionary.cjs.js"),l=e.defineComponent({name:"DicReplace",props:{name:{type:String,default:""},value:{type:String,default:""}},setup(n){const{list:o}=u.useDataDicStore(),t=e.inject("workerInstance");console.log(t);const s=e.ref(!0),r=e.ref("");return t.onerror=()=>{s.value=!1},t.onmessage=a=>{r.value=a.data},e.watchEffect(()=>{const a=n.value,c=n.name;t.postMessage({list:JSON.stringify(o),name:c,value:a})}),()=>e.createVNode(e.Fragment,null,[r.value])}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("../../store/modules/DataDictionary.cjs.js"),c=e.defineComponent({name:"DicReplace",props:{name:{type:String,default:""},value:{type:String,default:""}},setup(o){const{list:n}=u.useDataDicStore(),s=e.ref(!0),a=e.ref(""),t=e.inject("repWorkerPool").getWorker();return t.onerror=()=>{s.value=!1},t.onmessage=r=>{a.value=r.data},e.watchEffect(()=>{const r=o.value,l=o.name;t.postMessage({list:JSON.stringify(n),name:l,value:r})}),()=>e.createVNode(e.Fragment,null,[a.value])}});exports.default=c;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("pinia"),D=require("pinia-plugin-persistedstate"),q=require("./dic/replace.worker.cjs.js"),f=require("./select/dic.worker.cjs.js"),m=require("./components.cjs.js"),x=require("../directive/trim.cjs.js"),$=require("./table/index.cjs.js"),v=require("./select/index.cjs.js"),w=require("./desensitize/index.cjs.js"),I=require("./dic/index.cjs.js"),S=require("./modal/index.cjs.js"),b=require("./form/index.cjs.js"),c=require("./grid/index.cjs.js"),i=require("./layout/index.cjs.js"),o=m;let n=null,r=null;const a=function(e,u){Object.keys(o).forEach(l=>{const s=o[l];s.install&&e.use(s)});const t=d.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),e.use(t),e.directive("trim",x.default),e.provide("menuIcon",u.menuIcon||{}),n||(n=new q.default,e.provide("workerInstance",n)),r||(r=new f.default,e.provide("workerInstance",r))},k={install:a};exports.DTable=$.DTable;exports.DSelect=v.DSelect;exports.DDesensitize=w.DDesensitize;exports.DicReplace=I.DDicReplace;exports.DModal=S.DModal;exports.DForm=b.default;exports.DGrid=c.DGrid;exports.DGridItem=c.DGridItem;exports.DList=i.DList;exports.DMain=i.DMain;exports.DNavTabs=i.DNavTabs;exports.DShow=i.DShow;exports.default=k;exports.install=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("pinia"),m=require("pinia-plugin-persistedstate"),s=require("./worker-pool.cjs.js"),f=require("./dic/replace.worker.cjs.js"),P=require("./select/dic.worker.cjs.js"),l=require("./components.cjs.js"),S=require("../directive/trim.cjs.js"),$=require("./table/index.cjs.js"),x=require("./select/index.cjs.js"),k=require("./desensitize/index.cjs.js"),v=require("./dic/index.cjs.js"),w=require("./modal/index.cjs.js"),b=require("./form/index.cjs.js"),u=require("./grid/index.cjs.js"),i=require("./layout/index.cjs.js"),c=l,a=function(e,d){Object.keys(c).forEach(D=>{const n=c[D];n.install&&e.use(n)});const r=q.createPinia();r.use(m.createPersistedState({storage:sessionStorage})),e.use(r),e.directive("trim",S.default),e.provide("menuIcon",d.menuIcon||{});const t=new s.default(P.default,2);t.initialize(),e.provide("dicWorkerPool",t);const o=new s.default(f.default,2);o.initialize(),e.provide("repWorkerPool",o)},M={install:a};exports.DemoSelect=l.DemoSelect;exports.DTable=$.DTable;exports.DSelect=x.DSelect;exports.DDesensitize=k.DDesensitize;exports.DicReplace=v.DDicReplace;exports.DModal=w.DModal;exports.DForm=b.default;exports.DGrid=u.DGrid;exports.DGridItem=u.DGridItem;exports.DList=i.DList;exports.DMain=i.DMain;exports.DNavTabs=i.DNavTabs;exports.DShow=i.DShow;exports.default=M;exports.install=a;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("../../store/modules/DataDictionary.cjs.js"),c={name:"DemoSelect"},u=e.defineComponent({...c,props:{name:{default:""}},setup(s){const n=s,t=e.inject("dicWorkerInstance"),o=e.ref([]);t.onmessage=a=>{o.value=a.data};const{list:r}=i.useDataDicStore();return e.onMounted(()=>{t.postMessage({list:JSON.stringify(r[n.name]),keywords:"",include:JSON.stringify([])})}),e.onUnmounted(()=>{t.terminate()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",null,e.toDisplayString(n.name)+" "+e.toDisplayString(o.value),1))}});exports.default=u;

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

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

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

@@ -0,0 +1,17 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    name: string;
+}>;
+export default _sfc_main;

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

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

package/dist/cjs/components/worker-pool.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class t{constructor(e,o){this.workerClass=e,this.poolSize=o,this.pool=[],this.activeWorkers=new Set}initialize(){for(let e=0;e<this.poolSize;e++){const o=new this.workerClass;this.pool.push(o)}}getWorker(){if(this.pool.length>0){const e=this.pool.pop();return this.activeWorkers.add(e),e}return null}releaseWorker(e){this.pool.push(e),this.activeWorkers.delete(e)}cleanup(){for(const e of this.activeWorkers)e.terminate();this.pool=[],this.activeWorkers.clear()}}exports.default=t;

package/dist/cjs/components/worker-pool.d.ts

@@ -0,0 +1,11 @@
+export default class WorkerPool {
+    constructor(workerClass: any, poolSize: any);
+    workerClass: any;
+    poolSize: any;
+    pool: any[];
+    activeWorkers: Set<any>;
+    initialize(): void;
+    getWorker(): any;
+    releaseWorker(worker: any): void;
+    cleanup(): void;
+}

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

@@ -6,3 +6,19 @@ export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
 export { default as DModal } from "./modal";
+export declare const DemoSelect: import("../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    name: string;
+}>>;
+export default DemoSelect;

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

@@ -1,22 +1,27 @@
-import { default as r } from "./form/index.esm.js";
-import { DList as t, DMain as a, DNavTabs as m, DShow as p } from "./layout/index.esm.js";
-import { DTable as i } from "./table/index.esm.js";
-import { DGrid as l, DGridItem as s } from "./grid/index.esm.js";
-import { DSelect as d } from "./select/index.esm.js";
-import { DDesensitize as n } from "./desensitize/index.esm.js";
+import o from "../utils/install.esm.js";
+import { default as f } from "./form/index.esm.js";
+import { DList as i, DMain as l, DNavTabs as s, DShow as x } from "./layout/index.esm.js";
+import { DTable as d } from "./table/index.esm.js";
+import { DGrid as S, DGridItem as b } from "./grid/index.esm.js";
+import { DSelect as u } from "./select/index.esm.js";
+import { DDesensitize as G } from "./desensitize/index.esm.js";
 import { DDicReplace as M } from "./dic/index.esm.js";
-import { DModal as S } from "./modal/index.esm.js";
+import { DModal as T } from "./modal/index.esm.js";
+import e from "./select/DemoSelect.vue.esm.js";
+const m = o(e);
 export {
-  n as DDesensitize,
-  r as DForm,
-  l as DGrid,
-  s as DGridItem,
-  t as DList,
-  a as DMain,
-  S as DModal,
-  m as DNavTabs,
-  d as DSelect,
-  p as DShow,
-  i as DTable,
-  M as DicReplace
+  G as DDesensitize,
+  f as DForm,
+  S as DGrid,
+  b as DGridItem,
+  i as DList,
+  l as DMain,
+  T as DModal,
+  s as DNavTabs,
+  u as DSelect,
+  x as DShow,
+  d as DTable,
+  m as DemoSelect,
+  M as DicReplace,
+  m as default
 };

package/dist/esm/components/dic/DicReplace.esm.js

@@ -1,6 +1,6 @@
-import { defineComponent as l, inject as u, ref as o, watchEffect as i, createVNode as f, Fragment as m } from "vue";
-import { useDataDicStore as p } from "../../store/modules/DataDictionary.esm.js";
-const v = /* @__PURE__ */ l({
+import { defineComponent as c, ref as a, inject as u, watchEffect as i, createVNode as p, Fragment as f } from "vue";
+import { useDataDicStore as m } from "../../store/modules/DataDictionary.esm.js";
+const v = /* @__PURE__ */ c({
   name: "DicReplace",
   props: {
     // 字典名称
@@ -14,24 +14,22 @@ const v = /* @__PURE__ */ l({
       default: ""
     }
   },
-  setup(a) {
+  setup(o) {
     const {
-      list: r
-    } = p(), e = u("workerInstance");
-    console.log(e);
-    const s = o(!0), n = o("");
+      list: n
+    } = m(), s = a(!0), r = a(""), e = u("repWorkerPool").getWorker();
     return e.onerror = () => {
       s.value = !1;
     }, e.onmessage = (t) => {
-      n.value = t.data;
+      r.value = t.data;
     }, i(() => {
-      const t = a.value, c = a.name;
+      const t = o.value, l = o.name;
       e.postMessage({
-        list: JSON.stringify(r),
-        name: c,
+        list: JSON.stringify(n),
+        name: l,
         value: t
       });
-    }), () => f(m, null, [n.value]);
+    }), () => p(f, null, [r.value]);
   }
 });
 export {

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

@@ -1,46 +1,51 @@
-import { createPinia as c } from "pinia";
-import { createPersistedState as a } from "pinia-plugin-persistedstate";
-import f from "./dic/replace.worker.esm.js";
+import { createPinia as a } from "pinia";
+import { createPersistedState as f } from "pinia-plugin-persistedstate";
+import m from "./worker-pool.esm.js";
+import p from "./dic/replace.worker.esm.js";
 import l from "./select/dic.worker.esm.js";
-import * as p from "./components.esm.js";
-import D from "../directive/trim.esm.js";
-import { DTable as b } from "./table/index.esm.js";
-import { DSelect as g } from "./select/index.esm.js";
-import { DDesensitize as G } from "./desensitize/index.esm.js";
-import { DDicReplace as P } from "./dic/index.esm.js";
-import { DModal as j } from "./modal/index.esm.js";
-import { default as z } from "./form/index.esm.js";
-import { DGrid as F, DGridItem as L } from "./grid/index.esm.js";
-import { DList as O, DMain as $, DNavTabs as q, DShow as A } from "./layout/index.esm.js";
-const n = p;
-let r = null, o = null;
-const d = function(e, s) {
-  Object.keys(n).forEach((m) => {
-    const i = n[m];
-    i.install && e.use(i);
+import * as D from "./components.esm.js";
+import { DemoSelect as I } from "./components.esm.js";
+import d from "../directive/trim.esm.js";
+import { DTable as g } from "./table/index.esm.js";
+import { DSelect as G } from "./select/index.esm.js";
+import { DDesensitize as R } from "./desensitize/index.esm.js";
+import { DDicReplace as y } from "./dic/index.esm.js";
+import { DModal as F } from "./modal/index.esm.js";
+import { default as N } from "./form/index.esm.js";
+import { DGrid as $, DGridItem as q } from "./grid/index.esm.js";
+import { DList as B, DMain as C, DNavTabs as H, DShow as J } from "./layout/index.esm.js";
+const n = D, x = function(o, s) {
+  Object.keys(n).forEach((c) => {
+    const i = n[c];
+    i.install && o.use(i);
   });
-  const t = c();
-  t.use(
-    a({
+  const r = a();
+  r.use(
+    f({
       storage: sessionStorage
     })
-  ), e.use(t), e.directive("trim", D), e.provide("menuIcon", s.menuIcon || {}), r || (r = new f(), e.provide("workerInstance", r)), o || (o = new l(), e.provide("workerInstance", o));
-}, W = {
-  install: d
+  ), o.use(r), o.directive("trim", d), o.provide("menuIcon", s.menuIcon || {});
+  const e = new m(l, 2);
+  e.initialize(), o.provide("dicWorkerPool", e);
+  const t = new m(p, 2);
+  t.initialize(), o.provide("repWorkerPool", t);
+}, w = {
+  install: x
 };
 export {
-  G as DDesensitize,
-  z as DForm,
-  F as DGrid,
-  L as DGridItem,
-  O as DList,
-  $ as DMain,
-  j as DModal,
-  q as DNavTabs,
-  g as DSelect,
-  A as DShow,
-  b as DTable,
-  P as DicReplace,
-  W as default,
-  d as install
+  R as DDesensitize,
+  N as DForm,
+  $ as DGrid,
+  q as DGridItem,
+  B as DList,
+  C as DMain,
+  F as DModal,
+  H as DNavTabs,
+  G as DSelect,
+  J as DShow,
+  g as DTable,
+  I as DemoSelect,
+  y as DicReplace,
+  w as default,
+  x as install
 };

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

@@ -0,0 +1,17 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: __PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {
+    name: string;
+}>;
+export default _sfc_main;

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

@@ -0,0 +1,29 @@
+import { defineComponent as c, inject as i, ref as l, onMounted as m, onUnmounted as u, openBlock as d, createElementBlock as p, toDisplayString as a } from "vue";
+import { useDataDicStore as f } from "../../store/modules/DataDictionary.esm.js";
+const _ = {
+  name: "DemoSelect"
+}, y = /* @__PURE__ */ c({
+  ..._,
+  props: {
+    name: { default: "" }
+  },
+  setup(s) {
+    const t = s, e = i("dicWorkerInstance"), n = l([]);
+    e.onmessage = (o) => {
+      n.value = o.data;
+    };
+    const { list: r } = f();
+    return m(() => {
+      e.postMessage({
+        list: JSON.stringify(r[t.name]),
+        keywords: "",
+        include: JSON.stringify([])
+      });
+    }), u(() => {
+      e.terminate();
+    }), (o, g) => (d(), p("div", null, a(t.name) + " " + a(n.value), 1));
+  }
+});
+export {
+  y as default
+};

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

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

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

@@ -1,9 +1,9 @@
-import { defineComponent as x, ref as v, inject as y, watch as h, resolveComponent as O, openBlock as V, createBlock as I, unref as o, isRef as J } from "vue";
-import { useDataDicStore as N } from "../../store/modules/DataDictionary.esm.js";
-const j = {
+import { defineComponent as x, inject as y, ref as v, watch as h, resolveComponent as O, openBlock as P, createBlock as V, unref as t, isRef as W } from "vue";
+import { useDataDicStore as J } from "../../store/modules/DataDictionary.esm.js";
+const N = {
   name: "DSelect"
-}, M = /* @__PURE__ */ x({
-  ...j,
+}, K = /* @__PURE__ */ x({
+  ...N,
   props: {
     value: { default: null },
     name: { default: "" },
@@ -12,15 +12,15 @@ const j = {
     include: { default: [] }
   },
   emits: ["update:value", "change", "select"],
-  setup(u, { emit: c }) {
-    const l = u, { getDicByKey: p, list: S } = N(), { modelValue: r, data: m, onSearch: g, onSelect: C, onChange: w } = L();
-    function L() {
-      let d = !0, n = [];
-      const t = v(n), a = v(l.value), i = y("workerInstance");
-      i.onerror = () => {
-        d = !1, n = p(l.name);
-      }, i.onmessage = (e) => {
-        t.value = [...e.data];
+  setup(s, { emit: c }) {
+    const l = s, { getDicByKey: p, list: S } = J(), u = y("dicWorkerPool").getWorker(), { modelValue: d, data: m, onSearch: g, onSelect: C, onChange: w } = k();
+    function k() {
+      let i = !0, o = [];
+      const n = v([]), a = v(l.value);
+      u.onerror = () => {
+        i = !1, o = p(l.name);
+      }, u.onmessage = (e) => {
+        n.value = e.data;
       }, h(
         () => l.include,
         () => {
@@ -32,51 +32,51 @@ const j = {
           a.value = e;
         }
       ), f(a.value);
-      const b = (e) => {
-        d ? f(e) : t.value = n.filter((s) => s.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || s.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10);
+      const L = (e) => {
+        i ? f(e) : n.list = o.filter((r) => r.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || r.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10);
       };
       function f(e) {
-        i.postMessage({
+        u.postMessage({
           list: JSON.stringify(S[l.name]),
           keywords: e,
           include: JSON.stringify(l.include ?? [])
         });
       }
-      const D = (e) => {
-        c("update:value", e), k();
-      }, _ = () => {
+      const b = (e) => {
+        c("update:value", e), _();
+      }, D = () => {
         c("update:value", a.value), c("change", a.value);
       };
-      function k() {
-        const s = p(l.name).find((B) => B.value === a.value);
-        c("select", s);
+      function _() {
+        const r = p(l.name).find((B) => B.value === a.value);
+        c("select", r);
       }
       return {
-        data: t,
+        data: n,
         modelValue: a,
-        onSearch: b,
-        onSelect: D,
-        onChange: _
+        onSearch: L,
+        onSelect: b,
+        onChange: D
       };
     }
-    return (d, n) => {
-      const t = O("a-select");
-      return V(), I(t, {
-        value: o(r),
-        "onUpdate:value": n[0] || (n[0] = (a) => J(r) ? r.value = a : null),
+    return (i, o) => {
+      const n = O("a-select");
+      return P(), V(n, {
+        value: t(d),
+        "onUpdate:value": o[0] || (o[0] = (a) => W(d) ? d.value = a : null),
         "allow-clear": "",
         "show-search": "",
         "filter-option": !1,
-        options: o(m),
-        placeholder: u.placeholder,
-        disabled: u.disabled,
-        onSelect: o(C),
-        onSearch: o(g),
-        onChange: o(w)
+        options: t(m),
+        placeholder: s.placeholder,
+        disabled: s.disabled,
+        onSelect: t(C),
+        onSearch: t(g),
+        onChange: t(w)
       }, null, 8, ["value", "options", "placeholder", "disabled", "onSelect", "onSearch", "onChange"]);
     };
   }
 });
 export {
-  M as default
+  K as default
 };

package/dist/esm/components/worker-pool.d.ts

@@ -0,0 +1,11 @@
+export default class WorkerPool {
+    constructor(workerClass: any, poolSize: any);
+    workerClass: any;
+    poolSize: any;
+    pool: any[];
+    activeWorkers: Set<any>;
+    initialize(): void;
+    getWorker(): any;
+    releaseWorker(worker: any): void;
+    cleanup(): void;
+}

package/dist/esm/components/worker-pool.esm.js

@@ -0,0 +1,29 @@
+class r {
+  constructor(e, o) {
+    this.workerClass = e, this.poolSize = o, this.pool = [], this.activeWorkers = /* @__PURE__ */ new Set();
+  }
+  initialize() {
+    for (let e = 0; e < this.poolSize; e++) {
+      const o = new this.workerClass();
+      this.pool.push(o);
+    }
+  }
+  getWorker() {
+    if (this.pool.length > 0) {
+      const e = this.pool.pop();
+      return this.activeWorkers.add(e), e;
+    }
+    return null;
+  }
+  releaseWorker(e) {
+    this.pool.push(e), this.activeWorkers.delete(e);
+  }
+  cleanup() {
+    for (const e of this.activeWorkers)
+      e.terminate();
+    this.pool = [], this.activeWorkers.clear();
+  }
+}
+export {
+  r as default
+};

package/package.json

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

package/src/components/components.ts

@@ -1,3 +1,5 @@
+import { withInstall } from "../utils";
+
 export { default as DForm } from "./form";
 export * from "./layout";
 export { default as DTable } from "./table";
@@ -6,3 +8,7 @@ export { default as DSelect } from "./select";
 export { default as DDesensitize } from "./desensitize";
 export { default as DicReplace } from "./dic";
 export { default as DModal } from "./modal";
+
+import Select from "./select/DemoSelect.vue";
+export const DemoSelect = withInstall(Select);
+export default DemoSelect;

package/src/components/dic/DicReplace.tsx

@@ -3,10 +3,10 @@
  * 根据字典名字及对应的value替换成中文或者人能看懂的文字
  * @author 余春林
  */
-import { defineComponent, ref, watchEffect, inject } from "vue";
+import { defineComponent, inject, ref, watchEffect } from "vue";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
-// import DicWorker from "./replace.worker?worker&inline";
+import DicWorker from "./replace.worker?worker&inline";
 import { useDataDicStore } from "../../store/modules/DataDictionary";
 
 export default defineComponent({
@@ -25,13 +25,12 @@ export default defineComponent({
   },
   setup(props) {
     const { list } = useDataDicStore();
-    const workerInstance: any = inject("workerInstance");
-    console.log(workerInstance);
+
     const workerStatus = ref(true);
     const dicValueTxt = ref<any>("");
-    // if (!workerInstance) {
-    //   workerInstance = new DicWorker();
-    // }
+    const repWorkerPool: any = inject("repWorkerPool");
+    // 获取worker
+    const workerInstance: any = repWorkerPool.getWorker();
     /**
      * web worker 启动失败
      */
@@ -43,6 +42,7 @@ export default defineComponent({
      * @param e
      */
     workerInstance.onmessage = (e: any) => {
+      // 赋值给下拉选择数据变量
       dicValueTxt.value = e.data;
     };
     watchEffect(() => {

package/src/components/index.ts

@@ -1,6 +1,7 @@
 import type { App } from "vue";
 import { createPinia } from "pinia";
 import { createPersistedState } from "pinia-plugin-persistedstate";
+import WorkerPool from "./worker-pool";
 
 import ReplaceWorker from "./dic/replace.worker?worker&inline";
 import DicWorker from "./select/dic.worker?worker&inline";
@@ -19,8 +20,6 @@ export interface Options {
   prop?: string;
 }
 const c: any = components;
-let replaceWorkerInstance: any = null;
-let dicWorkerInstance: any = null;
 
 export const install = function (app: App, opts: Options) {
   Object.keys(c).forEach((key) => {
@@ -40,14 +39,18 @@ export const install = function (app: App, opts: Options) {
   app.use(pinia);
   app.directive("trim", vTrim);
   app.provide("menuIcon", opts.menuIcon || {});
-  if (!replaceWorkerInstance) {
-    replaceWorkerInstance = new ReplaceWorker();
-    app.provide("workerInstance", replaceWorkerInstance);
-  }
-  if (!dicWorkerInstance) {
-    dicWorkerInstance = new DicWorker();
-    app.provide("workerInstance", dicWorkerInstance);
-  }
+
+  // 创建 Web Worker 连接池实例
+  const workerPool = new WorkerPool(DicWorker, 2); // 这里设置连接池的大小为 5
+  workerPool.initialize();
+  // 注入连接池实例
+  app.provide("dicWorkerPool", workerPool);
+  // 创建 Web Worker 连接池实例
+  const repWorkerPool = new WorkerPool(ReplaceWorker, 2); // 这里设置连接池的大小为 5
+  repWorkerPool.initialize();
+  // 注入连接池实例
+  app.provide("repWorkerPool", repWorkerPool);
+
 };
 
 export default {

package/src/components/select/DemoSelect.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, inject } from "vue";
+import { useDataDicStore } from "../../store/modules/DataDictionary";
+
+interface Props {
+  name: string; //字典名字
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  name: ""
+});
+
+const workerInstance: any = inject("dicWorkerInstance");
+
+const data = ref([]);
+
+// 监听 Web Worker 的消息
+workerInstance.onmessage = (event: any) => {
+  data.value = event.data;
+};
+const { list } = useDataDicStore();
+
+onMounted(() => {
+  workerInstance.postMessage({
+    list: JSON.stringify(list[props.name]),
+    keywords: "",
+    include: JSON.stringify([])
+  });
+});
+
+onUnmounted(() => {
+  // 组件销毁时终止 Web Worker
+  workerInstance.terminate();
+});
+
+// 其他组件逻辑...
+</script>
+<script lang="ts">
+export default {
+  name: "DemoSelect"
+};
+</script>
+<template>
+  <div>
+    {{ props.name }}
+    {{ data }}
+  </div>
+</template>
+<style scoped></style>

package/src/components/select/Select.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { inject, ref, watch } from "vue";
+import { inject, reactive, ref, watch } from "vue";
 import { useDataDicStore } from "../../store/modules/DataDictionary";
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
@@ -30,20 +30,20 @@ const emits = defineEmits<Emits>();
 
 const { getDicByKey, list } = useDataDicStore();
 
+const workerPool: any = inject("dicWorkerPool");
+// 获取worker
+const workerInstance: any = workerPool.getWorker();
+
 const { modelValue, data, onSearch, onSelect, onChange } = useSelect();
+
 function useSelect() {
   // 保存worker启动状态
   let workerStatus = true;
   let dicData: any[] = [];
-  const data = ref(dicData);
+  const data = ref<any>([]);
   // 取值
   const modelValue = ref(props.value);
-  // 获取worker
-  const workerInstance: any = inject("workerInstance");
-  // if (!workerInstance) {
-  //   console.log("一次");
-  //   workerInstance = new DicWorker();
-  // }
+
   /**
    * web worker 启动失败
    */
@@ -58,7 +58,7 @@ function useSelect() {
    */
   workerInstance.onmessage = (e: any) => {
     // 赋值给下拉选择数据变量
-    data.value = [...e.data];
+    data.value = e.data;
   };
 
   // 当include变化的时候，需要重新发送搜索事件 返回对应的下拉数据
@@ -85,7 +85,7 @@ function useSelect() {
     if (workerStatus) {
       sendWorkerSearch(keywords);
     } else {
-      data.value = dicData
+      data.list = dicData
         .filter((item: any) => {
           return (
             item.value.toLowerCase().indexOf(keywords.toLowerCase()) !== -1 ||

package/src/components/worker-pool.js

@@ -0,0 +1,39 @@
+// worker-pool.js
+
+export default class WorkerPool {
+  constructor(workerClass, poolSize) {
+    this.workerClass = workerClass;
+    this.poolSize = poolSize;
+    this.pool = [];
+    this.activeWorkers = new Set();
+  }
+
+  initialize() {
+    for (let i = 0; i < this.poolSize; i++) {
+      const worker = new this.workerClass();
+      this.pool.push(worker);
+    }
+  }
+
+  getWorker() {
+    if (this.pool.length > 0) {
+      const worker = this.pool.pop();
+      this.activeWorkers.add(worker);
+      return worker;
+    }
+    return null;
+  }
+
+  releaseWorker(worker) {
+    this.pool.push(worker);
+    this.activeWorkers.delete(worker);
+  }
+
+  cleanup() {
+    for (const worker of this.activeWorkers) {
+      worker.terminate();
+    }
+    this.pool = [];
+    this.activeWorkers.clear();
+  }
+}