bm-admin-ui 1.0.92-alpha → 1.0.93-alpha

package/lib/components/search-filter/index.js

@@ -8,11 +8,13 @@ var FormCreateCtr = require('@form-create/ant-design-vue');
 var iconsVue = require('@ant-design/icons-vue');
 var ASelect = require('ant-design-vue/lib/select');
 var lodashEs = require('lodash-es');
+var Modal = require('ant-design-vue/lib/modal');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var FormCreateCtr__default = /*#__PURE__*/_interopDefaultLegacy(FormCreateCtr);
 var ASelect__default = /*#__PURE__*/_interopDefaultLegacy(ASelect);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
 
 const searchResetBtnProps = {
     showExpandBtn: {
@@ -47,6 +49,16 @@ const searchResetBtnProps = {
         type: String,
         default: '',
     },
+    setDefaultConfirm: {
+        type: Boolean,
+        default: true,
+    },
+    setDefaultConfirmConfig: {
+        type: Object,
+        default() {
+            return {};
+        },
+    },
     gutter: {
         type: Array,
         default() {
@@ -173,14 +185,19 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u5168\u9009", -1);
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u53CD\u9009", -1);
-const _hoisted_7 = { class: "blue" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "blue" };
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "form-select-all",
   props: {
     modelValue: {
       type: Array || String || Number || void 0
     },
-    disabled: Boolean
+    disabled: Boolean,
+    showSelectAll: {
+      type: Boolean,
+      default: true
+    }
   },
   emits: ["onSelectAll", "onChange", "update:modelValue"],
   setup(__props, { emit }) {
@@ -190,7 +207,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       search: {
         indeterminate: false,
         checkedAll: false,
-        checkedReverse: false
+        checkedReverse: false,
+        searchList: []
       }
     });
     let selectValue = vue.ref([]);
@@ -202,7 +220,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
           state.search = {
             indeterminate: false,
             checkedAll: false,
-            checkedReverse: false
+            checkedReverse: false,
+            searchList: []
           };
         }
       },
@@ -212,17 +231,20 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     );
     const selectAll = (e) => {
       let key = "value";
+      let list = [];
       if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
         key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
       state.search.checkedAll = !state.search.checkedAll;
       state.search.indeterminate = false;
       state.search.checkedReverse = false;
+      if (state.search.searchList.length > 0)
+        list = state.search.searchList;
+      else
+        list = instance?.attrs.options;
       if (state.search.checkedAll) {
-        selectValue.value = (instance?.attrs.options).map(
-          (v) => {
-            return v[key];
-          }
-        );
+        selectValue.value = list.map((v) => {
+          return v[key];
+        });
       } else {
         selectValue.value = [];
       }
@@ -265,6 +287,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         option
       });
     };
+    const onSearch = (val) => {
+      if (val) {
+        const key = (instance?.attrs).optionFilterProp || (instance?.attrs)["option-filter-prop"] || "value";
+        const list = (instance?.attrs).options.filter((ele) => {
+          return String(ele[key]).indexOf(String(val)) > -1;
+        });
+        state.search.searchList = list;
+      }
+    };
     const VNodes = (_, { attrs }) => {
       return vue.h(attrs.vnodes);
     };
@@ -277,10 +308,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         class: "bm-select search"
       }, _ctx.$attrs, {
         mode: "multiple",
+        class: { w200: !props.showSelectAll },
         disabled: props.disabled,
         placeholder: vue.unref(instance)?.attrs.placeholder ? vue.unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
         "get-popup-container": (nodes) => nodes.parentNode,
-        onChange
+        onChange,
+        onSearch
       }), {
         dropdownRender: vue.withCtx(({ menuNode: menu }) => [
           vue.createElementVNode("div", _hoisted_1, [
@@ -312,16 +345,16 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
             }),
-            vue.createElementVNode("div", null, [
+            __props.showSelectAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
               vue.createTextVNode(" \u5DF2\u9009\u62E9 "),
-              vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(selectValue)?.length || 0), 1),
+              vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(vue.unref(selectValue)?.length || 0), 1),
               vue.createTextVNode(" \u9879 ")
-            ])
+            ])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createVNode(VNodes, { vnodes: menu }, null, 8, ["vnodes"])
         ]),
         _: 1
