@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/search-form/index.js

@@ -1,7 +1,8 @@
-import { getCurrentInstance, inject, ref, computed, unref, defineComponent, openBlock, createBlock, Transition, mergeProps, toHandlers, withCtx, renderSlot, watch, createElementBlock, normalizeStyle, withDirectives, createTextVNode, toDisplayString, createCommentVNode, createVNode, isRef, normalizeClass, Fragment, useCssVars, onMounted, createElementVNode, renderList, vShow, nextTick, pushScopeId, popScopeId } from 'vue';
+import { getCurrentInstance, inject, ref, computed, unref, defineComponent, openBlock, createBlock, Transition, mergeProps, toHandlers, withCtx, renderSlot, watch, createElementBlock, normalizeStyle, withDirectives, createTextVNode, toDisplayString, createCommentVNode, createVNode, normalizeClass, Fragment, useCssVars, onMounted, nextTick, createElementVNode, renderList, vShow, pushScopeId, popScopeId } from 'vue';
 import { withInstall } from '@das-fed/utils';
-import { vDasTooltip, DasInputDialogSelect, DasSelect, DasDateRangePicker, DasRangePicker, DasTimeRangePicker, DasForm, DasFormItem, DasTag, DasSearch, DasSelectInput, DasIcon, DasCustomSearchItem } from '@das-fed/ui';
+import { DasInputDialogSelect, vDasTooltip, DasSelect, DasRangePicker, DasTimeRangePicker, DasDateRangePicker, DasCustomSearchItem, DasForm, DasFormItem, DasIcon, DasSearch, DasSelectInput, DasTag, vScrollbar } from '@das-fed/ui';
 import { useModelValue } from '@das-fed/utils/vue';
+import { setThemeRule } from '@das-fed/web';
 
 const defaultNamespace = "el";
 const statePrefix = "is-";
@@ -20,14 +21,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
+  const derivedNamespace = (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
   const namespace = computed(() => {
     return unref(derivedNamespace) || defaultNamespace;
   });
   return namespace;
 };
 const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const namespace = useGetDerivedNamespace();
   const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
   const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
   const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -183,17 +184,12 @@ const calculateLabelWidth = (labelLength, labelPosition) => {
     return "100%";
   }
   let length = 4;
-  if (typeof labelLength === "string")
-    length = parseInt(labelLength);
-  else if (typeof labelLength === "number")
-    length = labelLength;
+  if (typeof labelLength === "string") length = parseInt(labelLength);
+  else if (typeof labelLength === "number") length = labelLength;
   const width = `${length * 12}px`;
   return width;
 };
 
-const _hoisted_1$2 = { class: "das-input-select-search-container" };
-const _hoisted_2$2 = { class: "label-context" };
-const _hoisted_3$2 = { key: 0 };
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "InputSelect",
   props: {
@@ -207,7 +203,8 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
     showFilterPanel: { type: Boolean, required: false, default: false }
   },
   emits: ["update:modelValue", "dateRangeChange", "update:optionValue", "selectChange", "openDialogHandle", "openDialogChange"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const { innerValue, openDialogHandle } = useInputSelect(props, emit);
@@ -218,41 +215,13 @@ var _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     );
     const labelWidth = ref(calculateLabelWidth(props.labelLength, props.labelPosition));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        !!_ctx.label ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: "label",
-            style: normalizeStyle({ width: labelWidth.value })
-          },
-          [
-            withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
-              createTextVNode(
-                toDisplayString(_ctx.label),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [unref(vDasTooltip)]
-            ]),
-            props.showFilterPanel ? (openBlock(), createElementBlock("span", _hoisted_3$2, "\uFF1A")) : createCommentVNode("v-if", true)
-          ],
-          4
-          /* STYLE */
-        )) : createCommentVNode("v-if", true),
-        createVNode(unref(DasInputDialogSelect), mergeProps({
-          "selected-options": _ctx.selectedOptions,
-          width: "200px",
-          optionsLabelKey: _ctx.optionsLabelKey,
-          optionsValueKey: _ctx.optionsValueKey,
-          onOpenDialog: unref(openDialogHandle),
-          modelValue: unref(innerValue),
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(innerValue) ? innerValue.value = $event : null)
-        }, _ctx.$attrs), null, 16, ["selected-options", "optionsLabelKey", "optionsValueKey", "onOpenDialog", "modelValue"])
-      ]);
-    };
+    const __returned__ = { props, emit, innerValue, openDialogHandle, labelWidth, get DasInputDialogSelect() {
+      return DasInputDialogSelect;
+    }, get vDasTooltip() {
+      return vDasTooltip;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -264,7 +233,45 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var InputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-6f8c6762"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\search-form\\src\\InputSelect.vue"]]);
+const _hoisted_1$2 = { class: "das-input-select-search-container" };
+const _hoisted_2$2 = { class: "label-context" };
+const _hoisted_3$2 = { key: 0 };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+    !!$props.label ? (openBlock(), createElementBlock(
+      "div",
+      {
+        key: 0,
+        class: "label",
+        style: normalizeStyle({ width: $setup.labelWidth })
+      },
+      [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
+          createTextVNode(
+            toDisplayString($props.label),
+            1
+            /* TEXT */
+          )
+        ])), [
+          [$setup["vDasTooltip"]]
+        ]),
+        $setup.props.showFilterPanel ? (openBlock(), createElementBlock("span", _hoisted_3$2, "\uFF1A")) : createCommentVNode("v-if", true)
+      ],
+      4
+      /* STYLE */
+    )) : createCommentVNode("v-if", true),
+    createVNode($setup["DasInputDialogSelect"], mergeProps({
+      "selected-options": $props.selectedOptions,
+      width: "200px",
+      optionsLabelKey: $props.optionsLabelKey,
+      optionsValueKey: $props.optionsValueKey,
+      onOpenDialog: $setup.openDialogHandle,
+      modelValue: $setup.innerValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.innerValue = $event)
+    }, _ctx.$attrs), null, 16, ["selected-options", "optionsLabelKey", "optionsValueKey", "onOpenDialog", "modelValue"])
+  ]);
+}
+var InputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-6f8c6762"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/search-form/src/InputSelect.vue"]]);
 
 var lodash = {exports: {}};
 
