@ditari/bsui 1.0.21 → 1.0.22

package/dist/cjs/components/table/Table.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),S=require("ant-design-vue"),N=require("../../utils/html.cjs.js"),$=require("../theme/index.cjs.js"),A=()=>({data:{type:Object,required:!0},height:{type:Number,default:300},keys:Array,rowKey:{type:String,required:!0,default:"id"},loading:{type:Boolean,default:!1},pagination:{type:Object,default:()=>({})},config:{type:Object,default:()=>({})}}),y={defaultPageSize:20,hideOnSinglePage:!1,pageSizeOptions:["10","20","30","40"],responsive:!0,showQuickJumper:!0,showLessItems:!0,showTotal:a=>`总共 ${a} 条`},T=`${$.prefixName}-pagination`,J=n.defineComponent({name:"DTable",props:A(),emits:["update:keys"],setup:function(a,{emit:b,slots:p}){const e=n.ref(a.keys),P=n.computed(()=>a.data),R=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.columns)??[]}),f=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.pagination)??{}}),{tableRef:z,tableRootRef:x,tableHeight:E,onPageChange:O,onRowClassName:q}=H();function H(){const{rowClassName:t,keepSelected:l,selection:h,onPageChange:c}=a.config,r=n.ref(),o=n.ref(null),u=n.ref(),i=n.ref(null),g=v=>{var d,C;try{const m=(d=o==null?void 0:o.value)==null?void 0:d.$el,V=N.useEleHeight(m.getElementsByClassName("ant-table-header")[0]);let k=0;if(a.config.pagination){const _=(C=r.value)==null?void 0:C.getElementsByClassName(T)[0];k=N.useEleHeight(_)??0}u.value=v-(V+k),m.getElementsByClassName("ant-table-body")[0].style.height=u.value-10+"px",i.value=m.getElementsByClassName("ant-table-body")[0]}catch(m){console.warn(m)}};return n.watchEffect(()=>{a.height!==0&&n.nextTick(()=>{g(a.height)})}),{tableRef:o,tableRootRef:r,tableHeight:u,onPageChange:(v,d)=>{c&&c({page:v,size:d}),i.value.scrollTop=0,(h==="S"||!l)&&(e.value=[],b("update:keys",e.value))},onRowClassName:(v,d)=>t?t(v,d):void 0}}const B=j();function j(){const{rowKey:t,config:{selection:l,getCheckboxProps:h}}=a;if(l==="N")return;const c=(o,u)=>{l==="S"?(e.value=[],e.value=u?[o[t]]:[]):e.value=u?e.value.concat(o[t]):e.value.filter(i=>i!==o[t]),b("update:keys",e.value)},r=(o,u,i)=>{const g=i.map(s=>s[t]);e.value=o?e.value.concat(g):e.value.filter(s=>!g.includes(s)),b("update:keys",e.value)};return n.watch(()=>a.keys,o=>{e.value=o}),{selectedRowKeys:e,onSelect:c,onSelectAll:r,fixed:!0,columnTitle:l==="S"?"选择":null,columnWidth:l==="S"?60:40,getCheckboxProps:h}}const D=K();function K(){return t=>{let l;const{rowKey:h,config:{click:c,dbClick:r,selection:o,getCheckboxProps:u}}=a,i=t[h],g=()=>{if(o==="N")return;e.value.some(w=>w===i)?e.value=e.value.filter(w=>w!==i):(o==="S"&&(e.value=[]),e.value.push(i)),b("update:keys",e.value)};return{onClick:()=>{const s=u?u(t):null;s&&s.value===i||(clearTimeout(l),l=setTimeout(()=>{g(),c&&c(t)},200))},onDblclick:()=>{clearTimeout(l),r&&r(t)}}}}return()=>{var t;return n.createVNode("div",{ref:x},[n.createVNode(S.Table,{ref:z,"row-key":a.rowKey,bordered:a.config.bordered,columns:R.value,dataSource:P.value,loading:a.loading,size:((t=a.config)==null?void 0:t.size)??"small",scroll:{scrollToFirstRowOnChange:!0,x:"100%",y:E.value+"px"},pagination:!1,customRow:D,rowSelection:B,rowClassName:q},{bodyCell:({column:l})=>{if(l.slot==="action")return n.createVNode(S.Space,null,{default:()=>[p.action&&p.action()]})}}),n.withDirectives(n.createVNode(S.Pagination,{class:[T],current:f.value.current,"onUpdate:current":l=>f.value.current=l,pageSize:f.value.pageSize,"onUpdate:pageSize":l=>f.value.pageSize=l,disabled:a.loading,"show-size-changer":!0,size:"default","hide-on-single-page":y.hideOnSinglePage,"show-quick-jumper":y.showQuickJumper,"default-page-size":y.defaultPageSize,"page-size-options":y.pageSizeOptions,"show-total":y.showTotal,total:f.value.total,onChange:O},null),[[n.vShow,a.config.pagination]])])}}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),S=require("ant-design-vue"),N=require("../../utils/html.cjs.js"),$=require("../theme/index.cjs.js"),A=()=>({data:{type:Object,required:!0},height:{type:Number,default:300},keys:Array,rowKey:{type:String,default:"id"},loading:{type:Boolean,default:!1},pagination:{type:Object,default:()=>({})},config:{type:Object,default:()=>({})}}),y={defaultPageSize:20,hideOnSinglePage:!1,pageSizeOptions:["10","20","30","40"],responsive:!0,showQuickJumper:!0,showLessItems:!0,showTotal:a=>`总共 ${a} 条`},T=`${$.prefixName}-pagination`,J=n.defineComponent({name:"DTable",props:A(),emits:["update:keys"],setup:function(a,{emit:b,slots:p}){const e=n.ref(a.keys),P=n.computed(()=>a.data),R=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.columns)??[]}),f=n.computed(()=>{var t;return((t=a.config)==null?void 0:t.pagination)??{}}),{tableRef:z,tableRootRef:x,tableHeight:E,onPageChange:O,onRowClassName:H}=q();function q(){const{rowClassName:t,keepSelected:l,selection:h,onPageChange:c}=a.config,r=n.ref(),o=n.ref(null),u=n.ref(),i=n.ref(null),g=v=>{var d,C;try{const m=(d=o==null?void 0:o.value)==null?void 0:d.$el,V=N.useEleHeight(m.getElementsByClassName("ant-table-header")[0]);let k=0;if(a.config.pagination){const _=(C=r.value)==null?void 0:C.getElementsByClassName(T)[0];k=N.useEleHeight(_)??0}u.value=v-(V+k),m.getElementsByClassName("ant-table-body")[0].style.height=u.value-10+"px",i.value=m.getElementsByClassName("ant-table-body")[0]}catch(m){console.warn(m)}};return n.watchEffect(()=>{a.height!==0&&n.nextTick(()=>{g(a.height)})}),{tableRef:o,tableRootRef:r,tableHeight:u,onPageChange:(v,d)=>{c&&c({page:v,size:d}),i.value.scrollTop=0,(h==="S"||!l)&&(e.value=[],b("update:keys",e.value))},onRowClassName:(v,d)=>t?t(v,d):void 0}}const B=j();function j(){const{rowKey:t,config:{selection:l,getCheckboxProps:h}}=a;if(l==="N")return;const c=(o,u)=>{l==="S"?(e.value=[],e.value=u?[o[t]]:[]):e.value=u?e.value.concat(o[t]):e.value.filter(i=>i!==o[t]),b("update:keys",e.value)},r=(o,u,i)=>{const g=i.map(s=>s[t]);e.value=o?e.value.concat(g):e.value.filter(s=>!g.includes(s)),b("update:keys",e.value)};return n.watch(()=>a.keys,o=>{e.value=o}),{selectedRowKeys:e,onSelect:c,onSelectAll:r,fixed:!0,columnTitle:l==="S"?"选择":null,columnWidth:l==="S"?60:40,getCheckboxProps:h}}const D=K();function K(){return t=>{let l;const{rowKey:h,config:{click:c,dbClick:r,selection:o,getCheckboxProps:u}}=a,i=t[h],g=()=>{if(o==="N")return;e.value.some(w=>w===i)?e.value=e.value.filter(w=>w!==i):(o==="S"&&(e.value=[]),e.value.push(i)),b("update:keys",e.value)};return{onClick:()=>{const s=u?u(t):null;s&&s.value===i||(clearTimeout(l),l=setTimeout(()=>{g(),c&&c(t)},200))},onDblclick:()=>{clearTimeout(l),r&&r(t)}}}}return()=>{var t;return n.createVNode("div",{ref:x},[n.createVNode(S.Table,{ref:z,"row-key":a.rowKey,bordered:a.config.bordered,columns:R.value,dataSource:P.value,loading:a.loading,size:((t=a.config)==null?void 0:t.size)??"small",scroll:{scrollToFirstRowOnChange:!0,x:"100%",y:E.value+"px"},pagination:!1,customRow:D,rowSelection:B,rowClassName:H},{bodyCell:({column:l})=>{if(l.slot==="action")return n.createVNode(S.Space,null,{default:()=>[p.action&&p.action()]})}}),n.withDirectives(n.createVNode(S.Pagination,{class:[T],current:f.value.current,"onUpdate:current":l=>f.value.current=l,pageSize:f.value.pageSize,"onUpdate:pageSize":l=>f.value.pageSize=l,disabled:a.loading,"show-size-changer":!0,size:"default","hide-on-single-page":y.hideOnSinglePage,"show-quick-jumper":y.showQuickJumper,"default-page-size":y.defaultPageSize,"page-size-options":y.pageSizeOptions,"show-total":y.showTotal,total:f.value.total,onChange:O},null),[[n.vShow,a.config.pagination]])])}}});exports.default=J;

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

