bm-admin-ui 1.0.0-alpha → 1.0.1-alpha

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, reactive, computed, onBeforeUnmount, watch } from 'vue';
+import { h, nextTick, createVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createBlock, unref, normalizeStyle, createCommentVNode, withCtx, computed, Fragment, renderList, createElementVNode, withModifiers, normalizeClass, reactive, onBeforeUnmount, watch } from 'vue';
 import FormCreateCtr from '@form-create/ant-design-vue';
 
 /**
@@ -852,9 +852,9 @@ function insertCss(css, options) {
   return styleElement;
 }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$7(target, key, source[key]); }); } return target; }
 
-function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$7(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function warn(valid, message) {
   // Support uglify
   if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
@@ -870,14 +870,14 @@ function isIconDefinition(target) {
 }
 function generate(node, key, rootProps) {
   if (!rootProps) {
-    return h(node.tag, _objectSpread$4({
+    return h(node.tag, _objectSpread$7({
       key: key
     }, node.attrs), (node.children || []).map(function (child, index) {
       return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
     }));
   }
 
-  return h(node.tag, _objectSpread$4({
+  return h(node.tag, _objectSpread$7({
     key: key
   }, rootProps, node.attrs), (node.children || []).map(function (child, index) {
     return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
@@ -917,9 +917,9 @@ function _objectWithoutProperties$1(source, excluded) { if (source == null) retu
 
 function _objectWithoutPropertiesLoose$1(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$6(target, key, source[key]); }); } return target; }
 
-function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$6(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var twoToneColorPalette = {
   primaryColor: '#333',
   secondaryColor: '#E6E6E6',
@@ -935,11 +935,11 @@ function setTwoToneColors(_ref) {
 }
 
 function getTwoToneColors() {
-  return _objectSpread$3({}, twoToneColorPalette);
+  return _objectSpread$6({}, twoToneColorPalette);
 }
 
 var IconBase = function IconBase(props, context) {
-  var _props$context$attrs = _objectSpread$3({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$6({}, props, context.attrs),
       icon = _props$context$attrs.icon,
       primaryColor = _props$context$attrs.primaryColor,
       secondaryColor = _props$context$attrs.secondaryColor,
@@ -964,12 +964,12 @@ var IconBase = function IconBase(props, context) {
   var target = icon;
 
   if (target && typeof target.icon === 'function') {
-    target = _objectSpread$3({}, target, {
+    target = _objectSpread$6({}, target, {
       icon: target.icon(colors.primaryColor, colors.secondaryColor)
     });
   }
 
-  return generate(target.icon, "svg-".concat(target.name), _objectSpread$3({}, restProps, {
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread$6({}, restProps, {
     'data-icon': target.name,
     width: '1em',
     height: '1em',
@@ -1036,9 +1036,9 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$5(target, key, source[key]); }); } return target; }
 
-function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$5(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -1049,7 +1049,7 @@ setTwoToneColor('#1890ff');
 var Icon = function Icon(props, context) {
   var _classObj;
 
-  var _props$context$attrs = _objectSpread$2({}, props, context.attrs),
+  var _props$context$attrs = _objectSpread$5({}, props, context.attrs),
       cls = _props$context$attrs["class"],
       icon = _props$context$attrs.icon,
       spin = _props$context$attrs.spin,
@@ -1061,7 +1061,7 @@ var Icon = function Icon(props, context) {
 
   var classObj = (_classObj = {
     anticon: true
-  }, _defineProperty$2(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$2(_classObj, cls, cls), _classObj);
+  }, _defineProperty$5(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$5(_classObj, cls, cls), _classObj);
   var svgClassString = spin === '' || !!spin || icon.name === 'loading' ? 'anticon-spin' : '';
   var iconTabIndex = tabindex;
 
@@ -1080,7 +1080,7 @@ var Icon = function Icon(props, context) {
       primaryColor = _normalizeTwoToneColo2[0],
       secondaryColor = _normalizeTwoToneColo2[1];
 
-  return createVNode("span", _objectSpread$2({
+  return createVNode("span", _objectSpread$5({
     "role": "img",
     "aria-label": icon.name
   }, restProps, {
@@ -1107,18 +1107,58 @@ Icon.getTwoToneColor = getTwoToneColor;
 Icon.setTwoToneColor = setTwoToneColor;
 var AntdIcon = Icon;
 
+// This icon file is generated automatically.
+var CloseCircleFilled$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" } }] }, "name": "close-circle", "theme": "filled" };
+var CloseCircleFilledSvg = CloseCircleFilled$2;
+
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$4(target, key, source[key]); }); } return target; }
+
+function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var CloseCircleFilled = function CloseCircleFilled(props, context) {
+  var p = _objectSpread$4({}, props, context.attrs);
+
+  return createVNode(AntdIcon, _objectSpread$4({}, p, {
+    "icon": CloseCircleFilledSvg
+  }), null);
+};
+
+CloseCircleFilled.displayName = 'CloseCircleFilled';
+CloseCircleFilled.inheritAttrs = false;
+var CloseCircleFilled$1 = CloseCircleFilled;
+
+// This icon file is generated automatically.
+var CloseOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" } }] }, "name": "close", "theme": "outlined" };
+var CloseOutlinedSvg = CloseOutlined$2;
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$3(target, key, source[key]); }); } return target; }
+
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var CloseOutlined = function CloseOutlined(props, context) {
+  var p = _objectSpread$3({}, props, context.attrs);
+
+  return createVNode(AntdIcon, _objectSpread$3({}, p, {
+    "icon": CloseOutlinedSvg
+  }), null);
+};
+
+CloseOutlined.displayName = 'CloseOutlined';
+CloseOutlined.inheritAttrs = false;
+var CloseOutlined$1 = CloseOutlined;
+
 // This icon file is generated automatically.
 var DownOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
 var DownOutlinedSvg = DownOutlined$2;
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } return target; }
 
-function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 var DownOutlined = function DownOutlined(props, context) {
-  var p = _objectSpread$1({}, props, context.attrs);
+  var p = _objectSpread$2({}, props, context.attrs);
 
-  return createVNode(AntdIcon, _objectSpread$1({}, p, {
+  return createVNode(AntdIcon, _objectSpread$2({}, p, {
     "icon": DownOutlinedSvg
   }), null);
 };
@@ -1127,6 +1167,26 @@ DownOutlined.displayName = 'DownOutlined';
 DownOutlined.inheritAttrs = false;
 var DownOutlined$1 = DownOutlined;
 
+// This icon file is generated automatically.
+var RightOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
+var RightOutlinedSvg = RightOutlined$2;
+
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } return target; }
+
+function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var RightOutlined = function RightOutlined(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+
+  return createVNode(AntdIcon, _objectSpread$1({}, p, {
+    "icon": RightOutlinedSvg
+  }), null);
+};
+
+RightOutlined.displayName = 'RightOutlined';
+RightOutlined.inheritAttrs = false;
+var RightOutlined$1 = RightOutlined;
+
 // This icon file is generated automatically.
 var UpOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z" } }] }, "name": "up", "theme": "outlined" };
 var UpOutlinedSvg = UpOutlined$2;
@@ -1185,10 +1245,10 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$1 = { class: "bm-search-filter-btn" };
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "bm-search-filter-btn" };
+const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
+const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
@@ -1210,7 +1270,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         props.showExpandBtn ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "expand-btn",
@@ -1230,13 +1290,513 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           onClick: handleSubmit
         }, {
           default: withCtx(() => [
-            _hoisted_2
+            _hoisted_2$1
           ]),
           _: 1
         }),
         createVNode(_component_a_button, { onClick: handleReset }, {
           default: withCtx(() => [
-            _hoisted_3
+            _hoisted_3$1
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+var SearchResetBtn = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "search-reset-btn.vue"]]);
+
+const propsConfig = {
+    options: {
+        type: Array,
+        default() {
+            return [];
+        },
+    },
+    modelValue: {
+        type: Array,
+        default() {
+            return [];
+        },
+    },
+    optionValueName: {
+        type: String,
+        default: 'value',
+    },
+    optionLabelName: {
+        type: String,
+        default: 'label',
+    },
+    maxTagCount: {
+        type: Number,
+        default: 1,
+    },
+    placeholder: {
+        type: String,
+        default: '请选择',
+    },
+    allowClear: {
+        type: Boolean,
+        default: true,
+    },
+};
+
+const _hoisted_1$1 = { class: "bm-multi-cascader-wrapper" };
+const _hoisted_2 = { class: "bm-multi-cascader" };
+const _hoisted_3 = { class: "bm-multi-cascader-inner" };
+const _hoisted_4 = {
+  key: 0,
+  class: "bm-multi-cascader-tags"
+};
+const _hoisted_5 = { class: "bm-multi-cascader-tag-text" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "bm-multi-cascader-tag"
+};
+const _hoisted_8 = { class: "bm-multi-cascader-tag-text" };
+const _hoisted_9 = {
+  key: 1,
+  class: "bm-multi-cascader-placeholder"
+};
+const _hoisted_10 = { class: "bm-multi-cascader-action" };
+const _hoisted_11 = {
+  key: 0,
+  class: "bm-multi-cascader-popover"
+};
+const _hoisted_12 = { class: "bm-multi-cascader-moduler-container" };
+const _hoisted_13 = ["onClick"];
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("span", { class: "bm-multi-cascader-item-desc" }, "\u5168\u9009", -1);
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = { class: "bm-multi-cascader-item-desc" };
+const _hoisted_17 = { class: "bm-multi-cascader-item-text" };
+const _hoisted_18 = {
+  key: 1,
+  class: "bm-multi-cascader-popover"
+};
+const _hoisted_19 = { class: "bm-multi-cascader-moduler" };
+const __default__$1 = {
+  name: "BmMultiCascaderCompose"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: propsConfig,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const path = ref([]);
+    const optionsMap = computed(() => {
+      let res = {};
+      const getValue = (list) => {
+        list.forEach((row) => {
+          let key = row[props.optionValueName];
+          let value = row[props.optionLabelName];
+          if (!res[key]) {
+            res[key] = {
+              [props.optionValueName]: key,
+              [props.optionLabelName]: value
+            };
+          }
+          if (row.children) {
+            getValue(row.children);
+          }
+        });
+      };
+      getValue(props.options);
+      return res;
+    });
+    const checkedMap = computed(() => {
+      let res = [];
+      props.modelValue.forEach((item) => {
+        let temp = optionsMap.value[item] || {};
+        temp = {
+          [props.optionValueName]: item,
+          [props.optionLabelName]: item,
+          ...temp
+        };
+        res.push(temp);
+      });
+      return res;
+    });
+    const checkedHideCount = computed(() => {
+      if (props.maxTagCount && checkedMap.value.length > props.maxTagCount) {
+        return checkedMap.value.length - props.maxTagCount;
+      } else {
+        return 0;
+      }
+    });
+    const checkedShowMap = computed(() => {
+      if (checkedHideCount.value > 0) {
+        return checkedMap.value.slice(0, props.maxTagCount);
+      } else {
+        return checkedMap.value;
+      }
+    });
+    const modulersOptions = computed(() => {
+      let res = [{ children: props.options }];
+      for (let i = 0; i < path.value.length; i++) {
+        let parent = res[res.length - 1];
+        let index = path.value[i].index;
+        let next = parent.children?.[index];
+        next && res.push(next);
+      }
+      return res;
+    });
+    const modulersStatusOptions = computed(() => {
+      let res = [];
+      let parentChecked = false;
+      for (let i = 0; i < modulersOptions.value.length; i++) {
+        let tempRes = [];
+        let tempChildren = modulersOptions.value[i].children;
+        if (tempChildren) {
+          for (let j = 0; j < tempChildren.length; j++) {
+            if (parentChecked) {
+              tempRes.push({ checked: true });
+            } else {
+              let tempRes2 = tempChildren[j];
+              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              if (tempIndex2 !== -1) {
+                tempRes.push({ checked: true });
+              } else {
+                if (tempRes2.children) {
+                  let allSonValues = getAllSonValues(tempRes2.children);
+                  let indeterminate = false;
+                  for (let k = 0; k < allSonValues.length; k++) {
+                    if (props.modelValue.indexOf(allSonValues[k]) !== -1) {
+                      indeterminate = true;
+                      break;
+                    }
+                  }
+                  tempRes.push({ checked: false, indeterminate });
+                } else {
+                  tempRes.push({ checked: false });
+                }
+              }
+            }
+          }
+        }
+        res.push(tempRes);
+        if (!parentChecked) {
+          if (tempChildren) {
+            for (let j = 0; j < tempChildren.length; j++) {
+              let tempRes2 = tempChildren[j];
+              let tempIndex2 = props.modelValue.indexOf(tempRes2[props.optionValueName]);
+              if (path.value[i] && tempRes2[props.optionValueName] === path.value[i][props.optionValueName] && tempIndex2 !== -1) {
+                parentChecked = true;
+                break;
+              }
+            }
+          }
+        }
+      }
+      return res;
+    });
+    const modulersAllStatusOptions = computed(() => {
+      let res = [];
+      for (let i = 0; i < modulersStatusOptions.value.length; i++) {
+        let checked = true;
+        let indeterminate = false;
+        for (let j = 0; j < modulersStatusOptions.value[i].length; j++) {
+          let tempRes2 = modulersStatusOptions.value[i][j];
+          if (!tempRes2.checked) {
+            checked = false;
+            break;
+          }
+        }
+        if (!checked) {
+          for (let k = 0; k < modulersStatusOptions.value[i].length; k++) {
+            let tempRes2 = modulersStatusOptions.value[i][k];
+            if (tempRes2.indeterminate || tempRes2.checked) {
+              indeterminate = true;
+              break;
+            }
+          }
+        }
+        res.push({ checked, indeterminate });
+      }
+      return res;
+    });
+    const handleClick = (option, level, index) => {
+      if (option.children) {
+        path.value.splice(level);
+        path.value[level] = { ...option, index };
+      } else {
+        path.value.splice(level);
+        handleToggle(option, level, index);
+      }
+    };
+    const handleClickCheckbox = (option, level, index) => {
+      if (option.children) {
+        path.value.splice(level);
+        path.value[level] = { ...option, index };
+      } else {
+        path.value.splice(level);
+      }
+      handleToggle(option, level, index);
+    };
+    const handleToggle = (option, level, index) => {
+      let checked = [...props.modelValue];
+      let unChecked = [];
+      let tempOption = modulersOptions.value[level].children?.[index];
+      let tempStatus = modulersStatusOptions.value[level][index];
+      if (tempStatus.checked) {
+        unChecked.push(tempOption?.[props.optionValueName]);
+        if (tempOption?.children) {
+          let allSonValues = getAllSonValues(tempOption.children);
+          unChecked = unChecked.concat(allSonValues);
+        }
+        if (level >= 0) {
+          tempOption = modulersOptions.value[level];
+        }
+        for (let i = level; i >= 0; i--) {
+          let tempOption2 = modulersOptions.value[i];
+          let tempStatus2 = modulersAllStatusOptions.value[i];
+          if (tempStatus2.checked) {
+            let tempValues = tempOption2.children?.map((item) => item[props.optionValueName]).filter((item) => item !== tempOption?.[props.optionValueName]) || [];
+            unChecked.push(tempOption2[props.optionValueName]);
+            checked = checked.concat(tempValues);
+          }
+          tempOption = tempOption2;
+        }
+      } else {
+        checked.push(tempOption?.[props.optionValueName]);
+        if (tempOption?.children) {
+          let allSonValues = getAllSonValues(tempOption.children);
+          allSonValues = allSonValues.filter((item) => item !== tempOption?.[props.optionValueName]);
+          unChecked = unChecked.concat(allSonValues);
+        }
+        for (let i = level; i > 0; i--) {
+          let tempOption2 = modulersOptions.value[i];
+          let allIsChecked = true;
+          tempOption2.children?.forEach((item) => {
+            if (checked.indexOf(item[props.optionValueName]) === -1) {
+              allIsChecked = false;
+            }
+          });
+          if (allIsChecked) {
+            checked.push(tempOption2[props.optionValueName]);
+            if (tempOption2.children) {
+              let allSonValues = getAllSonValues(tempOption2.children);
+              allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+              unChecked = unChecked.concat(allSonValues);
+            }
+          }
+        }
+      }
+      unChecked = unChecked.filter((item, index2, arr) => {
+        return item !== void 0 && arr.indexOf(item) === index2;
+      });
+      checked = checked.filter((item, index2, arr) => {
+        return item !== void 0 && arr.indexOf(item) === index2;
+      }).filter((item) => {
+        return unChecked.indexOf(item) === -1;
+      });
+      emits("update:modelValue", checked);
+      emits("change", checked);
+    };
+    const handleClickAll = (level) => {
+      let checked = [...props.modelValue];
+      let unChecked = [];
+      let tempOption = modulersOptions.value[level];
+      let tempStatus = modulersAllStatusOptions.value[level];
+      if (level === 0) {
+        if (tempStatus.checked) {
+          checked = [];
+        } else {
+          checked = modulersOptions.value[level].children?.map((item) => item[props.optionValueName]) || [];
+        }
+      } else {
+        if (tempStatus.checked) {
+          unChecked.push(tempOption[props.optionValueName]);
+          if (tempOption.children) {
+            let allSonValues = getAllSonValues(tempOption.children);
+            unChecked = unChecked.concat(allSonValues);
+          }
+          for (let i = level; i >= 0; i--) {
+            let tempOption2 = modulersOptions.value[i];
+            let tempStatus2 = modulersAllStatusOptions.value[i];
+            if (tempStatus2.checked) {
+              let tempValues = tempOption2.children?.map((item) => item[props.optionValueName]).filter((item) => item !== tempOption[props.optionValueName]) || [];
+              unChecked.push(tempOption2[props.optionValueName]);
+              checked = checked.concat(tempValues);
+            }
+            tempOption = tempOption2;
+          }
+        } else {
+          checked.push(tempOption[props.optionValueName]);
+          if (tempOption.children) {
+            let allSonValues = getAllSonValues(tempOption.children);
+            allSonValues = allSonValues.filter((item) => item !== tempOption[props.optionValueName]);
+            unChecked = unChecked.concat(allSonValues);
+          }
+          for (let i = level; i > 0; i--) {
+            let tempOption2 = modulersOptions.value[i];
+            let allIsChecked = true;
+            tempOption2.children?.forEach((item) => {
+              if (checked.indexOf(item[props.optionValueName]) === -1) {
+                allIsChecked = false;
+              }
+            });
+            if (allIsChecked) {
+              checked.push(tempOption2[props.optionValueName]);
+              if (tempOption2.children) {
+                let allSonValues = getAllSonValues(tempOption2.children);
+                allSonValues = allSonValues.filter((item) => item !== tempOption2[props.optionValueName]);
+                unChecked = unChecked.concat(allSonValues);
+              }
+            }
+          }
+        }
+      }
+      unChecked = unChecked.filter((item, index, arr) => {
+        return item !== void 0 && arr.indexOf(item) === index;
+      });
+      checked = checked.filter((item, index, arr) => {
+        return item !== void 0 && arr.indexOf(item) === index;
+      }).filter((item) => {
+        return unChecked.indexOf(item) === -1;
+      });
+      emits("update:modelValue", checked);
+      emits("change", checked);
+    };
+    const getAllSonValues = (data) => {
+      let res = [];
+      const getValue = (list) => {
+        list.forEach((row) => {
+          if (row.children) {
+            res.push(row[props.optionValueName]);
+            getValue(row.children);
+          } else {
+            res.push(row[props.optionValueName]);
+          }
+        });
+      };
+      getValue(data);
+      return res;
+    };
+    const removeItem = (value) => {
+      let checked = [...props.modelValue];
+      checked = checked.filter((item) => item !== value);
+      emits("update:modelValue", checked);
+      emits("change", checked);
+    };
+    const removeAll = () => {
+      emits("update:modelValue", []);
+      emits("change", []);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_checkbox = resolveComponent("a-checkbox");
+      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, [
+        createVNode(_component_v_dropdown, {
+          placement: "bottom-start",
+          container: false,
+          distance: 2
+        }, {
+          popper: withCtx(() => [
+            props.options.length ? (openBlock(), createElementBlock("div", _hoisted_11, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(modulersOptions), (moduler, level) => {
+                return openBlock(), createElementBlock("div", {
+                  key: level,
+                  class: "bm-multi-cascader-moduler"
+                }, [
+                  createCommentVNode(" container "),
+                  createElementVNode("section", _hoisted_12, [
+                    moduler.children && moduler.children.length > 0 ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: "bm-multi-cascader-item bm-multi-cascader-all",
+                      onClick: ($event) => handleClickAll(level)
+                    }, [
+                      createVNode(_component_a_form_item_rest, null, {
+                        default: withCtx(() => [
+                          createVNode(_component_a_checkbox, {
+                            class: "bm-multi-cascader-item-checkbox",
+                            checked: unref(modulersAllStatusOptions)[level].checked,
+                            indeterminate: unref(modulersAllStatusOptions)[level].indeterminate,
+                            onChange: _cache[0] || (_cache[0] = withModifiers(() => {
+                            }, ["stop"]))
+                          }, null, 8, ["checked", "indeterminate"])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      _hoisted_14
+                    ], 8, _hoisted_13)) : createCommentVNode("v-if", true),
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(moduler.children, (option, index) => {
+                      return openBlock(), createElementBlock("div", {
+                        key: index,
+                        class: normalizeClass(["bm-multi-cascader-item", {
+                          "is-active": path.value.find((item) => option[props.optionValueName] === item[props.optionValueName])
+                        }]),
+                        onClick: ($event) => handleClick(option, level, index)
+                      }, [
+                        createVNode(_component_a_form_item_rest, null, {
+                          default: withCtx(() => [
+                            createVNode(_component_a_checkbox, {
+                              class: "bm-multi-cascader-item-checkbox",
+                              checked: unref(modulersStatusOptions)[level][index].checked,
+                              indeterminate: unref(modulersStatusOptions)[level][index].indeterminate,
+                              onClick: withModifiers(($event) => handleClickCheckbox(option, level, index), ["stop"]),
+                              onChange: _cache[1] || (_cache[1] = withModifiers(() => {
+                              }, ["stop"]))
+                            }, null, 8, ["checked", "indeterminate", "onClick"])
+                          ]),
+                          _: 2
+                        }, 1024),
+                        createElementVNode("span", _hoisted_16, [
+                          createElementVNode("span", _hoisted_17, toDisplayString(option[props.optionLabelName]), 1),
+                          option.children ? (openBlock(), createBlock(unref(RightOutlined$1), {
+                            key: 0,
+                            class: "bm-multi-cascader-item-caret"
+                          })) : createCommentVNode("v-if", true)
+                        ])
+                      ], 10, _hoisted_15);
+                    }), 128))
+                  ])
+                ]);
+              }), 128))
+            ])) : (openBlock(), createElementBlock("div", _hoisted_18, [
+              createElementVNode("div", _hoisted_19, [
+                createVNode(_component_a_empty, { class: "bm-multi-cascader-popover-empty" })
+              ])
+            ]))
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createCommentVNode(" container "),
+              createElementVNode("section", _hoisted_3, [
+                props.modelValue.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(checkedShowMap), (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      class: "bm-multi-cascader-tag"
+                    }, [
+                      createElementVNode("span", _hoisted_5, toDisplayString(item[props.optionLabelName]), 1),
+                      createElementVNode("span", {
+                        class: "bm-multi-cascader-tag-close",
+                        onClick: withModifiers(($event) => removeItem(item[props.optionValueName]), ["stop"])
+                      }, [
+                        createVNode(unref(CloseOutlined$1), { class: "bm-multi-cascader-tag-close-inner" })
+                      ], 8, _hoisted_6)
+                    ]);
+                  }), 128)),
+                  createCommentVNode(" \u66F4\u591A\u6570\u91CF\u9690\u85CF "),
+                  unref(checkedHideCount) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    createElementVNode("span", _hoisted_8, "+ " + toDisplayString(unref(checkedHideCount)), 1)
+                  ])) : createCommentVNode("v-if", true)
+                ])) : (openBlock(), createElementBlock("div", _hoisted_9, toDisplayString(props.placeholder), 1))
+              ]),
+              createElementVNode("div", _hoisted_10, [
+                props.allowClear && props.modelValue.length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createVNode(unref(DownOutlined$1), { class: "bm-multi-cascader-icon bm-multi-cascader-caret" }),
+                  createVNode(unref(CloseCircleFilled$1), {
+                    class: "bm-multi-cascader-icon bm-multi-cascader-remove-all",
+                    onClick: withModifiers(removeAll, ["stop"])
+                  }, null, 8, ["onClick"])
+                ], 64)) : (openBlock(), createBlock(unref(DownOutlined$1), { key: 1 }))
+              ])
+            ])
           ]),
           _: 1
         })
@@ -1244,7 +1804,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SearchResetBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "/Users/hesiying/work/bm-admin-ui/packages/components/search-filter/src/search-reset-btn.vue"]]);
+var MultiCascaderCompose = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "multi-cascader-compose.vue"]]);
+
+const BmMultiCascaderCompose = withInstall(MultiCascaderCompose);
+var BmMultiCascaderCompose$1 = BmMultiCascaderCompose;
 
 const _hoisted_1 = { class: "bm-search-filter" };
 const __default__ = {
@@ -1257,6 +1820,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit: emits }) {
     const props = __props;
     FormCreateCtr.component("SearchResetBtn", SearchResetBtn);
+    FormCreateCtr.component("BmMultiCascaderCompose", BmMultiCascaderCompose$1);
     const isExpand = ref(false);
     const searchResetBtnRule = reactive([
       {
@@ -1355,7 +1919,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var SearchFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/hesiying/work/bm-admin-ui/packages/components/search-filter/src/search-filter.vue"]]);
+var SearchFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "search-filter.vue"]]);
 
 const BmSearchFilter = withInstall(SearchFilter);