bm-admin-ui 1.0.5-alpha → 1.0.8-alpha

package/es/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './form-designer';
 export * from './flow-designer';
+export * from './feedback';
 export * from './search-filter';
 export * from './multi-cascader-compose';
 export * from './shops-filter';

package/es/components/index.js

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './form-designer';
 export * from './flow-designer';
+export * from './feedback';
 export * from './search-filter';
 export * from './multi-cascader-compose';
 export * from './shops-filter';

package/es/components/multi-cascader-compose/index.js

@@ -777,6 +777,19 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
+presetPalettes.red;
+presetPalettes.volcano;
+presetPalettes.gold;
+presetPalettes.orange;
+presetPalettes.yellow;
+presetPalettes.lime;
+presetPalettes.green;
+presetPalettes.cyan;
+presetPalettes.blue;
+presetPalettes.geekblue;
+presetPalettes.purple;
+presetPalettes.magenta;
+presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references

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

@@ -21,6 +21,18 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -45,12 +57,25 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: ObjectConstructor;
             default(): {};
         };
+        fixedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fixedFields: {
+            type: import("vue").PropType<string[]>;
+            default(): never[];
+        };
+        expandPlacement: {
+            type: import("vue").PropType<"left" | "right">;
+            default: string;
+        };
     }>> & {
         onSubmit?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "submit" | "reset" | "update:value", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -80,11 +105,13 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         };
         submitBtn: boolean;
     };
-    rule: import("vue").ComputedRef<any>;
+    rule: import("vue").ComputedRef<unknown[]>;
     handleShowExpandBtn: (val: any) => void;
     handleChange: () => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value")[], "submit" | "reset" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    expandRule: import("vue").ComputedRef<unknown[]>;
+    handleChangeExpand: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -107,16 +134,32 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     value: Record<string, any>;
     showExpandBtn: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
