@ditari/bsui 1.0.4 → 1.0.6

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

@@ -0,0 +1,105 @@
+import {
+  defineComponent as C,
+  ref as p,
+  resolveComponent as k,
+  openBlock as D,
+  createBlock as L,
+  unref as t,
+  isRef as _
+} from "vue";
+import { useDataDicStore as B } from "../../store/modules/DataDictionary.esm.js";
+const x = {
+    name: "DSelect"
+  },
+  R = /* @__PURE__ */ C({
+    ...x,
+    props: {
+      value: { default: null },
+      name: { default: "" },
+      disabled: { type: Boolean, default: !1 },
+      placeholder: { default: "请填写默认占位符啊！老铁" }
+    },
+    emits: ["update:value", "change"],
+    setup(n, { emit: d }) {
+      const s = n,
+        { getDicByKey: m, list: S } = B(),
+        { modelValue: r, data: h, onSearch: v, onSelect: w } = b();
+      function b() {
+        let c = !0,
+          a = [];
+        const o = p(a),
+          l = p(s.value),
+          u = new Worker(
+            new URL("/assets/dic-worker-3d338b91.js", self.location),
+            {
+              type: "module"
+            }
+          );
+        (u.onerror = () => {
+          (c = !1), (a = m(s.name));
+        }),
+          (u.onmessage = (e) => {
+            o.value = [...e.data];
+          }),
+          i(l.value);
+        const g = (e) => {
+          c
+            ? i(e)
+            : (o.value = a
+                .filter(
+                  (f) =>
+                    f.value.toLowerCase().indexOf(e.toLowerCase()) !== -1 ||
+                    f.label.toLowerCase().includes(e.toLowerCase())
+                )
+                .splice(0, 10));
+        };
+        function i(e) {
+          u.postMessage({
+            list: JSON.stringify(S[s.name]),
+            keywords: e
+          });
+        }
+        return {
+          data: o,
+          modelValue: l,
+          onSearch: g,
+          onSelect: (e) => {
+            d("update:value", e), d("change", e);
+          }
+        };
+      }
+      return (c, a) => {
+        const o = k("a-select");
+        return (
+          D(),
+          L(
+            o,
+            {
+              value: t(r),
+              "onUpdate:value":
+                a[0] || (a[0] = (l) => (_(r) ? (r.value = l) : null)),
+              "allow-clear": "",
+              "show-search": "",
+              "filter-option": !1,
+              options: t(h),
+              placeholder: n.placeholder,
+              disabled: n.disabled,
+              onSelect: t(w),
+              onSearch: t(v)
+            },
+            null,
+            8,
+            [
+              "value",
+              "options",
+              "placeholder",
+              "disabled",
+              "onSelect",
+              "onSearch"
+            ]
+          )
+        );
+      };
+    }
+  });
+export { R as default };

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

@@ -0,0 +1,4 @@
+import f from "./Select.vue.esm.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,52 @@
+export declare const DSelect: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}, {}, 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<{
+    value: {
+        type: import("vue").PropType<any>;
+        required: true;
+        default: null;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+        default: boolean;
+    };
+    placeholder: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+    value: any;
+    disabled: boolean | undefined;
+    placeholder: string | undefined;
+}>>;
+export default DSelect;

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

@@ -0,0 +1,7 @@
+import t from "../../utils/install.esm.js";
+import o from "./Select.vue.esm.js";
+const a = t(o);
+export {
+  a as DSelect,
+  a as default
+};

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

@@ -12,6 +12,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: undefined;
     };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     columns: {
         type: __PropType<any>;
         required: true;
@@ -68,6 +73,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: undefined;
     };