-      }, 16, ["value", "disabled", "placeholder", "get-popup-container"]);
+      }, 16, ["value", "class", "disabled", "placeholder", "get-popup-container"]);
     };
   }
 });
@@ -356,6 +389,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           showSetDefaultBtn: props.showSetDefaultBtn,
           setDefaultText: props.setDefaultText,
           setDefaultId: props.setDefaultId,
+          setDefaultConfirm: props.setDefaultConfirm,
+          setDefaultConfirmConfig: props.setDefaultConfirmConfig,
           collapseText: props.collapseText,
           gutter: props.gutter,
           loading: props.loading
@@ -373,14 +408,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             emits("expand", value);
           },
           setDefault() {
-            if (props.setDefaultId) {
+            if (!props.setDefaultId) {
+              throw new Error("\u8BF7\u5148\u8BBE\u7F6E\u5B58\u50A8\u7684ID\uFF0C\u5426\u5219\u65E0\u6CD5\u5B58\u50A8\u5230 LocalStorage\uFF01");
+            }
+            function setDefault() {
               window.localStorage.setItem(
                 props.setDefaultId,
                 JSON.stringify(fApi.value.formData())
               );
+              emits("setDefault", fApi.value.formData());
+              updateRulesDefault(fApi.value.formData());
+            }
+            if (props.setDefaultConfirm) {
+              let defaultConfig = {
+                title: "\u786E\u5B9A\u8BBE\u7F6E\u5F53\u524D\u67E5\u8BE2\u6761\u4EF6\u4E3A\u9ED8\u8BA4\u67E5\u8BE2\u5417\uFF1F",
+                okText: "\u786E\u8BA4",
+                cancelText: "\u53D6\u6D88"
+              };
+              Modal__default["default"].confirm({
+                ...defaultConfig,
+                ...props.setDefaultConfirmConfig,
+                onOk() {
+                  setDefault();
+                }
+              });
+            } else {
+              setDefault();
             }
-            emits("setDefault", fApi.value.formData());
-            updateRulesDefault(fApi.value.formData());
           }
         }
       }

package/lib/components/search-filter/src/form-select-all.vue.d.ts

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
     };
     disabled: BooleanConstructor;
+    showSelectAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     instance: import("vue").ComponentInternalInstance | null;
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -10,6 +14,10 @@ declare const _default: import("vue").DefineComponent<{
             type: ArrayConstructor;
         };
         disabled: BooleanConstructor;
+        showSelectAll: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onOnChange?: ((...args: any[]) => any) | undefined;
         onOnSelectAll?: ((...args: any[]) => any) | undefined;
@@ -20,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
             indeterminate: boolean;
             checkedAll: boolean;
             checkedReverse: boolean;
+            searchList: never[];
         };
     };
     emit: (event: "onChange" | "onSelectAll" | "update:modelValue", ...args: any[]) => void;
@@ -27,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     selectAll: (e: any) => void;
     reverseAll: (e: any) => false | undefined;
     onChange: (value: any, option: any) => void;
+    onSearch: (val: string | number) => void;
     VNodes: (_: any, { attrs }: {
         attrs: any;
     }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -731,11 +741,16 @@ declare const _default: import("vue").DefineComponent<{
         type: ArrayConstructor;
     };
     disabled: BooleanConstructor;
+    showSelectAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnChange?: ((...args: any[]) => any) | undefined;
     onOnSelectAll?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    showSelectAll: boolean;
 }>;
 export default _default;

package/lib/components/search-filter/src/search-filter.d.ts

