@ditari/bsui 1.0.19 → 1.0.21

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"),D=require("pinia-plugin-persistedstate"),l=require("./components.cjs.js"),d=require("./table/index.cjs.js"),q=require("./select/index.cjs.js"),x=require("./desensitize/index.cjs.js"),$=require("./dic/index.cjs.js"),m=require("./modal/index.cjs.js"),S=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),e=require("./layout/index.cjs.js"),o=l,c=function(i,n){Object.keys(o).forEach(a=>{const s=o[a];s.install&&i.use(s)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),i.use(t),i.provide("menuIcon",n.menuIcon),console.log("options",n)},b={install:c};exports.DTable=d.DTable;exports.DSelect=q.DSelect;exports.DDesensitize=x.DDesensitize;exports.DicReplace=$.DDicReplace;exports.DModal=m.DModal;exports.DForm=S.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=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("pinia"),D=require("pinia-plugin-persistedstate"),d=require("./components.cjs.js"),l=require("../directive/trim.cjs.js"),q=require("./table/index.cjs.js"),m=require("./select/index.cjs.js"),x=require("./desensitize/index.cjs.js"),$=require("./dic/index.cjs.js"),S=require("./modal/index.cjs.js"),b=require("./form/index.cjs.js"),r=require("./grid/index.cjs.js"),i=require("./layout/index.cjs.js"),s=d,o=function(e,c){Object.keys(s).forEach(a=>{const n=s[a];n.install&&e.use(n)});const t=u.createPinia();t.use(D.createPersistedState({storage:sessionStorage})),e.use(t),e.directive("trim",l.default),e.provide("menuIcon",c.menuIcon)},f={install:o};exports.DTable=q.DTable;exports.DSelect=m.DSelect;exports.DDesensitize=x.DDesensitize;exports.DicReplace=$.DDicReplace;exports.DModal=S.DModal;exports.DForm=b.default;exports.DGrid=r.DGrid;exports.DGridItem=r.DGridItem;exports.DList=i.DList;exports.DMain=i.DMain;exports.DNavTabs=i.DNavTabs;exports.DShow=i.DShow;exports.default=f;exports.install=o;

