@ditari/bsui 1.0.23 → 1.0.24

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

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

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

package/package.json

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

package/src/components/select/Select.vue

@@ -64,6 +64,14 @@ function useSelect() {
     }
   );
 
+  // 监听value值的变化
+  watch(
+    () => props.value,
+    (val) => {
+      modelValue.value = val;
+    }
+  );
+
   // 首次创建的时候发送
   sendWorkerSearch(modelValue.value);