@@ -32,6 +32,14 @@ export declare const searchResetBtnProps: {
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: PropType<number[]>;
         default(): number[];
@@ -74,6 +82,14 @@ export declare const searchFilterProps: {
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: PropType<number[]>;
         default(): number[];

package/lib/components/search-filter/src/search-filter.vue.d.ts

@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: import("vue").PropType<number[]>;
         default(): number[];
@@ -99,6 +107,14 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        setDefaultConfirm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        setDefaultConfirmConfig: {
+            type: ObjectConstructor;
+            default(): {};
+        };
         gutter: {
             type: import("vue").PropType<number[]>;
             default(): number[];
@@ -151,6 +167,8 @@ declare const _default: import("vue").DefineComponent<{
             showSetDefaultBtn: boolean;
             setDefaultText: string;
             setDefaultId: string;
+            setDefaultConfirm: boolean;
+            setDefaultConfirmConfig: Record<string, any>;
             collapseText: string;
             gutter: number[];
             loading: boolean;
@@ -219,6 +237,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: import("vue").PropType<number[]>;
         default(): number[];
@@ -271,6 +297,8 @@ declare const _default: import("vue").DefineComponent<{
     showSetDefaultBtn: boolean;
     setDefaultText: string;
     setDefaultId: string;
+    setDefaultConfirm: boolean;
+    setDefaultConfirmConfig: Record<string, any>;
     gutter: number[];
     userRule: unknown[];
     ruleSpan: Record<string, any>;

package/lib/components/search-filter/src/search-reset-btn.vue.d.ts

@@ -31,6 +31,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: import("vue").PropType<number[]>;
         default(): number[];
@@ -73,6 +81,14 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        setDefaultConfirm: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        setDefaultConfirmConfig: {
+            type: ObjectConstructor;
+            default(): {};
+        };
         gutter: {
             type: import("vue").PropType<number[]>;
             default(): number[];
@@ -133,6 +149,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    setDefaultConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    setDefaultConfirmConfig: {
+        type: ObjectConstructor;
+        default(): {};
+    };
     gutter: {
         type: import("vue").PropType<number[]>;
         default(): number[];
@@ -156,6 +180,8 @@ declare const _default: import("vue").DefineComponent<{
     showSetDefaultBtn: boolean;
     setDefaultText: string;
     setDefaultId: string;
+    setDefaultConfirm: boolean;
+    setDefaultConfirmConfig: Record<string, any>;
     gutter: number[];
 }>;
 export default _default;

package/lib/components/select-all/index.d.ts

@@ -28,6 +28,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
             indeterminate: boolean;
             checkedAll: boolean;
             checkedReverse: boolean;
+            searchList: never[];
         };
     };
     emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
@@ -35,6 +36,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
     selectAll: (e: any) => void;
     reverseAll: (e: any) => false | undefined;
     onChange: (value: any, option: any) => void;
+    onSearch: (val: string | number) => void;
     VNodes: (_: any, { attrs }: {
         attrs: any;
     }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/components/select-all/index.js

@@ -24,7 +24,8 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u5168\u9009", -1);
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("span", { class: "checkbox-label" }, "\u53CD\u9009", -1);
-const _hoisted_7 = { class: "blue" };
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "blue" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "selectAll",
   props: {
@@ -34,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     },
     showSelectAll: {
       type: Boolean,
-      default: false
+      default: true
     }
   },
   emits: ["onSelectAll", "update:value", "onChange"],
@@ -45,7 +46,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       search: {
         indeterminate: false,
         checkedAll: false,
-        checkedReverse: false
+        checkedReverse: false,
+        searchList: []
       }
     });
     let selectValue = vue.ref([]);
@@ -57,7 +59,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           state.search = {
             indeterminate: false,
             checkedAll: false,
-            checkedReverse: false
+            checkedReverse: false,
+            searchList: []
           };
         }
       },
@@ -67,17 +70,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     const selectAll = (e) => {
       let key = "value";
+      let list = [];
       if (instance?.attrs.fieldNames || instance?.attrs["field-names"])
         key = (instance?.attrs).fieldNames?.value || (instance?.attrs)["field-names"].value;
       state.search.checkedAll = !state.search.checkedAll;
       state.search.indeterminate = false;
       state.search.checkedReverse = false;
+      if (state.search.searchList.length > 0)
+        list = state.search.searchList;
+      else
+        list = instance?.attrs.options;
       if (state.search.checkedAll) {
-        selectValue.value = (instance?.attrs.options).map(
-          (v) => {
-            return v[key];
-          }
-        );
+        selectValue.value = list.map((v) => {
+          return v[key];
+        });
       } else {
         selectValue.value = [];
       }
@@ -120,6 +126,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         option
       });
     };