@@ -15,7 +15,6 @@ declare const DXTable: import("vue").DefineComponent<{
     keys: PropType<Key[] | undefined>;
     rowKey: {
         type: PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {
@@ -42,7 +41,6 @@ declare const DXTable: import("vue").DefineComponent<{
     keys: PropType<Key[] | undefined>;
     rowKey: {
         type: PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {

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

@@ -10,7 +10,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
         type: import("vue").PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {
@@ -37,7 +36,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
         type: import("vue").PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {

package/dist/cjs/directive/trim.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={mounted(e){e.addEventListener("input",()=>{e.value=e.value.trim().replace(/\s+/g,"")})}};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o={mounted(u,e){u.addEventListener("input",()=>{var t,l;const a=u.value.trim().replace(/\s+/g,"");u.value=a,e.value=a,(l=(t=e==null?void 0:e.instance)==null?void 0:t.$emit)==null||l.call(t,"update:modelValue",a)})}};exports.default=o;

package/dist/cjs/directive/trim.d.ts

@@ -1,4 +1,5 @@
+import { DirectiveBinding } from "vue";
 declare const vTrim: {
-    mounted(el: HTMLInputElement): void;
+    mounted(el: HTMLInputElement, binding: DirectiveBinding<any>): void;
 };
 export default vTrim;

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

@@ -15,7 +15,6 @@ declare const DXTable: import("vue").DefineComponent<{
     keys: PropType<Key[] | undefined>;
     rowKey: {
         type: PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {
@@ -42,7 +41,6 @@ declare const DXTable: import("vue").DefineComponent<{
     keys: PropType<Key[] | undefined>;
     rowKey: {
         type: PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {

package/dist/esm/components/table/Table.esm.js

@@ -14,7 +14,6 @@ const M = () => ({
   keys: Array,
   rowKey: {
     type: String,
-    required: !0,
     default: "id"
   },
   loading: {
@@ -66,10 +65,10 @@ const M = () => ({
         keepSelected: n,
         selection: d,
         onPageChange: s
-      } = a.config, c = v(), o = v(null), i = v(), l = v(null), r = (h) => {
-        var g, k;
+      } = a.config, c = v(), o = v(null), i = v(), l = v(null), g = (h) => {
+        var r, k;
         try {
-          const m = (g = o == null ? void 0 : o.value) == null ? void 0 : g.$el, A = R(m.getElementsByClassName("ant-table-header")[0]);
+          const m = (r = o == null ? void 0 : o.value) == null ? void 0 : r.$el, A = R(m.getElementsByClassName("ant-table-header")[0]);
           let N = 0;
           if (a.config.pagination) {
             const J = (k = c.value) == null ? void 0 : k.getElementsByClassName(T)[0];
@@ -82,19 +81,19 @@ const M = () => ({
       };
       return U(() => {
         a.height !== 0 && F(() => {
-          r(a.height);
+          g(a.height);
         });
       }), {
         tableRef: o,
         tableRootRef: c,
         tableHeight: i,
-        onPageChange: (h, g) => {
+        onPageChange: (h, r) => {
           s && s({
             page: h,
-            size: g
+            size: r
           }), l.value.scrollTop = 0, (d === "S" || !n) && (e.value = [], w("update:keys", e.value));
         },
-        onRowClassName: (h, g) => t ? t(h, g) : void 0
+        onRowClassName: (h, r) => t ? t(h, r) : void 0
       };
     }
     const j = D();
@@ -111,8 +110,8 @@ const M = () => ({
       const s = (o, i) => {
         n === "S" ? (e.value = [], e.value = i ? [o[t]] : []) : e.value = i ? e.value.concat(o[t]) : e.value.filter((l) => l !== o[t]), w("update:keys", e.value);
       }, c = (o, i, l) => {
-        const r = l.map((u) => u[t]);
-        e.value = o ? e.value.concat(r) : e.value.filter((u) => !r.includes(u)), w("update:keys", e.value);
+        const g = l.map((u) => u[t]);
+        e.value = o ? e.value.concat(g) : e.value.filter((u) => !g.includes(u)), w("update:keys", e.value);
       };
       return I(() => a.keys, (o) => {
         e.value = o;
@@ -126,8 +125,8 @@ const M = () => ({
         getCheckboxProps: d
       };
     }
-    const q = $();
-    function $() {
+    const $ = q();
+    function q() {
       return (t) => {
         let n;
         const {
@@ -138,7 +137,7 @@ const M = () => ({
             selection: o,
             getCheckboxProps: i
           }
-        } = a, l = t[d], r = () => {
+        } = a, l = t[d], g = () => {
           if (o === "N")
             return;
           e.value.some((p) => p === l) ? e.value = e.value.filter((p) => p !== l) : (o === "S" && (e.value = []), e.value.push(l)), w("update:keys", e.value);
@@ -147,7 +146,7 @@ const M = () => ({
           onClick: () => {
             const u = i ? i(t) : null;
             u && u.value === l || (clearTimeout(n), n = setTimeout(() => {
-              r(), s && s(t);
+              g(), s && s(t);
             }, 200));
           },
           // 点击行
@@ -184,7 +183,7 @@ const M = () => ({
           y: O.value + "px"
         },
         pagination: !1,
-        customRow: q,
+        customRow: $,
         rowSelection: j,
         rowClassName: H
       }, {

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

@@ -10,7 +10,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
         type: import("vue").PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {
@@ -37,7 +36,6 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     keys: import("vue").PropType<import("./interface/table").Key[] | undefined>;
     rowKey: {
         type: import("vue").PropType<string>;
-        required: boolean;
         default: string;
     };
     loading: {

package/dist/esm/directive/trim.d.ts

@@ -1,4 +1,5 @@
+import { DirectiveBinding } from "vue";
 declare const vTrim: {
-    mounted(el: HTMLInputElement): void;
+    mounted(el: HTMLInputElement, binding: DirectiveBinding<any>): void;
 };
 export default vTrim;

package/dist/esm/directive/trim.esm.js

@@ -1,10 +1,19 @@
-const t = {
-  mounted(e) {
-    e.addEventListener("input", () => {
-      e.value = e.value.trim().replace(/\s+/g, "");
+const s = {
+  // mounted(el: HTMLInputElement) {
+  //   // 监听 input 事件
+  //   el.addEventListener("input", () => {
+  //     // 修改 input 的值为去除空格后的值
+  //     el.value = el.value.trim().replace(/\s+/g, "");
+  //   });
+  // },
+  mounted(a, e) {
+    a.addEventListener("input", () => {
+      var t, l;
+      const u = a.value.trim().replace(/\s+/g, "");
+      a.value = u, e.value = u, (l = (t = e == null ? void 0 : e.instance) == null ? void 0 : t.$emit) == null || l.call(t, "update:modelValue", u);
     });
   }
 };
 export {
-  t as default
+  s as default
 };

package/package.json

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

package/src/components/table/Table.tsx

@@ -28,7 +28,6 @@ const tableProps = () => {
     keys: Array as PropType<TableProps["keys"]>,
     rowKey: {
       type: String as PropType<TableProps["rowKey"]>,
-      required: true,
       default: "id"
     },
     loading: {

package/src/directive/trim.ts

@@ -1,9 +1,19 @@
+import { DirectiveBinding } from "vue";
+
 const vTrim = {
-  mounted(el: HTMLInputElement) {
-    // 监听 input 事件
+  // mounted(el: HTMLInputElement) {
+  //   // 监听 input 事件
+  //   el.addEventListener("input", () => {
+  //     // 修改 input 的值为去除空格后的值
+  //     el.value = el.value.trim().replace(/\s+/g, "");
+  //   });
+  // },
+  mounted(el: HTMLInputElement, binding: DirectiveBinding<any>) {
     el.addEventListener("input", () => {
-      // 修改 input 的值为去除空格后的值
-      el.value = el.value.trim().replace(/\s+/g, "");
+      const value = el.value.trim().replace(/\s+/g, "");
+      el.value = value;
+      binding.value = value;
+      binding?.instance?.$emit?.("update:modelValue", value);
     });
   }
 };