@das-fed/upf-ui 6.4.0-dev.124

package/packages/components/color-picker/index.d.ts

@@ -0,0 +1,91 @@
+/** 获取组件实例 */
+declare const DasColorPickerRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, import("vue").PublicProps, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, import("vue").PublicProps, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}> | null>;
+declare const DasColorPicker: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export { DasColorPicker, DasColorPickerRef };
+export default DasColorPicker;

package/packages/components/color-picker/index.js

@@ -0,0 +1,200 @@
+import '@das-fed/upf-ui/packages/components/color-picker/style.css';
+import { defineComponent as x, computed as I, ref as y, createElementBlock as V, openBlock as c, createVNode as k, createCommentVNode as w, unref as e, mergeProps as N, isRef as z, withCtx as f, createBlock as v, createElementVNode as P, Fragment as O, renderList as $, normalizeStyle as H, normalizeClass as C, toDisplayString as F } from "vue";
+import { withInstall as A } from "@das-fed/upf-utils/with-install/index";
+import { currentLang as L, t as R, setI18nRule as M } from "@das-fed/upf-web/packages/i18n/index";
+import { DasDropdown as U, DasDropdownMenu as j } from "@das-fed/upf-ui/packages/components/dropdown/index";
+import { DasAutoRegisterIcon as q, DasIcon as G } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasInput as J } from "@das-fed/upf-ui/packages/components/input/index";
+import { ElConfigProvider as K, ElColorPicker as Q } from "element-plus";
+import "element-plus/es/components/color-picker/style/css";
+import { useModelValue as g } from "@das-fed/upf-utils/vue";
+import W from "element-plus/dist/locale/zh-cn.mjs";
+import X from "element-plus/dist/locale/en.mjs";
+import { setThemeRule as Y } from "@das-fed/upf-web/packages/theme/index";
+const Z = (s, d) => {
+  const l = g(s, "modelValue"), u = g(s, "options");
+  let p = g(s, "modelValue");
+  return { innerValue: l, inputChangeHandler: (i) => {
+    p.value = i, d("update:modelValue", i), d("change", i);
+  }, inputInputHandler: (i) => {
+    p.value = i, d("update:modelValue", i), d("dasInput", i), d("change", i);
+  }, colorOption: u, colorPickerValue: p };
+}, ee = {
+  class: "das-ui-color-picker",
+  style: { width: "100%" }
+}, oe = { class: "color-predefine-content" }, le = ["onClick"], ae = /* @__PURE__ */ x({
+  __name: "Index",
+  props: {
+    modelValue: { default: "" },
+    options: { default: () => ({
+      size: "mini",
+      popperClass: "",
+      mode: "default",
+      isView: !1,
+      placement: "bottom-end"
+    }) },
+    disabled: { type: Boolean, default: !1 },
+    isView: { type: Boolean, default: !1 },
+    borderType: { default: "bottom" },
+    placeholder: { default: "" },
+    noSetDefaultVal: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "dasInput"],
+  setup(s, { emit: d }) {
+    const l = s, u = d;
+    q({
+      fold: import("@das-fed/upf-ui/packages/icons/fold"),
+      close2: import("@das-fed/upf-ui/packages/icons/close-2")
+    });
+    const p = I(() => L.value === "zh-CN" ? W : X), _ = I(() => l.placeholder || R("请输入")), { innerValue: a, inputChangeHandler: i, inputInputHandler: S, colorOption: o, colorPickerValue: h } = Z(l, u), b = y(), m = y(!1), B = (t) => {
+      var n, r;
+      u("change", t), a.value = t, (r = (n = b.value) == null ? void 0 : n.getElRef()) == null || r.handleClose(), m.value = !1;
+    }, D = () => {
+      var t, n;
+      o.value.mode != "default" && ((n = (t = b.value) == null ? void 0 : t.getElRef()) == null || n.handleOpen(), m.value = !0);
+    }, E = (t) => {
+      m.value = t;
+    };
+    return (t, n) => (c(), V("div", ee, [
+      k(e(J), N({
+        class: ["das-color-picker-input", [
+          `das-color-picker-${e(o).size}`,
+          { "das-empty-color": !e(a) },
+          { "das-predefine-cell": e(o).mode == "predefine" && (!e(o).isView || !l.isView) },
+          { "das-predefine-view-cell": e(o).mode == "predefine" && (e(o).isView || l.isView) },
+          { "das-both-view-cell": e(o).isView || l.isView },
+          { "focus-predefine-view-cell": e(o).mode == "predefine" && m.value }
+        ]],
+        modelValue: e(a),
+        "onUpdate:modelValue": n[1] || (n[1] = (r) => z(a) ? a.value = r : null)
+      }, t.$attrs, {
+        isView: e(o).mode == "predefine" ? !0 : e(o).isView || l.isView,
+        disabled: e(o).disabled || l.disabled,
+        append: "",
+        onClick: D,
+        onInput: e(S),
+        borderType: l.borderType,
+        placeholder: _.value,
+        noSetDefaultVal: e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled || l.noSetDefaultVal && (e(o).isView || l.isView) && !e(a)
+      }), {
+        append: f(() => [
+          e(o).mode == "default" ? (c(), v(e(K), {
+            key: 0,
+            locale: p.value
+          }, {
+            default: f(() => [
+              !e(o).isView && !l.isView || e(a) ? (c(), v(e(Q), {
+                key: 0,
+                locale: p.value,
+                placement: e(o).placement,
+                modelValue: e(h),
+                "onUpdate:modelValue": n[0] || (n[0] = (r) => z(h) ? h.value = r : null),
+                size: e(o).size,
+                "show-alpha": e(o).showAlpha,
+                "color-format": e(o).colorFormat,
+                "popper-class": `das-color-picker-popper ${e(o).popperClass}`,
+                predefine: e(o).predefine,
+                disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
+                onChange: e(i)
+              }, null, 8, ["locale", "placement", "modelValue", "size", "show-alpha", "color-format", "popper-class", "predefine", "disabled", "onChange"])) : w("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["locale"])) : w("v-if", !0),
+          e(o).mode == "predefine" ? (c(), v(e(U), {
+            key: 1,
+            disabled: e(o).disabled || l.disabled || e(o).isView || l.isView,
+            ref_key: "predefineDrown",
+            ref: b,
+            trigger: "click",
+            placement: "bottom-end",
+            selfPopperClass: "color-predefine-dropdown",
+            "hide-on-click": !1,
+            onVisibleChange: E
+          }, {
+            content: f(() => [
+              P(
+                "span",
+                {
+                  class: C([
+                    "color-predefine-icon",
+                    e(o).size,
+                    e(a) && e(a) != "-",
+                    { "view-prefine-icon": e(o).disabled || l.disabled || e(o).isView || l.isView }
+                  ]),
+                  style: H("background-color:" + e(a))
+                },
+                [
+                  k(e(G), {
+                    icon: e(a) && e(a) != "-" ? "fold" : "close2",
+                    customSize: "6px",
+                    iconColor: e(a) && e(a) != "-" ? "#fff" : "#909399"
+                  }, null, 8, ["icon", "iconColor"])
+                ],
+                6
+                /* CLASS, STYLE */
+              )
+            ]),
+            default: f(() => [
+              k(e(j), null, {
+                default: f(() => [
+                  P("div", oe, [
+                    (c(!0), V(
+                      O,
+                      null,
+                      $(e(o).predefine, (r, T) => (c(), V("div", {
+                        class: C(["color-predefine-span", { active: e(a) == r }]),
+                        key: T,
+                        style: H("background-color:" + r),
+                        onClick: (te) => B(r)
+                      }, null, 14, le))),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled"])) : w("v-if", !0)
+        ]),
+        _: 1
+        /* STABLE */
+      }, 16, ["class", "modelValue", "isView", "disabled", "onInput", "borderType", "placeholder", "noSetDefaultVal"]),
+      e(o).mode == "predefine" && !e(o).isView && !l.isView && !e(o).disabled && !l.disabled && !e(a) ? (c(), V(
+        "span",
+        {
+          key: 0,
+          class: C(["predefine-placeholder", { "padding-l": l.borderType == "bordered" }]),
+          onClick: D
+        },
+        F(e(R)("请选择")),
+        3
+        /* TEXT, CLASS */
+      )) : w("v-if", !0)
+    ]));
+  }
+}), ie = (s, d) => {
+  const l = s.__vccOpts || s;
+  for (const [u, p] of d)
+    l[u] = p;
+  return l;
+}, ne = /* @__PURE__ */ ie(ae, [["__scopeId", "data-v-d3b2d8e6"]]), re = {
+  "--demo-alert-bg": {
+    light: "#fff",
+    dark: "rgba(255,255,255,.2)"
+  },
+  "--das-ui-color-picker-primary": "#5582F3"
+  // 主题色
+}, de = { 请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" } };
+M(de);
+Y(re);
+const Ce = () => y(null), ge = A(ne);
+export {
+  ge as DasColorPicker,
+  Ce as DasColorPickerRef,
+  ge as default
+};

package/packages/components/color-picker/src/Index.vue.d.ts

@@ -0,0 +1,20 @@
+import 'element-plus/es/components/color-picker/style/css';
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    dasInput: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onDasInput?: ((value: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: any;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    noSetDefaultVal: boolean;
+    options: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/components/color-picker/src/hooks/use-color-picker.d.ts

@@ -0,0 +1,8 @@
+import type { Props, Emits } from '../type';
+export declare const useColorPicker: (props: Props, emit: Emits) => {
+    innerValue: import("vue").Ref<any, any>;
+    inputChangeHandler: (val: any) => void;
+    inputInputHandler: (val: any) => void;
+    colorOption: import("vue").Ref<any, any>;
+    colorPickerValue: import("vue").Ref<any, any>;
+};

package/packages/components/color-picker/src/type.d.ts

@@ -0,0 +1,33 @@
+export interface Props {
+  
+  modelValue: any
+
+  
+  options: Record<string, any>
+
+  
+  disabled: boolean
+
+  
+  isView: boolean
+
+  
+  borderType?: string
+
+  
+  placeholder?: string
+
+  
+  noSetDefaultVal?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: string): void
+
+  
+  (e: 'change', value: string): void
+
+  
+  (e: 'dasInput', value: string): void
+}

package/packages/components/color-picker/style.css

@@ -0,0 +1 @@
+.das-ui-color-picker[data-v-d3b2d8e6]{position:relative}.das-ui-color-picker .das-input-table-size+.predefine-placeholder[data-v-d3b2d8e6]{font-size:12px}.das-ui-color-picker .predefine-placeholder[data-v-d3b2d8e6]{position:absolute;top:50%;left:0;transform:translateY(-50%);cursor:pointer;color:#b2b2b2;font-size:14px}.das-ui-color-picker .predefine-placeholder.padding-l[data-v-d3b2d8e6]{left:8px}.das-ui-color-picker .das-ui-input[data-v-d3b2d8e6]:not(.only-border-bottom) .el-input-group__append{display:flex;align-items:center;justify-content:center}.das-ui-color-picker[data-v-d3b2d8e6] .el-color-picker__mask{display:none}.das-ui-color-picker .only-border-bottom[data-v-d3b2d8e6] .das-color-picker-input .el-input-group__append{display:flex;align-items:flex-end}.das-ui-color-picker .only-border-bottom[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon{margin-bottom:2px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input:not(.das-predefine-cell) .el-input-group__append{padding:0 5px!important}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker{display:flex;align-items:flex-end}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker__color{border-color:#9093994d}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker__color .el-color-picker__color-inner{border-radius:2px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-empty-color .el-color-picker__color{border-color:#909399}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-color-picker-mini .el-color-picker__trigger{width:20px;height:20px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.das-color-picker-mini .el-color-picker__mask{width:20px;height:16px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend{padding-right:8px!important}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input.el-input.el-input-group .el-input-group__prepend .ant-select-selection-item{padding-right:18px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .el-color-picker__trigger{border:0;padding:2px}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon{width:16px;height:16px;border-radius:2px;border:1px solid rgb(144,147,153);display:flex;align-items:center;justify-content:center;padding:2px;box-sizing:border-box}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon.border-predefine{border-color:#9093994d}.das-ui-color-picker[data-v-d3b2d8e6] .das-color-picker-input .color-predefine-icon.view-prefine-icon{cursor:not-allowed}.color-predefine-dropdown .color-predefine-content[data-v-d3b2d8e6]{max-width:314px;padding:10px;box-sizing:border-box;display:flex;flex-wrap:wrap}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-d3b2d8e6]{width:20px;height:20px;border-radius:3px;margin:0 8px 8px 0}.color-predefine-dropdown .color-predefine-content .color-predefine-span[data-v-d3b2d8e6]:first-of-type{margin-left:0}.color-predefine-dropdown .color-predefine-content .color-predefine-span.active[data-v-d3b2d8e6]{box-shadow:0 0 5px #00abff}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input .is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper{background-color:#fff}.das-ui-color-picker .das-ui-input:not(.only-border-bottom) .focus-predefine-view-cell .el-input__wrapper{box-shadow:0 0 0 1px #5582f3 inset!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-disabled.el-input-group{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell{border:0 none;border-bottom:1px solid #999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{background-color:#fff}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-predefine-view-cell,.is-disabled).focus-predefine-view-cell{border-color:#5582f3!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:not(.das-both-view-cell,.is-disabled) .el-input__wrapper .el-input__inner{cursor:pointer}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover{border-bottom-color:#999!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell:hover.das-predefine-view-cell,.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-cell.is-disabled .el-input__inner{color:#b2b2b2!important;-webkit-text-fill-color:#b2b2b2!important}.das-ui-color-picker .das-ui-input.only-border-bottom .el-input.is-view.el-input-group.das-predefine-view-cell{border-bottom-color:#e5e5e5!important}.das-ui-color-picker .el-color-picker .el-color-picker__empty{font-size:8px!important}.das-color-picker-popper .el-button.is-text:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-text:not(.is-disabled):hover{background-color:transparent;color:var(--das-ui-color-picker-primary)}.das-color-picker-popper .el-button.is-plain:not(.is-disabled):focus,.das-color-picker-popper .el-button.is-plain:not(.is-disabled):hover{color:var(--das-ui-color-picker-primary);border-color:var(--das-ui-color-picker-primary)}.das-both-view-cell .color-predefine-icon .das-icon,.das-both-view-cell .el-color-picker__color .el-color-picker__icon{display:none}.das-both-view-cell .el-color-picker__color,.das-both-view-cell .color-predefine-icon.view-prefine-icon{border:none!important}

package/packages/components/color-picker/theme/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    '--demo-alert-bg': {
+        light: string;
+        dark: string;
+    };
+    '--das-ui-color-picker-primary': string;
+};
+export default _default;

package/packages/components/custom-search-item/i18n/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    自定义: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

package/packages/components/custom-search-item/index.d.ts

@@ -0,0 +1,200 @@
+/** 获取组件实例 */
+declare const DasCustomSearchItemRef: () => import("vue").Ref<({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly label?: string | undefined;
+        readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
+        readonly options?: any[] | undefined;
+        readonly modelValue?: any;
+        readonly customerActive?: boolean | undefined;
+        readonly labelLength?: number | string | undefined;
+        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        readonly onChange?: ((e: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:modelValue", n: any) => void) & ((event: "change", e: any) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
+    }, string, {
+        label: string;
+        defaultProps: import("./src/type.js").ValLabel<string>;
+        modelValue: any;
+        options: any[];
+        customerActive: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    label: string;
+    defaultProps: import("./src/type.js").ValLabel<string>;
+    modelValue: any;
+    options: any[];
+    customerActive: boolean;
+}> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+    "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
+}>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null, ({
+    $: import("vue").ComponentInternalInstance;
+    $data: {};
+    $props: {
+        readonly label?: string | undefined;
+        readonly defaultProps?: import("./src/type.js").ValLabel<string> | undefined;
+        readonly options?: any[] | undefined;
+        readonly modelValue?: any;
+        readonly customerActive?: boolean | undefined;
+        readonly labelLength?: number | string | undefined;
+        readonly labelPosition?: "left" | "right" | "top" | undefined;
+        readonly "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        readonly onChange?: ((e: any) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+    $attrs: {
+        [x: string]: unknown;
+    };
+    $refs: {
+        [x: string]: unknown;
+    };
+    $slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    $root: import("vue").ComponentPublicInstance | null;
+    $parent: import("vue").ComponentPublicInstance | null;
+    $host: Element | null;
+    $emit: ((event: "update:modelValue", n: any) => void) & ((event: "change", e: any) => void);
+    $el: any;
+    $options: import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
+    }, string, {
+        label: string;
+        defaultProps: import("./src/type.js").ValLabel<string>;
+        modelValue: any;
+        options: any[];
+        customerActive: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+        beforeCreate?: (() => void) | (() => void)[];
+        created?: (() => void) | (() => void)[];
+        beforeMount?: (() => void) | (() => void)[];
+        mounted?: (() => void) | (() => void)[];
+        beforeUpdate?: (() => void) | (() => void)[];
+        updated?: (() => void) | (() => void)[];
+        activated?: (() => void) | (() => void)[];
+        deactivated?: (() => void) | (() => void)[];
+        beforeDestroy?: (() => void) | (() => void)[];
+        beforeUnmount?: (() => void) | (() => void)[];
+        destroyed?: (() => void) | (() => void)[];
+        unmounted?: (() => void) | (() => void)[];
+        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+    };
+    $forceUpdate: () => void;
+    $nextTick: typeof import("vue").nextTick;
+    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+} & Readonly<{
+    label: string;
+    defaultProps: import("./src/type.js").ValLabel<string>;
+    modelValue: any;
+    options: any[];
+    customerActive: boolean;
+}> & Omit<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+    "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
+}>, "label" | "defaultProps" | "modelValue" | "options" | "customerActive"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+    };
+}) | null>;
+declare const DasCustomSearchItem: import("@das-fed/upf-utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        "update:modelValue": (n: any) => any;
+        change: (e: any) => any;
+    }, import("vue").PublicProps, {
+        label: string;
+        defaultProps: import("./src/type.js").ValLabel<string>;
+        modelValue: any;
+        options: any[];
+        customerActive: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+        "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+        onChange?: ((e: any) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        defaultProps: import("./src/type.js").ValLabel<string>;
+        modelValue: any;
+        options: any[];
+        customerActive: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./src/type.js").CustomSearchItem> & Readonly<{
+    "onUpdate:modelValue"?: ((n: any) => any) | undefined;
+    onChange?: ((e: any) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (n: any) => any;
+    change: (e: any) => any;
+}, string, {
+    label: string;
+    defaultProps: import("./src/type.js").ValLabel<string>;
+    modelValue: any;
+    options: any[];
+    customerActive: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: ((props: {}) => any) | undefined;
+    };
+})>;
+export { DasCustomSearchItem, DasCustomSearchItemRef };
+export default DasCustomSearchItem;