@@ -17482,8 +17489,7 @@ const useSelectDateRange = (props, emit) => {
   };
   const preInnertVal = ref(null);
   const dateRangeChangeHandler = (val) => {
-    if (JSON.stringify(val) === JSON.stringify(preInnertVal.value))
-      return;
+    if (JSON.stringify(val) === JSON.stringify(preInnertVal.value)) return;
     preInnertVal.value = lodashExports.cloneDeep(val);
     emit("update:modelValue", val);
     emit("dateRangeChange", val);
@@ -17491,13 +17497,6 @@ const useSelectDateRange = (props, emit) => {
   return { innerValue, selectValue, selectChangeHandler, dateRangeChangeHandler };
 };
 
-const _hoisted_1$1 = {
-  class: "das-select-date-range",
-  id: "das-select-date-range"
-};
-const _hoisted_2$1 = { class: "label-context" };
-const _hoisted_3$1 = { key: 0 };
-const _hoisted_4$1 = { key: 1 };
 var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SearchDateRange",
   props: {
@@ -17515,127 +17514,111 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     isNeedSelect: { type: Boolean, required: false, default: true }
   },
   emits: ["update:modelValue", "dateRangeChange", "update:optionValue", "selectChange", "openDialogHandle", "openDialogChange"],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const { innerValue, selectValue, dateRangeChangeHandler, selectChangeHandler } = useSelectDateRange(props, emit);
     const itemWidth = ref("200px");
-    ref(null);
+    const resizeObserver = ref(null);
     const labelWidth = ref(calculateLabelWidth(props.labelLength, props.labelPosition));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        !!_ctx.label ? (openBlock(), createElementBlock(
-          "div",
-          {
-            key: 0,
-            class: "label",
-            style: normalizeStyle({ width: labelWidth.value })
-          },
-          [
-            withDirectives((openBlock(), createElementBlock("div", _hoisted_2$1, [
-              createTextVNode(
-                toDisplayString(_ctx.label),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [unref(vDasTooltip)]
-            ]),
-            props.showFilterPanel ? (openBlock(), createElementBlock("span", _hoisted_3$1, "\uFF1A")) : createCommentVNode("v-if", true)
-          ],
-          4
-          /* STYLE */
-        )) : createCommentVNode("v-if", true),
-        _ctx.isNeedSelect ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-          createVNode(unref(DasSelect), {
-            size: _ctx.mode == "default" ? "mini" : "small",
-            dropdownClassName: "das-select-date-select-container",
-            class: normalizeClass({ "optional-select-item": _ctx.mode != "default" }),
-            modelValue: unref(selectValue),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectValue) ? selectValue.value = $event : null),
-            width: _ctx.mode == "default" ? "95px" : "100px",
-            dropdownMatchSelectWidth: false,
-            "border-type": _ctx.mode == "default" ? "none" : "underline",
-            options: _ctx.options,
-            fieldNames: {
-              value: _ctx.optionsValueKey,
-              label: _ctx.optionsLabelKey
-            },
-            onChange: unref(selectChangeHandler)
-          }, null, 8, ["size", "class", "modelValue", "width", "border-type", "options", "fieldNames", "onChange"])
-        ])) : createCommentVNode("v-if", true),
-        _ctx.mode == "default" ? (openBlock(), createBlock(unref(DasDateRangePicker), mergeProps({
-          key: 2,
-          modelValue: unref(innerValue),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-          itemWidth: itemWidth.value
-        }, _ctx.$attrs, { onChange: unref(dateRangeChangeHandler) }), null, 16, ["modelValue", "itemWidth", "onChange"])) : createCommentVNode("v-if", true),
-        _ctx.mode == "optional" && unref(selectValue) == "custom" ? (openBlock(), createElementBlock(
-          Fragment,
-          { key: 3 },
-          [
-            createCommentVNode(" \u65E5\u671F\u8303\u56F4\u9009\u62E9\u5668 "),
-            _ctx.type == "dateRange" || _ctx.type == "dateTimeRange" || _ctx.type == "weekRange" || _ctx.type == "monthRange" || _ctx.type == "yearRange" ? (openBlock(), createBlock(unref(DasRangePicker), mergeProps({
-              key: 0,
-              "show-time": _ctx.type === "dateTimeRange",
-              picker: _ctx.type,
-              size: "small",
-              modelValue: unref(innerValue),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(innerValue) ? innerValue.value = $event : null)
-            }, _ctx.$attrs, { onChange: unref(dateRangeChangeHandler) }), null, 16, ["show-time", "picker", "modelValue", "onChange"])) : _ctx.type === "timeRange" ? (openBlock(), createBlock(unref(DasTimeRangePicker), mergeProps({
-              key: 1,
-              modelValue: unref(innerValue),
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
-              size: "small"
-            }, _ctx.$attrs, { onChange: unref(dateRangeChangeHandler) }), null, 16, ["modelValue", "onChange"])) : createCommentVNode("v-if", true)
-          ],
-          64
-          /* STABLE_FRAGMENT */
-        )) : createCommentVNode("v-if", true)
-      ]);
-    };
+    const __returned__ = { props, emit, innerValue, selectValue, dateRangeChangeHandler, selectChangeHandler, itemWidth, resizeObserver, labelWidth, get DasSelect() {
+      return DasSelect;
+    }, get vDasTooltip() {
+      return vDasTooltip;
+    }, get DasRangePicker() {
+      return DasRangePicker;
+    }, get DasTimeRangePicker() {
+      return DasTimeRangePicker;
+    }, get DasDateRangePicker() {
+      return DasDateRangePicker;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
-var SearchDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a97de991"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\search-form\\src\\SearchDateRange.vue"]]);
-
-const _withScopeId = (n) => (pushScopeId("data-v-8c59eff2"), n = n(), popScopeId(), n);
-const _hoisted_1 = { class: "search-content" };
-const _hoisted_2 = {
-  key: 0,
-  class: "search-title"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "left"
-};
-const _hoisted_4 = { class: "align-left-filter-content" };
-const _hoisted_5 = {
-  key: 2,
-  class: "search-selected-content"
-};
-const _hoisted_6 = {
-  key: 0,
-  class: "label"
-};
-const _hoisted_7 = { class: "tag-content" };
-const _hoisted_8 = { class: "search-form-right" };
-const _hoisted_9 = {
-  key: 0,
-  class: "right"
-};
-const _hoisted_10 = { class: "status" };
-const _hoisted_11 = {
-  key: 2,
-  class: "margin-filter"
+const _hoisted_1$1 = {
+  class: "das-select-date-range",
+  id: "das-select-date-range"
 };
-const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
-  "div",
-  { class: "filter-line" },
-  null,
-  -1
-  /* HOISTED */
-));
+const _hoisted_2$1 = { class: "label-context" };
+const _hoisted_3$1 = { key: 0 };
+const _hoisted_4$1 = { key: 1 };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    !!$props.label ? (openBlock(), createElementBlock(
+      "div",
+      {
+        key: 0,
+        class: "label",
+        style: normalizeStyle({ width: $setup.labelWidth })
+      },
+      [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createTextVNode(
+            toDisplayString($props.label),
+            1
+            /* TEXT */
+          )
+        ])), [
+          [$setup["vDasTooltip"]]
+        ]),
+        $setup.props.showFilterPanel ? (openBlock(), createElementBlock("span", _hoisted_3$1, "\uFF1A")) : createCommentVNode("v-if", true)
+      ],
+      4
+      /* STYLE */
+    )) : createCommentVNode("v-if", true),
+    $props.isNeedSelect ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+      createVNode($setup["DasSelect"], {
+        size: $props.mode == "default" ? "mini" : "small",
+        dropdownClassName: "das-select-date-select-container",
+        class: normalizeClass({ "optional-select-item": $props.mode != "default" }),
+        modelValue: $setup.selectValue,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.selectValue = $event),
+        width: $props.mode == "default" ? "95px" : "100px",
+        dropdownMatchSelectWidth: false,
+        "border-type": $props.mode == "default" ? "none" : "underline",
+        options: $props.options,
+        fieldNames: {
+          value: $props.optionsValueKey,
+          label: $props.optionsLabelKey
+        },
+        onChange: $setup.selectChangeHandler
+      }, null, 8, ["size", "class", "modelValue", "width", "border-type", "options", "fieldNames", "onChange"])
+    ])) : createCommentVNode("v-if", true),
+    $props.mode == "default" ? (openBlock(), createBlock($setup["DasDateRangePicker"], mergeProps({
+      key: 2,
+      modelValue: $setup.innerValue,
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => $setup.innerValue = $event),
+      itemWidth: $setup.itemWidth
+    }, _ctx.$attrs, { onChange: $setup.dateRangeChangeHandler }), null, 16, ["modelValue", "itemWidth", "onChange"])) : createCommentVNode("v-if", true),
+    $props.mode == "optional" && $setup.selectValue == "custom" ? (openBlock(), createElementBlock(
+      Fragment,
+      { key: 3 },
+      [
+        createCommentVNode(" \u65E5\u671F\u8303\u56F4\u9009\u62E9\u5668 "),
+        $props.type == "dateRange" || $props.type == "dateTimeRange" || $props.type == "weekRange" || $props.type == "monthRange" || $props.type == "yearRange" ? (openBlock(), createBlock($setup["DasRangePicker"], mergeProps({
+          key: 0,
+          "show-time": $props.type === "dateTimeRange",
+          picker: $props.type,
+          size: "small",
+          modelValue: $setup.innerValue,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.innerValue = $event)
+        }, _ctx.$attrs, { onChange: $setup.dateRangeChangeHandler }), null, 16, ["show-time", "picker", "modelValue", "onChange"])) : $props.type === "timeRange" ? (openBlock(), createBlock($setup["DasTimeRangePicker"], mergeProps({
+          key: 1,
+          modelValue: $setup.innerValue,
+          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.innerValue = $event),
+          size: "small"
+        }, _ctx.$attrs, { onChange: $setup.dateRangeChangeHandler }), null, 16, ["modelValue", "onChange"])) : createCommentVNode("v-if", true)
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    )) : createCommentVNode("v-if", true)
+  ]);
+}
+var SearchDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-a97de991"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/search-form/src/SearchDateRange.vue"]]);
+
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -17738,9 +17721,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     let selectedList = ref([]);
     const optionsHandle = () => {
-      let taglist;
       let tagLabel;
       let tempSelectedList = innerSearchOptions.value.map((v) => {
+        let taglist;
         v.optionsLabelKey = v.optionsLabelKey ? v.optionsLabelKey : "label";
         v.optionsValueKey = v.optionsValueKey ? v.optionsValueKey : "value";
         tagLabel = v.label;
@@ -17834,11 +17817,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       alignRightOptions.value = props.showFilterPanel ? searchOptions.value.filter((v) => v.layout == "out") : searchOptions.value.filter((v) => v.type == "searchInput" || v.type == "selectSearch");
       alignLeftOptions.value = props.showFilterPanel ? [] : searchOptions.value.filter((v) => v.type != "searchInput" && v.type != "selectSearch");
-      const optionsList = searchOptions.value.filter((v) => v.layout == "inner");
-      if (props.showFilterPanel) {
-        let list = optionsList.map((v) => v.value || v.optionValue);
-        return list;
-      }
+      const optionsList = searchOptions.value.filter((v) => v.layout == "inner" && v.type != "input");
+      let list = optionsList.map((v) => v.value || v.optionValue);
+      return props.showFilterPanel ? list : [];
     });
     watch(
       () => valueList,
@@ -17850,8 +17831,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true, immediate: true }
     );
     const onChange = async (item, val, type, option) => {
-      if (isAllReset.value)
-        return;
+      if (isAllReset.value) return;
       item["change"] && item["change"](item, val, getFormData(), option);
       if (props.showFilterPanel) {
         if (item.custom) {
@@ -17866,8 +17846,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (item.type == "treeSelect") {
           item.checkedNodes = Array.isArray(option) ? option : [option];
           item["selectChange"] && item["selectChange"](val, getFormData(), option);
-          if (!!item?.parentLinkChildrenStrictly)
-            optionsHandle();
+          if (!!item?.parentLinkChildrenStrictly) optionsHandle();
+        } else if (item.type == "input") {
+          optionsHandle();
         }
       }
       if (!item.hasOwnProperty("isChangeTrigger")) {
@@ -17878,8 +17859,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const dateRangeChange = (item, val) => {
-      if (isAllReset.value)
-        return;
+      if (isAllReset.value) return;
       item["dateRangeChange"] && item["dateRangeChange"](item, val, getFormData());
       if (props.showFilterPanel) {
         optionsHandle();
@@ -17906,9 +17886,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         item["dropdownVisibleChange"] && item["dropdownVisibleChange"](val);
       }
     };
+    const onKeyupEnter = (item) => {
+      item["keyup.enter"] && item["keyup.enter"](item, getFormData());
+      confirm();
+    };
     const selectChange = async (item, val) => {
-      if (isAllReset.value)
-        return;
+      if (isAllReset.value) return;
       if (item.type != "treeSelect") {
         item["selectChange"] && item["selectChange"](item, val, getFormData());
         if (item.type == "selectDateRange") {
@@ -17926,13 +17909,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const openDialogChange = (item, val) => {
       getFormData();
-      if (isAllReset.value)
-        return;
+      if (isAllReset.value) return;
       confirm();
     };
     const filterOption = (input, option, item) => {
-      if (item.type !== "select")
-        return false;
+      if (item.type !== "select") return false;
       if (item["filterOption"]) {
         return item["filterOption"](input, option, item);
       } else {
@@ -17987,8 +17968,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           }
           if (v.custom) {
             v.customerActive = false;
-            if (v.customOption.value)
-              v.customOption.value = currentItem.customOption.value;
+            if (v.customOption.value) v.customOption.value = currentItem.customOption.value;
           }
         }
       });
@@ -18032,8 +18012,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       searchOptions.value = JSON.parse(JSON.stringify(searchOptions.value));
       inputKey.value++;
       isAllReset.value = false;
-      if (!isTriggerEvent)
-        return;
+      if (!isTriggerEvent) return;
       confirm();
     };
     const closeSearch = async (data) => {
@@ -18076,222 +18055,225 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       resetSearch,
       getCollapseStatus
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["das-ui-search-form", {
-            "expand-hasbtn-padding": _ctx.hasBtn && isCollapse.value && _ctx.showFilterPanel,
-            "expand-nobtn-padding": !_ctx.hasBtn && isCollapse.value && _ctx.showFilterPanel,
-            "packup-hasbtn-padding": _ctx.hasBtn && !isCollapse.value && _ctx.showFilterPanel,
-            "packup-nobtn-padding": !_ctx.hasBtn,
-            "nofilter-hasbtn-padding": _ctx.hasBtn && !_ctx.showFilterPanel
-          }]),
-          ref_key: "searchForm",
-          ref: searchForm
-        },
-        [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode(
+    const __returned__ = { props, forItemInterval, forItemIntervalPx, inputKey, formLabelLength, isCollapse, collapseHandle, emit, get originOptions() {
+      return originOptions;
+    }, set originOptions(v) {
+      originOptions = v;
+    }, searchDateRangeWidth, searchForm, searchOptions, optionsTemp, get innerSearchOptions() {
+      return innerSearchOptions;
+    }, set innerSearchOptions(v) {
+      innerSearchOptions = v;
+    }, get alignRightOptions() {
+      return alignRightOptions;
+    }, set alignRightOptions(v) {
+      alignRightOptions = v;
+    }, get alignLeftOptions() {
+      return alignLeftOptions;
+    }, set alignLeftOptions(v) {
+      alignLeftOptions = v;
+    }, getFormItemAttrs, getFormData, get selectedList() {
+      return selectedList;
+    }, set selectedList(v) {
+      selectedList = v;
+    }, optionsHandle, get valueList() {
+      return valueList;
+    }, set valueList(v) {
+      valueList = v;
+    }, onChange, dateRangeChange, openChange, calendarChange, dropdownVisibleChange, onKeyupEnter, selectChange, openDialogHandle, openDialogChange, filterOption, confirm, get defaultMap() {
+      return defaultMap;
+    }, set defaultMap(v) {
+      defaultMap = v;
+    }, treeKeyCount, closeSelectedSearch, get listRefs() {
+      return listRefs;
+    }, set listRefs(v) {
+      listRefs = v;
+    }, getTreeSelectRef, treeSelectResetLazyLoad, isAllReset, resetSearch, closeSearch, getCollapseStatus, get DasCustomSearchItem() {
+      return DasCustomSearchItem;
+    }, get DasForm() {
+      return DasForm;
+    }, get DasFormItem() {
+      return DasFormItem;
+    }, get DasIcon() {
+      return DasIcon;
+    }, get DasSearch() {
+      return DasSearch;
+    }, get DasSelectInput() {
+      return DasSelectInput;
+    }, get DasTag() {
+      return DasTag;
+    }, get vScrollbar() {
+      return vScrollbar;
+    }, get ElCollapseTransition() {
+      return ElCollapseTransition;
+    }, InputSelect, SearchDateRange };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _withScopeId = (n) => (pushScopeId("data-v-8c59eff2"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "search-content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "search-title"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "left"
+};
+const _hoisted_4 = { class: "align-left-filter-content" };
+const _hoisted_5 = {
+  key: 2,
+  class: "search-selected-content"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "label"
+};
+const _hoisted_7 = { class: "tag-content" };
+const _hoisted_8 = { class: "search-form-right" };
+const _hoisted_9 = {
+  key: 0,
+  class: "right"
+};
+const _hoisted_10 = { class: "status" };
+const _hoisted_11 = {
+  key: 2,
+  class: "margin-filter"
+};
+const _hoisted_12 = { class: "filter-scroll-content" };
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "filter-line" },
+  null,
+  -1
+  /* HOISTED */
+));
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      class: normalizeClass(["das-ui-search-form", {
+        "expand-hasbtn-padding": $props.hasBtn && $setup.isCollapse && $props.showFilterPanel,
+        "expand-nobtn-padding": !$props.hasBtn && $setup.isCollapse && $props.showFilterPanel,
+        "packup-hasbtn-padding": $props.hasBtn && !$setup.isCollapse && $props.showFilterPanel,
+        "packup-nobtn-padding": !$props.hasBtn,
+        "nofilter-hasbtn-padding": $props.hasBtn && !$props.showFilterPanel
+      }]),
+      ref: "searchForm"
+    },
+    [
+      createElementVNode("div", _hoisted_1, [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["search-form-left", { "align-center": $setup.alignLeftOptions.length }])
+          },
+          [
+            createCommentVNode(" \u9875\u9762\u6807\u9898 "),
+            $props.title ? (openBlock(), createElementBlock(
               "div",
-              {
-                class: normalizeClass(["search-form-left", { "align-center": unref(alignLeftOptions).length }])
-              },
-              [
-                createCommentVNode(" \u9875\u9762\u6807\u9898 "),
-                _ctx.title ? (openBlock(), createElementBlock(
-                  "div",
-                  _hoisted_2,
-                  toDisplayString(_ctx.title),
-                  1
-                  /* TEXT */
-                )) : createCommentVNode("v-if", true),
-                _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                  createCommentVNode(" @slot slot\u5DE6\u4FA7\u5185\u5BB9 "),
-                  renderSlot(_ctx.$slots, "left", {}, void 0, true)
-                ])) : createCommentVNode("v-if", true),
-                createCommentVNode(" \u65E0\u8FC7\u6EE4\u9762\u677F "),
-                createElementVNode("div", _hoisted_4, [
-                  createVNode(unref(DasForm), {
-                    alignType: "horizontal",
-                    labelLength: formLabelLength.value - 1,
-                    labelPosition: _ctx.labelPosition,
-                    contentWidth: "",
-                    isSearchForm: true
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(unref(alignLeftOptions), (item, index) => {
-                          return openBlock(), createElementBlock(
-                            Fragment,
-                            { key: index },
-                            [
-                              item.type != "selectDateRange" && item.type != "treeSelect" ? (openBlock(), createBlock(unref(DasFormItem), mergeProps({
-                                key: 0,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event
-                              }, getFormItemAttrs(item), {
-                                onChange: (val) => {
-                                  onChange(item, val);
-                                },
-                                "filter-option": (input, option) => {
-                                  return filterOption(input, option, item);
-                                },
-                                onSelectChange: (val) => {
-                                  selectChange(item, val);
-                                },
-                                onDropdownVisibleChange: (val) => {
-                                  dropdownVisibleChange(item, val);
-                                }
-                              }), {
-                                default: withCtx(() => [
-                                  renderSlot(_ctx.$slots, item.key, {}, void 0, true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["modelValue", "onUpdate:modelValue", "onChange", "filter-option", "onSelectChange", "onDropdownVisibleChange"])) : createCommentVNode("v-if", true),
-                              item.type == "treeSelect" ? (openBlock(), createBlock(unref(DasFormItem), mergeProps({
-                                key: 1,
-                                ref_for: true,
-                                ref: (el) => getTreeSelectRef(el, item),
-                                style: item.marginRight,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event,
-                                keyword: item.keyword,
-                                "onUpdate:keyword": ($event) => item.keyword = $event
-                              }, getFormItemAttrs(item), {
-                                onChange: (val, $event) => {
-                                  onChange(item, val, "", $event);
-                                },
-                                "filter-option": (input, option) => {
-                                  return filterOption(input, option, item);
-                                },
-                                onSelectChange: (val) => {
-                                  selectChange(item, val);
-                                }
-                              }), {
-                                default: withCtx(() => [
-                                  renderSlot(_ctx.$slots, item.key, {}, void 0, true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["style", "modelValue", "onUpdate:modelValue", "keyword", "onUpdate:keyword", "onChange", "filter-option", "onSelectChange"])) : createCommentVNode("v-if", true),
-                              createCommentVNode(" \u5E26select\u7684\u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
-                              item.type == "selectDateRange" ? (openBlock(), createBlock(SearchDateRange, mergeProps({
-                                key: 2,
-                                label: item.label,
-                                labelLength: formLabelLength.value - 1,
-                                labelPosition: _ctx.labelPosition,
-                                mode: "optional",
-                                type: item.dateType,
-                                class: "",
-                                showFilterPanel: props.showFilterPanel,
-                                optionValue: item.optionValue,
-                                "onUpdate:optionValue": ($event) => item.optionValue = $event,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event
-                              }, getFormItemAttrs(item, "outDate"), {
-                                onDateRangeChange: (val) => {
-                                  dateRangeChange(item, val);
-                                },
-                                onSelectChange: (val) => {
-                                  selectChange(item, val);
-                                }
-                              }), null, 16, ["label", "labelLength", "labelPosition", "type", "showFilterPanel", "optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onDateRangeChange", "onSelectChange"])) : createCommentVNode("v-if", true)
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          );
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }, 8, ["labelLength", "labelPosition"])
-                ]),
-                createCommentVNode(" \u5DF2\u9009\u6761\u4EF6\u533A "),
-                _ctx.showFilterPanel ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                  unref(selectedList).length ? (openBlock(), createElementBlock("span", _hoisted_6, "\u7B5B\u9009\u6761\u4EF6")) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_7, [
-                    (openBlock(true), createElementBlock(
-                      Fragment,
-                      null,
-                      renderList(unref(selectedList), (item, index) => {
-                        return openBlock(), createElementBlock(
-                          Fragment,
-                          { key: index },
-                          [
-                            item.show ? (openBlock(), createBlock(unref(DasTag), {
-                              effect: "list",
-                              maxWidth: "340px",
-                              toolTip: "",
-                              key: item.tagName,
-                              toolTipLabel: `${item.label}\uFF1A${item.tagName}`,
-                              closable: item.closable,
-                              onClose: ($event) => closeSelectedSearch(item)
-                            }, null, 8, ["toolTipLabel", "closable", "onClose"])) : createCommentVNode("v-if", true)
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        );
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ])
-                ])) : createCommentVNode("v-if", true)
-              ],
-              2
-              /* CLASS */
-            ),
-            createElementVNode("div", _hoisted_8, [
-              _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_9, [
-                renderSlot(_ctx.$slots, "right", {}, void 0, true)
-              ])) : createCommentVNode("v-if", true),
-              createCommentVNode(" \u5916\u90E8\u53F3\u4FA7\u641C\u7D22\u7B5B\u9009\u6761\u4EF6 "),
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["out-filter-content", { "no-fileter-panel": !_ctx.showFilterPanel }])
-                },
-                [
+              _hoisted_2,
+              toDisplayString($props.title),
+              1
+              /* TEXT */
+            )) : createCommentVNode("v-if", true),
+            _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              createCommentVNode(" @slot slot\u5DE6\u4FA7\u5185\u5BB9 "),
+              renderSlot(_ctx.$slots, "left", {}, void 0, true)
+            ])) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u65E0\u8FC7\u6EE4\u9762\u677F "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode($setup["DasForm"], {
+                alignType: "horizontal",
+                labelLength: $setup.formLabelLength - 1,
+                labelPosition: $props.labelPosition,
+                contentWidth: "",
+                isSearchForm: true
+              }, {
+                default: withCtx(() => [
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
-                    renderList(unref(alignRightOptions), (item, index) => {
+                    renderList($setup.alignLeftOptions, (item, index) => {
                       return openBlock(), createElementBlock(
                         Fragment,
                         { key: index },
                         [
-                          item.type == "searchInput" ? (openBlock(), createBlock(unref(DasSearch), mergeProps({
-                            key: inputKey.value,
-                            clearable: true,
+                          item.type != "selectDateRange" && item.type != "treeSelect" ? (openBlock(), createBlock($setup["DasFormItem"], mergeProps({
+                            key: 0,
                             modelValue: item.value,
-                            "onUpdate:modelValue": ($event) => item.value = $event
-                          }, getFormItemAttrs(item), {
+                            "onUpdate:modelValue": ($event) => item.value = $event,
+                            ref_for: true
+                          }, $setup.getFormItemAttrs(item), {
                             onChange: (val) => {
-                              onChange(item, val);
+                              $setup.onChange(item, val);
+                            },
+                            "filter-option": (input, option) => {
+                              return $setup.filterOption(input, option, item);
+                            },
+                            onSelectChange: (val) => {
+                              $setup.selectChange(item, val);
+                            },
+                            onDropdownVisibleChange: (val) => {
+                              $setup.dropdownVisibleChange(item, val);
                             }
-                          }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true),
-                          item.type == "selectSearch" ? (openBlock(), createBlock(unref(DasSelectInput), mergeProps({ key: 1 }, getFormItemAttrs(item), {
+                          }), {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, item.key, {}, void 0, true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["modelValue", "onUpdate:modelValue", "onChange", "filter-option", "onSelectChange", "onDropdownVisibleChange"])) : createCommentVNode("v-if", true),
+                          item.type == "treeSelect" ? (openBlock(), createBlock($setup["DasFormItem"], mergeProps({
+                            key: 1,
+                            ref_for: true,
+                            ref: (el) => $setup.getTreeSelectRef(el, item),
+                            style: item.marginRight,
+                            modelValue: item.value,
+                            "onUpdate:modelValue": ($event) => item.value = $event,
+                            keyword: item.keyword,
+                            "onUpdate:keyword": ($event) => item.keyword = $event
+                          }, $setup.getFormItemAttrs(item), {
+                            onChange: (val, $event) => {
+                              $setup.onChange(item, val, "", $event);
+                            },
+                            "filter-option": (input, option) => {
+                              return $setup.filterOption(input, option, item);
+                            },
+                            onSelectChange: (val) => {
+                              $setup.selectChange(item, val);
+                            }
+                          }), {
+                            default: withCtx(() => [
+                              renderSlot(_ctx.$slots, item.key, {}, void 0, true)
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["style", "modelValue", "onUpdate:modelValue", "keyword", "onUpdate:keyword", "onChange", "filter-option", "onSelectChange"])) : createCommentVNode("v-if", true),
+                          createCommentVNode(" \u5E26select\u7684\u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
+                          item.type == "selectDateRange" ? (openBlock(), createBlock($setup["SearchDateRange"], mergeProps({
+                            key: 2,
+                            label: item.label,
+                            labelLength: $setup.formLabelLength - 1,
+                            labelPosition: $props.labelPosition,
+                            mode: "optional",
+                            type: item.dateType,
+                            class: "",
+                            showFilterPanel: $setup.props.showFilterPanel,
                             optionValue: item.optionValue,
                             "onUpdate:optionValue": ($event) => item.optionValue = $event,
                             modelValue: item.value,
                             "onUpdate:modelValue": ($event) => item.value = $event,
-                            onSelectChange: (val) => {
-                              selectChange(item, val);
-                            },
-                            onInputChange: (val) => {
-                              onChange(item, val);
+                            ref_for: true
+                          }, $setup.getFormItemAttrs(item, "outDate"), {
+                            onDateRangeChange: (val) => {
+                              $setup.dateRangeChange(item, val);
                             },
-                            key: inputKey.value,
-                            clearable: true,
-                            isSearch: true
-                          }), null, 16, ["optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onSelectChange", "onInputChange"])) : createCommentVNode("v-if", true)
+                            onSelectChange: (val) => {
+                              $setup.selectChange(item, val);
+                            }
+                          }), null, 16, ["label", "labelLength", "labelPosition", "type", "showFilterPanel", "optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onDateRangeChange", "onSelectChange"])) : createCommentVNode("v-if", true)
                         ],
                         64
                         /* STABLE_FRAGMENT */
@@ -18300,244 +18282,360 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                     128
                     /* KEYED_FRAGMENT */
                   ))
-                ],
-                2
-                /* CLASS */
-              ),
-              _ctx.showFilterPanel ? (openBlock(), createElementBlock("div", {
-                key: 1,
-                class: "filter-handle-status",
-                onClick: collapseHandle
-              }, [
-                createElementVNode(
-                  "span",
-                  _hoisted_10,
-                  toDisplayString(isCollapse.value ? "\u6536\u8D77\u8FC7\u6EE4" : "\u5C55\u5F00\u8FC7\u6EE4"),
-                  1
-                  /* TEXT */
-                ),
-                createVNode(unref(DasIcon), {
-                  icon: "fold",
-                  size: "medium",
-                  iconColor: "#5582F3",
-                  class: normalizeClass({
-                    arrowTransform: isCollapse.value,
-                    arrowTransformReturn: !isCollapse.value
-                  })
-                }, null, 8, ["class"])
-              ])) : createCommentVNode("v-if", true),
-              !_ctx.showFilterPanel && _ctx.isMarginRight ? (openBlock(), createElementBlock("div", _hoisted_11)) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          createCommentVNode(" \u5C55\u5F00\u8FC7\u6EE4\u6761\u4EF6\u533A "),
-          createCommentVNode(` :class="{\r
-                'filter-item':\r
-                  (item.type == 'dateRange' || item.type == 'dateTimeRange' || item.type == 'weekRange' || item.type == 'monthRange' || item.type == 'yearRange') && layout == 'horizontal',\r
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["labelLength", "labelPosition"])
+            ]),
+            createCommentVNode(" \u5DF2\u9009\u6761\u4EF6\u533A "),
+            $props.showFilterPanel ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              $setup.selectedList.length ? (openBlock(), createElementBlock("span", _hoisted_6, "\u7B5B\u9009\u6761\u4EF6")) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList($setup.selectedList, (item, index) => {
+                    return openBlock(), createElementBlock(
+                      Fragment,
+                      { key: index },
+                      [
+                        item.show ? (openBlock(), createBlock($setup["DasTag"], {
+                          effect: "list",
+                          maxWidth: "340px",
+                          toolTip: "",
+                          key: item.tagName,
+                          toolTipLabel: `${item.label}\uFF1A${item.tagName}`,
+                          closable: item.closable,
+                          onClose: ($event) => $setup.closeSelectedSearch(item)
+                        }, null, 8, ["toolTipLabel", "closable", "onClose"])) : createCommentVNode("v-if", true)
+                      ],
+                      64
+                      /* STABLE_FRAGMENT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        ),
+        createElementVNode("div", _hoisted_8, [
+          _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            renderSlot(_ctx.$slots, "right", {}, void 0, true)
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u5916\u90E8\u53F3\u4FA7\u641C\u7D22\u7B5B\u9009\u6761\u4EF6 "),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(["out-filter-content", { "no-fileter-panel": !$props.showFilterPanel }])
+            },
+            [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList($setup.alignRightOptions, (item, index) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    { key: index },
+                    [
+                      item.type == "searchInput" ? (openBlock(), createBlock($setup["DasSearch"], mergeProps({
+                        key: $setup.inputKey,
+                        clearable: true,
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        ref_for: true
+                      }, $setup.getFormItemAttrs(item), {
+                        onChange: (val) => {
+                          $setup.onChange(item, val);
+                        }
+                      }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true),
+                      item.type == "selectSearch" ? (openBlock(), createBlock($setup["DasSelectInput"], mergeProps({
+                        key: 1,
+                        ref_for: true
+                      }, $setup.getFormItemAttrs(item), {
+                        optionValue: item.optionValue,
+                        "onUpdate:optionValue": ($event) => item.optionValue = $event,
+                        modelValue: item.value,
+                        "onUpdate:modelValue": ($event) => item.value = $event,
+                        onSelectChange: (val) => {
+                          $setup.selectChange(item, val);
+                        },
+                        onInputChange: (val) => {
+                          $setup.onChange(item, val);
+                        },
+                        key: $setup.inputKey,
+                        clearable: true,
+                        isSearch: true
+                      }), null, 16, ["optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onSelectChange", "onInputChange"])) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            2
+            /* CLASS */
+          ),
+          $props.showFilterPanel ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "filter-handle-status",
+            onClick: $setup.collapseHandle
+          }, [
+            createElementVNode(
+              "span",
+              _hoisted_10,
+              toDisplayString($setup.isCollapse ? "\u6536\u8D77\u8FC7\u6EE4" : "\u5C55\u5F00\u8FC7\u6EE4"),
+              1
+              /* TEXT */
+            ),
+            createVNode($setup["DasIcon"], {
+              icon: "fold",
+              size: "medium",
+              iconColor: "#5582F3",
+              class: normalizeClass({
+                arrowTransform: $setup.isCollapse,
+                arrowTransformReturn: !$setup.isCollapse
+              })
+            }, null, 8, ["class"])
+          ])) : createCommentVNode("v-if", true),
+          !$props.showFilterPanel && $props.isMarginRight ? (openBlock(), createElementBlock("div", _hoisted_11)) : createCommentVNode("v-if", true)
+        ])
+      ]),
+      createCommentVNode(" \u5C55\u5F00\u8FC7\u6EE4\u6761\u4EF6\u533A "),
+      createCommentVNode(` :class="{
+                'filter-item':
+                  (item.type == 'dateRange' || item.type == 'dateTimeRange' || item.type == 'weekRange' || item.type == 'monthRange' || item.type == 'yearRange') && layout == 'horizontal',
               }" `),
-          createVNode(unref(ElCollapseTransition), null, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["filter-content", { "horizontal-filter-content": _ctx.layout == "horizontal" }])
-                },
-                [
-                  createVNode(unref(DasForm), {
-                    labelLength: formLabelLength.value,
-                    labelPosition: _ctx.layout == "horizontal" ? "right" : "left",
-                    contentWidth: _ctx.layout == "horizontal" ? "100%" : "",
-                    alignType: _ctx.layout,
-                    isSearchForm: true
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(
-                        Fragment,
-                        null,
-                        renderList(unref(innerSearchOptions), (item, index) => {
-                          return openBlock(), createElementBlock(
-                            Fragment,
-                            { key: index },
-                            [
-                              item.type != "dateRange" && item.type != "dateTimeRange" && item.type != "weekRange" && item.type != "monthRange" && item.type != "yearRange" && item.type != "treeSelect" && !item?.custom && item.type != "selectDateRange" && item.type != "inputSelect" ? (openBlock(), createBlock(unref(DasFormItem), mergeProps({
-                                key: 0,
-                                showColon: true,
-                                style: item.marginRight,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event
-                              }, getFormItemAttrs(item), {
-                                onChange: (val, $event) => {
-                                  onChange(item, val, "", $event);
-                                },
-                                onOpenChange: (val) => {
-                                  openChange(item, val);
-                                },
-                                onCalendarChange: (val) => {
-                                  calendarChange(item, val);
-                                },
-                                "disabled-date": item?.disabledDate,
-                                key: item.keyCount,
-                                "filter-option": (input, option) => {
-                                  return filterOption(input, option, item);
-                                }
-                              }), {
-                                default: withCtx(() => [
-                                  renderSlot(_ctx.$slots, item.key, {}, void 0, true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["style", "modelValue", "onUpdate:modelValue", "onChange", "onOpenChange", "onCalendarChange", "disabled-date", "filter-option"])) : createCommentVNode("v-if", true),
-                              item.type == "treeSelect" ? (openBlock(), createBlock(unref(DasFormItem), mergeProps({
-                                showColon: true,
-                                ref_for: true,
-                                ref: (el) => getTreeSelectRef(el, item),
-                                style: item.marginRight,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event,
-                                key: treeKeyCount.value,
-                                keyword: item.keyword,
-                                "onUpdate:keyword": ($event) => item.keyword = $event
-                              }, getFormItemAttrs(item), {
-                                onChange: (val, $event) => {
-                                  onChange(item, val, "", $event);
-                                },
-                                "filter-option": (input, option) => {
-                                  return filterOption(input, option, item);
-                                },
-                                onSelectChange: (val) => {
-                                  selectChange(item, val);
-                                }
-                              }), {
-                                default: withCtx(() => [
-                                  renderSlot(_ctx.$slots, item.key, {}, void 0, true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["style", "modelValue", "onUpdate:modelValue", "keyword", "onUpdate:keyword", "onChange", "filter-option", "onSelectChange"])) : createCommentVNode("v-if", true),
-                              item.type == "dateRange" || item.type == "dateTimeRange" || item.type == "weekRange" || item.type == "monthRange" || item.type == "yearRange" ? (openBlock(), createBlock(unref(DasFormItem), mergeProps({
-                                key: 2,
-                                showColon: true,
-                                style: item.marginRight,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event
-                              }, getFormItemAttrs(item), {
-                                onChange: (val, $event) => {
-                                  onChange(item, val, "", $event);
-                                },
-                                onOpenChange: (val) => {
-                                  openChange(item, val);
-                                },
-                                onCalendarChange: (val) => {
-                                  calendarChange(item, val);
-                                },
-                                "disabled-date": item?.disabledDate
-                              }), {
-                                default: withCtx(() => [
-                                  renderSlot(_ctx.$slots, item.key, {}, void 0, true)
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["style", "modelValue", "onUpdate:modelValue", "onChange", "onOpenChange", "onCalendarChange", "disabled-date"])) : createCommentVNode("v-if", true),
-                              item?.custom ? (openBlock(), createBlock(unref(DasCustomSearchItem), mergeProps({
-                                key: 3,
-                                labelLength: formLabelLength.value,
-                                labelPosition: "left",
-                                customerActive: item.customerActive,
-                                label: item.label,
-                                modelValue: item.customOption.value,
-                                "onUpdate:modelValue": ($event) => item.customOption.value = $event
-                              }, getFormItemAttrs(item, "childItem"), {
-                                onChange: (val) => {
-                                  onChange(item, val, "childItem");
-                                }
-                              }), {
-                                default: withCtx(() => [
-                                  createVNode(unref(DasFormItem), mergeProps({
-                                    class: "child-form-item",
-                                    label: "",
-                                    modelValue: item.value,
-                                    "onUpdate:modelValue": ($event) => item.value = $event
-                                  }, getFormItemAttrs(item), {
-                                    onChange: (val) => {
-                                      onChange(item, val);
-                                    }
-                                  }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])
-                                ]),
-                                _: 2
-                                /* DYNAMIC */
-                              }, 1040, ["labelLength", "customerActive", "label", "modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true),
-                              createCommentVNode(" \u5E26select\u7684\u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
-                              item.type == "selectDateRange" ? (openBlock(), createBlock(SearchDateRange, mergeProps({
-                                key: 4,
-                                mode: item.mode,
-                                label: item.label,
-                                labelLength: formLabelLength.value,
-                                labelPosition: "left",
-                                class: "filter-item",
-                                optionValue: item.optionValue,
-                                "onUpdate:optionValue": ($event) => item.optionValue = $event,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event
-                              }, getFormItemAttrs(item), {
-                                onSelectChange: (val) => {
-                                  selectChange(item, val);
-                                },
-                                type: item.dateType,
-                                onDateRangeChange: (val) => {
-                                  dateRangeChange(item, val);
-                                },
-                                showFilterPanel: props.showFilterPanel
-                              }), null, 16, ["mode", "label", "labelLength", "optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onSelectChange", "type", "onDateRangeChange", "showFilterPanel"])) : createCommentVNode("v-if", true),
-                              item.type == "inputSelect" ? (openBlock(), createBlock(InputSelect, mergeProps({
-                                key: 5,
-                                showFilterPanel: props.showFilterPanel,
-                                style: `margin-right:${item.marginRight}`,
-                                onOpenDialog: (val) => {
-                                  openDialogHandle(item, val);
-                                },
-                                label: item.label,
-                                labelLength: formLabelLength.value,
-                                modelValue: item.value,
-                                "onUpdate:modelValue": ($event) => item.value = $event,
-                                "selected-options": item.options
-                              }, getFormItemAttrs(item), {
-                                class: "filter-input-select-item",
-                                onOpenDialogChange: (val) => {
-                                  openDialogChange();
-                                }
-                              }), null, 16, ["showFilterPanel", "style", "onOpenDialog", "label", "labelLength", "modelValue", "onUpdate:modelValue", "selected-options", "onOpenDialogChange"])) : createCommentVNode("v-if", true)
-                            ],
-                            64
-                            /* STABLE_FRAGMENT */
-                          );
-                        }),
-                        128
-                        /* KEYED_FRAGMENT */
-                      ))
-                    ]),
-                    _: 3
-                    /* FORWARDED */
-                  }, 8, ["labelLength", "labelPosition", "contentWidth", "alignType"]),
-                  _hoisted_12
-                ],
-                2
-                /* CLASS */
-              ), [
-                [vShow, isCollapse.value]
+      createVNode($setup["ElCollapseTransition"], null, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock(
+            "div",
+            {
+              class: normalizeClass(["filter-content", { "horizontal-filter-content": $props.layout == "horizontal" }])
+            },
+            [
+              createElementVNode("div", _hoisted_12, [
+                createVNode($setup["DasForm"], {
+                  labelLength: $setup.formLabelLength,
+                  labelPosition: $props.layout == "horizontal" ? "right" : "left",
+                  contentWidth: $props.layout == "horizontal" ? "100%" : "",
+                  alignType: $props.layout,
+                  isSearchForm: true
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList($setup.innerSearchOptions, (item, index) => {
+                        return openBlock(), createElementBlock(
+                          Fragment,
+                          { key: index },
+                          [
+                            item.type != "dateRange" && item.type != "dateTimeRange" && item.type != "weekRange" && item.type != "monthRange" && item.type != "yearRange" && item.type != "treeSelect" && !item?.custom && item.type != "selectDateRange" && item.type != "inputSelect" ? (openBlock(), createBlock($setup["DasFormItem"], mergeProps({
+                              key: 0,
+                              showColon: true,
+                              style: item.marginRight,
+                              modelValue: item.value,
+                              "onUpdate:modelValue": ($event) => item.value = $event,
+                              ref_for: true
+                            }, $setup.getFormItemAttrs(item), {
+                              onChange: (val, $event) => {
+                                $setup.onChange(item, val, "", $event);
+                              },
+                              onOpenChange: (val) => {
+                                $setup.openChange(item, val);
+                              },
+                              onCalendarChange: (val) => {
+                                $setup.calendarChange(item, val);
+                              },
+                              "disabled-date": item?.disabledDate,
+                              key: item.keyCount,
+                              "filter-option": (input, option) => {
+                                return $setup.filterOption(input, option, item);
+                              }
+                            }), {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, item.key, {}, void 0, true)
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["style", "modelValue", "onUpdate:modelValue", "onChange", "onOpenChange", "onCalendarChange", "disabled-date", "filter-option"])) : createCommentVNode("v-if", true),
+                            item.type == "treeSelect" ? (openBlock(), createBlock($setup["DasFormItem"], mergeProps({
+                              showColon: true,
+                              ref_for: true,
+                              ref: (el) => $setup.getTreeSelectRef(el, item),
+                              style: item.marginRight,
+                              modelValue: item.value,
+                              "onUpdate:modelValue": ($event) => item.value = $event,
+                              key: $setup.treeKeyCount,
+                              keyword: item.keyword,
+                              "onUpdate:keyword": ($event) => item.keyword = $event
+                            }, $setup.getFormItemAttrs(item), {
+                              onChange: (val, $event) => {
+                                $setup.onChange(item, val, "", $event);
+                              },
+                              "filter-option": (input, option) => {
+                                return $setup.filterOption(input, option, item);
+                              },
+                              onSelectChange: (val) => {
+                                $setup.selectChange(item, val);
+                              }
+                            }), {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, item.key, {}, void 0, true)
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["style", "modelValue", "onUpdate:modelValue", "keyword", "onUpdate:keyword", "onChange", "filter-option", "onSelectChange"])) : createCommentVNode("v-if", true),
+                            item.type == "dateRange" || item.type == "dateTimeRange" || item.type == "weekRange" || item.type == "monthRange" || item.type == "yearRange" ? (openBlock(), createBlock($setup["DasFormItem"], mergeProps({
+                              key: 2,
+                              showColon: true,
+                              style: item.marginRight,
+                              modelValue: item.value,
+                              "onUpdate:modelValue": ($event) => item.value = $event,
+                              ref_for: true
+                            }, $setup.getFormItemAttrs(item), {
+                              onChange: (val, $event) => {
+                                $setup.onChange(item, val, "", $event);
+                              },
+                              onOpenChange: (val) => {
+                                $setup.openChange(item, val);
+                              },
+                              onCalendarChange: (val) => {
+                                $setup.calendarChange(item, val);
+                              },
+                              "disabled-date": item?.disabledDate
+                            }), {
+                              default: withCtx(() => [
+                                renderSlot(_ctx.$slots, item.key, {}, void 0, true)
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["style", "modelValue", "onUpdate:modelValue", "onChange", "onOpenChange", "onCalendarChange", "disabled-date"])) : createCommentVNode("v-if", true),
+                            item?.custom ? (openBlock(), createBlock($setup["DasCustomSearchItem"], mergeProps({
+                              key: 3,
+                              labelLength: $setup.formLabelLength,
+                              labelPosition: "left",
+                              customerActive: item.customerActive,
+                              label: item.label,
+                              modelValue: item.customOption.value,
+                              "onUpdate:modelValue": ($event) => item.customOption.value = $event,
+                              ref_for: true
+                            }, $setup.getFormItemAttrs(item, "childItem"), {
+                              onChange: (val) => {
+                                $setup.onChange(item, val, "childItem");
+                              }
+                            }), {
+                              default: withCtx(() => [
+                                createVNode($setup["DasFormItem"], mergeProps({
+                                  class: "child-form-item",
+                                  label: "",
+                                  modelValue: item.value,
+                                  "onUpdate:modelValue": ($event) => item.value = $event,
+                                  ref_for: true
+                                }, $setup.getFormItemAttrs(item), {
+                                  onChange: (val) => {
+                                    $setup.onChange(item, val);
+                                  }
+                                }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1040, ["labelLength", "customerActive", "label", "modelValue", "onUpdate:modelValue", "onChange"])) : createCommentVNode("v-if", true),
+                            createCommentVNode(" \u5E26select\u7684\u65E5\u671F\u8303\u56F4\u9009\u62E9 "),
+                            item.type == "selectDateRange" ? (openBlock(), createBlock($setup["SearchDateRange"], mergeProps({
+                              key: 4,
+                              mode: item.mode,
+                              label: item.label,
+                              labelLength: $setup.formLabelLength,
+                              labelPosition: "left",
+                              class: "filter-item",
+                              optionValue: item.optionValue,
+                              "onUpdate:optionValue": ($event) => item.optionValue = $event,
+                              modelValue: item.value,
+                              "onUpdate:modelValue": ($event) => item.value = $event,
+                              ref_for: true
+                            }, $setup.getFormItemAttrs(item), {
+                              onSelectChange: (val) => {
+                                $setup.selectChange(item, val);
+                              },
+                              type: item.dateType,
+                              onDateRangeChange: (val) => {
+                                $setup.dateRangeChange(item, val);
+                              },
+                              showFilterPanel: $setup.props.showFilterPanel
+                            }), null, 16, ["mode", "label", "labelLength", "optionValue", "onUpdate:optionValue", "modelValue", "onUpdate:modelValue", "onSelectChange", "type", "onDateRangeChange", "showFilterPanel"])) : createCommentVNode("v-if", true),
+                            item.type == "inputSelect" ? (openBlock(), createBlock($setup["InputSelect"], mergeProps({
+                              key: 5,
+                              showFilterPanel: $setup.props.showFilterPanel,
+                              style: `margin-right:${item.marginRight}`,
+                              onOpenDialog: (val) => {
+                                $setup.openDialogHandle(item, val);
+                              },
+                              label: item.label,
+                              labelLength: $setup.formLabelLength,
+                              modelValue: item.value,
+                              "onUpdate:modelValue": ($event) => item.value = $event,
+                              "selected-options": item.options,
+                              ref_for: true
+                            }, $setup.getFormItemAttrs(item), {
+                              class: "filter-input-select-item",
+                              onOpenDialogChange: (val) => {
+                                $setup.openDialogChange(item, val);
+                              }
+                            }), null, 16, ["showFilterPanel", "style", "onOpenDialog", "label", "labelLength", "modelValue", "onUpdate:modelValue", "selected-options", "onOpenDialogChange"])) : createCommentVNode("v-if", true)
+                          ],
+                          64
+                          /* STABLE_FRAGMENT */
+                        );
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 8, ["labelLength", "labelPosition", "contentWidth", "alignType"]),
+                _hoisted_13
               ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          })
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-
-var searchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8c59eff2"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\search-form\\src\\Index.vue"]]);
+            ],
+            2
+            /* CLASS */
+          )), [
+            [$setup["vScrollbar"]],
+            [vShow, $setup.isCollapse]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ],
+    2
+    /* CLASS */
+  );
+}
+var searchForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8c59eff2"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/search-form/src/Index.vue"]]);
+
+var theme = {
+  "--demo-alert-bg": {
+    light: "#fff",
+    dark: "rgba(255,255,255,.2)"
+  },
+  "--das-ui-search-form-font-color": "#212121",
+  "--das-ui-search-form-primary-color": "#5582F3",
+  "--das-ui-search-form-tip-color": "#999999",
+  "--das-ui-search-form-filter-bgcolor": "#fafafa",
+  "--das-ui-search-form-filter-border-color": "#d9d9d9",
+  "--das-ui-search-form-filter-font-color": "#666666"
+};
 
+setThemeRule(theme);
 const DasSearchFormRef = () => ref(null);
 const DasSearchForm = withInstall(searchForm);