@ditari/bsui 1.1.3 → 1.1.4

package/dist/esm/components/layout/Main.vue.esm.js

@@ -1,97 +1,97 @@
-import { defineComponent as $, computed as f, provide as x, resolveComponent as n, openBlock as a, createElementBlock as B, Fragment as A, createVNode as t, withCtx as i, unref as e, isRef as M, createElementVNode as o, renderSlot as p, normalizeStyle as y, createBlock as c, Transition as z, KeepAlive as L, resolveDynamicComponent as N } from "vue";
-import { MenuUnfoldOutlined as O, MenuFoldOutlined as D } from "@ant-design/icons-vue";
+import { defineComponent as $, computed as f, provide as x, resolveComponent as s, openBlock as a, createElementBlock as B, Fragment as A, createVNode as t, withCtx as o, createElementVNode as e, renderSlot as c, unref as n, normalizeStyle as y, createBlock as u, Transition as M, KeepAlive as z, resolveDynamicComponent as L } from "vue";
+import { MenuUnfoldOutlined as N, MenuFoldOutlined as O } from "@ant-design/icons-vue";
 import "../../store/modules/Breadcrumb.esm.js";
 import "../../store/modules/DataDictionary.esm.js";
-import E from "../../store/modules/KeepAlive.esm.js";
+import D from "../../store/modules/KeepAlive.esm.js";
 import "../../store/modules/Menu.esm.js";
 import "../../store/modules/NavTab.esm.js";
-import F from "../../store/modules/Settings.esm.js";
+import E from "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
-import K from "./NavTabs.vue.esm.js";
-import R from "./Breadcrumb.vue.esm.js";
+import F from "./NavTabs.vue.esm.js";
+import K from "./Breadcrumb.vue.esm.js";
 import U from "../menu/Menu.esm.js";
