@das-fed/ui 7.1.0-seres.2 → 7.1.0-seres.21

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

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/search-form/style.css';
-import { defineComponent as He, watch as Ga, ref as k, createElementBlock as w, openBlock as g, normalizeClass as Y, unref as c, createCommentVNode as h, createVNode as Z, normalizeStyle as Ha, withDirectives as xe, createTextVNode as xa, toDisplayString as te, mergeProps as O, isRef as fe, createBlock as P, Fragment as x, useCssVars as zt, computed as ga, onMounted as Gt, createElementVNode as U, renderSlot as B, withCtx as F, renderList as we, vShow as Ht, nextTick as pe } from "vue";
+import { defineComponent as He, watch as Ga, ref as k, createElementBlock as S, openBlock as g, normalizeClass as Y, unref as c, createCommentVNode as h, createVNode as Z, normalizeStyle as Ha, withDirectives as xe, createTextVNode as xa, toDisplayString as te, mergeProps as O, isRef as fe, createBlock as P, Fragment as x, useCssVars as zt, computed as ga, onMounted as Gt, createElementVNode as U, renderSlot as B, withCtx as F, renderList as we, vShow as Ht, nextTick as pe } from "vue";
 import { withInstall as xt } from "@das-fed/utils/with-install/index";
 import { DasCustomSearchItem as Yt } from "@das-fed/ui/packages/components/custom-search-item/index";
 import { DasForm as ha } from "@das-fed/ui/packages/components/form/index";
@@ -71,13 +71,13 @@ const ir = (e, n) => ({ innerValue: ee(e, "modelValue"), openDialogHandle: () =>
       }
     );
     const p = k(Ye(o.labelLength, o.labelPosition));
