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

package/es/components/search-filter/index.d.ts

@@ -31,6 +31,14 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         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 BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             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 BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             showSetDefaultBtn: boolean;
             setDefaultText: string;
             setDefaultId: string;
+            setDefaultConfirm: boolean;
+            setDefaultConfirmConfig: Record<string, any>;
             collapseText: string;
             gutter: number[];
             loading: boolean;
@@ -219,6 +237,14 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         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 BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     showSetDefaultBtn: boolean;
     setDefaultText: string;
     setDefaultId: string;
+    setDefaultConfirm: boolean;
+    setDefaultConfirmConfig: Record<string, any>;
     gutter: number[];
     userRule: unknown[];
     ruleSpan: Record<string, any>;

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

@@ -4,6 +4,7 @@ import FormCreateCtr from '@form-create/ant-design-vue';
 import { UpOutlined, DownOutlined, SearchOutlined } from '@ant-design/icons-vue';
 import ASelect from 'ant-design-vue/lib/select';
 import { cloneDeep } from 'lodash-es';
+import Modal from 'ant-design-vue/lib/modal';
 
 const searchResetBtnProps = {
     showExpandBtn: {
@@ -38,6 +39,16 @@ const searchResetBtnProps = {
         type: String,
         default: '',
     },
+    setDefaultConfirm: {
+        type: Boolean,
+        default: true,
+    },
+    setDefaultConfirmConfig: {
+        type: Object,
+        default() {
+            return {};
+        },
+    },
     gutter: {
         type: Array,
         default() {
@@ -164,14 +175,19 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "checkbox-label" }, "\u5168\u9009", -1);
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = /* @__PURE__ */ 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__ */ 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 }) {
@@ -181,7 +197,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       search: {
         indeterminate: false,
         checkedAll: false,
-        checkedReverse: false
+        checkedReverse: false,
+        searchList: []
       }
     });
     let selectValue = ref([]);
@@ -193,7 +210,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           state.search = {
             indeterminate: false,
             checkedAll: false,
-            checkedReverse: false
+            checkedReverse: false,
+            searchList: []
           };
         }
       },
@@ -203,17 +221,20 @@ const _sfc_main$1 = /* @__PURE__ */ 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 = [];
       }
@@ -256,6 +277,15 @@ const _sfc_main$1 = /* @__PURE__ */ 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 h(attrs.vnodes);
     };
@@ -268,10 +298,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         class: "bm-select search"
       }, _ctx.$attrs, {
         mode: "multiple",
+        class: { w200: !props.showSelectAll },
         disabled: props.disabled,
         placeholder: unref(instance)?.attrs.placeholder ? unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
         "get-popup-container": (nodes) => nodes.parentNode,
-        onChange
+        onChange,
+        onSearch
       }), {
         dropdownRender: withCtx(({ menuNode: menu }) => [
           createElementVNode("div", _hoisted_1, [
@@ -303,16 +335,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createElementVNode("div", null, [
+            __props.showSelectAll ? (openBlock(), createElementBlock("div", _hoisted_7, [
               createTextVNode(" \u5DF2\u9009\u62E9 "),
-              createElementVNode("span", _hoisted_7, toDisplayString(unref(selectValue)?.length || 0), 1),
+              createElementVNode("span", _hoisted_8, toDisplayString(unref(selectValue)?.length || 0), 1),
               createTextVNode(" \u9879 ")
-            ])
+            ])) : createCommentVNode("v-if", true)
           ]),
           createVNode(VNodes, { vnodes: menu }, null, 8, ["vnodes"])
         ]),
         _: 1
-      }, 16, ["value", "disabled", "placeholder", "get-popup-container"]);
+      }, 16, ["value", "class", "disabled", "placeholder", "get-popup-container"]);
     };
   }
 });
@@ -347,6 +379,8 @@ const _sfc_main = /* @__PURE__ */ 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
@@ -364,14 +398,33 @@ const _sfc_main = /* @__PURE__ */ 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.confirm({
+                ...defaultConfig,
+                ...props.setDefaultConfirmConfig,
+                onOk() {
+                  setDefault();
+                }
+              });
+            } else {
+              setDefault();
             }
