@das-fed/ui 6.4.0-hot.56 → 6.4.0-hot.57

package/packages/components/hls-player/src/das-hls-player.vue.d.ts

@@ -1,13 +1,47 @@
 import type { Props } from './type';
-declare const _default: import("vue").DefineComponent<Props, {
+declare const fit: import("vue").Ref<"fill" | "none" | "contain" | "cover" | "scale-down" | undefined, "fill" | "none" | "contain" | "cover" | "scale-down" | undefined>, loadingText: string | import("vue").Ref<string | undefined, string | undefined>, error: boolean | import("vue").Ref<boolean, boolean>, errorText: string | import("vue").Ref<string | undefined, string | undefined>;
+declare const playLoading: import("vue").Ref<any, any>;
+declare const videoUrl: import("vue").ComputedRef<string>;
+declare const video: import("vue").Ref<any, any>;
+declare const loadingSpinner: import("vue").Ref<string, string>;
+declare const loadingBackground: import("vue").Ref<string, string>;
+declare const handleErrorClick: () => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    error?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<Props, {
+    fit: typeof fit;
+    loadingText: typeof loadingText;
+    error: typeof error;
+    errorText: typeof errorText;
+    playLoading: typeof playLoading;
+    videoUrl: typeof videoUrl;
+    video: typeof video;
+    loadingSpinner: typeof loadingSpinner;
+    loadingBackground: typeof loadingBackground;
+    handleErrorClick: typeof handleErrorClick;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    loaded: (player: any) => any;
+    errorClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onLoaded?: ((player: any) => any) | undefined;
+    onErrorClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<Props, {
     video: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    error: (error: unknown) => any;
     loaded: (player: any) => any;
     errorClick: () => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onError?: ((error: unknown) => any) | undefined;
     onLoaded?: ((player: any) => any) | undefined;
     onErrorClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/hls-player/src/type.d.ts

@@ -30,7 +30,4 @@ export interface Emits {
 
   
   (e: 'errorClick'): void
-
-  
-  (e: 'error', error: unknown): void
 }

package/packages/components/hls-player/style.css

@@ -1 +1 @@
-@charset "UTF-8";.test-video-dialog[data-v-0df9b6ba]{width:100%;height:100%;display:flex;flex-direction:column}.das-hls-player[data-v-0df9b6ba]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-hls-player .video[data-v-0df9b6ba]{width:100%;height:100%;object-fit:fill;background:red}.das-hls-player .error[data-v-0df9b6ba]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--42a695fa)}.das-hls-player .landscape[data-v-0df9b6ba]{transform:rotate(90deg)!important;transform-origin:left top;width:100vh;height:100vw;overflow:hidden;position:fixed;top:0;left:0}.das-hls-player .player[data-v-0df9b6ba]{position:relative;width:100%;height:100%;object-fit:fill;background:#fff;z-index:0}.das-hls-player .fake-gif[data-v-0df9b6ba]{position:absolute;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center}.das-hls-player .fake-gif.native[data-v-0df9b6ba]{pointer-events:none}.das-hls-player .fake-gif .preview-img[data-v-0df9b6ba]{width:172px;height:48px}.das-hls-player .fake-gif .player-btn[data-v-0df9b6ba]{width:56px;height:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:2}video[data-v-0df9b6ba]{width:100%;height:auto;max-height:100vh}.error-message[data-v-0df9b6ba]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#000000b3;padding:1rem;border-radius:4px}video[data-v-0df9b6ba]::-webkit-media-controls-fullscreen-button{display:none!important}video[data-v-0df9b6ba]::-webkit-media-controls{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-enclosure{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-panel{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-play-button{display:none!important}video[data-v-0df9b6ba]::-webkit-media-controls-play-button{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-timeline{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-current-time-display{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-time-remaining-display{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-mute-button{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-volume-slider{display:none!important}.player[data-v-0df9b6ba]::-webkit-media-controls-fullscreen-button{display:none!important}.no-controls[data-v-0df9b6ba]::-webkit-media-controls{display:none!important}.no-controls[data-v-0df9b6ba]::-webkit-media-controls-enclosure{display:none!important}
+.das-hls-player[data-v-e9fc879c]{height:100%;width:100%;min-width:10px;min-height:10px;position:relative}.das-hls-player .video[data-v-e9fc879c]{width:100%;height:100%;object-fit:fill;background:#000}.das-hls-player .error[data-v-e9fc879c]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#409eff;font-size:12px;cursor:pointer;background:var(--64905d4c)}.das-hls-player .landscape[data-v-e9fc879c]{transform:rotate(90deg)!important;transform-origin:left top;width:100vh;height:100vw;overflow:hidden;position:fixed;top:0;left:0}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-panel{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-play-button{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-timeline{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-current-time-display{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-time-remaining-display{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-mute-button{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-volume-slider{display:none!important}.das-hls-player .player[data-v-e9fc879c]::-webkit-media-controls-fullscreen-button{display:none!important}.das-hls-player .no-controls[data-v-e9fc879c]::-webkit-media-controls{display:none!important}.das-hls-player .no-controls[data-v-e9fc879c]::-webkit-media-controls-enclosure{display:none!important}.das-hls-player .player[data-v-e9fc879c]{position:relative;width:100%;height:100%;object-fit:fill;background:#000}

package/packages/components/menu-header/index.d.ts

@@ -8,6 +8,8 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         menus: {
             code: string;
             name: string;
+            closable?: boolean;
+            [key: string]: any;
         }[];
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -23,6 +25,8 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         menus: {
             code: string;
             name: string;
+            closable?: boolean;
+            [key: string]: any;
         }[];
     }>;
     __isFragment?: never;
@@ -37,6 +41,8 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
     menus: {
         code: string;
         name: string;
+        closable?: boolean;
+        [key: string]: any;
     }[];
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/packages/components/menu-header/index.js

@@ -1,6 +1,6 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
 import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, createElementBlock as n, openBlock as l, normalizeStyle as g, normalizeClass as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, Fragment as j, renderList as _, createBlock as D, withDirectives as E, createTextVNode as H, toDisplayString as T, createElementVNode as F, renderSlot as i } from "vue";
+import { computed as h, defineComponent as y, createElementBlock as n, openBlock as l, normalizeStyle as g, normalizeClass as v, createVNode as p, unref as s, mergeProps as k, withCtx as u, Fragment as j, renderList as _, createBlock as D, withDirectives as E, createTextVNode as H, toDisplayString as T, createElementVNode as c, renderSlot as F } from "vue";
 import { Tabs as x, TabPane as B } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
@@ -13,7 +13,7 @@ const w = (e, m) => ({
     let o;
     return e.height && (o = $(e.height)), o;
   })
-}), c = {
+}), i = {
   "--das-ui-layout-header-menu-border-color": {
     kjl: "3C81E0",
     cjb: "#D9D9D9",
@@ -73,9 +73,9 @@ const w = (e, m) => ({
   setup(e, { emit: m }) {
     const a = e, { realHeight: o } = w(a), f = h(() => {
       const t = {};
-      return a.theme === "default" || Object.keys(c).forEach((d) => {
+      return a.theme === "default" || Object.keys(i).forEach((d) => {
         var r;
-        t[d] = ((r = c[d]) == null ? void 0 : r[a.theme]) ?? void 0;
+        t[d] = ((r = i[d]) == null ? void 0 : r[a.theme]) ?? void 0;
       }), t;
     });
     return (t, d) => (l(), n(
@@ -92,42 +92,37 @@ const w = (e, m) => ({
           hideAdd: !0
         }), {
           leftExtra: u(() => [
-            F("div", N, [
-              i(t.$slots, "header-left")
+            c("div", N, [
+              F(t.$slots, "header-left")
             ])
           ]),
           rightExtra: u(() => [
-            F("div", V, [
-              i(t.$slots, "header-right")
+            c("div", V, [
+              F(t.$slots, "header-right")
             ])
           ]),
           default: u(() => [
             (l(!0), n(
               j,
               null,
-              _(t.menus, (r) => (l(), D(
-                s(B),
-                {
-                  key: r.code
-                },
-                {
-                  tab: u(() => [
-                    E((l(), n("div", M, [
-                      H(
-                        T(r.name),
-                        1
-                        /* TEXT */
-                      )
-                    ])), [
-                      [s(C)]
-                    ])
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                },
-                1024
-                /* DYNAMIC_SLOTS */
-              ))),
+              _(t.menus, (r) => (l(), D(s(B), {
+                key: r.code,
+                closable: r.closable
+              }, {
+                tab: u(() => [
+                  E((l(), n("div", M, [
+                    H(
+                      T(r.name),
+                      1
+                      /* TEXT */
+                    )
+                  ])), [
+                    [s(C)]
+                  ])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["closable"]))),
               128
               /* KEYED_FRAGMENT */
             ))

package/packages/components/menu-header/src/Index.vue.d.ts

@@ -9,6 +9,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     menus: {
         code: string;
         name: string;
+        closable?: boolean;
+        [key: string]: any;
     }[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     'header-left'?: ((props: {}) => any) | undefined;

package/packages/components/menu-header/src/type.d.ts

@@ -1,7 +1,12 @@
 export interface Props {
   theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
   height?: string | number
-  menus: { code: string; name: string }[]
+  menus: {
+    code: string
+    name: string
+    closable?: boolean
+    [key: string]: any
+  }[]
 }
 
 export interface Emits {

package/packages/components/menu-header/style.css

@@ -1 +1 @@
-.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}
+.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-with-remove) .ant-tabs-tab-btn{padding-right:12px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}

package/packages/components/select-list/index.d.ts

@@ -3,22 +3,22 @@ import '@das-fed/ui/packages/global/style';
 declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
-        onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
-        "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
         "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+        "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
+        onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
     }>, {
         infiniteLoad: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         "update:modelValue": (value: import("./src/type.js").ItemProps[]) => any;
-        sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
-        "item-remove": (value: import("./src/type.js").ItemProps) => any;
         "update:selectdValue": (value: string | number) => any;
         "select-item": (value: import("./src/type.js").ItemProps) => any;
+        "item-remove": (value: import("./src/type.js").ItemProps) => any;
         "remove-all": (value: import("./src/type.js").ItemProps[]) => any;
         "update:infiniteDisabled": (value: boolean) => any;
+        sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
     }, import("vue").PublicProps, {
         props: any;
         height: string;
@@ -29,7 +29,7 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         selectdValue: string | number;
         valueKey: string;
         labelKey: string;
-        closeable: boolean;
+        closeable: boolean | ((item: import("./src/type.js").ItemProps) => boolean);
         customTitle: string;
         itemHeight: number;
         infiniteDisabled: boolean;
@@ -42,12 +42,12 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("./src/type.js").Props> & Readonly<{
         "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
-        onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
-        "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
         "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+        "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
         "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
         "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
+        onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
     }>, {
         infiniteLoad: () => void;
     }, {}, {}, {}, {
@@ -60,7 +60,7 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
         selectdValue: string | number;
         valueKey: string;
         labelKey: string;
-        closeable: boolean;
+        closeable: boolean | ((item: import("./src/type.js").ItemProps) => boolean);
         customTitle: string;
         itemHeight: number;
         infiniteDisabled: boolean;
@@ -70,22 +70,22 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
-    onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
-    "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
     "onUpdate:selectdValue"?: ((value: string | number) => any) | undefined;
     "onSelect-item"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
+    "onItem-remove"?: ((value: import("./src/type.js").ItemProps) => any) | undefined;
     "onRemove-all"?: ((value: import("./src/type.js").ItemProps[]) => any) | undefined;
     "onUpdate:infiniteDisabled"?: ((value: boolean) => any) | undefined;
+    onSortEnd?: ((oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any) | undefined;
 }>, {
     infiniteLoad: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("./src/type.js").ItemProps[]) => any;
-    sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
-    "item-remove": (value: import("./src/type.js").ItemProps) => any;
     "update:selectdValue": (value: string | number) => any;
     "select-item": (value: import("./src/type.js").ItemProps) => any;
+    "item-remove": (value: import("./src/type.js").ItemProps) => any;
     "remove-all": (value: import("./src/type.js").ItemProps[]) => any;
     "update:infiniteDisabled": (value: boolean) => any;
+    sortEnd: (oldData: any[], newData: any[], oldIndex: number, newIndex: number) => any;
 }, string, {
     props: any;
     height: string;
@@ -96,7 +96,7 @@ declare const DasSelectList: import("@das-fed/utils").SFCWithInstall<{
     selectdValue: string | number;
     valueKey: string;
     labelKey: string;
-    closeable: boolean;
+    closeable: boolean | ((item: import("./src/type.js").ItemProps) => boolean);
     customTitle: string;
     itemHeight: number;
     infiniteDisabled: boolean;