@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/business-components/video-dialog/src/component/Player/index.vue.d.ts

@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
     onDirectionControl?: ((direction: string) => any) | undefined;
     onZoomControl?: ((zoom: "zoomIn" | "zoomOut") => any) | undefined;
 }>, {
-    playbackRate: number;
     paused: boolean;
+    playbackRate: number;
     authType: "control"[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/business-components/video-dialog/src/hooks/use-video/PlayerProvider.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Device } from '../../type';
+import type { PropType } from 'vue';
+import type { Device } from '../../type';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     deviceInfo: {
         type: PropType<Device>;

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

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/global/theme';
 declare const DasAlertRef: () => import("vue").Ref<({
     $: import("vue").ComponentInternalInstance;
     $data: {};

package/packages/components/alert/index.js

@@ -1,88 +1,84 @@
 import '@das-fed/upf-ui/packages/components/alert/style.css';
-import { defineComponent as c, ref as t, computed as m, watch as p, onBeforeUnmount as F, openBlock as b, createElementBlock as y, normalizeClass as $, normalizeStyle as v, createVNode as g, unref as k, mergeProps as T, createSlots as h, withCtx as s, renderSlot as l } from "vue";
-import { withInstall as A } from "@das-fed/upf-utils/with-install/index";
-import { Alert as w } from "ant-design-vue";
+import { defineComponent as u, ref as o, computed as d, watch as m, onBeforeUnmount as c, openBlock as p, createElementBlock as $, normalizeClass as y, normalizeStyle as v, createVNode as k, unref as T, mergeProps as b, createSlots as C, withCtx as t, renderSlot as n } from "vue";
+import { withInstall as g } from "@das-fed/upf-utils/with-install/index";
+import { Alert as h } from "ant-design-vue";
 import "ant-design-vue/es/alert/style/css";
-import { setThemeRule as B } from "@das-fed/upf-web/packages/theme/index";
-import "@das-fed/upf-ui/packages/global/theme";
-const C = {
+const w = {
   name: "DasAlert"
-}, D = /* @__PURE__ */ c({
-  ...C,
+}, A = /* @__PURE__ */ u({
+  ...w,
   props: {
     left: { default: 0 },
     top: { default: 0 },
     banner: { type: Boolean, default: !1 },
     delayOffTime: { default: 0 }
   },
-  setup(n) {
-    const o = n, i = t(null), a = t(!1), r = t(null), d = m(() => ({
-      position: o.banner ? "fixed" : "unset",
-      left: o.left ? o.left + "px" : "0",
-      top: o.top ? o.top + "px" : "0"
+  setup(a) {
+    const s = a, l = o(!1), r = o(null), f = d(() => ({
+      position: s.banner ? "fixed" : "unset",
+      left: s.left ? s.left + "px" : "0",
+      top: s.top ? s.top + "px" : "0"
     }));
-    p(
-      () => o.delayOffTime,
-      (e, f) => {
-        e ? u(e) : a.value = !1;
+    m(
+      () => s.delayOffTime,
+      (e) => {
+        e ? i(e) : l.value = !1;
       },
       { immediate: !0 }
     );
-    function u(e) {
+    function i(e) {
       r.value = setTimeout(() => {
-        a.value = !0;
+        l.value = !0;
       }, e);
     }
-    return F(() => {
+    return c(() => {
       window.clearTimeout(r.value);
-    }), (e, f) => (b(), y(
+    }), (e, B) => (p(), $(
       "div",
       {
-        ref_key: "_dasAlert",
-        ref: i,
-        class: $({ "das-ui-alert-container": !0, "leave-class": a.value }),
-        style: v(d.value)
+        class: y({ "das-ui-alert-container": !0, "leave-class": l.value }),
+        style: v(f.value)
       },
       [
-        g(k(w), T({ class: "das-ui-alert" }, e.$attrs, { banner: n.banner }), h({
-          default: s(() => [
-            l(e.$slots, "default")
+        k(T(h), b({ class: "das-ui-alert" }, e.$attrs, { banner: a.banner }), C({
+          default: t(() => [
+            n(e.$slots, "default")
           ]),
           _: 2
           /* DYNAMIC */
         }, [
           e.$slots.description ? {
             name: "description",
-            fn: s(() => [
-              l(e.$slots, "description")
+            fn: t(() => [
+              n(e.$slots, "description")
             ]),
             key: "0"
           } : void 0,
           e.$slots.icon ? {
             name: "icon",
-            fn: s(() => [
-              l(e.$slots, "icon")
+            fn: t(() => [
+              n(e.$slots, "icon")
             ]),
             key: "1"
           } : void 0,
           e.$slots.message ? {
             name: "message",
-            fn: s(() => [
-              l(e.$slots, "message")
+            fn: t(() => [
+              n(e.$slots, "message")
             ]),
             key: "2"
           } : void 0,
           e.$slots.closeText ? {
             name: "closeText",
-            fn: s(() => [
-              l(e.$slots, "closeText")
+            fn: t(() => [
+              n(e.$slots, "closeText")
             ]),
             key: "3"
           } : void 0,
           e.$slots.closeIcon ? {
             name: "closeIcon",
-            fn: s(() => [
-              l(e.$slots, "closeIcon")
+            fn: t(() => [
+              n(e.$slots, "closeIcon")
             ]),
             key: "4"
           } : void 0
@@ -92,21 +88,9 @@ const C = {
       /* CLASS, STYLE */
     ));
   }
-}), E = {
-  "--das-ui-alert-success-bd-color": "#DCFAE4",
-  "--das-ui-alert-success-bg-color": "#F2FFF5",
-  "--das-ui-alert-info-bg-color": "#F2F9FF",
-  "--das-ui-alert-info-bd-color": "#E0EFFF",
-  "--das-ui-alert-warning-bg-color": "#FFFBF2",
-  "--das-ui-alert-warning-bd-color": "#FFF1D4",
-  "--das-ui-alert-error-bg-color": "#FFF2F4",
-  "--das-ui-alert-error-bd-color": "#FFDBE0",
-  "--das-ui-alert-close-hover-color": "#87adff"
-};
-B(E);
-const L = () => t(null), N = A(D);
+}), z = () => o(null), j = g(A);
 export {
-  N as DasAlert,
-  L as DasAlertRef,
-  N as default
+  j as DasAlert,
+  z as DasAlertRef,
+  j as default
 };

package/packages/components/alert/style.css

@@ -1 +1 @@
-@keyframes dasMoveIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.das-ui-alert-container.leave-class{transition:min-height .3s cubic-bezier(.32,.94,.6,1),opacity .3s cubic-bezier(.32,.94,.6,1),margin .3s cubic-bezier(.32,.94,.6,1),height .3s cubic-bezier(.32,.94,.6,1),line-height .3s cubic-bezier(.32,.94,.6,1);min-height:0;margin:0!important;overflow:hidden;opacity:0}.das-ui-alert-container .das-ui-alert.ant-alert{padding:12px 20px;border-radius:4px;display:flex;align-items:center}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-icon{line-height:16px;height:16px;align-self:flex-start;display:flex;align-items:center;justify-content:center;margin-right:8px}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-close-icon{line-height:16px;align-self:flex-start;display:flex;align-items:center;justify-content:center;height:16px}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-close-icon:hover svg{fill:var(--das-ui-alert-close-hover-color)}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content{flex:1}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content .ant-alert-message,.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content .ant-alert-description{font-size:var(--das-ui-font-size-sm);color:var(--das-ui-color-normal);line-height:16px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description{padding:8px 20px 12px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-icon{line-height:19px;margin-right:8px;height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-close-icon{line-height:19px;height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-content .ant-alert-message{font-size:var(--das-ui-font-size-md);color:var(--das-ui-color-normal);line-height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-content .ant-alert-description{font-size:var(--das-ui-font-size-sm);color:var(--das-ui-color-normal);line-height:17px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-banner{border:1px solid;border-radius:4px;animation:dasMoveIn .3s cubic-bezier(.32,.94,.6,1) both}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-success{background-color:var(--das-ui-alert-success-bd-color);border-color:var(--das-ui-alert-success-bg-color)}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-info{background-color:var(--das-ui-alert-info-bd-color);border-color:var(--das-ui-alert-info-bg-color)}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-warning{background-color:var(--das-ui-alert-warning-bd-color);border-color:var(--das-ui-alert-warning-bg-color)}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-error{background-color:var(--das-ui-alert-error-bd-color);border-color:var(--das-ui-alert-error-bg-color)}
+@keyframes dasMoveIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.das-ui-alert-container.leave-class{transition:min-height .3s cubic-bezier(.32,.94,.6,1),opacity .3s cubic-bezier(.32,.94,.6,1),margin .3s cubic-bezier(.32,.94,.6,1),height .3s cubic-bezier(.32,.94,.6,1),line-height .3s cubic-bezier(.32,.94,.6,1);min-height:0;margin:0!important;overflow:hidden;opacity:0}.das-ui-alert-container .das-ui-alert.ant-alert{padding:12px 20px;border-radius:var(--upf-border-radius);display:flex;align-items:center}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-icon{line-height:16px;height:16px;align-self:flex-start;display:flex;align-items:center;justify-content:center;margin-right:8px}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-close-icon{line-height:16px;align-self:flex-start;display:flex;align-items:center;justify-content:center;height:16px}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-close-icon:hover svg{fill:var(--upf-color-primary)}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content{flex:1}.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content .ant-alert-message,.das-ui-alert-container .das-ui-alert.ant-alert .ant-alert-content .ant-alert-description{font-size:var(--das-ui-font-size-sm);color:var(--upf-text-primary);line-height:16px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description{padding:8px 20px 12px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-icon{line-height:19px;margin-right:8px;height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-close-icon{line-height:19px;height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-content .ant-alert-message{font-size:var(--das-ui-font-size-md);color:var(--upf-text-primary);line-height:19px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-with-description .ant-alert-content .ant-alert-description{font-size:var(--das-ui-font-size-sm);color:var(--upf-text-primary);line-height:17px}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-banner{border:1px solid;border-radius:var(--upf-border-radius);animation:dasMoveIn .3s cubic-bezier(.32,.94,.6,1) both}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-success{background-color:var(--upf-message-success-bg, var(--upf-bg-primary));border-color:var(--upf-message-success-border, var(--upf-border-color))}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-info{background-color:var(--upf-message-info-bg, var(--upf-color-primary-bg));border-color:var(--upf-message-info-border, var(--upf-border-color))}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-warning{background-color:var(--upf-message-warning-bg, var(--upf-bg-primary));border-color:var(--upf-message-warning-border, var(--upf-border-color))}.das-ui-alert-container .das-ui-alert.ant-alert.ant-alert-error{background-color:var(--upf-message-error-bg, var(--upf-bg-primary));border-color:var(--upf-message-error-border, var(--upf-border-color))}

package/packages/components/audio-video/index.d.ts

@@ -61,14 +61,14 @@ declare const DasAudioVideoPlayerRef: () => import("vue").Ref<import("vue").Crea
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (value: boolean) => any;
 } & {
     mounted: (e: any) => any;
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, import("vue").PublicProps, {
     type: "video" | "audio";
     visible: boolean;
@@ -84,8 +84,8 @@ declare const DasAudioVideoPlayerRef: () => import("vue").Ref<import("vue").Crea
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, {
     type: "video" | "audio";
     visible: boolean;
@@ -94,14 +94,14 @@ declare const DasAudioVideoPlayerRef: () => import("vue").Ref<import("vue").Crea
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:visible": (value: boolean) => any;
 } & {
     mounted: (e: any) => any;
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, import("vue").PublicProps, {
     type: "video" | "audio";
     visible: boolean;
@@ -117,8 +117,8 @@ declare const DasAudioVideoPlayerRef: () => import("vue").Ref<import("vue").Crea
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, {
     type: "video" | "audio";
     visible: boolean;
@@ -143,14 +143,14 @@ declare const DasAudioVideoPlayer: import("@das-fed/upf-utils").SFCWithInstall<i
     "update:visible": (value: boolean) => any;
 } & {
     mounted: (e: any) => any;
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<import("./src/player/type.js").Props & {
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     type: "video" | "audio";
     visible: boolean;

package/packages/components/audio-video/src/player/index.vue.d.ts

@@ -5,14 +5,14 @@ declare const _default: import("vue").DefineComponent<Props & {
     "update:visible": (value: boolean) => any;
 } & {
     mounted: (e: any) => any;
-    "visible-change": (val: boolean) => any;
     "update:visible": (val: boolean) => any;
+    "visible-change": (val: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<Props & {
     visible?: boolean;
 }> & Readonly<{
     onMounted?: ((e: any) => any) | undefined;
-    "onVisible-change"?: ((val: boolean) => any) | undefined;
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onVisible-change"?: ((val: boolean) => any) | undefined;
 }>, {
     type: "video" | "audio";
     visible: boolean;

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

@@ -22,8 +22,8 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
         readonly onChange?: ((val: string) => any) | undefined;
         readonly onInput?: ((val: string) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        readonly "onUpdate:path"?: ((val: any) => any) | undefined;
         readonly "onNode-click"?: ((val: any) => any) | undefined;
+        readonly "onUpdate:path"?: ((val: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -37,20 +37,20 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "change", val: string) => void) & ((event: "input", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:path", val: any) => void) & ((event: "node-click", val: any) => void);
+    $emit: ((event: "change", val: string) => void) & ((event: "input", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "node-click", val: any) => void) & ((event: "update:path", val: any) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
         onChange?: ((val: string) => any) | undefined;
         onInput?: ((val: string) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:path"?: ((val: any) => any) | undefined;
         "onNode-click"?: ((val: any) => any) | undefined;
+        "onUpdate:path"?: ((val: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: string) => any;
         input: (val: string) => any;
         "update:modelValue": (val: string) => any;
-        "update:path": (val: any) => any;
         "node-click": (val: any) => any;
+        "update:path": (val: any) => any;
     }, string, {
         size: "default" | "table";
         options: any[];
@@ -58,12 +58,12 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
         width: number | string;
         offset: number;
         modelValue: string;
+        isView: boolean;
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        maxCount: number;
         popperOptions: Record<string, any>;
-        isView: boolean;
         showFullPath: boolean;
         fieldNames: import("./src/type.js").FieldNamesOptions & any;
-        maxCount: number;
         treeOptions: any;
         showInputDom: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -93,21 +93,21 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
     width: number | string;
     offset: number;
     modelValue: string;
+    isView: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    maxCount: number;
     popperOptions: Record<string, any>;
-    isView: boolean;
     showFullPath: boolean;
     fieldNames: import("./src/type.js").FieldNamesOptions & any;
-    maxCount: number;
     treeOptions: any;
     showInputDom: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onChange?: ((val: string) => any) | undefined;
     onInput?: ((val: string) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onUpdate:path"?: ((val: any) => any) | undefined;
     "onNode-click"?: ((val: any) => any) | undefined;
-}>, "size" | "options" | "mode" | "width" | "offset" | "modelValue" | "placement" | "popperOptions" | "isView" | "showFullPath" | "fieldNames" | "maxCount" | "treeOptions" | "showInputDom"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    "onUpdate:path"?: ((val: any) => any) | undefined;
+}>, "size" | "options" | "mode" | "width" | "offset" | "modelValue" | "isView" | "placement" | "maxCount" | "popperOptions" | "showFullPath" | "fieldNames" | "treeOptions" | "showInputDom"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         [x: string]: ((props: {}) => any) | undefined;
         [x: number]: ((props: {}) => any) | undefined;
@@ -135,8 +135,8 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
         readonly onChange?: ((val: string) => any) | undefined;
         readonly onInput?: ((val: string) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        readonly "onUpdate:path"?: ((val: any) => any) | undefined;
         readonly "onNode-click"?: ((val: any) => any) | undefined;
+        readonly "onUpdate:path"?: ((val: any) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     $attrs: {
         [x: string]: unknown;
@@ -150,20 +150,20 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
     $root: import("vue").ComponentPublicInstance | null;
     $parent: import("vue").ComponentPublicInstance | null;
     $host: Element | null;
-    $emit: ((event: "change", val: string) => void) & ((event: "input", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "update:path", val: any) => void) & ((event: "node-click", val: any) => void);
+    $emit: ((event: "change", val: string) => void) & ((event: "input", val: string) => void) & ((event: "update:modelValue", val: string) => void) & ((event: "node-click", val: any) => void) & ((event: "update:path", val: any) => void);
     $el: any;
     $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
         onChange?: ((val: string) => any) | undefined;
         onInput?: ((val: string) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:path"?: ((val: any) => any) | undefined;
         "onNode-click"?: ((val: any) => any) | undefined;
+        "onUpdate:path"?: ((val: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: string) => any;
         input: (val: string) => any;
         "update:modelValue": (val: string) => any;
-        "update:path": (val: any) => any;
         "node-click": (val: any) => any;
+        "update:path": (val: any) => any;
     }, string, {
         size: "default" | "table";
         options: any[];
@@ -171,12 +171,12 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
         width: number | string;
         offset: number;
         modelValue: string;
+        isView: boolean;
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        maxCount: number;
         popperOptions: Record<string, any>;
-        isView: boolean;
         showFullPath: boolean;
         fieldNames: import("./src/type.js").FieldNamesOptions & any;
-        maxCount: number;
         treeOptions: any;
         showInputDom: boolean;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
@@ -206,21 +206,21 @@ declare const DasAutocompleteRef: () => import("vue").Ref<({
     width: number | string;
     offset: number;
     modelValue: string;
+    isView: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    maxCount: number;
     popperOptions: Record<string, any>;
-    isView: boolean;
     showFullPath: boolean;
     fieldNames: import("./src/type.js").FieldNamesOptions & any;
-    maxCount: number;
     treeOptions: any;
     showInputDom: boolean;
 }> & Omit<Readonly<import("./src/type.js").Props> & Readonly<{
     onChange?: ((val: string) => any) | undefined;
     onInput?: ((val: string) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onUpdate:path"?: ((val: any) => any) | undefined;
     "onNode-click"?: ((val: any) => any) | undefined;
-}>, "size" | "options" | "mode" | "width" | "offset" | "modelValue" | "placement" | "popperOptions" | "isView" | "showFullPath" | "fieldNames" | "maxCount" | "treeOptions" | "showInputDom"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    "onUpdate:path"?: ((val: any) => any) | undefined;
+}>, "size" | "options" | "mode" | "width" | "offset" | "modelValue" | "isView" | "placement" | "maxCount" | "popperOptions" | "showFullPath" | "fieldNames" | "treeOptions" | "showInputDom"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         [x: string]: ((props: {}) => any) | undefined;
         [x: number]: ((props: {}) => any) | undefined;
@@ -231,14 +231,14 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
         onChange?: ((val: string) => any) | undefined;
         onInput?: ((val: string) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:path"?: ((val: any) => any) | undefined;
         "onNode-click"?: ((val: any) => any) | undefined;
+        "onUpdate:path"?: ((val: any) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: string) => any;
         input: (val: string) => any;
         "update:modelValue": (val: string) => any;
-        "update:path": (val: any) => any;
         "node-click": (val: any) => any;
+        "update:path": (val: any) => any;
     }, import("vue").PublicProps, {
         size: "default" | "table";
         options: any[];
@@ -246,12 +246,12 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
         width: number | string;
         offset: number;
         modelValue: string;
+        isView: boolean;
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        maxCount: number;
         popperOptions: Record<string, any>;
-        isView: boolean;
         showFullPath: boolean;
         fieldNames: import("./src/type.js").FieldNamesOptions & any;
-        maxCount: number;
         treeOptions: any;
         showInputDom: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -265,8 +265,8 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
         onChange?: ((val: string) => any) | undefined;
         onInput?: ((val: string) => any) | undefined;
         "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-        "onUpdate:path"?: ((val: any) => any) | undefined;
         "onNode-click"?: ((val: any) => any) | undefined;
+        "onUpdate:path"?: ((val: any) => any) | undefined;
     }>, {}, {}, {}, {}, {
         size: "default" | "table";
         options: any[];
@@ -274,12 +274,12 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
         width: number | string;
         offset: number;
         modelValue: string;
+        isView: boolean;
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+        maxCount: number;
         popperOptions: Record<string, any>;
-        isView: boolean;
         showFullPath: boolean;
         fieldNames: import("./src/type.js").FieldNamesOptions & any;
-        maxCount: number;
         treeOptions: any;
         showInputDom: boolean;
     }>;
@@ -290,14 +290,14 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
     onChange?: ((val: string) => any) | undefined;
     onInput?: ((val: string) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onUpdate:path"?: ((val: any) => any) | undefined;
     "onNode-click"?: ((val: any) => any) | undefined;
+    "onUpdate:path"?: ((val: any) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (val: string) => any;
     input: (val: string) => any;
     "update:modelValue": (val: string) => any;
-    "update:path": (val: any) => any;
     "node-click": (val: any) => any;
+    "update:path": (val: any) => any;
 }, string, {
     size: "default" | "table";
     options: any[];
@@ -305,12 +305,12 @@ declare const DasAutocomplete: import("@das-fed/upf-utils").SFCWithInstall<{
     width: number | string;
     offset: number;
     modelValue: string;
+    isView: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    maxCount: number;
     popperOptions: Record<string, any>;
-    isView: boolean;
     showFullPath: boolean;
     fieldNames: import("./src/type.js").FieldNamesOptions & any;
-    maxCount: number;
     treeOptions: any;
     showInputDom: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/packages/components/autocomplete/index.js

@@ -8,6 +8,7 @@ import { DasInput as We } from "@das-fed/upf-ui/packages/components/input/index"
 import { vDasTooltip as be } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { vOverlay as Ke } from "@das-fed/upf-ui/packages/components/overlay/index";
 import { DasTree as qe } from "@das-fed/upf-ui/packages/components/tree/index";
+import "@das-fed/upf-ui/packages/components/virtual-tree/index";
 import { useModelValue as Q } from "@das-fed/upf-utils/vue";
 import "@das-fed/upf-ui/packages/global/theme";
 function Ye() {
@@ -811,7 +812,8 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
         });
       }), i("update:modelValue", n), i("input", n);
     }, d = (n) => {
-      n = n.replace(/^\s+|\s+$/g, ""), i("change", n);
+      const o = String(n).replace(/^\s+|\s+$/g, "");
+      i("change", o);
     }, A = () => {
       z.value = "", N.value = a(), setTimeout(() => {
         _.value = !0;
@@ -1021,9 +1023,9 @@ const St = ["onClick"], zt = { style: { display: "inline-block" } }, It = {
   for (const [s, r] of t)
     i[s] = r;
   return i;
-}, kt = /* @__PURE__ */ $t(_t, [["__scopeId", "data-v-9c5961bf"]]), Lt = () => x(null), Dt = je(kt);
+}, kt = /* @__PURE__ */ $t(_t, [["__scopeId", "data-v-181754c4"]]), Dt = () => x(null), Ht = je(kt);
 export {
-  Dt as DasAutocomplete,
-  Lt as DasAutocompleteRef,
-  Dt as default
+  Ht as DasAutocomplete,
+  Dt as DasAutocompleteRef,
+  Ht as default
 };

package/packages/components/autocomplete/src/index.vue.d.ts

@@ -8,14 +8,14 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     change: (val: string) => any;
     input: (val: string) => any;
     "update:modelValue": (val: string) => any;
-    "update:path": (val: any) => any;
     "node-click": (val: any) => any;
+    "update:path": (val: any) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     onChange?: ((val: string) => any) | undefined;
     onInput?: ((val: string) => any) | undefined;
     "onUpdate:modelValue"?: ((val: string) => any) | undefined;
-    "onUpdate:path"?: ((val: any) => any) | undefined;
     "onNode-click"?: ((val: any) => any) | undefined;
+    "onUpdate:path"?: ((val: any) => any) | undefined;
 }>, {
     size: "default" | "table";
     options: any[];
@@ -23,12 +23,12 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     width: number | string;
     offset: number;
     modelValue: string;
+    isView: boolean;
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end";
+    maxCount: number;
     popperOptions: Record<string, any>;
-    isView: boolean;
     showFullPath: boolean;
     fieldNames: import("./type").FieldNamesOptions & any;
-    maxCount: number;
     treeOptions: any;
     showInputDom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/packages/components/autocomplete/style.css

@@ -1 +1 @@
-.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.el-popover.el-popper.autocomplete-popover .das-ui-text-context,.el-popover.el-popper.autocomplete-popover .tree-normal-node{font-size:14px!important}.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.autocomplete-popover .autocomplete-select-box[data-v-9c5961bf]{margin:-4px -12px}.autocomplete-popover .autocomplete-select-box .virtual-list[data-v-9c5961bf]{height:100%}.autocomplete-popover .autocomplete-select-box .select-label[data-v-9c5961bf]{height:32px;padding:0 12px;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;color:#000000d9;font-size:14px}.autocomplete-popover .autocomplete-select-box .select-label[data-v-9c5961bf]:hover{background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label[data-v-9c5961bf]:hover:not(.is-disabled){background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label.is-active[data-v-9c5961bf]:not(.is-disabled),.autocomplete-popover .autocomplete-select-box .select-label.is-current[data-v-9c5961bf]:not(.is-disabled){background-color:#e3ebff}.autocomplete-popover .autocomplete-select-box .select-label.is-active:not(.is-disabled) .das-ui-text-context[data-v-9c5961bf],.autocomplete-popover .autocomplete-select-box .select-label.is-current:not(.is-disabled) .das-ui-text-context[data-v-9c5961bf]{color:#5582f3}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled[data-v-9c5961bf]{cursor:not-allowed}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled .das-ui-text-context[data-v-9c5961bf]{color:#b2b2b2!important}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-9c5961bf]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-9c5961bf]:hover{background-color:#f2f6ff}
+.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.el-popover.el-popper.autocomplete-popover .das-ui-text-context,.el-popover.el-popper.autocomplete-popover .tree-normal-node{font-size:14px!important}.el-popover.el-popper.autocomplete-popover{min-width:unset!important}.autocomplete-popover .autocomplete-select-box[data-v-181754c4]{margin:-4px -12px}.autocomplete-popover .autocomplete-select-box .virtual-list[data-v-181754c4]{height:100%}.autocomplete-popover .autocomplete-select-box .select-label[data-v-181754c4]{height:32px;padding:0 12px;display:flex;align-items:center;box-sizing:border-box;cursor:pointer;color:#000000d9;font-size:14px}.autocomplete-popover .autocomplete-select-box .select-label[data-v-181754c4]:hover{background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label[data-v-181754c4]:hover:not(.is-disabled){background-color:#f5f5f5}.autocomplete-popover .autocomplete-select-box .select-label.is-active[data-v-181754c4]:not(.is-disabled),.autocomplete-popover .autocomplete-select-box .select-label.is-current[data-v-181754c4]:not(.is-disabled){background-color:#e3ebff}.autocomplete-popover .autocomplete-select-box .select-label.is-active:not(.is-disabled) .das-ui-text-context[data-v-181754c4],.autocomplete-popover .autocomplete-select-box .select-label.is-current:not(.is-disabled) .das-ui-text-context[data-v-181754c4]{color:#5582f3}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled[data-v-181754c4]{cursor:not-allowed}.autocomplete-popover .autocomplete-select-box .select-label.is-disabled .das-ui-text-context[data-v-181754c4]{color:#b2b2b2!important}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-181754c4]{background-color:#f2f6ff;color:#276ff5}.autocomplete-popover .autocomplete-select-box .current-select-label[data-v-181754c4]:hover{background-color:#f2f6ff}