-            emits("setDefault", fApi.value.formData());
-            updateRulesDefault(fApi.value.formData());
           }
         }
       }

package/es/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/es/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/es/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/es/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/es/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/es/components/select-all/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { defineComponent, getCurrentInstance, reactive, ref, watch, resolveComponent, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createElementVNode, withModifiers, createVNode, createTextVNode, toDisplayString, h } from 'vue';
+import { defineComponent, getCurrentInstance, reactive, ref, watch, resolveComponent, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createElementVNode, withModifiers, createVNode, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, h } from 'vue';
 import ASelect from 'ant-design-vue/lib/select';
 
 var _export_sfc = (sfc, props) => {
@@ -16,7 +16,8 @@ const _hoisted_3 = ["onClick"];
 const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "checkbox-label" }, "\u5168\u9009", -1);
 const _hoisted_5 = ["onClick"];
 const _hoisted_6 = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "selectAll",
   props: {
@@ -26,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     },
     showSelectAll: {
       type: Boolean,
-      default: false
+      default: true
     }
   },
   emits: ["onSelectAll", "update:value", "onChange"],
@@ -37,7 +38,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       search: {
         indeterminate: false,
         checkedAll: false,
-        checkedReverse: false
+        checkedReverse: false,
+        searchList: []
       }
     });
     let selectValue = ref([]);
@@ -49,7 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           state.search = {
             indeterminate: false,
             checkedAll: false,
-            checkedReverse: false
+            checkedReverse: false,
+            searchList: []
           };
         }
       },
@@ -59,17 +62,20 @@ const _sfc_main = /* @__PURE__ */ 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 = [];
       }
@@ -112,6 +118,16 @@ const _sfc_main = /* @__PURE__ */ 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 h(attrs.vnodes);
     };
@@ -122,10 +138,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:value": _cache[4] || (_cache[4] = ($event) => isRef(selectValue) ? selectValue.value = $event : selectValue = $event),
         class: "bm-select"
       }, _ctx.$attrs, {
+        class: { w200: !props.showSelectAll },
         mode: "multiple",
         placeholder: unref(instance)?.attrs.placeholder ? unref(instance)?.attrs.placeholder : "\u8BF7\u9009\u62E9",
         "get-popup-container": (nodes) => nodes.parentNode,
-        onChange
+        onChange,
+        onSearch
       }), {
         dropdownRender: withCtx(({ menuNode: menu }) => [
           createElementVNode("div", _hoisted_1, [
@@ -152,16 +170,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _hoisted_6
               ], 40, _hoisted_5)
             ]),
-            createElementVNode("div", null, [
+            __props.showSelectAll ? (openBlock(), createElementBlock("div", _hoisted_7, [
               createTextVNode(" \u5DF2\u9009\u62E9 "),
-              createElementVNode("span", _hoisted_7, toDisplayString(unref(selectValue)?.length || 0), 1),
+              createElementVNode("span", _hoisted_8, toDisplayString(unref(selectValue)?.length || 0), 1),
               createTextVNode(" \u9879 ")
-            ])
+            ])) : createCommentVNode("v-if", true)
           ]),
           createVNode(VNodes, { vnodes: menu }, null, 8, ["vnodes"])
         ]),
         _: 1
-      }, 16, ["value", "placeholder", "get-popup-container"]);
+      }, 16, ["value", "class", "placeholder", "get-popup-container"]);
     };
   }
 });

package/es/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/es/utils/uniqueId.js

@@ -1,5 +1,5 @@
 let id = 0;
 export default 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)}`;
 }

package/lib/components/cascader/index.js

@@ -15,7 +15,7 @@ var _export_sfc = (sfc, props) => {
 };
 
 const _sfc_main = vue.defineComponent({
-  name: 'BmLabelSelect',
+  name: 'BmCascader',
   components: { DownOutlined: iconsVue.DownOutlined },
   props: {
     tipType: {
@@ -81,7 +81,7 @@ const _sfc_main = vue.defineComponent({
 });
 
 const _hoisted_1 = {
-  ref: "BmLabelSelect",
+  ref: "BmCascader",
   class: "bm-label-select"
 };
 const _hoisted_2 = { style: {"margin":"8px 0 0 0"} };