@das-fed/ui 6.4.0-dev.26 → 6.4.0-dev.28

package/packages/components/edit-table/src/index.vue.d.ts

@@ -47,6 +47,7 @@ declare function __VLS_template(): {
                 readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
                 readonly rowKey?: string | undefined;
                 readonly highlightKey?: string | undefined;
+                readonly highlightRowId?: any[] | undefined;
                 readonly data?: any[] | undefined;
                 readonly loading?: boolean | undefined;
                 readonly border?: boolean | undefined;
@@ -1256,6 +1257,7 @@ declare function __VLS_template(): {
             }, string, {
                 emptyText: string;
                 selectionRows: any[];
+                highlightRowId: any[];
                 pageSizes: number[];
                 headerCellClassName: import("element-plus").CellCls;
                 rowClassName: import("element-plus").ColumnCls;
@@ -1293,6 +1295,7 @@ declare function __VLS_template(): {
         } & Readonly<{
             emptyText: string;
             selectionRows: any[];
+            highlightRowId: any[];
             pageSizes: number[];
             headerCellClassName: import("element-plus").CellCls;
             rowClassName: import("element-plus").ColumnCls;
@@ -1309,7 +1312,7 @@ declare function __VLS_template(): {
             sumText: string;
         }> & Omit<Readonly<import("../../table/src/type").Props> & Readonly<{
             [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-        }>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
+        }>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "highlightRowId" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
             $table: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 data: {
                     type: import("vue").PropType<any[]>;

package/packages/components/search/index.js

@@ -1,15 +1,15 @@
 import '@das-fed/ui/packages/components/search/style.css';
-import { withInstall as z } from "@das-fed/utils/with-install/index";
-import { defineComponent as S, ref as I, computed as V, watchEffect as L, openBlock as n, createElementBlock as w, normalizeClass as M, createBlock as u, unref as o, mergeProps as p, withCtx as v, createCommentVNode as i } from "vue";
-import { DasAutoRegisterIcon as T, DasIcon as s } from "@das-fed/ui/packages/components/icon/index";
-import { Input as B } from "ant-design-vue";
-import "ant-design-vue/es/input/style/css";
-import { setI18nRule as E } from "@das-fed/web/packages/i18n/index";
-import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
-const D = {
+import { withInstall as y } from "@das-fed/utils/with-install/index";
+import { defineComponent as I, ref as f, watch as x, openBlock as u, createElementBlock as v, normalizeClass as V, createVNode as S, unref as n, mergeProps as k, isRef as B, withCtx as m, createBlock as h, createCommentVNode as p } from "vue";
+import "element-plus/es/components/input/style/css";
+import { ElInput as C } from "element-plus";
+import { DasAutoRegisterIcon as z, DasIcon as b } from "@das-fed/ui/packages/components/icon/index";
+import { setI18nRule as $ } from "@das-fed/web/packages/i18n/index";
+import { setThemeRule as D } from "@das-fed/web/packages/theme/index";
+const L = {
   inheritAttrs: !1
-}, P = /* @__PURE__ */ S({
-  ...D,
+}, R = /* @__PURE__ */ I({
+  ...L,
   __name: "Index",
   props: {
     modelValue: {
@@ -75,124 +75,72 @@ const D = {
     }
   },
   emits: ["update:modelValue", "change", "blur", "press-enter", "search"],
-  setup(e, { emit: m }) {
-    T({
+  setup(e, { emit: i }) {
+    z({
       search: import("@das-fed/ui/packages/icons/search"),
       empty: import("@das-fed/ui/packages/icons/empty")
     });
-    const c = e, t = m;
-    let h = I(!0), y = I(!0), l = I(c.modelValue);
-    const a = V({
-      get: () => c.modelValue,
-      set: (d) => t("update:modelValue", d)
-    });
-    L(() => {
-    });
+    const l = e, r = i;
+    let t = f(l.modelValue), s = f(l.modelValue);
     const g = () => {
-      y.value = !1, l.value !== a.value && (l.value = a.value, t("change", a.value)), a.value === "" && (l.value = ""), t("blur");
-    }, x = () => {
-      y.value = !0;
-    }, k = () => {
-      h.value = !y.value;
-    }, $ = () => {
-      l.value !== a.value && (l.value = a.value, t("change", a.value)), a.value === "" && (l.value = ""), t("press-enter");
-    }, C = () => {
-      a.value = "", l.value = "", t("change", "");
-    }, r = () => {
-      l.value !== a.value && (l.value = a.value, t("change", a.value)), a.value === "" && (l.value = ""), t("search");
-    };
-    return (d, f) => (n(), w(
+      r("update:modelValue", t.value), s.value = t.value, r("change", t.value);
+    }, c = (a) => a === null || typeof a > "u" || a === "";
+    return x(
+      () => l.modelValue,
+      (a, o) => {
+        t.value = a, !c(o) && !c(s.value) && c(a) && (s.value = "", r("change", t.value));
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), (a, o) => (u(), v(
       "div",
       {
-        class: M(`das-ui-search ${e.size}`)
+        class: V(`das-ui-search ${e.size}`)
       },
       [
-        e.searchType === "basis" ? (n(), u(o(B), p({ key: 0 }, d.$attrs, {
-          type: e.searchType,
-          class: `das-ui-search-input main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
-          value: a.value,
-          "onUpdate:value": f[0] || (f[0] = (b) => a.value = b),
-          disabled: e.disabled,
-          onBlur: g,
-          onFocus: x,
-          onPressEnter: $
-        }), {
-          prefix: v(() => [
-            e.isIconLeft ? (n(), u(o(s), {
-              key: 0,
-              icon: e.prefixIcon ? e.prefixIcon : "search",
-              onMousedown: r
-            }, null, 8, ["icon"])) : i("v-if", !0)
-          ]),
-          suffix: v(() => [
-            e.clearable && a.value.length ? (n(), u(o(s), {
-              key: 0,
-              class: "close-icon",
-              size: "large",
-              icon: "empty",
-              color: "#d9d9d9",
-              onMousedown: C,
-              onMouseenter: k
-            })) : i("v-if", !0),
-            e.isIconLeft ? i("v-if", !0) : (n(), u(o(s), {
-              key: 1,
-              icon: e.suffixIcon ? e.suffixIcon : "search",
-              onMousedown: r
-            }, null, 8, ["icon"]))
-          ]),
-          _: 1
-          /* STABLE */
-        }, 16, ["type", "class", "value", "disabled"])) : (n(), u(o(B), p({ key: 1 }, d.$attrs, {
-          type: e.searchType,
-          class: `das-ui-search-input main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
-          value: a.value,
-          "onUpdate:value": f[1] || (f[1] = (b) => a.value = b),
+        S(n(C), k({ ref: "$refSearch" }, a.$attrs, {
+          type: "text",
+          class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
+          modelValue: n(t),
+          "onUpdate:modelValue": o[0] || (o[0] = (d) => B(t) ? t.value = d : t = d),
           disabled: e.disabled,
-          onFocus: x,
-          onBlur: g
+          onChange: g,
+          clearable: l.clearable
         }), {
-          prefix: v(() => [
-            e.isIconLeft ? (n(), u(o(s), {
+          prefix: m(() => [
+            e.isIconLeft ? (u(), h(n(b), {
               key: 0,
-              icon: e.prefixIcon ? e.prefixIcon : "search",
-              onClick: r
-            }, null, 8, ["icon"])) : i("v-if", !0)
+              icon: e.prefixIcon ? e.prefixIcon : "search"
+            }, null, 8, ["icon"])) : p("v-if", !0)
           ]),
-          suffix: v(() => [
-            e.clearable && a.value.length ? (n(), u(o(s), {
+          suffix: m(() => [
+            e.isIconLeft ? p("v-if", !0) : (u(), h(n(b), {
               key: 0,
-              class: "close-icon",
-              size: "large",
-              icon: "empty",
-              color: "#d9d9d9",
-              onClick: C,
-              onMouseenter: k
-            })) : i("v-if", !0),
-            e.isIconLeft ? i("v-if", !0) : (n(), u(o(s), {
-              key: 1,
               icon: e.suffixIcon ? e.suffixIcon : "search",
-              onClick: r
+              style: { cursor: "pointer" }
             }, null, 8, ["icon"]))
           ]),
           _: 1
           /* STABLE */
-        }, 16, ["type", "class", "value", "disabled"]))
+        }, 16, ["class", "modelValue", "disabled", "clearable"])
       ],
       2
       /* CLASS */
     ));
   }
-}), R = (e, m) => {
-  const c = e.__vccOpts || e;
-  for (const [t, h] of m)
-    c[t] = h;
-  return c;
-}, A = /* @__PURE__ */ R(P, [["__scopeId", "data-v-f8207fd2"]]), N = {
+}), E = (e, i) => {
+  const l = e.__vccOpts || e;
+  for (const [r, t] of i)
+    l[r] = t;
+  return l;
+}, N = /* @__PURE__ */ E(R, [["__scopeId", "data-v-ce975baa"]]), T = {
   "demo-msg": {
     "zh-CN": "这是第一个示例路由页面",
     en: "This is Demo Page"
   }
-}, U = {
+}, w = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -202,10 +150,10 @@ const D = {
   "--das-ui-search-text": "#212121",
   "--das-ui-search-border-active": "#5582F3"
 };
-E(N);
-F(U);
-const Q = z(A);
+$(T);
+D(w);
+const G = y(N);
 export {
-  Q as DasSearch,
-  Q as default
+  G as DasSearch,
+  G as default
 };

package/packages/components/search/src/Index.vue.d.ts

@@ -1,4 +1,4 @@
-import 'ant-design-vue/es/input/style/css';
+import 'element-plus/es/components/input/style/css';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;

package/packages/components/search/style.css

@@ -1 +1 @@
-.das-ui-search.small[data-v-f8207fd2]{width:200px}.das-ui-search.large[data-v-f8207fd2]{width:320px}.das-ui-search.middle[data-v-f8207fd2]{width:260px}.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none;color:var(--das-ui-search-text);border-radius:0}.das-ui-search .das-ui-search-input.main-input.border[data-v-f8207fd2]{border-width:1px!important;border-radius:2px}.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:hover,.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:active,.das-ui-search .das-ui-search-input.main-input[data-v-f8207fd2]:focus{border-color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input:hover.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:hover.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon),.das-ui-search .das-ui-search-input.main-input:active.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:active.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon),.das-ui-search .das-ui-search-input.main-input:focus.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input:focus.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper[data-v-f8207fd2]{padding:0 0 1px;box-sizing:border-box}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper.border[data-v-f8207fd2]{padding:5px}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper.left .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]{margin-right:0}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2]{color:var(--das-ui-search-icon)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]{color:var(--das-ui-search-icon);cursor:pointer}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]{margin-right:4px}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon.close-icon[data-v-f8207fd2]:hover{color:#999}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:hover{color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused[data-v-f8207fd2]{border-color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-prefix .das-icon[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input.ant-input-affix-wrapper-focused.ant-input-affix-wrapper .ant-input-suffix .das-icon[data-v-f8207fd2]:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search .das-ui-search-input.main-input.small[data-v-f8207fd2]{height:24px}.das-ui-search .das-ui-search-input.main-input.middle[data-v-f8207fd2],.das-ui-search .das-ui-search-input.main-input.custom[data-v-f8207fd2]{height:28px}.das-ui-search .das-ui-search-input.main-input.middle-l[data-v-f8207fd2]{height:30px}.das-ui-search .das-ui-search-input.main-input.middle-xl[data-v-f8207fd2]{height:32px}.das-ui-search .das-ui-search-input.main-input.large[data-v-f8207fd2]{height:36px}.das-ui-search .result-container[data-v-f8207fd2]{background:#fff;box-shadow:0 4px 10px #0003;border-radius:2px;padding:8px 0;box-sizing:border-box;margin-top:4px}.das-ui-search .result-container .tips[data-v-f8207fd2]{display:inline-block;font-size:12px;color:#999;padding-left:12px}.das-ui-search .result-container .result-list .result-item[data-v-f8207fd2]{padding-left:12px;font-size:12px;color:var(--das-ui-search-text);list-style:none;height:32px;line-height:32px;cursor:pointer}.das-ui-search .result-container .result-list .result-item[data-v-f8207fd2]:hover{background:#f2f6ff;color:var(--das-ui-search-border-active)}.das-ui-search .main-input.small .ant-input,.das-ui-search .main-input.small .das-icon{font-size:12px}.das-ui-search .main-input.large .ant-input,.das-ui-search .main-input.large .das-icon{font-size:16px}.das-ui-search .main-input.middle .ant-input,.das-ui-search .main-input.custom .ant-input,.das-ui-search .main-input.middle-l .ant-input,.das-ui-search .main-input.middle-xl .ant-input{font-size:12px}.das-ui-search .main-input.middle .das-icon,.das-ui-search .main-input.custom .das-icon,.das-ui-search .main-input.middle-l .das-icon,.das-ui-search .main-input.middle-xl .das-icon{font-size:16px}.das-ui-search .main-input .ant-input,.das-ui-search .main-input .das-icon{color:var(--das-ui-search-text)}
+.das-ui-search[data-v-ce975baa]{position:relative}.das-ui-search[data-v-ce975baa] .el-input__inner{font-size:12px}.das-ui-search.small[data-v-ce975baa]{width:200px}.das-ui-search.small[data-v-ce975baa] .el-input__inner{font-size:12px}.das-ui-search.large[data-v-ce975baa]{width:320px}.das-ui-search.large[data-v-ce975baa] .el-input__inner{font-size:16px}.das-ui-search.middle[data-v-ce975baa]{width:260px}.das-ui-search[data-v-ce975baa] .el-input{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper{border-radius:0;box-shadow:none!important;padding:0 0 1px}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper.is-focus .el-input__prefix .el-input__prefix-inner .das-icon,.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper.is-focus .el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-ui-search-text)}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-ce975baa] .el-input.border{border-radius:2px;border-width:1px!important}.das-ui-search[data-v-ce975baa] .el-input.border .el-input__wrapper{padding:0 5px 0 8px}.das-ui-search[data-v-ce975baa] .el-input:hover,.das-ui-search[data-v-ce975baa] .el-input:active,.das-ui-search[data-v-ce975baa] .el-input:focus{border-color:var(--das-ui-search-border-active)}.das-ui-search[data-v-ce975baa] .el-input:hover.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-ce975baa] .el-input:hover.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-ce975baa] .el-input:active.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-ce975baa] .el-input:active.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-ce975baa] .el-input:focus.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-ce975baa] .el-input:focus.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-ce975baa] .el-input.el-input__suffix{padding:0 0 1px;box-sizing:border-box}.das-ui-search[data-v-ce975baa] .el-input.el-input__suffix.border{padding:5px}.das-ui-search[data-v-ce975baa] .el-input.el-input__suffix.left .el-input__suffix .das-icon.close-icon{margin-right:0}.das-ui-search[data-v-ce975baa] .el-input.el-input__suffix .el-input__prefix .das-icon{color:var(--das-ui-search-icon)}.das-ui-search[data-v-ce975baa] .el-input.el-input__suffix .el-input__prefix .das-icon:hover{color:var(--das-ui-search-border-active)}.das-ui-search[data-v-ce975baa] .el-input.small .el-input__inner{height:22px}.das-ui-search[data-v-ce975baa] .el-input.middle .el-input__inner,.das-ui-search[data-v-ce975baa] .el-input.custom .el-input__inner{height:26px}.das-ui-search[data-v-ce975baa] .el-input.middle-l .el-input__inner{height:28px}.das-ui-search[data-v-ce975baa] .el-input.middle-xl .el-input__inner{height:30px}.das-ui-search[data-v-ce975baa] .el-input.large .el-input__inner{height:34px}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-search[data-v-ce975baa] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}

package/packages/components/table/index.d.ts

@@ -6,6 +6,7 @@ declare const DasTableRef: () => import("vue").Ref<({
         readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
         readonly rowKey?: string | undefined;
         readonly highlightKey?: string | undefined;
+        readonly highlightRowId?: any[] | undefined;
         readonly data?: any[] | undefined;
         readonly loading?: boolean | undefined;
         readonly border?: boolean | undefined;
@@ -1215,6 +1216,7 @@ declare const DasTableRef: () => import("vue").Ref<({
     }, string, {
         emptyText: string;
         selectionRows: any[];
+        highlightRowId: any[];
         pageSizes: number[];
         headerCellClassName: import("element-plus").CellCls;
         rowClassName: import("element-plus").ColumnCls;
@@ -1252,6 +1254,7 @@ declare const DasTableRef: () => import("vue").Ref<({
 } & Readonly<{
     emptyText: string;
     selectionRows: any[];
+    highlightRowId: any[];
     pageSizes: number[];
     headerCellClassName: import("element-plus").CellCls;
     rowClassName: import("element-plus").ColumnCls;
@@ -1268,7 +1271,7 @@ declare const DasTableRef: () => import("vue").Ref<({
     sumText: string;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
+}>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "highlightRowId" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
     $table: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<any[]>;
@@ -2403,6 +2406,7 @@ declare const DasTableRef: () => import("vue").Ref<({
         readonly [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
         readonly rowKey?: string | undefined;
         readonly highlightKey?: string | undefined;
+        readonly highlightRowId?: any[] | undefined;
         readonly data?: any[] | undefined;
         readonly loading?: boolean | undefined;
         readonly border?: boolean | undefined;
@@ -3612,6 +3616,7 @@ declare const DasTableRef: () => import("vue").Ref<({
     }, string, {
         emptyText: string;
         selectionRows: any[];
+        highlightRowId: any[];
         pageSizes: number[];
         headerCellClassName: import("element-plus").CellCls;
         rowClassName: import("element-plus").ColumnCls;
@@ -3649,6 +3654,7 @@ declare const DasTableRef: () => import("vue").Ref<({
 } & Readonly<{
     emptyText: string;
     selectionRows: any[];
+    highlightRowId: any[];
     pageSizes: number[];
     headerCellClassName: import("element-plus").CellCls;
     rowClassName: import("element-plus").ColumnCls;
@@ -3665,7 +3671,7 @@ declare const DasTableRef: () => import("vue").Ref<({
     sumText: string;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
-}>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
+}>, "$table" | "tableScrollTop" | "getCurrentParamsIds" | ("emptyText" | "selectionRows" | "highlightRowId" | "pageSizes" | "headerCellClassName" | "rowClassName" | "paginationProps" | "currentRodioSelection" | "selectionIds" | "hideSelectionText" | "showOperationColumn" | "operationOptions" | "delay" | "showCustomContent" | "disabledIdsList" | "highPerformance" | "sumText")> & import("vue").ShallowUnwrapRef<{
     $table: import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<any[]>;
@@ -6231,6 +6237,7 @@ declare const DasTable: import("@das-fed/utils").SFCWithInstall<{
     }>, {
         emptyText: string;
         selectionRows: any[];
+        highlightRowId: any[];
         pageSizes: number[];
         headerCellClassName: import("element-plus").CellCls;
         rowClassName: import("element-plus").ColumnCls;
@@ -7375,6 +7382,7 @@ declare const DasTable: import("@das-fed/utils").SFCWithInstall<{
     }, {}, {}, {}, {
         emptyText: string;
         selectionRows: any[];
+        highlightRowId: any[];
         pageSizes: number[];
         headerCellClassName: import("element-plus").CellCls;
         rowClassName: import("element-plus").ColumnCls;
@@ -8520,6 +8528,7 @@ declare const DasTable: import("@das-fed/utils").SFCWithInstall<{
 }, string, {
     emptyText: string;
     selectionRows: any[];
+    highlightRowId: any[];
     pageSizes: number[];
     headerCellClassName: import("element-plus").CellCls;
     rowClassName: import("element-plus").ColumnCls;