package/dist/cjs/components/modal/Modal.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vueuse/core"),s=require("ant-design-vue"),v=require("../theme/index.cjs.js"),f=`${v.prefixName}-modal`,m=e.defineComponent({name:"DModal",props:{title:{type:String,default:""},visible:{type:Boolean,default:()=>!1},width:{type:Number,default:()=>800}},emits:["update:visible"],setup(u,{slots:t,emit:r}){const l=e.ref(!0),n=e.ref(0);e.watchEffect(()=>{l.value=u.visible,document.body.style.width=""});const i=e.ref(void 0);o.useResizeObserver(document.body,()=>{const{height:a}=o.useWindowSize();n.value=a.value<200?a.value:a.value-200,i.value={"max-height":n.value+"px"}});const d=()=>t.footer?t.footer&&(t==null?void 0:t.footer()):null,c=()=>{r("update:visible",l.value)};return()=>e.createVNode(e.Fragment,null,[e.createVNode(s.Modal,{visible:l.value,"onUpdate:visible":a=>l.value=a,title:u.title,centered:!0,"mask-closable":!1,wrapClassName:f,width:u.width,footer:d(),onCancel:c},{default:()=>e.createVNode("div",{class:["content"],style:i.value},[t.default&&t.default(n.value)])})])}});exports.default=m;

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, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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<{
     value: {
         type: __PropType<any>;
         required: true;

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, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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<{
     value: {
         type: import("vue").PropType<any>;
         required: true;

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

@@ -0,0 +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;

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

@@ -0,0 +1,4 @@
+declare const vTrim: {
+    mounted(el: HTMLInputElement): void;
+};
+export default vTrim;

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

@@ -1,41 +1,42 @@
-import { createPinia as i } from "pinia";
-import { createPersistedState as a } from "pinia-plugin-persistedstate";
+import { createPinia as m } from "pinia";
+import { createPersistedState as n } from "pinia-plugin-persistedstate";
 import * as c from "./components.esm.js";
-import { DTable as d } from "./table/index.esm.js";
-import { DSelect as S } from "./select/index.esm.js";
-import { DDesensitize as g } from "./desensitize/index.esm.js";
+import a from "../directive/trim.esm.js";
+import { DTable as v } from "./table/index.esm.js";
+import { DSelect as b } from "./select/index.esm.js";
+import { DDesensitize as T } from "./desensitize/index.esm.js";
 import { DDicReplace as h } from "./dic/index.esm.js";
-import { DModal as G } from "./modal/index.esm.js";
-import { default as P } from "./form/index.esm.js";
-import { DGrid as T, DGridItem as j } from "./grid/index.esm.js";
-import { DList as w, DMain as y, DNavTabs as z, DShow as E } from "./layout/index.esm.js";
-const s = c, m = function(o, e) {
-  Object.keys(s).forEach((n) => {
-    const r = s[n];
-    r.install && o.use(r);
+import { DModal as M } from "./modal/index.esm.js";
+import { default as R } from "./form/index.esm.js";
+import { DGrid as k, DGridItem as w } from "./grid/index.esm.js";
+import { DList as z, DMain as E, DNavTabs as F, DShow as L } from "./layout/index.esm.js";
+const r = c, f = function(e, i) {
+  Object.keys(r).forEach((s) => {
+    const t = r[s];
+    t.install && e.use(t);
   });
-  const t = i();
-  t.use(
-    a({
+  const o = m();
+  o.use(
+    n({
       storage: sessionStorage
     })
-  ), o.use(t), o.provide("menuIcon", e.menuIcon), console.log("options", e);
-}, p = {
-  install: m
+  ), e.use(o), e.directive("trim", a), e.provide("menuIcon", i.menuIcon);
+}, x = {
+  install: f
 };
 export {
-  g as DDesensitize,
-  P as DForm,
-  T as DGrid,
-  j as DGridItem,
-  w as DList,
-  y as DMain,
-  G as DModal,
-  z as DNavTabs,
-  S as DSelect,
-  E as DShow,
-  d as DTable,
+  T as DDesensitize,
+  R as DForm,
+  k as DGrid,
+  w as DGridItem,
+  z as DList,
+  E as DMain,
+  M as DModal,
+  F as DNavTabs,
+  b as DSelect,
+  L as DShow,
+  v as DTable,
   h as DicReplace,
-  p as default,
-  m as install
+  x as default,
+  f as install
 };

package/dist/esm/components/modal/Modal.esm.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, ref as i, watchEffect as v, createVNode as n, Fragment as c } from "vue";
+import { defineComponent as m, ref as i, watchEffect as c, createVNode as n, Fragment as v } from "vue";
 import { useResizeObserver as s, useWindowSize as p } from "@vueuse/core";
 import { Modal as b } from "ant-design-vue";
 import { prefixName as h } from "../theme/index.esm.js";
-const w = `${h}-modal`, N = /* @__PURE__ */ m({
+const y = `${h}-modal`, N = /* @__PURE__ */ m({
   name: "DModal",
   props: {
     title: {
@@ -21,11 +21,11 @@ const w = `${h}-modal`, N = /* @__PURE__ */ m({
   emits: ["update:visible"],
   setup(l, {
     slots: e,
-    emit: r
+    emit: d
   }) {
     const a = i(!0), o = i(0);
-    v(() => {
-      a.value = l.visible;
+    c(() => {
+      a.value = l.visible, document.body.style.width = "";
     });
     const u = i(void 0);
     s(document.body, () => {
@@ -36,18 +36,18 @@ const w = `${h}-modal`, N = /* @__PURE__ */ m({
         "max-height": o.value + "px"
       };
     });
-    const d = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
-      r("update:visible", a.value);
+    const r = () => e.footer ? e.footer && (e == null ? void 0 : e.footer()) : null, f = () => {
+      d("update:visible", a.value);
     };
-    return () => n(c, null, [n(b, {
+    return () => n(v, null, [n(b, {
       visible: a.value,
       "onUpdate:visible": (t) => a.value = t,
       title: l.title,
       centered: !0,
       "mask-closable": !1,
-      wrapClassName: w,
+      wrapClassName: y,
       width: l.width,
-      footer: d(),
+      footer: r(),
       onCancel: f
     }, {
       default: () => n("div", {

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, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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<{
     value: {
         type: __PropType<any>;
         required: true;

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, ("update:value" | "change")[], "update:value" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, 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<{
     value: {
         type: import("vue").PropType<any>;
         required: true;

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

@@ -0,0 +1,4 @@
+declare const vTrim: {
+    mounted(el: HTMLInputElement): void;
+};
+export default vTrim;

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

@@ -0,0 +1,10 @@
+const t = {
+  mounted(e) {
+    e.addEventListener("input", () => {
+      e.value = e.value.trim().replace(/\s+/g, "");
+    });
+  }
+};
+export {
+  t as default
+};

package/package.json

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

package/src/components/index.ts

@@ -5,6 +5,8 @@ import { createPersistedState } from "pinia-plugin-persistedstate";
 import * as components from "./components";
 export * from "./components";
 
+import vTrim from "../directive/trim";
+
 export interface MenuIcon {
   componentName: string | "nativeHtml";
   type: string;
@@ -30,8 +32,8 @@ export const install = function (app: App, opts: Options) {
     })
   );
   app.use(pinia);
+  app.directive("trim", vTrim);
   app.provide("menuIcon", opts.menuIcon);
-  console.log("options", opts);
 };
 
 export default {

package/src/components/modal/Modal.tsx

@@ -28,6 +28,8 @@ export default defineComponent({
     const maxHeight = ref(0);
     watchEffect(() => {
       modalVisible.value = props.visible;
+      // modal显示的时候 会自动添加宽度 禁止掉
+      document.body.style.width = "";
     });
 
     const contentStyle = ref<any>(undefined);

package/src/directive/trim.ts

@@ -0,0 +1,11 @@
+const vTrim = {
+  mounted(el: HTMLInputElement) {
+    // 监听 input 事件
+    el.addEventListener("input", () => {
+      // 修改 input 的值为去除空格后的值
+      el.value = el.value.trim().replace(/\s+/g, "");
+    });
+  }
+};
+
+export default vTrim;