+    fixedCount: number;
+    fixedFields: string[];
+    expandPlacement: "left" | "right";
 }>>;
 export { BmSearchFilter };
 export default BmSearchFilter;

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

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { h, nextTick, createVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createBlock, unref, normalizeStyle, createCommentVNode, withCtx, computed, Fragment, renderList, createElementVNode, withModifiers, normalizeClass, renderSlot, reactive, onBeforeUnmount, watch } from 'vue';
+import { h, nextTick, createVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createBlock, unref, createCommentVNode, createElementVNode, withCtx, computed, Fragment, renderList, withModifiers, normalizeClass, renderSlot, reactive, onBeforeUnmount, watch } from 'vue';
 import FormCreateCtr from '@form-create/ant-design-vue';
 
 /**
@@ -778,6 +778,19 @@ Object.keys(presetPrimaryColors).forEach(function (key) {
   });
   presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
 });
+presetPalettes.red;
+presetPalettes.volcano;
+presetPalettes.gold;
+presetPalettes.orange;
+presetPalettes.yellow;
+presetPalettes.lime;
+presetPalettes.green;
+presetPalettes.cyan;
+presetPalettes.blue;
+presetPalettes.geekblue;
+presetPalettes.purple;
+presetPalettes.magenta;
+presetPalettes.grey;
 
 // https://github.com/substack/insert-css
 var containers = []; // will store container HTMLElement references
@@ -1222,6 +1235,17 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
+    }, fixedCount: {
+        type: Number,
+        default: 999999,
+    }, fixedFields: {
+        type: Array,
+        default() {
+            return [];
+        },
+    }, expandPlacement: {
+        type: String,
+        default: 'left',
     } }, searchResetBtnProps);
 
 var _export_sfc = (sfc, props) => {
@@ -1232,19 +1256,16 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$2 = { class: "bm-search-filter-btn" };
-const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
+const _hoisted_1$1 = { class: "bm-search-filter-btn" };
+const _hoisted_2$1 = { class: "bm-search-filter-actions" };
 const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "search-reset-btn",
+  name: "search-reset-btn",
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const expandBtnStyle = {
-      fontSize: "16px",
-      marginLeft: "2px"
-    };
     const isExpand = ref(false);
     function handleExpandBtnChange() {
       isExpand.value = !isExpand.value;
@@ -1258,36 +1279,32 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
         props.showExpandBtn ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: "expand-btn",
+          class: "bm-search-filter-expand",
           onClick: handleExpandBtnChange
         }, [
           createTextVNode(toDisplayString(isExpand.value ? "\u6536\u8D77" : "\u5C55\u5F00"), 1),
-          isExpand.value ? (openBlock(), createBlock(unref(UpOutlined$1), {
-            key: 0,
-            style: normalizeStyle(Object.assign(expandBtnStyle))
-          }, null, 8, ["style"])) : (openBlock(), createBlock(unref(DownOutlined$1), {
-            key: 1,
-            style: normalizeStyle(Object.assign(expandBtnStyle))
-          }, null, 8, ["style"]))
+          isExpand.value ? (openBlock(), createBlock(unref(UpOutlined$1), { key: 0 })) : (openBlock(), createBlock(unref(DownOutlined$1), { key: 1 }))
         ])) : createCommentVNode("v-if", true),
-        createVNode(_component_a_button, {
-          type: "primary",
-          onClick: handleSubmit
-        }, {
-          default: withCtx(() => [
-            _hoisted_2$1
-          ]),
-          _: 1
-        }),
-        createVNode(_component_a_button, { onClick: handleReset }, {
-          default: withCtx(() => [
-            _hoisted_3$1
-          ]),
-          _: 1
-        })
+        createElementVNode("span", _hoisted_2$1, [
+          createVNode(_component_a_button, { onClick: handleReset }, {
+            default: withCtx(() => [
+              _hoisted_3$1
+            ]),
+            _: 1
+          }),
+          createVNode(_component_a_button, {
+            type: "primary",
+            onClick: handleSubmit
+          }, {
+            default: withCtx(() => [
+              _hoisted_4$1
+            ]),
+            _: 1
+          })
+        ])
       ]);
     };
   }
@@ -1335,7 +1352,7 @@ function multiCascaderComposeProps() {
     };
 }
 
-const _hoisted_1$1 = { class: "bm-multi-cascader-wrapper" };
+const _hoisted_1 = { class: "bm-multi-cascader-wrapper" };
 const _hoisted_2 = { class: "bm-multi-cascader" };
 const _hoisted_3 = { class: "bm-multi-cascader-inner" };
 const _hoisted_4 = {
@@ -1683,7 +1700,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_a_form_item_rest = resolveComponent("a-form-item-rest");
       const _component_a_empty = resolveComponent("a-empty");
       const _component_v_dropdown = resolveComponent("v-dropdown");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_v_dropdown, {
           placement: "bottom-start",
           container: false,
@@ -1808,14 +1825,13 @@ var MultiCascaderCompose = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file",
 const BmMultiCascaderCompose = withInstall(MultiCascaderCompose);
 var BmMultiCascaderCompose$1 = BmMultiCascaderCompose;
 
-const _hoisted_1 = { class: "bm-search-filter" };
 const __default__ = {
   name: "BmSearchFilter"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: searchFilterProps,
-  emits: ["update:value", "submit", "reset"],
+  emits: ["update:value", "submit", "reset", "expand"],
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     FormCreateCtr.component("SearchResetBtn", SearchResetBtn);
@@ -1832,10 +1848,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             emits("submit", fApi.value.formData());
           },
           reset() {
+            fApi.value?.resetFields?.();
             emits("reset");
           },
           expand(value) {
             isExpand.value = value;
+            emits("expand", value);
           }
         }
       }
@@ -1860,13 +1878,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rule = computed(() => {
       if (!props.userRule)
         return [];
-      let rule2 = [];
-      if (isExpand.value) {
-        rule2 = props.userRule;
-      } else {
-        rule2 = props.userRule.slice(0, 2);
-      }
-      return rule2.concat(searchResetBtnRule);
+      return [...props.userRule, ...searchResetBtnRule];
     });
     function handleShowExpandBtn(val) {
       searchResetBtnRule[0].props.showExpandBtn = val;
@@ -1900,21 +1912,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const expandRule = computed(() => {
+      const fixedCount = props.fixedCount && props.fixedCount >= 0 ? props.fixedCount : 0;
+      const fixedFields = props.fixedFields?.length ? props.fixedFields : [];
+      return (props.userRule || []).filter((ruleItem, index) => {
+        return index + 1 > fixedCount && !fixedFields.includes(ruleItem.field || ruleItem.name);
+      });
+    });
+    function handleChangeExpand(value) {
+      if (value) {
+        expandRule.value.forEach((ruleItem) => {
+          ruleItem.hidden = false;
+        });
+      } else {
+        expandRule.value.forEach((ruleItem) => {
+          ruleItem.hidden = true;
+        });
+      }
+    }
+    watch(isExpand, (val) => {
+      handleChangeExpand(val);
+    }, {
+      immediate: true
+    });
     expose({
       fApi
     });
     return (_ctx, _cache) => {
       const _component_form_create = resolveComponent("form-create");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["bm-search-filter", ["bm-search-filter-expand-" + props.expandPlacement]])
+      }, [
         createVNode(_component_form_create, {
           api: fApi.value,
           "onUpdate:api": _cache[0] || (_cache[0] = ($event) => fApi.value = $event),
-          "model-value": _ctx.value,
+          "model-value": props.value,
           rule: unref(rule),
           option,
           onChange: handleChange
         }, null, 8, ["api", "model-value", "rule", "option"])
-      ]);
+      ], 2);
     };
   }
 });

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

@@ -21,6 +21,18 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -45,12 +57,25 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default(): {};
         };
+        fixedCount: {
+            type: NumberConstructor;
+            default: number;
+        };
+        fixedFields: {
+            type: import("vue").PropType<string[]>;
+            default(): never[];
+        };
+        expandPlacement: {
+            type: import("vue").PropType<"left" | "right">;
+            default: string;
+        };
     }>> & {
         onSubmit?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+        onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "submit" | "reset" | "update:value", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -80,11 +105,13 @@ declare const _default: import("vue").DefineComponent<{
         };
         submitBtn: boolean;
     };
-    rule: import("vue").ComputedRef<any>;
+    rule: import("vue").ComputedRef<unknown[]>;
     handleShowExpandBtn: (val: any) => void;
     handleChange: () => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value")[], "submit" | "reset" | "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    expandRule: import("vue").ComputedRef<unknown[]>;
+    handleChangeExpand: (value: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -107,15 +134,31 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: import("vue").PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: import("vue").PropType<"left" | "right">;
+        default: string;
+    };
 }>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
 }, {
     value: Record<string, any>;
     showExpandBtn: boolean;
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
+    fixedCount: number;
+    fixedFields: string[];
+    expandPlacement: "left" | "right";
 }>;
 export default _default;

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

@@ -4,10 +4,6 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    expandBtnStyle: {
-        fontSize: string;
-        marginLeft: string;
-    };
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
             type: BooleanConstructor;

package/es/components/search-filter/src/serach-filter.d.ts

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes, PropType } from 'vue';
 export declare const searchResetBtnProps: {
     showExpandBtn: {
         type: BooleanConstructor;
@@ -28,6 +28,18 @@ export declare const searchFilterProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    fixedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fixedFields: {
+        type: PropType<string[]>;
+        default(): never[];
+    };
+    expandPlacement: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
 };
 export declare type SerachFilterProps = ExtractPropTypes<typeof searchFilterProps>;
 export declare type SearchResetBtnProps = ExtractPropTypes<typeof searchResetBtnProps>;