@das-fed/ui 6.4.0-test.8 → 6.4.0-test.8.1

package/packages/business-components/area-phone-select/index.js

@@ -0,0 +1,265 @@
+import '@das-fed/ui/packages/business-components/area-phone-select/style.css';
+import { defineComponent as $, ref as s, computed as c, onMounted as W, openBlock as d, createBlock as U, unref as p, mergeProps as N, withCtx as _, renderSlot as x, createElementVNode as y, normalizeClass as B, toDisplayString as R, createVNode as C, createElementBlock as h, createCommentVNode as A, withDirectives as z, Fragment as L, renderList as M, createTextVNode as j, nextTick as q, onBeforeUnmount as G, normalizeStyle as H } from "vue";
+import { withInstall as E } from "@das-fed/utils/with-install/index";
+import { t as J, setI18nRule as K } from "@das-fed/web/packages/i18n/index";
+import { DasPopoverRef as Q, DasPopover as X } from "@das-fed/ui/packages/components/popover/index";
+import { DasScrollbar as Y } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasSearch as Z } from "@das-fed/ui/packages/components/search/index";
+import { DasIconFold as ee } from "@das-fed/ui/packages/icons/fold/index";
+import { DasEmpty as oe } from "@das-fed/ui/packages/components/empty/index";
+import { vDasTooltip as te } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasLoading as ae } from "@das-fed/ui/packages/components/loading/index";
+import { createService as se } from "@das-fed/utils/api-services";
+import { DasInput as le } from "@das-fed/ui/packages/components/input/index";
+import { SizeWatcher as ne } from "@das-fed/utils/size-watcher";
+const re = (t) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(t), O = (t) => typeof t == "string" && re(t) ? t : t + "px", ie = se("/api/tool/v2"), de = ie.get("/dictionary/phone-codes"), ue = { class: "label" }, pe = { class: "das-ui-area-phone-popover-content" }, ce = {
+  key: 0,
+  class: "search-box"
+}, ve = { class: "list" }, me = ["onClick"], fe = { class: "item-label" }, he = { class: "item-code" }, be = {
+  name: "area-popover"
+}, we = /* @__PURE__ */ $({
+  ...be,
+  props: {
+    modelValue: {},
+    label: { default: "phoneCode" },
+    width: {},
+    visible: { type: Boolean, default: !1 },
+    isView: { type: Boolean },
+    disabled: { type: Boolean },
+    showArrow: { type: Boolean, default: !1 },
+    filter: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "update:visible", "change"],
+  setup(t, { expose: b, emit: r }) {
+    const a = t, v = r, V = Q(), m = s(""), g = s(J("area-phone-placeholder")), P = c(() => a.width ? O(a.width) : "240px"), D = s({
+      modifiers: [
+        {
+          name: "offset",
+          options: {
+            offset: [0, 4]
+          }
+        }
+      ]
+    }), f = c({
+      get: () => a.visible,
+      set: (o) => {
+        v("update:visible", o);
+      }
+    }), u = c({
+      get: () => a.modelValue ?? {},
+      set: (o) => {
+        v("update:modelValue", o);
+      }
+    }), k = c(() => u.value[a.label]), S = (o) => {
+      u.value = o, f.value = !1, v("change", o);
+    }, I = c(() => a.filter ? e.value.filter((o) => o.name.includes(m.value)) : e.value), e = s([]), l = s(!1);
+    return W(async () => {
+      l.value = !0;
+      const [o, i] = await de().run();
+      l.value = !1, !o && (e.value = i || []);
+    }), b({ popoverRef: V }), (o, i) => (d(), U(p(X), N({
+      ref_key: "popoverRef",
+      ref: V,
+      "show-arrow": o.showArrow,
+      "popper-options": D.value,
+      trigger: "click",
+      width: P.value,
+      popperClass: "das-ui-area-phone-popover",
+      visible: f.value,
+      "onUpdate:visible": i[1] || (i[1] = (n) => f.value = n),
+      disabled: o.isView || o.disabled
+    }, o.$attrs, {
+      onBeforeLeave: i[2] || (i[2] = (n) => m.value = "")
+    }), {
+      reference: _(() => [
+        x(o.$slots, "reference", {}, () => [
+          y(
+            "div",
+            {
+              class: B(["das-ui-area-phone-popover-reference", o.disabled ? "is-disabled" : ""])
+            },
+            [
+              y(
+                "div",
+                ue,
+                R(k.value),
+                1
+                /* TEXT */
+              ),
+              y(
+                "div",
+                {
+                  class: B({ "icon-box": !0, show: f.value, hide: o.isView || o.disabled })
+                },
+                [
+                  C(p(ee), { size: "medium" })
+                ],
+                2
+                /* CLASS */
+              )
+            ],
+            2
+            /* CLASS */
+          )
+        ], !0)
+      ]),
+      default: _(() => [
+        y("div", pe, [
+          o.filter ? (d(), h("div", ce, [
+            C(p(Z), {
+              isIconLeft: "",
+              size: "custom",
+              placeholder: g.value,
+              border: "",
+              width: "100%",
+              modelValue: m.value,
+              "onUpdate:modelValue": i[0] || (i[0] = (n) => m.value = n)
+            }, null, 8, ["placeholder", "modelValue"])
+          ])) : A("v-if", !0),
+          C(p(Y), null, {
+            default: _(() => [
+              z((d(), h("div", ve, [
+                l.value ? A("v-if", !0) : (d(), h(
+                  L,
+                  { key: 0 },
+                  [
+                    (d(!0), h(
+                      L,
+                      null,
+                      M(I.value, (n) => (d(), h("div", {
+                        class: B(["item", {
+                          selected: u.value && u.value.name + u.value.phoneCode == n.name + n.phoneCode
+                        }]),
+                        onClick: (Ce) => S(n)
+                      }, [
+                        z((d(), h("div", fe, [
+                          j(
+                            R(n.name ?? ""),
+                            1
+                            /* TEXT */
+                          )
+                        ])), [
+                          [p(te)]
+                        ]),
+                        y(
+                          "div",
+                          he,
+                          R(n.phoneCode ?? ""),
+                          1
+                          /* TEXT */
+                        )
+                      ], 10, me))),
+                      256
+                      /* UNKEYED_FRAGMENT */
+                    )),
+                    I.value.length ? A("v-if", !0) : (d(), U(p(oe), { key: 0 }))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ])), [
+                [p(ae), l.value]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ])
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["show-arrow", "popper-options", "width", "visible", "disabled"]));
+  }
+}), T = (t, b) => {
+  const r = t.__vccOpts || t;
+  for (const [a, v] of b)
+    r[a] = v;
+  return r;
+}, F = /* @__PURE__ */ T(we, [["__scopeId", "data-v-1da4fff3"]]), Ve = /* @__PURE__ */ $({
+  __name: "index",
+  props: {
+    modelValue: { default: "" },
+    areaItem: {},
+    width: {},
+    isView: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:areaItem", "change", "area-change"],
+  setup(t, { emit: b }) {
+    const r = t, a = b, v = c(() => r.width ? O(r.width) : "100%"), V = c({
+      get: () => r.modelValue,
+      set: (e) => a("update:modelValue", e)
+    }), m = c({
+      get: () => r.areaItem ?? {},
+      set: (e) => {
+        a("update:areaItem", e);
+      }
+    }), g = s(null), P = s(null), D = s(null), f = s(240), u = s(!1), k = () => {
+      f.value = g.value.clientWidth ?? 0;
+    };
+    W(() => {
+      q(() => {
+        k(), D.value = ne(() => {
+          k();
+        }, g.value);
+      });
+    }), G(() => {
+      var e;
+      (e = D.value) == null || e.disconnect();
+    });
+    const S = (e) => {
+      a("area-change", e);
+    }, I = (e) => {
+      a("change", e);
+    };
+    return (e, l) => (d(), h(
+      "div",
+      {
+        ref_key: "phoneRef",
+        ref: g,
+        class: B(["das-ui-area-phone-select", { "is-disabled": e.disabled && !e.isView, "is-view": e.isView }]),
+        style: H({ width: v.value })
+      },
+      [
+        C(p(le), N({
+          ref_key: "inputRef",
+          ref: P,
+          width: "100%",
+          disabled: e.disabled,
+          isView: e.isView,
+          modelValue: V.value,
+          "onUpdate:modelValue": l[2] || (l[2] = (w) => V.value = w),
+          onChange: I
+        }, e.$attrs), {
+          prepend: _(() => [
+            C(F, {
+              visible: u.value,
+              "onUpdate:visible": l[0] || (l[0] = (w) => u.value = w),
+              isView: e.isView,
+              disabled: e.disabled,
+              modelValue: m.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (w) => m.value = w),
+              width: f.value,
+              onChange: S
+            }, null, 8, ["visible", "isView", "disabled", "modelValue", "width"])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["disabled", "isView", "modelValue"])
+      ],
+      6
+      /* CLASS, STYLE */
+    ));
+  }
+}), ge = /* @__PURE__ */ T(Ve, [["__scopeId", "data-v-3b9ba6be"]]), ye = {
+  "area-phone-placeholder": { "zh-CN": "请输入所在国家或区域中文名称", en: "Please enter your country or region" }
+};
+K(ye);
+const We = () => s(null), Ne = () => s(null), Ee = E(ge), Oe = E(F), Te = { name: "区号选择手机号输入框" };
+export {
+  Ee as DasAreaPhoneSelect,
+  We as DasAreaPhoneSelectRef,
+  Oe as DasAreaPopover,
+  Ne as DasAreaPopoverRef,
+  Te as default
+};

package/packages/business-components/area-phone-select/src/Index.vue.d.ts

@@ -0,0 +1,15 @@
+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 | number) => any;
+    "update:areaItem": (value: Record<any, any>) => any;
+    "area-change": (value: Record<any, any>) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
+    "onUpdate:areaItem"?: ((value: Record<any, any>) => any) | undefined;
+    "onArea-change"?: ((value: Record<any, any>) => any) | undefined;
+}>, {
+    modelValue: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/packages/business-components/area-phone-select/src/apis.d.ts

@@ -0,0 +1,2 @@
+/** 获取手机区号数据 */
+export declare const phoneCodes: (payload?: any, payloadConfig?: import("@das-fed/utils/curring-http/type").CurringConfig) => import("@das-fed/utils/curring-http/type").CurringRes;

package/packages/business-components/area-phone-select/src/area-popover/index.vue.d.ts

@@ -0,0 +1,179 @@
+import type { Props } from './type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
+    popoverRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly title?: string | undefined;
+            readonly width?: (string | number) | undefined;
+            readonly content?: string | undefined;
+            readonly popperClass?: string | undefined;
+            readonly showBtns?: boolean | undefined;
+            readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
+            readonly onCancel?: (() => any) | undefined;
+            readonly onConfirm?: (() => any) | undefined;
+            readonly onClickOutside?: (() => 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: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../../components/popover/src/type").Props> & Readonly<{
+            onCancel?: (() => any) | undefined;
+            onConfirm?: (() => any) | undefined;
+            onClickOutside?: (() => any) | undefined;
+        }>, {
+            $popoverRef: import("vue").Ref<null, null>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            cancel: () => any;
+            confirm: () => any;
+            clickOutside: () => any;
+        }, string, {
+            placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+            width: string | number;
+            showBtns: 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<{
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: boolean;
+    }> & Omit<Readonly<import("../../../../components/popover/src/type").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+        $popoverRef: import("vue").Ref<null, null>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            reference?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null, ({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly title?: string | undefined;
+            readonly width?: (string | number) | undefined;
+            readonly content?: string | undefined;
+            readonly popperClass?: string | undefined;
+            readonly showBtns?: boolean | undefined;
+            readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
+            readonly onCancel?: (() => any) | undefined;
+            readonly onConfirm?: (() => any) | undefined;
+            readonly onClickOutside?: (() => 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: "cancel") => void) & ((event: "confirm") => void) & ((event: "clickOutside") => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("../../../../components/popover/src/type").Props> & Readonly<{
+            onCancel?: (() => any) | undefined;
+            onConfirm?: (() => any) | undefined;
+            onClickOutside?: (() => any) | undefined;
+        }>, {
+            $popoverRef: import("vue").Ref<null, null>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            cancel: () => any;
+            confirm: () => any;
+            clickOutside: () => any;
+        }, string, {
+            placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+            width: string | number;
+            showBtns: 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<{
+        placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
+        showBtns: boolean;
+    }> & Omit<Readonly<import("../../../../components/popover/src/type").Props> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+        onClickOutside?: (() => any) | undefined;
+    }>, "$popoverRef" | ("placement" | "width" | "showBtns")> & import("vue").ShallowUnwrapRef<{
+        $popoverRef: import("vue").Ref<null, null>;
+    }> & {} & import("vue").ComponentCustomProperties & {} & {
+        $slots: {
+            reference?(_: {}): any;
+            default?(_: {}): any;
+        };
+    }) | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Record<any, any>) => any;
+    change: (value: Record<any, any>) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<any, any>) => any) | undefined;
+    onChange?: ((value: Record<any, any>) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    filter: boolean;
+    label: string;
+    visible: boolean;
+    showArrow: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    reference?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/packages/business-components/area-phone-select/src/area-popover/type.d.ts

@@ -0,0 +1,37 @@
+export interface Props {
+  
+  modelValue: Record<any, any>
+
+  
+  label?: string
+
+  
+  width?: number | string
+
+  
+  visible?: boolean
+
+  
+  isView?: boolean
+
+  
+  disabled?: boolean
+
+  
+  showArrow?: boolean
+
+  
+  filter?: boolean
+}
+
+export interface Emits {
+  (e: 'update:modelValue', value: Record<any, any>): void
+
+  (e: 'update:visible', value: boolean): void
+
+  (e: 'change', value: Record<any, any>): void
+}
+
+export interface Slots {
+  reference: {}
+}

package/packages/business-components/area-phone-select/src/type.d.ts

@@ -0,0 +1,26 @@
+export interface Props {
+  
+  modelValue: any
+
+  
+  areaItem: Record<any, any>
+
+  
+  width?: number | string
+
+  
+  isView?: boolean
+
+  
+  disabled?: boolean
+}
+
+export interface Emits {
+  (e: 'update:modelValue', value: string): void
+
+  (e: 'update:areaItem', value: Record<any, any>): void
+
+  (e: 'change', value: string | number): void
+
+  (e: 'area-change', value: Record<any, any>): void
+}

package/packages/business-components/area-phone-select/src/utils.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;

package/packages/business-components/area-phone-select/style.css

@@ -0,0 +1 @@
+.das-ui-area-phone-popover-reference[data-v-1da4fff3]{min-width:68px;height:100%;display:flex}.das-ui-area-phone-popover-reference .icon-box[data-v-1da4fff3]{flex-shrink:0;margin-left:4px;display:flex;align-items:center;justify-content:center;transform:rotate(0);transition:transform .5s ease}.das-ui-area-phone-popover-reference .icon-box.show[data-v-1da4fff3]{transform:rotate(180deg)}.das-ui-area-phone-popover-reference .icon-box.hide[data-v-1da4fff3]{color:transparent!important}.das-ui-area-phone-popover-reference:hover .icon-box[data-v-1da4fff3]{color:#276ff5}.das-ui-area-phone-popover-reference .label[data-v-1da4fff3]{font-size:14px;color:#212121;flex:1;overflow:hidden;display:flex;align-items:center}.das-ui-area-phone-popover-reference.is-disabled .label[data-v-1da4fff3]{color:#b2b2b2!important}.das-ui-area-phone-popover-content[data-v-1da4fff3]{width:100%}.das-ui-area-phone-popover-content .search-box[data-v-1da4fff3]{padding:8px}.das-ui-area-phone-popover-content .list[data-v-1da4fff3]{width:100%;max-height:248px;overflow:hidden}.das-ui-area-phone-popover-content .list .item[data-v-1da4fff3]{width:100%;height:30px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.das-ui-area-phone-popover-content .list .item[data-v-1da4fff3]:hover{background-color:#f5f5f5}.das-ui-area-phone-popover-content .list .item.selected[data-v-1da4fff3]{background-color:#f2f6ff}.das-ui-area-phone-popover-content .list .item.selected .item-lable[data-v-1da4fff3],.das-ui-area-phone-popover-content .list .item.selected .item-code[data-v-1da4fff3]{color:#276ff5}.das-ui-area-phone-popover-content .list .item .item-lable[data-v-1da4fff3]{flex:1;overflow:hidden;font-size:12px;color:#212121}.das-ui-area-phone-popover-content .list .item .item-code[data-v-1da4fff3]{width:53px;margin-left:22px;color:#666;text-align:right;font-size:12px}.das-ui-area-phone-popover .das-ui-popover-container{padding:0!important}.das-ui-area-phone-select[data-v-3b9ba6be]{width:100%}.das-ui-area-phone-select.is-disabled[data-v-3b9ba6be] .el-input.el-input-group{border-bottom-color:#e5e5e5!important}

package/packages/business-components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './app-container';
+export * from './area-phone-select';
 export * from './change-enterprises';
 export * from './change-pwd';
 export * from './currency-page';

package/packages/business-components/index.js

@@ -1,4 +1,5 @@
 export * from './app-container'
+export * from './area-phone-select'
 export * from './change-enterprises'
 export * from './change-pwd'
 export * from './currency-page'