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

package/packages/components/input/index.js

@@ -0,0 +1,301 @@
+import '@das-fed/upf-ui/packages/components/input/style.css';
+import { withInstall as K } from "@das-fed/upf-utils/with-install/index";
+import { getVarValue as Q, setThemeRule as X } from "@das-fed/upf-web/packages/theme/index";
+import { defineComponent as Y, computed as d, ref as r, watch as y, nextTick as C, createElementBlock as b, openBlock as f, normalizeClass as V, normalizeStyle as _, createCommentVNode as i, createVNode as R, unref as S, withCtx as h, mergeProps as ee, createSlots as te, renderSlot as x, toDisplayString as D, Fragment as oe, createBlock as le } from "vue";
+import "element-plus/es/components/input/style/css";
+import { ElInput as ae } from "element-plus";
+import { t as re, setI18nRule as se } from "@das-fed/upf-web/packages/i18n/index";
+import { DasTooltip as ie } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as ue } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as ne } from "@das-fed/upf-utils/common-tools";
+const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], fe = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), pe = (l) => {
+  if (l)
+    return typeof l == "string" && fe(l) || typeof l == "string" && de.includes(l) ? l : l + "px";
+}, ce = {
+  key: 0,
+  class: "das-input-label-content"
+}, ve = {
+  key: 0,
+  class: "das-input-success-label"
+}, me = {
+  key: 0,
+  class: "das-input-label-content"
+}, be = ["title"], ye = {
+  inheritAttrs: !1
+}, he = /* @__PURE__ */ Y({
+  ...ye,
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    width: { default: "" },
+    borderType: { default: "bottom" },
+    placeholder: { default: "" },
+    size: { default: "default" },
+    disabled: { type: Boolean, default: !1 },
+    isView: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    successLabel: { default: "" },
+    error: { type: Boolean, default: !1 },
+    errorLabel: { default: "" },
+    isErrorTitle: { type: Boolean, default: !1 },
+    isTitle: { type: Boolean, default: !0 },
+    errorMode: { default: "default" },
+    errorModelZIndex: { default: 2e3 },
+    noSetDefaultVal: { type: Boolean, default: !1 },
+    autosize: { type: [Boolean, Object], default: !0 },
+    showWordLimit: { type: Boolean, default: !0 },
+    showTextWordLimit: { type: Boolean, default: !1 },
+    maxlength: { default: 0 },
+    maxLength: { default: 0 },
+    filterSpace: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(l, { expose: g, emit: T }) {
+    const o = l, p = d(() => o.placeholder || re("请输入")), N = d(() => `width:${pe(o.width)}`), F = d(() => {
+      const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
+      return e || t && t || !1;
+    }), w = T, u = d({
+      get: () => o.modelValue,
+      set: (e) => w("update:modelValue", e)
+    }), O = r(o.isTitle), n = r(!1), P = d(() => u.value ? u.value : p.value), B = r(), s = r(), L = r(!1), Z = d(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), U = d(() => o.isView || o.disabled), A = d(() => U.value ? o.noSetDefaultVal ? "" : "-" : p.value ?? ""), k = r(!1), c = r(0);
+    r({
+      display: "block",
+      color: Q("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+    }), y(
+      () => {
+        var e;
+        return (e = s.value) == null ? void 0 : e.textarea;
+      },
+      (e) => {
+        C(() => {
+          var t;
+          e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
+        });
+      }
+    );
+    const j = (e) => {
+      let t = e + "";
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), u.value = t, w("change", t);
+    }, q = () => {
+      var t;
+      o.borderType === "bottom" && (k.value = !0);
+      const e = (t = s.value) == null ? void 0 : t.textarea;
+      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
+    }, G = () => {
+      var t;
+      o.borderType === "bottom" && (k.value = !1);
+      const e = (t = s.value) == null ? void 0 : t.textarea;
+      e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
+    }, z = () => {
+      const e = o.size === "table" ? 12 : 14;
+      return ne(p.value, e);
+    };
+    y(
+      () => s.value,
+      (e) => {
+        setTimeout(() => {
+          var a, $;
+          const t = e;
+          t && (c.value = ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.offsetWidth) ?? 0, v.value = u.value ? ($ = t == null ? void 0 : t.ref) == null ? void 0 : $.scrollWidth : z());
+        }, 200);
+      }
+    );
+    const v = r(0), I = () => {
+      C(() => {
+        var e, t, a;
+        (e = s.value) != null && e.ref && (c.value = (t = s.value) == null ? void 0 : t.ref.offsetWidth, v.value = u.value ? (a = s.value) == null ? void 0 : a.ref.scrollWidth : z(), (c.value === v.value || v.value - c.value < 1) && (n.value = !1));
+      });
+    };
+    y(() => [u.value, p.value], I);
+    const E = r(), m = r(), H = () => {
+      I(), c.value === v.value || v.value - c.value < 1 ? n.value = !1 : (n.value = !0, m && clearTimeout(m.value), E && clearTimeout(E.value)), o.errorMode === "overlay" && (L.value = !0);
+    }, J = () => {
+      m.value = setTimeout(() => {
+        n.value = !1;
+      }, 200), E.value = setTimeout(() => {
+        L.value = !1;
+      }, 200);
+    }, M = () => {
+      n.value = !0, m.value && clearTimeout(m.value);
+    }, W = () => {
+      m.value = setTimeout(() => {
+        n.value = !1;
+      }, 200);
+    };
+    return y(
+      () => {
+        var e;
+        return (e = B.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", M), e.addEventListener("mouseleave", W));
+      }
+    ), y(
+      () => n.value,
+      (e) => {
+        var t;
+        if (!e) {
+          const a = (t = B.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+          a && (a.removeEventListener("mouseenter", M), a.removeEventListener("mouseleave", W));
+        }
+      }
+    ), g({
+      $refInput: s
+    }), (e, t) => (f(), b(
+      "div",
+      {
+        style: _(N.value),
+        class: V([
+          "das-ui-input",
+          { "only-border-bottom": e.borderType === "bottom" },
+          { "das-input-normal-size": e.size === "default" },
+          { "das-input-table-size": e.size === "table" }
+        ])
+      },
+      [
+        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        R(S(ie), {
+          ref_key: "inputTooltipRef",
+          ref: B,
+          effect: "light",
+          placement: "top",
+          manual: !0,
+          visible: n.value,
+          disabled: !O.value,
+          content: P.value
+        }, {
+          default: h(() => [
+            R(S(ae), ee({
+              ref_key: "$refInput",
+              ref: s
+            }, e.$attrs, {
+              modelValue: u.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => u.value = a),
+              placeholder: A.value,
+              disabled: e.disabled,
+              readonly: e.isView,
+              type: o.type,
+              class: [
+                { "is-view": e.isView },
+                { "das-input-success": e.success },
+                { "das-input-error": e.error },
+                { "input-focus-color": k.value }
+              ],
+              autosize: o.autosize,
+              showWordLimit: Z.value,
+              maxlength: F.value,
+              onChange: j,
+              onFocus: q,
+              onBlur: G,
+              onMouseenter: H,
+              onMouseleave: J
+            }), te({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              e.$slots.prepend ? {
+                name: "prepend",
+                fn: h(() => [
+                  i(" 输入框前置内容 "),
+                  x(e.$slots, "prepend", {}, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0,
+              e.$slots.append ? {
+                name: "append",
+                fn: h(() => [
+                  i(" 输入框后置内容 "),
+                  x(e.$slots, "append", {}, void 0, !0)
+                ]),
+                key: "1"
+              } : void 0,
+              e.$slots.suffix ? {
+                name: "suffix",
+                fn: h(() => [
+                  x(e.$slots, "suffix", {}, void 0, !0)
+                ]),
+                key: "2"
+              } : void 0,
+              e.$slots.prefix ? {
+                name: "prefix",
+                fn: h(() => [
+                  x(e.$slots, "prefix", {}, void 0, !0)
+                ]),
+                key: "3"
+              } : void 0
+            ]), 1040, ["modelValue", "placeholder", "disabled", "readonly", "type", "class", "autosize", "showWordLimit", "maxlength"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["visible", "disabled", "content"]),
+        e.success && e.successLabel ? (f(), b("div", ce, [
+          e.success ? (f(), b(
+            "span",
+            ve,
+            D(e.successLabel),
+            1
+            /* TEXT */
+          )) : i("v-if", !0)
+        ])) : i("v-if", !0),
+        e.error && e.errorLabel ? (f(), b(
+          oe,
+          { key: 1 },
+          [
+            e.errorMode === "default" ? (f(), b("div", me, [
+              e.error ? (f(), b("span", {
+                key: 0,
+                class: V(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+                title: e.isErrorTitle ? e.errorLabel : ""
+              }, D(e.errorLabel), 11, be)) : i("v-if", !0)
+            ])) : i("v-if", !0),
+            L.value && e.errorMode === "overlay" ? (f(), le(S(ue), {
+              key: 1,
+              errorLabel: e.errorLabel,
+              getEl: () => s.value.$el,
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : i("v-if", !0)
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : i("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), ge = (l, g) => {
+  const T = l.__vccOpts || l;
+  for (const [o, p] of g)
+    T[o] = p;
+  return T;
+}, Te = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-ab034003"]]), xe = {
+  "--das-ui-input-default-text-color": "#212121",
+  "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
+  "--das-ui-input-full-border-color": "#D9D9D9",
+  "--das-ui-input-active-full-border-color": "#5582F3",
+  "--das-ui-input-disabled-full-border-color": "#d9d9d9",
+  "--das-ui-input-disabled-full-border-text-color": "#B2B2B2",
+  "--das-ui-input-view-full-border-color": "#E5E5E5",
+  "--das-ui-input-textarea-count-color": "#ccc",
+  "--das-ui-input-ground-bg-color": "#fafafa",
+  "--das-ui-input-only-bottom-color": "#999",
+  "--das-ui-input-only-bottom-active-border-color": "#5582F3",
+  "--das-ui-input-only-bottom-disabled-border-color": "#E5E5E5",
+  "--das-ui-input-only-bottom-disabled-border-text-color": "#B2B2B2",
+  "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
+  "--das-ui-input-success-color": "#1BA854",
+  "--das-ui-input-error-color": "#FB2323"
+}, Be = {
+  共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
+  项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
+  请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
+};
+se(Be);
+X(xe);
+const $e = K(Te);
+export {
+  $e as DasInput,
+  $e as default
+};

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

@@ -0,0 +1,49 @@
+import 'element-plus/es/components/input/style/css';
+import type { Props } from './type';
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    $refInput: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: any) => any;
+    change: (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: any) => any) | undefined;
+    onChange?: ((val: string | number) => any) | undefined;
+}>, {
+    type: string;
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: any;
+    success: boolean;
+    width: string | number;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    successLabel: string;
+    error: boolean;
+    errorLabel: string;
+    isErrorTitle: boolean;
+    isTitle: boolean;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    noSetDefaultVal: boolean;
+    autosize: boolean | {
+        minRows?: number;
+        maxRows?: number;
+    };
+    showWordLimit: boolean;
+    showTextWordLimit: boolean;
+    maxlength: number | string;
+    maxLength: number | string;
+    filterSpace: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    prepend?: ((props: {}) => any) | undefined;
+    append?: ((props: {}) => any) | undefined;
+    suffix?: ((props: {}) => any) | undefined;
+    prefix?: ((props: {}) => any) | undefined;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/components/input/src/type.d.ts

@@ -0,0 +1,71 @@
+
+import type { InputProps } from 'element-plus'
+
+
+
+export interface Props {
+  
+  modelValue: any
+  
+  type: string
+  
+  width?: string | number
+  
+  borderType?: string
+  
+  placeholder?: string
+  
+  size?: 'default' | 'table'
+  
+  disabled?: boolean
+  
+  isView?: boolean
+  
+  success?: boolean
+  
+  successLabel?: string
+  
+  error?: boolean
+  
+  errorLabel?: string
+  
+  isErrorTitle?: boolean
+  
+  isTitle?: boolean
+  
+  errorMode?: 'default' | 'overlay'
+  
+  errorModelZIndex?: number
+  
+  noSetDefaultVal?: boolean
+  
+  autosize?: boolean | { minRows?: number; maxRows?: number }
+  
+  showWordLimit?: boolean
+  
+  showTextWordLimit?: boolean
+  
+  maxlength?: number | string
+  
+  maxLength?: number | string
+  
+  filterSpace?: boolean
+}
+export interface Emits {
+  (e: 'update:modelValue', val: any): void
+  (e: 'change', val: string | number): void
+}
+export type Exposes = {
+  
+  $refInput
+}
+export interface Slots {
+  
+  prefix: {}
+  
+  suffix: {}
+  
+  prepend: {}
+  
+  append: {}
+}

package/packages/components/input/style.css

@@ -0,0 +1 @@
+[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-ab034003] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid rgba(153,153,153,.3);background-clip:content-box;background-color:#9999994d}.das-ui-input[data-v-ab034003]{position:relative}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}.das-ui-input.das-input-normal-size[data-v-ab034003]{width:230px}.das-ui-input.das-input-table-size[data-v-ab034003]{width:132px}.das-ui-input.das-input-table-size[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:30px;line-height:30px;font-size:12px}.das-ui-input.das-input-table-size[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input[data-v-ab034003]{display:inline-block}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:25px;line-height:25px;color:var(--das-ui-input-default-text-color)}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color)}.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-ab034003] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-disabled .el-input__wrapper{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color)}.das-ui-input[data-v-ab034003] .el-input.is-view .el-input__wrapper{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-ab034003] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-ab034003] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-ab034003] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-ab034003] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input .das-input-label-content[data-v-ab034003]{font-size:12px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-ab034003]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-input .das-input-label-content .das-input-error-label[data-v-ab034003]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-input .das-input-label-content .error-label-overflow[data-v-ab034003]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-ab034003]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-input .das-input-overlay-error-label-content .label[data-v-ab034003]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-input[data-v-ab034003] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner{resize:none;border-radius:2px;padding:4.5px 8px;height:44px;min-height:44px!important;color:var(--das-ui-input-default-text-color);box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;word-break:break-word!important}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-textarea.is-view .el-textarea__inner{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset;color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset;color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color);cursor:not-allowed}.das-ui-input[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-ab034003] .el-textarea .el-input__count{display:none;bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}.das-ui-input[data-v-ab034003] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-ab034003] .el-input.el-input-group.el-input-group--append .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-ab034003] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-ab034003] .el-input.el-input-group .el-input-group__append{background:var(--das-ui-input-ground-bg-color);padding:0 8px;box-shadow:0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset,-1px 0 0 0 var(--das-ui-input-full-border-color) inset}.das-ui-input[data-v-ab034003] .el-input.el-input-group .el-input-group__prepend{box-shadow:1px 0 0 0 var(--das-ui-input-full-border-color) inset,0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset;background:var(--das-ui-input-ground-bg-color);padding:0 8px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper{box-shadow:none;padding:1px 0;border-bottom:1px solid var(--das-ui-input-only-bottom-color);border-radius:0%}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner{height:22px;line-height:22px;color:var(--das-ui-input-default-text-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input .el-input__wrapper.is-focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-success .el-input__wrapper{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-error .el-input__wrapper{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-error{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-error:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-success{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.das-input-success:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.is-view{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.is-view:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group{--el-input-height: 25px;border-bottom:1px solid var(--das-ui-input-only-bottom-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group .el-input-group__append{background:transparent;padding:1px 0 1px 8px;box-shadow:none;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group .el-input-group__prepend{box-shadow:none;background:transparent;padding:1px 4px 1px 0;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-input.el-input-group.input-focus-color{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner{resize:none;border-radius:0;box-shadow:none;padding:0 0 3px;height:25px;min-height:25px!important;border-bottom:1px solid var(--das-ui-input-only-bottom-color);word-break:break-word!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-textarea__inner:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-view .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color);color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-view .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color);color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color);cursor:not-allowed}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.is-disabled .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-ab034003] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}

package/packages/components/input/theme/base.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    '--das-ui-input-default-text-color': string;
+    '--das-ui-input-default-placeholder-text-color': string;
+    '--das-ui-input-full-border-color': string;
+    '--das-ui-input-active-full-border-color': string;
+    '--das-ui-input-disabled-full-border-color': string;
+    '--das-ui-input-disabled-full-border-text-color': string;
+    '--das-ui-input-view-full-border-color': string;
+    '--das-ui-input-textarea-count-color': string;
+    '--das-ui-input-ground-bg-color': string;
+    '--das-ui-input-only-bottom-color': string;
+    '--das-ui-input-only-bottom-active-border-color': string;
+    '--das-ui-input-only-bottom-disabled-border-color': string;
+    '--das-ui-input-only-bottom-disabled-border-text-color': string;
+    '--das-ui-input-only-bottom-view-border-color': string;
+    '--das-ui-input-success-color': string;
+    '--das-ui-input-error-color': string;
+};
+export default _default;

package/packages/components/input/utils/unit.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 判断是否是一个带css单位的字符串
+ * @param value 需要判断的字符
+ * @returns
+ */
+export declare const hasCssUnit: (value: string) => boolean;
+/**
+ * 单位兼容
+ * @param unit
+ * @returns
+ */
+export declare const handleUnit: (unit?: string | number) => string | undefined;

package/packages/components/input-dialog-select/i18n/index.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    请选择: {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+    'das-framework-input-dialog-select-total-items': {
+        'zh-CN': string;
+        en: string;
+        _appCode: string;
+    };
+};
+export default _default;

package/packages/components/input-dialog-select/index.d.ts

@@ -0,0 +1,30 @@
+declare const DasInputDialogSelect: import("@das-fed/upf-utils").SFCWithInstall<import("vue").DefineComponent<import("./src/type.js").Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    "open-dialog": (...args: any[]) => void;
+    "clear-dialog": (...args: any[]) => void;
+    "update:selectedOptions": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("./src/type.js").Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onOpen-dialog"?: ((...args: any[]) => any) | undefined;
+    "onClear-dialog"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedOptions"?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: "default" | "auto" | "table" | "small";
+    disabled: boolean;
+    borderType: string;
+    placeholder: string;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    suffixIcon: string;
+    optionsLabelKey: string | number;
+    optionsValueKey: string | number;
+    selectedOptions: any;
+    isClear: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+export { DasInputDialogSelect };
+export default DasInputDialogSelect;