@das-fed/upf-ui 6.4.0-dev.131 → 6.4.0-dev.133

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

@@ -1,18 +1,19 @@
 import '@das-fed/upf-ui/packages/components/select-input/style.css';
 import { withInstall as F } from "@das-fed/upf-utils/with-install/index";
-import { setThemeRule as S } from "@das-fed/upf-web/packages/theme/index";
-import { computed as H, ref as b, defineComponent as D, createBlock as k, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
+import { setThemeRule as H } from "@das-fed/upf-web/packages/theme/index";
+import { computed as D, ref as b, defineComponent as k, createBlock as z, openBlock as L, unref as e, normalizeClass as x, isRef as v, createSlots as E, withCtx as y, createVNode as B } from "vue";
 import { DasInput as W } from "@das-fed/upf-ui/packages/components/input/index";
 import { DasIconSearch as K } from "@das-fed/upf-ui/packages/icons/search/index";
 import { DasSelect as N } from "@das-fed/upf-ui/packages/components/select/index";
 import { useModelValue as C } from "@das-fed/upf-utils/vue";
+import { useFormSize as P } from "@das-fed/upf-ui/packages/components/form";
 import "@das-fed/upf-ui/packages/global/theme";
-const P = (t, a) => {
-  const u = C(t, "modelValue"), i = C(t, "optionValue"), l = C(t, "isExpandAtFocus"), s = H(() => typeof t.width == "number" ? t.width + "px" : t == null ? void 0 : t.width), h = () => {
+const A = (n, a) => {
+  const u = C(n, "modelValue"), i = C(n, "optionValue"), l = C(n, "isExpandAtFocus"), s = D(() => typeof n.width == "number" ? n.width + "px" : n == null ? void 0 : n.width), f = () => {
     a("update:modelValue", u.value);
   }, m = (o) => {
     a("update:modelValue", o), a("inputChange", o);
-  }, f = (o) => {
+  }, h = (o) => {
     a("update:modelValue", o), a("dasInput", o);
   }, V = (o) => {
     a("update:optionValue", o), a("selectChange", o);
@@ -22,8 +23,8 @@ const P = (t, a) => {
     selectValue: i,
     inputChangeHandler: m,
     selectChangeHandler: V,
-    inputInputHandler: f,
-    searchHandler: h,
+    inputInputHandler: h,
+    searchHandler: f,
     inputWidth: d,
     isFocus: r,
     onFocus: () => {
@@ -38,7 +39,7 @@ const P = (t, a) => {
     isExpandInput: l,
     selectInputWidth: s
   };
-}, A = /* @__PURE__ */ D({
+}, T = /* @__PURE__ */ k({
   __name: "Index",
   props: {
     options: { default: [] },
@@ -57,13 +58,13 @@ const P = (t, a) => {
     width: { default: "268px" }
   },
   emits: ["update:modelValue", "update:optionValue", "inputChange", "dasInput", "selectChange"],
-  setup(t, { emit: a }) {
-    const u = t, i = a, {
+  setup(n, { emit: a }) {
+    const u = n, i = a, {
       innerValue: l,
       selectValue: s,
-      inputChangeHandler: h,
+      inputChangeHandler: f,
       selectChangeHandler: m,
-      inputInputHandler: f,
+      inputInputHandler: h,
       searchHandler: V,
       inputWidth: d,
       isFocus: r,
@@ -71,38 +72,39 @@ const P = (t, a) => {
       onBlur: w,
       isExpandInput: o,
       selectInputWidth: p
-    } = P(u, i);
-    return (n, c) => (L(), k(e(W), {
-      class: x(["das-select-input", { "is-error": n.error, "is-search": n.isSearch, "is-disabled": n.disabled }]),
+    } = A(u, i), S = P();
+    return (t, c) => (L(), z(e(W), {
+      class: x(["das-select-input", { "is-error": t.error, "is-search": t.isSearch, "is-disabled": t.disabled }]),
       modelValue: e(l),
       "onUpdate:modelValue": c[1] || (c[1] = (g) => v(l) ? l.value = g : null),
       width: e(o) && e(r) ? e(d) : e(p),
-      disabled: n.disabled,
-      isView: n.isView,
-      maxLength: n.maxLength,
+      disabled: t.disabled,
+      isView: t.isView,
+      maxLength: t.maxLength,
       filterSpace: !1,
-      isTitle: !n.isExpandAtFocus,
-      onInput: e(f),
-      onChange: e(h),
+      isTitle: !t.isExpandAtFocus,
+      onInput: e(h),
+      onChange: e(f),
       onFocus: e(I),
-      onBlur: e(w)
+      onBlur: e(w),
+      size: e(S) || "default"
     }, E({
       prepend: y(() => [
         B(e(N), {
           size: "mini",
-          disabled: n.disabled,
-          isView: n.isView,
+          disabled: t.disabled,
+          isView: t.isView,
           dropdownClassName: "das-select-input-select-container",
           modelValue: e(s),
           "onUpdate:modelValue": c[0] || (c[0] = (g) => v(s) ? s.value = g : null),
           width: "auto",
           dropdownMatchSelectWidth: !1,
           "border-type": "none",
-          options: n.options,
-          getPopupContainer: n.getPopupContainer,
+          options: t.options,
+          getPopupContainer: t.getPopupContainer,
           fieldNames: {
-            value: n.optionsValueKey,
-            label: n.optionsLabelKey
+            value: t.optionsValueKey,
+            label: t.optionsLabelKey
           },
           onChange: e(m)
         }, null, 8, ["disabled", "isView", "modelValue", "options", "getPopupContainer", "fieldNames", "onChange"])
@@ -110,7 +112,7 @@ const P = (t, a) => {
       _: 2
       /* DYNAMIC */
     }, [
-      n.hasIcon ? {
+      t.hasIcon ? {
         name: "suffix",
         fn: y(() => [
           B(e(K), {
@@ -120,19 +122,19 @@ const P = (t, a) => {
         ]),
         key: "0"
       } : void 0
-    ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur"]));
+    ]), 1032, ["class", "modelValue", "width", "disabled", "isView", "maxLength", "isTitle", "onInput", "onChange", "onFocus", "onBlur", "size"]));
   }
-}), T = (t, a) => {
-  const u = t.__vccOpts || t;
+}), M = (n, a) => {
+  const u = n.__vccOpts || n;
   for (const [i, l] of a)
     u[i] = l;
   return u;
-}, z = /* @__PURE__ */ T(A, [["__scopeId", "data-v-3bde6389"]]), M = {
+}, R = /* @__PURE__ */ M(T, [["__scopeId", "data-v-f738cff4"]]), U = {
   "--das-ui-select-input-border-color": { light: "#999" },
   "--das-ui-select-input-border-color-search": { light: "#D9D9D9" }
-}, X = F(z);
-S(M);
+}, $ = F(R);
+H(U);
 export {
-  X as DasSelectInput,
-  X as default
+  $ as DasSelectInput,
+  $ as default
 };

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

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