-    return (d, C) => (g(), w(
+    return (d, C) => (g(), S(
       "div",
       {
         class: Y(["das-input-select-search-container", { "das-input-select-search-container-en": c(K) != "zh-CN" }])
       },
       [
-        d.label ? (g(), w(
+        d.label ? (g(), S(
           "div",
           {
             key: 0,
@@ -85,7 +85,7 @@ const ir = (e, n) => ({ innerValue: ee(e, "modelValue"), openDialogHandle: () =>
             style: Ha({ width: p.value })
           },
           [
-            xe((g(), w("div", pr, [
+            xe((g(), S("div", pr, [
               xa(
                 te(d.label),
                 1
@@ -94,7 +94,7 @@ const ir = (e, n) => ({ innerValue: ee(e, "modelValue"), openDialogHandle: () =>
             ])), [
               [c(Ya)]
             ]),
-            o.showFilterPanel ? (g(), w("span", dr, "：")) : h("v-if", !0)
+            o.showFilterPanel ? (g(), S("span", dr, "：")) : h("v-if", !0)
           ],
           4
           /* STYLE */
@@ -780,14 +780,14 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
     const o = e, s = ee(o, "labelWidth"), y = n, { innerValue: f, selectValue: p, dateRangeChangeHandler: d, selectChangeHandler: C } = Jp(o, y), $ = k("200px");
     k(null);
     const G = k();
-    return G.value = s.value ? s.value + "!important" : Ye(o.labelLength, o.labelPosition), (b, j) => (g(), w(
+    return G.value = s.value ? s.value + "!important" : Ye(o.labelLength, o.labelPosition), (b, j) => (g(), S(
       "div",
       {
         class: Y(["das-select-date-range", [{ "das-select-date-range-en-filter": c(K) != "zh-CN" && o.showFilterPanel }, { "das-select-date-range-en-nonefilter": c(K) != "zh-CN" && !o.showFilterPanel }]]),
         id: "das-select-date-range"
       },
       [
-        b.label ? (g(), w(
+        b.label ? (g(), S(
           "div",
           {
             key: 0,
@@ -795,7 +795,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
             style: Ha({ width: G.value })
           },
           [
-            xe((g(), w("div", qp, [
+            xe((g(), S("div", qp, [
               xa(
                 te(b.label),
                 1
@@ -804,12 +804,12 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
             ])), [
               [c(Ya)]
             ]),
-            o.showFilterPanel ? (g(), w("span", Qp, "：")) : h("v-if", !0)
+            o.showFilterPanel ? (g(), S("span", Qp, "：")) : h("v-if", !0)
           ],
           4
           /* STYLE */
         )) : h("v-if", !0),
-        b.isNeedSelect ? (g(), w("div", Xp, [
+        b.isNeedSelect ? (g(), S("div", Xp, [
           Z(c(rr), {
             size: b.mode == "default" ? "mini" : "small",
             dropdownClassName: "das-select-date-select-container",
@@ -833,7 +833,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
           "onUpdate:modelValue": j[1] || (j[1] = (L) => fe(f) ? f.value = L : null),
           itemWidth: $.value
         }, b.$attrs, { onChange: c(d) }), null, 16, ["modelValue", "itemWidth", "onChange"])) : h("v-if", !0),
-        b.mode == "optional" && c(p) == "custom" ? (g(), w(
+        b.mode == "optional" && c(p) == "custom" ? (g(), S(
           x,
           { key: 3 },
           [
@@ -895,8 +895,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
   emits: ["confirm", "clearSearch"],
   setup(e, { expose: n, emit: o }) {
     zt((r) => ({
-      "21c2b150": L.value,
-      ab064190: p.value
+      18742846: L.value,
+      c255106a: p.value
     })), Wt({
       fold: import("@das-fed/ui/packages/icons/fold")
     });
@@ -926,13 +926,13 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
             label: "name"
           }), l.customOption;
         if (r.options && (l.optionsLabelKey = l.optionsLabelKey ? l.optionsLabelKey : "label", l.optionsValueKey = l.optionsValueKey ? l.optionsValueKey : "value"), r.type == "selectDateRange") {
-          const { value: S, ..._ } = l;
-          return _.mode = _.mode ? _.mode : "default", _;
+          const { value: _, ...w } = l;
+          return w.mode = w.mode ? w.mode : "default", w;
         } else
           return l;
       } else if (u == "outDate") {
-        const { type: S, ..._ } = l;
-        return _;
+        const { type: _, ...w } = l;
+        return w;
       }
       return l.hasOwnProperty("isChangeTrigger") || (l.isChangeTrigger = !0), r.type == "treeSelect" && (l.optionsLabelKey = ((a = l.treeProps) == null ? void 0 : a.label) || "name", l.optionsValueKey = ((i = l.treeProps) == null ? void 0 : i.value) || l.nodeKey || "value", l.props = l == null ? void 0 : l.treeProps, l.keyword = l.keyword ? l.keyword : "", l.selectAttrs = l.selectAttrs ? l.selectAttrs : {}, pe(() => l)), l;
     }, sa = (r) => {
@@ -942,8 +942,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
         placeholder: l,
         mode: a,
         size: i,
-        disabled: S,
-        isView: _,
+        disabled: _,
+        isView: w,
         filter: q,
         selectAttrs: be,
         nodeKey: $e,
@@ -974,8 +974,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
         // 空字符串会覆盖 tree-select 默认 mode，把 das-select 搞异常
         mode: a || void 0,
         size: i,
-        disabled: S,
-        isView: _,
+        disabled: _,
+        isView: w,
         filter: q,
         selectAttrs: be || {},
         nodeKey: $e,
@@ -1028,28 +1028,28 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
           if (!v.mutual && !v[a.optionsLabelKey].toLowerCase().includes(m("全部").toLowerCase()) && !v[a.optionsLabelKey].toLowerCase().includes(m("不限").toLowerCase()) && !Array.isArray(a.value) && v[a.optionsLabelKey] != "" && v[a.optionsLabelKey] != null)
             return a.value === v[a.optionsValueKey];
         }), r = a.label) : a.type == "selectDateRange" && (r = a.options.filter((v) => a.optionValue == v[a.optionsValueKey])[0][a.optionsLabelKey], i = a.value) : a != null && a.custom && a.customOption && a.customOption.options.length && (i = a.customOption.options.filter((v) => a.customOption.value == v[a.customOption.defaultProps.value])), a.type == "treeSelect" && (a.optionsLabelKey = ((q = a.treeProps) == null ? void 0 : q.label) || "name", a.optionsValueKey = ((be = a.treeProps) == null ? void 0 : be.value) || a.nodeKey || "value", a.props = a == null ? void 0 : a.treeProps, r = a.label, i = a.checkedNodes ? Array.isArray(a.checkedNodes) ? ($e = a.checkedNodes) == null ? void 0 : $e.map((v) => v[a.optionsLabelKey]) : a.checkedNodes[a.optionsLabelKey] : []);
-        let S = a.type == "selectDateRange" ? a.dateType : a.type;
-        a.type != "selectDateRange" && (S == "dateRange" || S == "dateTimeRange" || S == "weekRange" || S == "monthRange" || S == "yearRange" || S == "timeRange") && (a.value = a.value && a.value.length ? !a.value[0] && !a.value[1] ? "" : a.value : "");
-        let _ = "";
+        let _ = a.type == "selectDateRange" ? a.dateType : a.type;
+        a.type != "selectDateRange" && (_ == "dateRange" || _ == "dateTimeRange" || _ == "weekRange" || _ == "monthRange" || _ == "yearRange" || _ == "timeRange") && (a.value = a.value && a.value.length ? !a.value[0] && !a.value[1] ? "" : a.value : "");
+        let w = "";
         if (a.type == "treeSelect")
-          _ = i && !Array.isArray(i) ? i : i.join(y);
+          w = i && !Array.isArray(i) ? i : i.join(y);
         else if (a.custom)
-          _ = a.value ? a.value : i.map((v) => v[a.customOption.defaultProps.label]).join(y);
-        else if (a.type != "selectDateRange" && a.options && a.options.length)
-          _ = i.map((v) => v[a.optionsLabelKey]).join(y);
-        else if (a.type == "selectDateRange" || a.type == "dateRange" || S == "dateTimeRange" || a.type == "timeRange" || S == "weekRange" || S == "monthRange" || S == "yearRange" || a.type == "inputSelect") {
+          w = a.value ? a.value : i.map((v) => v[a.customOption.defaultProps.label]).join(y);
+        else if (a.type != "selectDateRange" && a.options && a.options.length && a.type !== "selectInput")
+          w = i.map((v) => v[a.optionsLabelKey]).join(y);
+        else if (a.type == "selectDateRange" || a.type == "dateRange" || _ == "dateTimeRange" || a.type == "timeRange" || _ == "weekRange" || _ == "monthRange" || _ == "yearRange" || a.type == "inputSelect") {
           if ((Ce = a.value) != null && Ce.length || (_e = a == null ? void 0 : a.storageValue) != null && _e.length) {
             let v = a.value || (a == null ? void 0 : a.storageValue);
-            v.length == 2 ? v != null && v.every((ce) => !!ce) ? _ = K.value == "zh-CN" ? v.join(m("至")) : v.join(" " + m("至") + " ") : v != null && v.every((ce) => !ce) ? _ = "" : !v[0] || !v[1] ? _ = v[0] || v[1] : _ = v : _ = v;
+            v.length == 2 ? v != null && v.every((ce) => !!ce) ? w = K.value == "zh-CN" ? v.join(m("至")) : v.join(" " + m("至") + " ") : v != null && v.every((ce) => !ce) ? w = "" : !v[0] || !v[1] ? w = v[0] || v[1] : w = v : w = v;
           }
-        } else a.type == "select" && a.mode == "multiple" ? _ = !a.value || !(i != null && i.length) ? "" : i.map((v) => v[a.optionsLabelKey]).join(y) : _ = a.value;
+        } else a.type == "select" && a.mode == "multiple" ? w = !a.value || !(i != null && i.length) ? "" : i.map((v) => v[a.optionsLabelKey]).join(y) : w = a.value;
         return {
           show: a.show,
           closable: a.closable,
           key: a.key,
           value: a.value || (a == null ? void 0 : a.storageValue),
           label: r,
-          tagName: _,
+          tagName: w,
           type: a.type,
           format: a.format
         };
@@ -1058,7 +1058,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
         a.show = !!a.tagName;
       });
       let t = {}, l = R.value.concat(u);
-      l = l.reduce((a, i) => (t[i.key] ? a[a.findIndex((S) => S.key == i.key)] = i : t[i.key] = a.push(i), a), []), R.value = l.filter((a) => !!a.show), R.value.forEach((a) => {
+      l = l.reduce((a, i) => (t[i.key] ? a[a.findIndex((_) => _.key == i.key)] = i : t[i.key] = a.push(i), a), []), R.value = l.filter((a) => !!a.show), R.value.forEach((a) => {
         ht.includes(a.type) && (a.tagName = cr(a));
       });
     };
@@ -1081,8 +1081,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
       { deep: !0, immediate: !0 }
     );
     const N = async (r, u, t, l) => {
-      var a, i, S;
-      M.value || (r.change && r.change(r, u, W(), l), s.showFilterPanel && (r.custom && (t == "childItem" ? (r.value = "", r.customerActive = !1) : (r.customOption.value = "", r.customerActive = !0)), r.type == "treeSelect" ? (r.checkedNodes = Array.isArray(l) ? l : [l], r.selectChange && r.selectChange(u, W(), l), r != null && r.parentLinkChildrenStrictly && ue()) : r.type == "input" ? ue() : ["dateRange", "dateTimeRange", "weekRange", "monthRange", "selectDateRange", "yearRange"].includes(r.type) && (!((a = r.value) != null && a.length) || (i = r.value) != null && i.length && ((S = r.value) != null && S.every((_) => !_))) && (r.storageValue = [], r.value = [])), r.hasOwnProperty("isChangeTrigger") || (r.isChangeTrigger = !0), r.isChangeTrigger && H());
+      var a, i, _;
+      M.value || (r.change && r.change(r, u, W(), l), s.showFilterPanel && (r.custom && (t == "childItem" ? (r.value = "", r.customerActive = !1) : (r.customOption.value = "", r.customerActive = !0)), r.type == "treeSelect" ? (r.checkedNodes = Array.isArray(l) ? l : [l], r.selectChange && r.selectChange(u, W(), l), r != null && r.parentLinkChildrenStrictly && ue()) : r.type == "input" ? ue() : ["dateRange", "dateTimeRange", "weekRange", "monthRange", "selectDateRange", "yearRange"].includes(r.type) && (!((a = r.value) != null && a.length) || (i = r.value) != null && i.length && ((_ = r.value) != null && _.every((w) => !w))) && (r.storageValue = [], r.value = [])), r.hasOwnProperty("isChangeTrigger") || (r.isChangeTrigger = !0), r.isChangeTrigger && H());
     }, ia = (r, u) => {
       M.value || (r.dateRangeChange && r.dateRangeChange(r, u, W()), s.showFilterPanel && ue(), r.hasOwnProperty("isChangeTrigger") || (r.isChangeTrigger = !0), r.isChangeTrigger && H());
     }, ua = (r, u) => {
@@ -1097,7 +1097,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
       })), H());
     }, pa = (r, u, t) => {
       var i;
-      const l = (i = r.options.find((S) => t == S[r.optionsValueKey])) == null ? void 0 : i[r.optionsLabelKey], a = R.value.find((S) => S.key === r.key);
+      const l = (i = r.options.find((_) => t == _[r.optionsValueKey])) == null ? void 0 : i[r.optionsLabelKey], a = R.value.find((_) => _.key === r.key);
       a ? (a.value = u, a.tagName = u, a.label = l) : R.value.push({
         closable: !0,
         key: r.key,
@@ -1106,6 +1106,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
         tagName: u,
         type: r.type,
         value: u
+      }), D.value.forEach((_) => {
+        _.key === r.key && (_.label = l, _.value = u);
       }), r.hasOwnProperty("isChangeTrigger") || (r.isChangeTrigger = !0), r.isChangeTrigger && H();
     }, $t = (r, u) => {
       M.value || Ne(r.value) || Ne(r.optionValue) || pe(() => {
@@ -1140,15 +1142,15 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
       D.value.forEach((l) => {
         var a;
         if (r.key == l.key) {
-          const i = E.value.find((_) => _.key == r.key);
+          const i = E.value.find((w) => w.key == r.key);
           l.show = !1;
-          let S = typeof (i == null ? void 0 : i.value) == "object" && Array.isArray(i == null ? void 0 : i.value) ? "array" : typeof (i == null ? void 0 : i.value);
+          let _ = typeof (i == null ? void 0 : i.value) == "object" && Array.isArray(i == null ? void 0 : i.value) ? "array" : typeof (i == null ? void 0 : i.value);
           if (l.type == "select") {
-            let _ = i.options.find(
+            let w = i.options.find(
               (q) => q[i.optionsLabelKey].toLowerCase().includes(m("全部").toLowerCase()) || q[i.optionsLabelKey] == m("不限")
             );
-            l.value = _ ? _[i.optionsValueKey] : l.mode == "multiple" ? [] : null, (a = l.value) != null && a.length && typeof l.value != "string" && (l.value = JSON.parse(JSON.stringify(da[S]))), l.keyCount++;
-          } else l.type == "treeSelect" ? (l.value = Array.isArray(i.value) ? [] : "", l.checkedNodes = [], fa.value++) : l.type == "selectDateRange" ? (l.optionValue = i.optionValue, l.value = []) : l.type == "inputSelect" ? (l.value = [], l.options = [], t = !0) : l.type == "dateRange" || l.type == "dateTimeRange" || l.type == "weekRange" || l.type == "monthRange" || l.type == "yearRange" ? (l.value = [], l.storageValue = []) : ["date", "dateTime", "week", "month", "quarter", "year"].includes(l.type) ? l.value = "" : l.value = da[S];
+            l.value = w ? w[i.optionsValueKey] : l.mode == "multiple" ? [] : null, (a = l.value) != null && a.length && typeof l.value != "string" && (l.value = JSON.parse(JSON.stringify(da[_]))), l.keyCount++;
+          } else l.type == "treeSelect" ? (l.value = Array.isArray(i.value) ? [] : "", l.checkedNodes = [], fa.value++) : l.type == "selectDateRange" ? (l.optionValue = i.optionValue, l.value = []) : l.type == "inputSelect" ? (l.value = [], l.options = [], t = !0) : l.type == "dateRange" || l.type == "dateTimeRange" || l.type == "weekRange" || l.type == "monthRange" || l.type == "yearRange" ? (l.value = [], l.storageValue = []) : ["date", "dateTime", "week", "month", "quarter", "year"].includes(l.type) ? l.value = "" : l.value = da[_];
           l.custom && (l.customerActive = !1, l.customOption.value && (l.customOption.value = i.customOption.value));
         }
       }), b("clearSearch", r), !t && !u && H();
@@ -1196,7 +1198,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
       closeSearch: kt,
       resetSearch: Vt,
       getCollapseStatus: At
-    }), (r, u) => (g(), w(
+    }), (r, u) => (g(), S(
       "div",
       {
         class: Y(["das-ui-search-form", {
@@ -1220,14 +1222,14 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
             },
             [
               h(" 页面标题 "),
-              r.title ? (g(), w(
+              r.title ? (g(), S(
                 "div",
                 ad,
                 te(r.title),
                 1
                 /* TEXT */
               )) : h("v-if", !0),
-              r.$slots.left ? (g(), w("div", td, [
+              r.$slots.left ? (g(), S("div", td, [
                 h(" @slot slot左侧内容 "),
                 B(r.$slots, "left", {}, void 0, !0)
               ])) : h("v-if", !0),
@@ -1241,10 +1243,10 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                   isSearchForm: !0
                 }, {
                   default: F(() => [
-                    (g(!0), w(
+                    (g(!0), S(
                       x,
                       null,
-                      we(c(Ie), (t, l) => (g(), w(
+                      we(c(Ie), (t, l) => (g(), S(
                         x,
                         { key: l },
                         [
@@ -1331,8 +1333,8 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                 }, 8, ["labelLength", "labelPosition"])
               ]),
               h(" 已选条件区 "),
-              r.showFilterPanel ? (g(), w("div", nd, [
-                c(R).length ? (g(), w(
+              r.showFilterPanel ? (g(), S("div", nd, [
+                c(R).length ? (g(), S(
                   "span",
                   od,
                   te(c(m)("筛选条件")),
@@ -1340,10 +1342,10 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                   /* TEXT */
                 )) : h("v-if", !0),
                 U("div", ld, [
-                  (g(!0), w(
+                  (g(!0), S(
                     x,
                     null,
-                    we(c(R), (t, l) => (g(), w(
+                    we(c(R), (t, l) => (g(), S(
                       x,
                       { key: l },
                       [
@@ -1387,7 +1389,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
               class: Y(["search-form-right", { "filter-panel-left": r.showFilterPanel }])
             },
             [
-              r.$slots.right ? (g(), w("div", sd, [
+              r.$slots.right ? (g(), S("div", sd, [
                 B(r.$slots, "right", {}, void 0, !0)
               ])) : h("v-if", !0),
               h(" 外部右侧搜索筛选条件 "),
@@ -1397,10 +1399,10 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                   class: Y(["out-filter-content", { "no-fileter-panel": !r.showFilterPanel }])
                 },
                 [
-                  (g(!0), w(
+                  (g(!0), S(
                     x,
                     null,
-                    we(c(la), (t, l) => (g(), w(
+                    we(c(la), (t, l) => (g(), S(
                       x,
                       { key: l },
                       [
@@ -1496,7 +1498,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                 2
                 /* CLASS */
               ),
-              r.showFilterPanel ? (g(), w("div", {
+              r.showFilterPanel ? (g(), S("div", {
                 key: 1,
                 class: "filter-handle-status",
                 onClick: G
@@ -1518,20 +1520,20 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                   })
                 }, null, 8, ["class"])
               ])) : h("v-if", !0),
-              !r.showFilterPanel && r.isMarginRight ? (g(), w("div", cd)) : h("v-if", !0)
+              !r.showFilterPanel && r.isMarginRight ? (g(), S("div", cd)) : h("v-if", !0)
             ],
             2
             /* CLASS */
           )
         ]),
         h(" 展开过滤条件区 "),
-        h(` :class="{\r
-                'filter-item':\r
-                  (item.type == 'dateRange' || item.type == 'dateTimeRange' || item.type == 'weekRange' || item.type == 'monthRange' || item.type == 'yearRange') && layout == 'horizontal',\r
+        h(` :class="{
+                'filter-item':
+                  (item.type == 'dateRange' || item.type == 'dateTimeRange' || item.type == 'weekRange' || item.type == 'monthRange' || item.type == 'yearRange') && layout == 'horizontal',
               }" `),
         Z(c(er), null, {
           default: F(() => [
-            xe((g(), w(
+            xe((g(), S(
               "div",
               {
                 class: Y(["filter-content", { "horizontal-filter-content": r.layout == "horizontal" }])
@@ -1546,10 +1548,10 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                     isSearchForm: !0
                   }, {
                     default: F(() => [
-                      (g(!0), w(
+                      (g(!0), S(
                         x,
                         null,
-                        we(c(D), (t, l) => (g(), w(
+                        we(c(D), (t, l) => (g(), S(
                           x,
                           { key: l },
                           [
@@ -1587,7 +1589,9 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                               style: t.marginRight,
                               class: t.type + "-form-cont",
                               modelValue: t.value,
-                              "onUpdate:modelValue": (a) => t.value = a
+                              "onUpdate:modelValue": (a) => t.value = a,
+                              optionValue: t.optionValue,
+                              "onUpdate:optionValue": (a) => t.optionValue = a
                             }, { ref_for: !0 }, I(t), {
                               onSelectChange: (a) => {
                                 $t(t, a);
@@ -1603,7 +1607,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
                               ]),
                               _: 2
                               /* DYNAMIC */
-                            }, 1040, ["style", "class", "modelValue", "onUpdate:modelValue", "onSelectChange", "onChange"])) : h("v-if", !0),
+                            }, 1040, ["style", "class", "modelValue", "onUpdate:modelValue", "optionValue", "onUpdate:optionValue", "onSelectChange", "onChange"])) : h("v-if", !0),
                             t.type == "treeSelect" ? (g(), P(c(Q), O({
                               showColon: !0,
                               ref_for: !0,
@@ -1756,7 +1760,7 @@ const Wp = /* @__PURE__ */ gr(Yp), Jp = (e, n) => {
       /* CLASS */
     ));
   }
-}), fd = /* @__PURE__ */ We(dd, [["__scopeId", "data-v-14909835"]]), yd = {
+}), fd = /* @__PURE__ */ We(dd, [["__scopeId", "data-v-33370dd4"]]), yd = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"

package/packages/components/search-form/style.css

@@ -1 +1 @@
-.das-input-select-search-container[data-v-72fa1cba]{display:flex;align-items:center}.das-input-select-search-container .label[data-v-72fa1cba]{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);text-align:right;max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-input-select-search-container-en .label[data-v-72fa1cba]{max-width:170px!important;width:170px!important}[data-v-b9b880e5] .das-ui-date-range-picker{margin-left:16px}[data-v-b9b880e5] .das-ui-date-range-picker .ant-picker{height:24px}[data-v-b9b880e5] .das-ui-select .ant-select-selection-item{text-align:right}.das-select-date-select-container{width:120px}.optional-select-item{margin-right:8px}.optional-select-item .ant-select-selection-item{text-align:left!important}.das-select-date-range{display:flex;align-items:center}.das-select-date-range .label{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-select-date-range .das-ui-date-range-picker{margin-left:0!important}.das-select-date-range .das-ui-select{margin-right:12px}.das-select-date-range-en-filter .label{max-width:170px!important;width:170px!important}.das-select-date-range-en-nonefilter .label{max-width:90px!important;width:90px!important}.das-ui-search-form[data-v-14909835]{width:100%;box-sizing:border-box}.das-ui-search-form.expand-hasbtn-padding[data-v-14909835]{padding-bottom:10px}.das-ui-search-form.packup-hasbtn-padding[data-v-14909835]{padding-bottom:14px}.das-ui-search-form.packup-nobtn-padding[data-v-14909835]{padding-bottom:2px}.das-ui-search-form.nofilter-hasbtn-padding[data-v-14909835]{padding-bottom:14px}.das-ui-search-form.expand-nobtn-padding[data-v-14909835]{padding-bottom:0}.das-ui-search-form .search-content[data-v-14909835]{width:100%;display:flex;justify-content:space-between;padding-top:8px;box-sizing:border-box;align-items:flex-end}.das-ui-search-form .search-form-left[data-v-14909835]{display:flex;flex:1;align-items:flex-end!important}.das-ui-search-form .search-form-left.align-center[data-v-14909835]{align-items:center}.das-ui-search-form .search-form-left .search-title[data-v-14909835]{font-size:var(--das-ui-font-size-lg);color:var(--das-ui-search-form-font-color);line-height:26px;font-weight:600;margin-right:16px}.das-ui-search-form .search-form-left .search-selected-content[data-v-14909835]{display:flex;flex:1;align-items:flex-end}.das-ui-search-form .search-form-left .search-selected-content .label[data-v-14909835]{min-width:60px;font-size:var(--das-ui-font-size-sm);color:var(--das-ui-search-form-tip-color);line-height:24px}.das-ui-search-form .search-form-right[data-v-14909835]{display:flex}.das-ui-search-form .search-form-right.filter-panel-left[data-v-14909835]{margin-left:80px}.das-ui-search-form .search-form-right .margin-filter[data-v-14909835]{margin-right:132px}.das-ui-search-form .search-form-right .filter-handle-status[data-v-14909835]{display:flex;align-items:center;color:var(--das-ui-search-form-primary-color);cursor:pointer}.das-ui-search-form .search-form-right .filter-handle-status .status[data-v-14909835]{margin-right:5px;font-size:var(--das-ui-font-size-sm)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransform[data-v-14909835]{transition:.2s;transform-origin:center;transform:rotate(180deg)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransformReturn[data-v-14909835]{transition:.2s;transform-origin:center;transform:rotate(0)}.das-ui-search-form .filter-content[data-v-14909835]{width:100%;height:auto;background-color:var(--das-ui-search-form-filter-bgcolor);padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-search-form-filter-border-color);border-radius:2px;margin-top:12px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835]{max-height:200px;padding:0 40px!important}.das-ui-search-form .filter-content.horizontal-filter-content .filter-scroll-content[data-v-14909835]{width:100%;height:100%}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .selectInput-form-cont .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .selectInput-form-cont .el-input{border:0 none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .selectInput-form-cont .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .selectInput-form-cont .el-input .el-input__wrapper:hover,.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .selectInput-form-cont .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .das-ui-form-item-label{max-width:84px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-14909835] .das-ui-form-item-label .label{max-width:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.das-ui-search-form .filter-content .filter-item[data-v-14909835]{flex:0 0 calc(var(--21c2b150) - 30px)!important}.das-ui-search-form .filter-content .filter-item.das-select-date-range[data-v-14909835]{margin-right:var(--ab064190)}.filter-line[data-v-14909835]{width:100%;height:16px;background-color:transparent}.das-ui-search-form .treeSelect-item{align-items:flex-start!important}.das-ui-search-form .treeSelect-item .das-ui-form-item-label{margin-top:2px}.das-ui-search-form .align-left-filter-content .das-ui-form{flex-direction:row!important;min-height:32px;align-items:flex-end!important;align-content:flex-end!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:20px!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .search-selected-content .tag-content .el-tag__content{display:flex!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag{margin-left:5px;background-color:#fff}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag{height:24px!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag .el-tag__close{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .out-filter-content{margin-right:58px}.das-ui-search-form .out-filter-content.no-fileter-panel{margin-right:0}.das-ui-search-form .out-filter-content .das-ui-form{flex-direction:row!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:10px!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:10px!important}.das-ui-search-form .filter-content .das-ui-form-item{height:40px;margin-bottom:0!important;border-bottom:1px solid var(--das-ui-search-form-filter-border-color)}.das-ui-search-form .filter-content .das-ui-form-item:last-of-type{border-bottom:0}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label{margin-right:24px!important}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label .label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item{width:auto!important}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-select-date-range.filter-item,.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-right:var(--ab064190)}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item .filter-input-select-item{margin-right:0!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item{height:auto;border:none;margin-right:var(--ab064190);margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:8px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label,.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label{max-width:120px!important;width:120px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label .label{max-width:120px!important}
+.das-input-select-search-container[data-v-72fa1cba]{display:flex;align-items:center}.das-input-select-search-container .label[data-v-72fa1cba]{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);text-align:right;max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-input-select-search-container-en .label[data-v-72fa1cba]{max-width:170px!important;width:170px!important}[data-v-b9b880e5] .das-ui-date-range-picker{margin-left:16px}[data-v-b9b880e5] .das-ui-date-range-picker .ant-picker{height:24px}[data-v-b9b880e5] .das-ui-select .ant-select-selection-item{text-align:right}.das-select-date-select-container{width:120px}.optional-select-item{margin-right:8px}.optional-select-item .ant-select-selection-item{text-align:left!important}.das-select-date-range{display:flex;align-items:center}.das-select-date-range .label{color:var(--das-ui-search-form-filter-font-color);margin-right:8px;font-size:var(--das-ui-font-size-sm);max-width:84px;text-overflow:ellipsis;overflow:hidden;display:flex;align-items:center;white-space:nowrap;justify-content:flex-end}.das-select-date-range .das-ui-date-range-picker{margin-left:0!important}.das-select-date-range .das-ui-select{margin-right:12px}.das-select-date-range-en-filter .label{max-width:170px!important;width:170px!important}.das-select-date-range-en-nonefilter .label{max-width:90px!important;width:90px!important}.das-ui-search-form[data-v-33370dd4]{width:100%;box-sizing:border-box}.das-ui-search-form.expand-hasbtn-padding[data-v-33370dd4]{padding-bottom:10px}.das-ui-search-form.packup-hasbtn-padding[data-v-33370dd4]{padding-bottom:14px}.das-ui-search-form.packup-nobtn-padding[data-v-33370dd4]{padding-bottom:2px}.das-ui-search-form.nofilter-hasbtn-padding[data-v-33370dd4]{padding-bottom:14px}.das-ui-search-form.expand-nobtn-padding[data-v-33370dd4]{padding-bottom:0}.das-ui-search-form .search-content[data-v-33370dd4]{width:100%;display:flex;justify-content:space-between;padding-top:8px;box-sizing:border-box;align-items:flex-end}.das-ui-search-form .search-form-left[data-v-33370dd4]{display:flex;flex:1;align-items:flex-end!important}.das-ui-search-form .search-form-left.align-center[data-v-33370dd4]{align-items:center}.das-ui-search-form .search-form-left .search-title[data-v-33370dd4]{font-size:var(--das-ui-font-size-lg);color:var(--das-ui-search-form-font-color);line-height:26px;font-weight:600;margin-right:16px}.das-ui-search-form .search-form-left .search-selected-content[data-v-33370dd4]{display:flex;flex:1;align-items:flex-end}.das-ui-search-form .search-form-left .search-selected-content .label[data-v-33370dd4]{min-width:60px;font-size:var(--das-ui-font-size-sm);color:var(--das-ui-search-form-tip-color);line-height:24px}.das-ui-search-form .search-form-right[data-v-33370dd4]{display:flex}.das-ui-search-form .search-form-right.filter-panel-left[data-v-33370dd4]{margin-left:80px}.das-ui-search-form .search-form-right .margin-filter[data-v-33370dd4]{margin-right:132px}.das-ui-search-form .search-form-right .filter-handle-status[data-v-33370dd4]{display:flex;align-items:center;color:var(--das-ui-search-form-primary-color);cursor:pointer}.das-ui-search-form .search-form-right .filter-handle-status .status[data-v-33370dd4]{margin-right:5px;font-size:var(--das-ui-font-size-sm)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransform[data-v-33370dd4]{transition:.2s;transform-origin:center;transform:rotate(180deg)}.das-ui-search-form .search-form-right .filter-handle-status .arrowTransformReturn[data-v-33370dd4]{transition:.2s;transform-origin:center;transform:rotate(0)}.das-ui-search-form .filter-content[data-v-33370dd4]{width:100%;height:auto;background-color:var(--das-ui-search-form-filter-bgcolor);padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-search-form-filter-border-color);border-radius:2px;margin-top:12px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4]{max-height:200px;padding:0 40px!important}.das-ui-search-form .filter-content.horizontal-filter-content .filter-scroll-content[data-v-33370dd4]{width:100%;height:100%}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .selectInput-form-cont .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .selectInput-form-cont .el-input{border:0 none}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .selectInput-form-cont .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .selectInput-form-cont .el-input .el-input__wrapper:hover,.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .selectInput-form-cont .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .das-ui-form-item-label{max-width:84px}.das-ui-search-form .filter-content.horizontal-filter-content[data-v-33370dd4] .das-ui-form-item-label .label{max-width:84px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.das-ui-search-form .filter-content .filter-item[data-v-33370dd4]{flex:0 0 calc(var(--18742846) - 30px)!important}.das-ui-search-form .filter-content .filter-item.das-select-date-range[data-v-33370dd4]{margin-right:var(--c255106a)}.filter-line[data-v-33370dd4]{width:100%;height:16px;background-color:transparent}.das-ui-search-form .treeSelect-item{align-items:flex-start!important}.das-ui-search-form .treeSelect-item .das-ui-form-item-label{margin-top:2px}.das-ui-search-form .align-left-filter-content .das-ui-form{flex-direction:row!important;min-height:32px;align-items:flex-end!important;align-content:flex-end!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:20px!important}.das-ui-search-form .align-left-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .search-selected-content .tag-content .el-tag__content{display:flex!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag{margin-left:5px;background-color:#fff}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag{height:24px!important}.das-ui-search-form .search-selected-content .tag-content .das-ui-tag .el-tag .el-tag__close{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .out-filter-content{margin-right:58px}.das-ui-search-form .out-filter-content.no-fileter-panel{margin-right:0}.das-ui-search-form .out-filter-content .das-ui-form{flex-direction:row!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item{margin-bottom:0!important;margin-right:10px!important}.das-ui-search-form .out-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:10px!important}.das-ui-search-form .filter-content .das-ui-form-item{height:40px;margin-bottom:0!important;border-bottom:1px solid var(--das-ui-search-form-filter-border-color)}.das-ui-search-form .filter-content .das-ui-form-item:last-of-type{border-bottom:0}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label{margin-right:24px!important}.das-ui-search-form .filter-content .das-ui-form-item .das-ui-form-item-label .label{color:var(--das-ui-search-form-filter-font-color)}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item{width:auto!important}.das-ui-search-form .filter-content .das-ui-form-item.child-form-item .das-ui-form-item-label{display:none}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-select-date-range.filter-item,.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item{margin-right:var(--c255106a)}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-input-select-search-container.filter-input-select-item .filter-input-select-item{margin-right:0!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item{height:auto;border:none;margin-right:var(--c255106a);margin-top:16px!important}.das-ui-search-form .filter-content.horizontal-filter-content .das-ui-form .das-ui-form-item .das-ui-form-item-label{margin-right:8px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label,.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label{max-width:170px!important;width:170px!important}.das-ui-search-form.das-ui-search-form-en-filter .das-ui-form-item-label .label{max-width:170px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .align-left-filter-content .das-ui-form-item-label{width:auto!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label{max-width:120px!important;width:120px!important}.das-ui-search-form.das-ui-search-form-en-nonefilter .das-ui-form-item-label .label{max-width:120px!important}

package/packages/components/select-input/index.js

@@ -1,14 +1,14 @@
 import '@das-fed/ui/packages/components/select-input/style.css';
 import { withInstall as O } from "@das-fed/utils/with-install/index";
-import { setThemeRule as x } from "@das-fed/web/packages/theme/index";
-import { computed as P, ref as b, onBeforeUnmount as R, defineComponent as A, createElementBlock as K, openBlock as U, createVNode as B, unref as t, normalizeClass as z, isRef as T, createSlots as M, withCtx as H } from "vue";
+import { setThemeRule as P } from "@das-fed/web/packages/theme/index";
+import { computed as R, ref as b, onBeforeUnmount as x, defineComponent as A, createElementBlock as K, openBlock as U, createVNode as B, unref as t, normalizeClass as z, isRef as T, createSlots as M, withCtx as H } from "vue";
 import { DasInput as $ } from "@das-fed/ui/packages/components/input/index";
 import { DasIconSearch as j } from "@das-fed/ui/packages/icons/search/index";
 import { DasSelect as q } from "@das-fed/ui/packages/components/select/index";
 import { useModelValue as E } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
 const G = "das-select-input-select-container", J = (l, a) => {
-  const r = E(l, "modelValue"), h = E(l, "optionValue"), u = E(l, "isExpandAtFocus"), s = P(() => typeof l.width == "number" ? l.width + "px" : l == null ? void 0 : l.width), V = () => {
+  const r = E(l, "modelValue"), h = E(l, "optionValue"), u = E(l, "isExpandAtFocus"), s = R(() => typeof l.width == "number" ? l.width + "px" : l == null ? void 0 : l.width), V = () => {
     a("update:modelValue", r.value);
   }, g = (e) => {
     a("update:modelValue", e), a("inputChange", e);
@@ -45,7 +45,7 @@ const G = "das-select-input-select-container", J = (l, a) => {
   }, N = (e) => {
     u.value && (C.value = e, e && (o && (clearTimeout(o), o = null), p.value && (d.value = !0, f())));
   };
-  return R(() => {
+  return x(() => {
     o && clearTimeout(o), S();
   }), {
     rootRef: v,
@@ -78,6 +78,7 @@ const G = "das-select-input-select-container", J = (l, a) => {
     isView: { type: Boolean },
     error: { type: Boolean },
     isSearch: { type: Boolean, default: !1 },
+    placeholder: {},
     isExpandAtFocus: { type: Boolean, default: !1 },
     width: { default: "268px" }
   },
@@ -115,6 +116,7 @@ const G = "das-select-input-select-container", J = (l, a) => {
           disabled: n.disabled,
           isView: n.isView,
           maxLength: n.maxLength,
+          placeholder: n.placeholder,
           filterSpace: !1,
           isTitle: !n.isExpandAtFocus,
           onInput: t(y),
@@ -156,7 +158,7 @@ const G = "das-select-input-select-container", J = (l, a) => {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur"])
+        ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "placeholder", "isTitle", "onInput", "onChange", "onFocus", "onBlur"])
       ],
       512
       /* NEED_PATCH */
@@ -167,11 +169,11 @@ const G = "das-select-input-select-container", J = (l, a) => {
   for (const [h, u] of a)
     r[h] = u;
   return r;
-}, Y = /* @__PURE__ */ X(Q, [["__scopeId", "data-v-b19d8c77"]]), Z = {
+}, Y = /* @__PURE__ */ X(Q, [["__scopeId", "data-v-cc83246d"]]), Z = {
   "--das-ui-select-input-border-color": { light: "#999" },
   "--das-ui-select-input-border-color-search": { light: "#D9D9D9" }
 }, se = O(Y);
-x(Z);
+P(Z);
 export {
   se as DasSelectInput,
   se as default

package/packages/components/select-input/src/type.d.ts

@@ -35,6 +35,9 @@ export interface Props {
   
   isSearch?: boolean
 
+  
+  placeholder?: string
+
    
    isExpandAtFocus?: boolean 
 

package/packages/components/select-input/style.css

@@ -1 +1 @@
-.das-select-input-root[data-v-b19d8c77]{display:inline-block}.das-ui-input.only-border-bottom[data-v-b19d8c77]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-b19d8c77] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-b19d8c77] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}
+.das-select-input-root[data-v-cc83246d]{display:inline-block}.das-ui-input.only-border-bottom[data-v-cc83246d]{transition:width .3s ease}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input{height:24px}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group{border-color:var(--das-ui-select-input-border-color)}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group.is-search{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group.input-focus-color,.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group:hover{border-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group.is-disabled{border-color:var(--das-ui-select-input-border-color-search)}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group.is-error{border-color:var(--das-ui-input-error-color)}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-input.only-border-bottom[data-v-cc83246d] .das-select-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}[data-v-cc83246d] .el-input__icon{font-size:16px}.das-select-input-select-container.ant-select-dropdown{min-width:100px!important;padding:8px 0;max-height:328px;max-width:180px}.das-select-input-select-container.ant-select-dropdown .rc-virtual-list-holder{max-height:160px!important}.das-select-input .das-ui-select{min-width:68px}