-const V = { class: "ditari-logo" }, T = { class: "ditari-menu" }, j = { class: "ditari-layout-header" }, q = { class: "ditari-layout-header-left" }, G = { class: "ditari-user-menu" }, H = {
+const V = { class: "ditari-logo" }, R = { class: "ditari-menu" }, T = { class: "ditari-layout-header" }, j = { class: "ditari-layout-header-left" }, q = { class: "ditari-user-menu" }, G = {
   name: "DMainLayout"
-}, it = /* @__PURE__ */ $({
-  ...H,
+}, lt = /* @__PURE__ */ $({
+  ...G,
   props: {
     showConfig: { default: { backBtn: "LeftOutlined" } },
     breadcrumbStatus: { type: Boolean }
   },
   setup(v) {
-    const g = v, h = E(), k = f(() => h.get), u = F(), { switchCollapsed: m } = u, l = f(() => u.getCollapsed);
+    const g = v, h = D(), k = f(() => h.get), p = E(), { switchCollapsed: m } = p, l = f(() => p.getCollapsed);
     return x("showConfig", g.showConfig), (r, d) => {
-      const b = n("a-layout-sider"), C = n("router-view"), w = n("a-layout-content"), _ = n("a-layout"), S = n("a-back-top");
+      const b = s("a-layout-sider"), C = s("router-view"), w = s("a-layout-content"), _ = s("a-layout"), S = s("a-back-top");
       return a(), B(A, null, [
         t(_, { class: "ditari-layout" }, {
-          default: i(() => [
+          default: o(() => [
             t(b, {
-              collapsed: e(l),
-              "onUpdate:collapsed": d[0] || (d[0] = (s) => M(l) ? l.value = s : null),
+              collapsed: l.value,
+              "onUpdate:collapsed": d[0] || (d[0] = (i) => l.value = i),
               trigger: null,
               collapsible: "",
               class: "ditari-layout-sider"
             }, {
-              default: i(() => [
-                o("div", null, [
-                  o("div", V, [
-                    p(r.$slots, "logo")
+              default: o(() => [
+                e("div", null, [
+                  e("div", V, [
+                    c(r.$slots, "logo")
                   ]),
-                  o("div", T, [
-                    t(e(U))
+                  e("div", R, [
+                    t(n(U))
                   ])
                 ])
               ]),
               _: 3
             }, 8, ["collapsed"]),
             t(_, null, {
-              default: i(() => [
-                o("div", {
+              default: o(() => [
+                e("div", {
                   class: "ditari-top-layout",
-                  style: y({ left: e(l) ? "80px" : "200px" })
+                  style: y({ left: l.value ? "80px" : "200px" })
                 }, [
-                  t(K),
-                  o("div", j, [
-                    o("div", q, [
-                      o("div", {
+                  t(F),
+                  e("div", T, [
+                    e("div", j, [
+                      e("div", {
                         class: "ditari-side-collapsed",
                         onClick: d[1] || (d[1] = //@ts-ignore
-                        (...s) => e(m) && e(m)(...s))
+                        (...i) => n(m) && n(m)(...i))
                       }, [
-                        e(l) ? (a(), c(e(O), {
+                        l.value ? (a(), u(n(N), {
                           key: 0,
                           class: "trigger",
                           style: { "font-size": "16px", "font-weight": "bold", cursor: "pointer" }
-                        })) : (a(), c(e(D), {
+                        })) : (a(), u(n(O), {
                           key: 1,
                           style: { "font-size": "16px", "font-weight": "bold", cursor: "pointer" }
                         }))
                       ]),
-                      t(R)
+                      t(K)
                     ]),
-                    o("div", G, [
-                      p(r.$slots, "operation")
+                    e("div", q, [
+                      c(r.$slots, "operation")
                     ])
                   ])
                 ], 4),
                 t(w, {
                   class: "ditari-layout-content",
-                  style: y({ marginLeft: e(l) ? "80px" : "200px" })
+                  style: y({ marginLeft: l.value ? "80px" : "200px" })
                 }, {
-                  default: i(() => [
+                  default: o(() => [
                     t(C, null, {
-                      default: i(({ Component: s }) => [
-                        t(z, {
+                      default: o(({ Component: i }) => [
+                        t(M, {
                           name: "main",
                           mode: "out-in",
                           appear: ""
                         }, {
-                          default: i(() => [
-                            (a(), c(L, {
+                          default: o(() => [
+                            (a(), u(z, {
                               ref: "keepAliveRef",
-                              include: e(k)
+                              include: k.value
                             }, [
-                              (a(), c(N(s), {
+                              (a(), u(L(i), {
                                 key: r.$route.path
                               }))
                             ], 1032, ["include"]))
@@ -101,7 +101,7 @@ const V = { class: "ditari-logo" }, T = { class: "ditari-menu" }, j = { class: "
                       ]),
                       _: 1
                     }),
-                    p(r.$slots, "micro")
+                    c(r.$slots, "micro")
                   ]),
                   _: 3
                 }, 8, ["style"])
@@ -120,5 +120,5 @@ const V = { class: "ditari-logo" }, T = { class: "ditari-menu" }, j = { class: "
   }
 });
 export {
-  it as default
+  lt as default
 };

package/dist/esm/components/layout/NavTabs.vue.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as P, computed as x, ref as w, watchEffect as A, watch as B, resolveComponent as d, openBlock as l, createElementBlock as p, normalizeClass as h, createVNode as _, withCtx as b, Fragment as E, renderList as R, unref as C, createBlock as V, createElementVNode as k, toDisplayString as q, createCommentVNode as D } from "vue";
+import { defineComponent as T, computed as P, ref as x, watchEffect as w, watch as A, resolveComponent as d, openBlock as l, createElementBlock as p, normalizeClass as h, createVNode as _, withCtx as b, Fragment as B, renderList as E, createBlock as R, createElementVNode as C, toDisplayString as V, unref as q, createCommentVNode as D } from "vue";
 import { useRoute as L, useRouter as M } from "vue-router";
 import { CloseOutlined as O } from "@ant-design/icons-vue";
 import { storeToRefs as z } from "pinia";
@@ -10,18 +10,18 @@ import $ from "../../store/modules/NavTab.esm.js";
 import "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
 import { prefixName as j } from "../theme/index.esm.js";
-const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
+const G = /* @__PURE__ */ C("div", { class: "tab-dividers" }, null, -1), H = {
   key: 0,
   class: "tab-close"
 }, I = {
   name: "DNavTabs"
-}, le = /* @__PURE__ */ P({
+}, le = /* @__PURE__ */ T({
   ...I,
   setup(J) {
-    const n = L(), m = M(), u = $(), v = F(), y = U(), N = `${j}-nav`, o = x(() => u.getList), { selectedMenuKeys: c } = z(y), r = w("");
-    A(() => {
+    const n = L(), m = M(), u = $(), v = F(), k = U(), y = `${j}-nav`, o = P(() => u.getList), { selectedMenuKeys: c } = z(k), r = x("");
+    w(() => {
       r.value = c.value.length > 0 ? c.value[0] : "";
-    }), f(), B(
+    }), f(), A(
       () => n.path,
       () => {
         f();
@@ -30,7 +30,7 @@ const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
     function f() {
       u.save(n), c.value = [n.path], v.save(n);
     }
-    const S = (t) => {
+    const N = (t) => {
       if (t !== n.path) {
         const e = o.value.filter((s) => s.path === t)[0];
         m.push({
@@ -40,36 +40,36 @@ const G = /* @__PURE__ */ k("div", { class: "tab-dividers" }, null, -1), H = {
           fullPath: e.fullPath
         });
       }
-    }, g = (t, e) => {
+    }, S = (t, e) => {
       const s = o.value.find((i) => i.fullPath === e);
       t.stopPropagation(), u.deleteTabs(e), m.push(o.value[o.value.length - 1].fullPath), s.name && v.deleteKeepAlive(s.name);
-    }, K = (t) => {
+    }, g = (t) => {
       var e;
       return (e = t.meta) != null && e.keepOpen ? !1 : o.value.length !== 1;
     };
     return (t, e) => {
       const s = d("a-tab-pane"), i = d("a-tabs");
       return l(), p("div", {
-        class: h(N)
+        class: h(y)
       }, [
         _(i, {
           activeKey: r.value,
           "onUpdate:activeKey": e[0] || (e[0] = (a) => r.value = a),
           type: "card",
-          onTabClick: S
+          onTabClick: N
         }, {
           default: b(() => [
-            (l(!0), p(E, null, R(C(o), (a) => (l(), V(s, {
+            (l(!0), p(B, null, E(o.value, (a) => (l(), R(s, {
               key: a.path
             }, {
               tab: b(() => [
                 G,
-                k("div", {
+                C("div", {
                   class: h(["tab-item", { active: r.value === a.path }])
-                }, q(a.meta.title), 3),
-                K(a) ? (l(), p("div", H, [
-                  _(C(O), {
-                    onClick: (T) => g(T, a.fullPath)
+                }, V(a.meta.title), 3),
+                g(a) ? (l(), p("div", H, [
+                  _(q(O), {
+                    onClick: (K) => S(K, a.fullPath)
                   }, null, 8, ["onClick"])
                 ])) : D("", !0)
               ]),

package/dist/esm/components/layout/Show.vue.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as L, useSlots as N, inject as R, computed as V, watch as z, resolveComponent as a, openBlock as d, createElementBlock as p, createVNode as r, unref as u, withCtx as o, normalizeClass as D, createTextVNode as E, toDisplayString as j, renderSlot as t, createElementVNode as I, createCommentVNode as O, h as f } from "vue";
+import { defineComponent as B, useSlots as L, inject as N, computed as R, watch as V, resolveComponent as a, openBlock as d, createElementBlock as p, createVNode as r, withCtx as o, normalizeClass as z, unref as D, createTextVNode as E, toDisplayString as j, renderSlot as t, createElementVNode as I, createCommentVNode as O, h as u } from "vue";
 import { useRouter as P, useRoute as W } from "vue-router";
 import { useWindowScroll as q, useScrollLock as A } from "@vueuse/core";
 import { LeftOutlined as F } from "@ant-design/icons-vue";
@@ -10,46 +10,46 @@ const K = { class: "ditari-show-layout" }, M = {
   class: "ditari-show-footer"
 }, Q = {
   name: "DShowLayout"
-}, ne = /* @__PURE__ */ L({
+}, ne = /* @__PURE__ */ B({
   ...Q,
   props: {
     close: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 }
   },
-  setup(m, { expose: g }) {
-    const s = m, n = P(), l = W(), h = N(), i = G(), _ = H(), c = R("showConfig"), y = () => c ? f(a(c.backBtn)) : f(F), { refresh: S } = J(_), b = V(() => s.loading), w = {
-      padding: `10px 10px ${h.footer ? "70px" : "10px"} 10px`
+  setup(f, { expose: m }) {
+    const s = f, n = P(), l = W(), g = L(), i = G(), h = H(), c = N("showConfig"), _ = () => c ? u(a(c.backBtn)) : u(F), { refresh: y } = J(h), S = R(() => s.loading), b = {
+      padding: `10px 10px ${g.footer ? "70px" : "10px"} 10px`
     }, v = () => {
       s.close && i.deleteTabs(l.path), n.go(-1);
-    }, T = () => {
-      S.value = !0, i.deleteTabs(l.path), n.go(-1);
-    }, { y: k } = q(), C = A(document.body);
-    z(
+    }, w = () => {
+      y.value = !0, i.deleteTabs(l.path), n.go(-1);
+    }, { y: T } = q(), k = A(document.body);
+    V(
       () => s.loading,
       (e) => {
-        C.value = e;
+        k.value = e;
       }
     );
-    const $ = 200;
-    return g({
-      closePage: T
+    const C = 200;
+    return m({
+      closePage: w
     }), (e, U) => {
-      const B = a("a-page-header"), x = a("a-spin");
+      const $ = a("a-page-header"), x = a("a-spin");
       return d(), p("div", K, [
         r(x, {
           tip: "正在处理...",
-          spinning: u(b),
-          delay: $,
+          spinning: S.value,
+          delay: C,
           size: "large"
         }, {
           default: o(() => [
-            r(B, {
-              class: D(["ditari-page-header", { active: u(k) > 0 }]),
+            r($, {
+              class: z(["ditari-page-header", { active: D(T) > 0 }]),
               ghost: !1,
               onBack: v
             }, {
               backIcon: o(() => [
-                r(y)
+                r(_)
               ]),
               title: o(() => [
                 E(j(e.$route.meta.title), 1)
@@ -64,7 +64,7 @@ const K = { class: "ditari-show-layout" }, M = {
             }, 8, ["class"]),
             I("div", {
               class: "ditari-show-content",
-              style: w
+              style: b
             }, [
               t(e.$slots, "default")
             ]),

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

@@ -1,4 +1,4 @@
-import { defineComponent as _, ref as f, watch as O, resolveComponent as V, openBlock as y, createBlock as M, unref as s, isRef as A } from "vue";
+import { defineComponent as D, ref as p, watch as O, resolveComponent as V, openBlock as y, createBlock as M, unref as s, isRef as A } from "vue";
 import "../../store/modules/Breadcrumb.esm.js";
 import F from "../../store/modules/DataDictionary.esm.js";
 import "../../store/modules/KeepAlive.esm.js";
@@ -8,7 +8,7 @@ import "../../store/modules/Settings.esm.js";
 import "../../store/modules/User.esm.js";
 const H = {
   name: "DSelect"
-}, E = /* @__PURE__ */ _({
+}, E = /* @__PURE__ */ D({
   ...H,
   props: {
     value: { default: null },
@@ -18,59 +18,59 @@ const H = {
     include: { default: [] }
   },
   emits: ["update:value", "change", "select"],
-  setup(r, { emit: c }) {
-    const u = r, { getDicByKey: p } = F(), { modelValue: i, data: h, onSearch: I, onSelect: m, onChange: v } = C();
+  setup(f, { emit: c }) {
+    const u = f, { getDicByKey: d } = F(), { modelValue: r, data: h, onSearch: I, onSelect: m, onChange: v } = C();
     function C() {
-      const a = [...p(u.name)], n = f(a), l = f(u.value);
+      const n = [...d(u.name)], t = p(n), a = p(u.value);
       O(
         () => u.value,
         (e) => {
-          l.value = e, L(e);
+          a.value = e, L(e);
         }
       );
-      const d = (e) => {
+      const i = (e) => {
         g(e);
       };
       function g(e) {
-        e = e ?? "", n.value = a.filter((t) => t.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || t.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), n.value.length === 0 && (n.value = [...a].splice(0, 10));
+        e = e ?? "", t.value = n.filter((o) => o.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || o.label.toLowerCase().includes(e.toLowerCase())).splice(0, 10), t.value.length === 0 && (t.value = [...n].splice(0, 10));
       }
       function L(e) {
         e = e || "";
-        const t = a.findIndex((o) => o.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || o.label.toLowerCase().includes(e));
-        t === -1 ? n.value = [...a].splice(0, 10) : n.value = b(a, t);
+        const o = n.findIndex((l) => l.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 || l.label.toLowerCase().includes(e));
+        o === -1 ? t.value = [...n].splice(0, 10) : t.value = b(n, o);
       }
-      function b(e, t) {
-        const o = Math.max(0, t - 5), D = Math.min(e.length, t + 6);
-        return e.slice(o, D);
+      function b(e, o) {
+        const l = Math.max(0, o - 5), B = Math.min(e.length, o + 6);
+        return e.slice(l, B);
       }
       const w = (e) => {
-        c("update:value", e), B();
-      }, x = () => {
-        c("update:value", l.value), c("change", l.value);
+        c("update:value", e), x();
+      }, _ = () => {
+        c("update:value", a.value), c("change", a.value);
       };
-      function B() {
-        const t = p(u.name).find((o) => o.value === l.value);
-        c("select", t);
+      function x() {
+        const o = d(u.name).find((l) => l.value === a.value);
+        c("select", o);
       }
       return {
-        data: n,
-        modelValue: l,
-        onSearch: d,
+        data: t,
+        modelValue: a,
+        onSearch: i,
         onSelect: w,
-        onChange: x
+        onChange: _
       };
     }
-    const S = (a, n) => n.label.includes(a);
-    return (a, n) => {
-      const l = V("a-select");
-      return y(), M(l, {
-        value: s(i),
-        "onUpdate:value": n[0] || (n[0] = (d) => A(i) ? i.value = d : null),
+    const S = (n, t) => t.label.includes(n);
+    return (n, t) => {
+      const a = V("a-select");
+      return y(), M(a, {
+        value: s(r),
+        "onUpdate:value": t[0] || (t[0] = (i) => A(r) ? r.value = i : null),
         "allow-clear": "",
         "show-search": "",
         options: s(h),
-        placeholder: r.placeholder,
-        disabled: r.disabled,
+        placeholder: n.placeholder,
+        disabled: n.disabled,
         "filter-option": S,
         onSelect: s(m),
         onChange: s(v)

package/package.json

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

package/src/components/layout/List.vue

@@ -7,7 +7,8 @@ import {
   onDeactivated,
   onUnmounted,
   WatchStopHandle,
-  inject
+  inject,
+  nextTick
 } from "vue";
 import { useDebounceFn, useElementSize } from "@vueuse/core";
 import { useSettingsStore } from "../../store";
@@ -37,7 +38,7 @@ let stopHandleWatch: WatchStopHandle;
 
 watch(
   () => configProvider?.componentSize,
-  (val) => {
+  () => {
     calcHeight();
   }
 );
@@ -87,7 +88,7 @@ const formRef = ref(null);
 const { height: formHeight } = useElementSize(formRef);
 watch(
   () => formHeight.value,
-  (val) => {
+  () => {
     calcHeight();
   }
 );
@@ -107,6 +108,10 @@ function calcHeight() {
     show.value = true;
   }, 10);
 }
+
+nextTick(() => {
+  calcHeight();
+});
 </script>
 <script lang="ts">
 export default {

package/{dist/cjs → src/dist}/components/components.d.ts

@@ -1,11 +1,11 @@
-export { default as DForm } from "./form";
-export * from "./layout";
-export { default as DTable } from "./table";
-export { DGrid, DGridItem } from "./grid";
-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 { DQueryForm } from "./form";
-export { DJsonSchemeRender } from "./json-scheme-render";
-export { DRangePicker } from "./date";
+export { default as DForm } from "./form";
+export * from "./layout";
+export { default as DTable } from "./table";
+export { DGrid, DGridItem } from "./grid";
+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 { DQueryForm } from "./form";
+export { DJsonSchemeRender } from "./json-scheme-render";
+export { DRangePicker } from "./date";

package/{dist/esm → src/dist}/components/date/RangePicker.d.ts

@@ -1,30 +1,30 @@
-import type { PropType } from "vue";
-/**
- * 日期范围控件
- */
-declare const _default: import("vue").DefineComponent<{
-    value: {
-        type: PropType<{
-            [name: string]: unknown;
-        }>;
-    };
-    field: {
-        required: true;
-        default: string[];
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
-        type: PropType<{
-            [name: string]: unknown;
-        }>;
-    };
-    field: {
-        required: true;
-        default: string[];
-    };
-}>> & {
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
-    field: string[];
-}>;
-export default _default;
+import type { PropType } from "vue";
+/**
+ * 日期范围控件
+ */
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: PropType<{
+            [name: string]: unknown;
+        }>;
+    };
+    field: {
+        required: true;
+        default: string[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<{
+            [name: string]: unknown;
+        }>;
+    };
+    field: {
+        required: true;
+        default: string[];
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    field: string[];
+}>;
+export default _default;