+    size: {
+        type: __PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     columns: {
         type: __PropType<any>;
         required: true;
@@ -120,6 +130,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     data: any;
     loading: false | undefined;
     config: any;
+    size: string | undefined;
     bordered: boolean | undefined;
     columns: any;
     rowKey: string | undefined;

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

@@ -1,12 +1,13 @@
-import { defineComponent as J, inject as M, ref as k, computed as Q, watch as O, resolveComponent as w, openBlock as S, createElementBlock as U, Fragment as D, createVNode as $, unref as p, withCtx as R, createBlock as N, createCommentVNode as C, withModifiers as x, renderSlot as E, withDirectives as L, vShow as W } from "vue";
-import G from "./Field.vue.esm.js";
-const X = {
+import { defineComponent as M, inject as Q, ref as k, computed as U, watch as O, resolveComponent as w, openBlock as S, createElementBlock as D, Fragment as L, createVNode as $, unref as g, withCtx as R, createBlock as N, createCommentVNode as C, withModifiers as x, renderSlot as E, withDirectives as W, vShow as G } from "vue";
+import X from "./Field.vue.esm.js";
+const Y = {
   name: "DTable"
-}, _ = /* @__PURE__ */ J({
-  ...X,
+}, ee = /* @__PURE__ */ M({
+  ...Y,
   props: {
     bordered: { type: Boolean, default: !1 },
     keys: { default: void 0 },
+    size: { default: "small" },
     columns: { default: [] },
     data: { default: [] },
     rowKey: { default: "id" },
@@ -19,9 +20,7 @@ const X = {
   },
   emits: ["update:keys"],
   setup(r, { emit: f }) {
-    const s = r;
-    M("configProvider");
-    const b = k(), y = k(0), n = k(s.keys), z = k(), d = Q(() => s.pagination), m = {
+    const s = r, K = Q("configProvider"), b = k(), v = k(0), n = k(s.keys), z = k(), p = U(() => s.pagination), m = {
       defaultPageSize: 20,
       hideOnSinglePage: !1,
       pageSizeOptions: ["10", "20", "30", "40"],
@@ -29,8 +28,8 @@ const X = {
       showQuickJumper: !0,
       showLessItems: !0,
       showTotal: (e) => `总共 ${e} 条`
-    }, { onPageChange: K } = H();
-    function H() {
+    }, { onPageChange: H } = j();
+    function j() {
       const {
         keepSelected: e,
         selection: t,
@@ -42,18 +41,18 @@ const X = {
         }
       };
     }
-    const { customRow: j, rowSelection: I } = V();
-    function V() {
-      const e = q(), t = A();
+    const { customRow: I, rowSelection: V } = q();
+    function q() {
+      const e = A(), t = F();
       return {
         customRow: e,
         rowSelection: t
       };
     }
-    function q() {
+    function A() {
       const { rowKey: e } = s;
       return (t) => {
-        const l = t[e], { $OnClick: a, $OnDblclick: i } = F(l);
+        const l = t[e], { $OnClick: a, $OnDblclick: i } = J(l);
         try {
           e || console.warn("未指定rowKey");
         } catch {
@@ -69,7 +68,7 @@ const X = {
         };
       };
     }
-    function A() {
+    function F() {
       const {
         selection: e,
         rowKey: t,
@@ -78,10 +77,10 @@ const X = {
       return e === "N" ? void 0 : {
         selectedRowKeys: n,
         onSelect: (o, u) => {
-          e === "S" ? (n.value = [], n.value = u ? [o[t]] : []) : n.value = u ? n.value.concat(o[t]) : n.value.filter((g) => g !== o[t]), f("update:keys", n.value);
+          e === "S" ? (n.value = [], n.value = u ? [o[t]] : []) : n.value = u ? n.value.concat(o[t]) : n.value.filter((d) => d !== o[t]), f("update:keys", n.value);
         },
-        onSelectAll: (o, u, g) => {
-          const c = g.map((h) => h[t]);
+        onSelectAll: (o, u, d) => {
+          const c = d.map((h) => h[t]);
           n.value = o ? n.value.concat(c) : n.value.filter((h) => !c.includes(h)), f("update:keys", n.value);
         },
         fixed: !0,
@@ -96,7 +95,7 @@ const X = {
         }
       };
     }
-    function F(e) {
+    function J(e) {
       const {
         selection: t,
         config: {
@@ -115,8 +114,8 @@ const X = {
             var B;
             if (l && l(c), t === "N" || (B = i == null ? void 0 : i.value) != null && B.includes(c[i == null ? void 0 : i.key]))
               return;
-            n.value.some((v) => v === e) ? n.value = n.value.filter(
-              (v) => v !== e
+            n.value.some((y) => y === e) ? n.value = n.value.filter(
+              (y) => y !== e
             ) : (t === "S" && (n.value = []), n.value.push(e)), f("update:keys", n.value);
           }, 200);
         },
@@ -147,7 +146,7 @@ const X = {
       let a = 0;
       s.pagination && (a = P(
         document.getElementsByClassName("xi-pagination")[0]
-      )), y.value = e - (l + a), t.getElementsByClassName("ant-table-body")[0].style.height = y.value - 10 + "px", z.value = t.getElementsByClassName("ant-table-body")[0];
+      )), v.value = e - (l + a), t.getElementsByClassName("ant-table-body")[0].style.height = v.value - 10 + "px", z.value = t.getElementsByClassName("ant-table-body")[0];
     }
     function P(e) {
       const t = [
@@ -163,7 +162,7 @@ const X = {
     }
     return (e, t) => {
       const l = w("a-space"), a = w("a-table"), i = w("a-pagination");
-      return S(), U(D, null, [
+      return S(), D(L, null, [
         $(a, {
           ref_key: "tableRef",
           ref: b,
@@ -172,17 +171,18 @@ const X = {
           "data-source": r.data,
           "row-key": r.rowKey,
           pagination: !1,
-          "custom-row": p(j),
+          "custom-row": g(I),
           loading: r.loading,
-          "row-selection": p(I),
+          "row-selection": g(V),
+          size: r.size ?? "small",
           scroll: {
             scrollToFirstRowOnChange: !0,
             x: "100%",
-            y: y.value + "px"
+            y: v.value + "px"
           }
         }, {
-          bodyCell: R(({ column: o, text: u, record: g, index: c }) => [
-            o.config ? (S(), N(G, {
+          bodyCell: R(({ column: o, text: u, record: d, index: c }) => [
+            o.config ? (S(), N(X, {
               key: 0,
               text: u,
               config: o.config
@@ -197,7 +197,7 @@ const X = {
               default: R(() => [
                 E(e.$slots, "action", {
                   index: c,
-                  record: g
+                  record: d
                 })
               ]),
               _: 2
@@ -205,33 +205,34 @@ const X = {
             o.slot && o.slot !== "action" ? E(e.$slots, o.slot, {
               key: 2,
               index: c,
-              record: g
+              record: d
             }) : C("", !0)
           ]),
           _: 3
-        }, 8, ["bordered", "columns", "data-source", "row-key", "custom-row", "loading", "row-selection", "scroll"]),
-        L($(i, {
-          current: p(d).current,
-          "onUpdate:current": t[2] || (t[2] = (o) => p(d).current = o),
-          pageSize: p(d).pageSize,
-          "onUpdate:pageSize": t[3] || (t[3] = (o) => p(d).pageSize = o),
+        }, 8, ["bordered", "columns", "data-source", "row-key", "custom-row", "loading", "row-selection", "size", "scroll"]),
+        W($(i, {
+          current: g(p).current,
+          "onUpdate:current": t[2] || (t[2] = (o) => g(p).current = o),
+          pageSize: g(p).pageSize,
+          "onUpdate:pageSize": t[3] || (t[3] = (o) => g(p).pageSize = o),
           class: "xi-pagination",
           disabled: r.loading,
           "show-size-changer": "",
+          size: g(K).componentSize ?? "middle ",
           "hide-on-single-page": m.hideOnSinglePage,
           "show-quick-jumper": m.showQuickJumper,
           "default-page-size": m.defaultPageSize,
           "page-size-options": m.pageSizeOptions,
           "show-total": m.showTotal,
-          total: p(d).total,
-          onChange: p(K)
-        }, null, 8, ["current", "pageSize", "disabled", "hide-on-single-page", "show-quick-jumper", "default-page-size", "page-size-options", "show-total", "total", "onChange"]), [
-          [W, r.pagination]
+          total: g(p).total,
+          onChange: g(H)
+        }, null, 8, ["current", "pageSize", "disabled", "size", "hide-on-single-page", "show-quick-jumper", "default-page-size", "page-size-options", "show-total", "total", "onChange"]), [
+          [G, r.pagination]
         ])
       ], 64);
     };
   }
 });
 export {
-  _ as default
+  ee as default
 };

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

@@ -9,6 +9,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         required: false;
         default: undefined;
     };
+    size: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<any>;
         required: true;
@@ -65,6 +70,11 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
         required: false;
         default: undefined;
     };
+    size: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+        default: string;
+    };
     columns: {
         type: import("vue").PropType<any>;
         required: true;
@@ -117,6 +127,7 @@ export declare const DTable: import("../../utils/install").SFCWithInstall<import
     data: any;
     loading: false | undefined;
     config: any;
+    size: string | undefined;
     bordered: boolean | undefined;
     columns: any;
     rowKey: string | undefined;

package/dist/esm/store/modules/NavTab.esm.js

@@ -24,9 +24,7 @@ const n = i(l, {
      * @param route
      */
     save(t) {
-      if (this.list.some(
-        (a) => a.fullPath === t.fullPath
-      ))
+      if (this.list.some((a) => a.path === t.path))
         return;
       const s = {
         path: t.path,

package/dist/style/layout/style/navtab.scss

@@ -49,11 +49,21 @@
       display: flex;
       align-items: center;
     }
-    .anticon {
-      margin-right: 0;
-      margin-left: 10px;
+    .tab-item {
+      margin-right: 10px;
+    }
+    .tab-close {
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
       &:hover {
-        //color: red;
+        background-color: #63aeff;
+        color: #fff;
+      }
+      .anticon {
+        margin: 0;
       }
     }
   }

package/dist/style/layout/style/show.scss

@@ -16,11 +16,11 @@
   .ditari-page-header {
     position: sticky;
     top: 84px;
-    z-index: 1;
+    z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;
     &.active {
-      box-shadow: 1px 5px 20px 2px $box-shadow-color;
+      box-shadow: 7px 12px 20px 0 $box-shadow-color;
     }
   }
   .ditari-show-content {

package/dist/style/theme/variable.scss

@@ -15,7 +15,7 @@ $grid-input-error-border-color: #ff4d4f !default;
 $grid-input-border-width: 2px !default;
 // 网格边框宽度
 $gird-border-width: 1px !default;
-
+$gird-error-display: block !default;
 // show头部阴影
 $box-shadow-color: #e0e0e0 !default;
 

package/package.json

@@ -1,14 +1,17 @@
 {
   "name": "@ditari/bsui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "files": [
-    "dist",
+    "dist/**",
     "src"
   ],
   "private": false,
   "publishConfig": {
     "access": "public"
   },
+  "main": "dist/cjs/components/index.cjs.js",
+  "module": "dist/esm/components/index.esm.js",
+  "types": "dist/**/*.d.ts",
   "exports": {
     ".": {
       "require": "./dist/cjs/components/index.cjs.js",

package/src/components/components.ts

@@ -2,3 +2,4 @@ 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";

package/src/components/layout/NavTabs.vue

@@ -91,10 +91,12 @@ export default {
           <div class="tab-item" :class="{ active: activeKey === item.path }">
             {{ item.meta.title }}
           </div>
-          <CloseOutlined
-            v-if="!item.meta?.keepOpen"
-            @click="onClose($event, item.fullPath)"
-          />
+          <div class="tab-close">
+            <CloseOutlined
+              v-if="!item.meta?.keepOpen"
+              @click="onClose($event, item.fullPath)"
+            />
+          </div>
         </template>
       </a-tab-pane>
     </a-tabs>

package/src/components/layout/style/navtab.scss

@@ -49,11 +49,21 @@
       display: flex;
       align-items: center;
     }
-    .anticon {
-      margin-right: 0;
-      margin-left: 10px;
+    .tab-item {
+      margin-right: 10px;
+    }
+    .tab-close {
+      padding: 4px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 50%;
       &:hover {
-        //color: red;
+        background-color: #63aeff;
+        color: #fff;
+      }
+      .anticon {
+        margin: 0;
       }
     }
   }

package/src/components/layout/style/show.scss

@@ -16,11 +16,11 @@
   .ditari-page-header {
     position: sticky;
     top: 84px;
-    z-index: 1;
+    z-index: 10;
     padding: 4px 24px;
     transition: all 0.3s;
     &.active {
-      box-shadow: 1px 5px 20px 2px $box-shadow-color;
+      box-shadow: 7px 12px 20px 0 $box-shadow-color;
     }
   }
   .ditari-show-content {