@ditari/bsui 1.0.36 → 1.0.37

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

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

@@ -25,7 +25,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: any;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "select" | "update:value")[], "change" | "select" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: __PropType<any>;
         required: true;
@@ -53,6 +53,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     name: string;

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

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

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

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

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

@@ -25,7 +25,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: any;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:value")[], "change" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "select" | "update:value")[], "change" | "select" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: __PropType<any>;
         required: true;
@@ -53,6 +53,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     name: string;

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

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

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

@@ -1,10 +1,10 @@
-const l = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7dmFyIGk7Y29uc3QgbD10LmRhdGEua2V5d29yZHM/PyIiO2xldCBlPUpTT04ucGFyc2UoKChpPXQuZGF0YSk9PW51bGw/dm9pZCAwOmkubGlzdCl8fFtdKT8/W107Y29uc3QgYT1KU09OLnBhcnNlKHQuZGF0YS5pbmNsdWRlKTthLmxlbmd0aD4wJiYoZT1lLmZpbHRlcihzPT5hLnNvbWUobj0+bj09PXMudmFsdWUpKSk7Y29uc3Qgbz1lLmZpbHRlcihzPT5zLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihsLnRvTG93ZXJDYXNlKCkpIT09LTF8fHMubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsLnRvTG93ZXJDYXNlKCkpKTtvLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZShlLnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShvLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==", n = typeof window < "u" && window.Blob && new Blob([atob(l)], { type: "text/javascript;charset=utf-8" });
+const b = "KGZ1bmN0aW9uKCl7InVzZSBzdHJpY3QiO3NlbGYuYWRkRXZlbnRMaXN0ZW5lcigibWVzc2FnZSIsZnVuY3Rpb24odCl7dmFyIG87Y29uc3QgbD0odC5kYXRhLmtleXdvcmRzPz8iIikudHJpbSgpO2xldCBlPUpTT04ucGFyc2UoKChvPXQuZGF0YSk9PW51bGw/dm9pZCAwOm8ubGlzdCl8fFtdKT8/W107Y29uc3QgYT1KU09OLnBhcnNlKHQuZGF0YS5pbmNsdWRlKTthLmxlbmd0aD4wJiYoZT1lLmZpbHRlcihzPT5hLnNvbWUocj0+cj09PXMudmFsdWUpKSk7Y29uc3QgaT1lLmZpbHRlcihzPT5zLnZhbHVlLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihsLnRvTG93ZXJDYXNlKCkpIT09LTF8fHMubGFiZWwudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhsLnRvTG93ZXJDYXNlKCkpKTtpLmxlbmd0aD09PTA/c2VsZi5wb3N0TWVzc2FnZShlLnNwbGljZSgwLDEwKSk6c2VsZi5wb3N0TWVzc2FnZShpLnNwbGljZSgwLDEwKSl9LCExKX0pKCk7Cg==", n = typeof window < "u" && window.Blob && new Blob([atob(b)], { type: "text/javascript;charset=utf-8" });
 function c() {
-  const b = n && (window.URL || window.webkitURL).createObjectURL(n);
+  const l = n && (window.URL || window.webkitURL).createObjectURL(n);
   try {
-    return b ? new Worker(b) : new Worker("data:application/javascript;base64," + l);
+    return l ? new Worker(l) : new Worker("data:application/javascript;base64," + b);
   } finally {
-    b && (window.URL || window.webkitURL).revokeObjectURL(b);
+    l && (window.URL || window.webkitURL).revokeObjectURL(l);
   }
 }
 export {

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

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

package/package.json

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

package/src/components/select/Select.vue

@@ -24,6 +24,7 @@ const props = withDefaults(defineProps<Props>(), {
 interface Emits {
   (e: "update:value", value: any): void;
   (e: "change", value: any): void;
+  (e: "select", value: any): void;
 }
 const emits = defineEmits<Emits>();
 
@@ -104,6 +105,8 @@ function useSelect() {
   const onSelect = (value: any) => {
     // 发射选择的数据
     emits("update:value", value);
+    // 处理下拉后返回数据的
+    onSelectHandler();
   };
 
   // 监听数据改变
@@ -112,6 +115,16 @@ function useSelect() {
     emits("update:value", modelValue.value);
     emits("change", modelValue.value);
   };
+
+  /**
+   * 根据当前选中的value匹配对应的整条数据
+   * 然后返回给父组件
+   */
+  function onSelectHandler() {
+    const dicList = getDicByKey(props.name);
+    const rs = dicList.find((obj: any) => obj.value === modelValue.value);
+    emits("select", rs);
+  }
   return {
     data,
     modelValue,

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

@@ -6,7 +6,7 @@
 self.addEventListener(
   "message",
   function (e) {
-    const keyword = e.data.keywords ?? "";
+    const keyword = (e.data.keywords ?? "").trim();
     let dicList = JSON.parse(e.data?.list || []) ?? [];
     const include = JSON.parse(e.data.include);
     if (include.length > 0) {
@@ -15,6 +15,7 @@ self.addEventListener(
         return include.some((i: any) => i === item.value);
       });
     }
+
     const filterRs = dicList.filter((item: any) => {
       return (
         item.value.toLowerCase().indexOf(keyword.toLowerCase()) !== -1 ||