+    const onSearch = (val) => {
+      if (val) {
+        const key = (instance?.attrs).optionFilterProp || (instance?.attrs)["option-filter-prop"] || "value";
+        console.log(key);
+        const list = (instance?.attrs).options.filter((ele) => {
+          return String(ele[key]).indexOf(String(val)) > -1;
+        });
+        state.search.searchList = list;
+      }
+    };
     const VNodes = (_, { attrs }) => {
       return vue.h(attrs.vnodes);
     };
@@ -130,10 +146,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         "onUpdate:value": _cache[4] || (_cache[4] = ($event) => vue.isRef(selectValue) ? selectValue.value = $event : selectValue = $event),
         class: "bm-select"
       }, _ctx.$attrs, {
+        class: { w200: !props.showSelectAll },
         mode: "multiple",
         placeholder: vue.unref(instance)?.attrs.placeholder ? vue.unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
         "get-popup-container": (nodes) => nodes.parentNode,
-        onChange
+        onChange,
+        onSearch
       }), {
         dropdownRender: vue.withCtx(({ menuNode: menu }) => [
           vue.createElementVNode("div", _hoisted_1, [
@@ -160,16 +178,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 _hoisted_6
               ], 40, _hoisted_5)
             ]),
-            vue.createElementVNode("div", null, [
+            __props.showSelectAll ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
               vue.createTextVNode(" \u5DF2\u9009\u62E9 "),
-              vue.createElementVNode("span", _hoisted_7, vue.toDisplayString(vue.unref(selectValue)?.length || 0), 1),
+              vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(vue.unref(selectValue)?.length || 0), 1),
               vue.createTextVNode(" \u9879 ")
-            ])
+            ])) : vue.createCommentVNode("v-if", true)
           ]),
           vue.createVNode(VNodes, { vnodes: menu }, null, 8, ["vnodes"])
         ]),
         _: 1
-      }, 16, ["value", "placeholder", "get-popup-container"]);
+      }, 16, ["value", "class", "placeholder", "get-popup-container"]);
     };
   }
 });

package/lib/components/select-all/src/selectAll.vue.d.ts

@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
             indeterminate: boolean;
             checkedAll: boolean;
             checkedReverse: boolean;
+            searchList: never[];
         };
     };
     emit: (event: "onChange" | "update:value" | "onSelectAll", ...args: any[]) => void;
@@ -35,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     selectAll: (e: any) => void;
     reverseAll: (e: any) => false | undefined;
     onChange: (value: any, option: any) => void;
+    onSearch: (val: string | number) => void;
     VNodes: (_: any, { attrs }: {
         attrs: any;
     }) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/utils/uniqueId.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 let id = 0;
 function uniqueId() {
-    return (Math.random().toString(36).substring(3, 6) +
-        Number(`${Date.now()}${++id}`).toString(36));
+    return `bm${Math.random().toString(36).substring(3, 6) +
+        Number(`${Date.now()}${++id}`).toString(36)}`;
 }
 exports.default = uniqueId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.92-alpha",
+  "version": "1.0.93-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",