@aplus-frontend/ui 7.17.1-beta.0 → 7.17.1

package/es/src/ap-field/cascader/index.vue.mjs

@@ -1,31 +1,21 @@
-import { isVNode as O, defineComponent as j, useSlots as z, ref as F, computed as L, unref as e, createVNode as u, Fragment as C, resolveComponent as M, createBlock as b, openBlock as w, resolveDynamicComponent as A, mergeProps as U, createSlots as K, renderList as q, withCtx as S, renderSlot as E, normalizeProps as W, guardReactiveProps as $ } from "vue";
-import { Space as G, Cascader as H } from "@aplus-frontend/antdv";
-import { isArray as J, omit as Q } from "lodash-unified";
+import { defineComponent as A, computed as w, useSlots as L, ref as O, unref as e, resolveComponent as U, createElementBlock as d, createBlock as B, openBlock as l, Fragment as S, toDisplayString as x, withCtx as f, renderList as N, mergeProps as E, createSlots as K, renderSlot as j, normalizeProps as q, guardReactiveProps as G, createVNode as W } from "vue";
+import { Space as $, Cascader as H } from "@aplus-frontend/antdv";
+import { omit as J, isArray as Q } from "lodash-unified";
 import "../../hooks/index.mjs";
 import { useDefaultPlaceholder as X } from "../hooks/use-default-placeholder.mjs";
 import { useOptions as Y } from "./use-options.mjs";
 import { useControllableValue as Z } from "../../hooks/useControllableValue.mjs";
-function ee(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !O(t);
-}
-const ue = /* @__PURE__ */ j({
+const ee = { key: 0 }, de = /* @__PURE__ */ A({
   name: "ApFieldCascader",
   __name: "index",
   props: {
-    mode: {
-      default: "edit"
-    },
+    mode: { default: "edit" },
     class: {},
     style: {},
-    multiple: {
-      type: Boolean,
-      default: void 0
-    },
+    emptyText: { default: "--" },
+    multiple: { type: Boolean, default: void 0 },
     size: {},
-    bordered: {
-      type: Boolean,
-      default: !0
-    },
+    bordered: { type: Boolean, default: !0 },
     placement: {},
     suffixIcon: {},
     status: {},
@@ -46,54 +36,34 @@ const ue = /* @__PURE__ */ j({
     onKeydown: {},
     onKeyup: {},
     onMousedown: {},
-    open: {
-      type: Boolean,
-      default: void 0
-    },
+    open: { type: Boolean, default: void 0 },
     animation: {},
     direction: {},
-    disabled: {
-      type: Boolean
-    },
+    disabled: { type: Boolean },
     prefixCls: {},
     id: {},
-    autofocus: {
-      type: Boolean
-    },
+    autofocus: { type: Boolean },
     getPopupContainer: {},
-    dropdownMatchSelectWidth: {
-      type: [Number, Boolean]
-    },
+    dropdownMatchSelectWidth: { type: [Number, Boolean] },
     placeholder: {},
-    loading: {
-      type: Boolean
-    },
+    loading: { type: Boolean },
     defaultValue: {},
     prefix: {},
     clearIcon: {},
-    allowClear: {
-      type: Boolean,
-      default: !0
-    },
+    allowClear: { type: Boolean, default: !0 },
     getInputElement: {},
     getRawInputElement: {},
     fieldNames: {},
     searchValue: {},
     onSearch: {},
     maxCount: {},
-    showSearch: {
-      type: [Boolean, Object],
-      default: !1
-    },
+    showSearch: { type: [Boolean, Object], default: !1 },
     tagRender: {},
     optionLabelRender: {},
     notFoundContent: {},
     onClear: {},
     choiceTransitionName: {},
-    defaultOpen: {
-      type: Boolean,
-      default: void 0
-    },
+    defaultOpen: { type: Boolean, default: void 0 },
     onDropdownVisibleChange: {},
     maxTagTextLength: {},
     maxTagCount: {},
@@ -109,109 +79,94 @@ const ue = /* @__PURE__ */ j({
     onPopupVisibleChange: {},
     popupStyle: {},
     popupPlacement: {},
-    popupVisible: {
-      type: Boolean,
-      default: void 0
-    },
+    popupVisible: { type: Boolean, default: void 0 },
     expandIcon: {},
-    changeOnSelect: {
-      type: Boolean
-    },
+    changeOnSelect: { type: Boolean },
     displayRender: {},
     showCheckedStrategy: {},
     expandTrigger: {},
     dropdownPrefixCls: {},
     dropdownMenuColumnStyle: {},
     loadingIcon: {},
-    emptyText: {
-      default: "--"
-    },
     request: {},
-    lazy: {
-      type: Boolean
-    },
+    lazy: { type: Boolean },
     params: {},
-    loadData: {
-      type: Boolean
-    }
+    loadData: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(t, {
-    expose: x,
-    emit: B
-  }) {
-    const o = t, N = z(), T = B, f = F(), {
-      value: m,
-      updateValue: P
-    } = Z(o, T), V = X("Cascader", o), {
-      options: y,
-      request: h,
-      loading: g
-    } = Y(o), _ = L(() => {
-      let n;
-      const a = e(m);
-      if (!a.length)
-        return u(C, null, [o.emptyText]);
-      const l = [], v = o.fieldNames?.label || "label", s = o.fieldNames?.value || "value";
-      function i(r, d) {
-        const p = [];
-        for (const c of r) {
-          if (d.find((R) => R === c[s]) && p.push(c[v]), p.length === d.length)
-            return p;
-          c.children?.length && p.push(...i(c.children, d));
+  setup(k, { expose: P, emit: T }) {
+    const a = k, _ = w(
+      () => J(a, ["onUpdate:value", "value", "options", "loadData"])
+    ), I = L(), V = T, u = O(), { value: h, updateValue: D } = Z(a, V), R = X("Cascader", a), { options: g, request: y, loading: v } = Y(a), C = w(() => {
+      const o = e(h);
+      if (!o?.length) return [];
+      const b = a.fieldNames?.label || "label", i = a.fieldNames?.value || "value";
+      function r(m, t) {
+        const s = [];
+        for (const p of m || []) {
+          if (t.find(
+            (M) => M === p[i]
+          ) && s.push(p[b]), s.length === t.length)
+            return s;
+          p.children?.length && s.push(...r(p.children, t));
         }
-        return p;
+        return s;
+      }
+      const n = [], c = Q(o[0]) ? o : [o];
+      for (const m of c) {
+        const t = r(g.value, m);
+        t.length && n.push(t);
       }
-      const D = J(a[0]) ? a : [a];
-      for (const r of D)
-        l.push(i(y.value, r));
-      return l.length ? u(G, {
-        size: 4
-      }, ee(n = l.map((r, d) => u("span", {
-        key: d
-      }, [r.join(", ")]))) ? n : {
-        default: () => [n]
-      }) : u(C, null, [o.emptyText]);
+      return n;
     });
-    function k() {
-      f.value?.focus?.();
+    function z() {
+      u.value?.focus?.();
     }
-    function I() {
-      f.value?.blur?.();
+    function F() {
+      u.value?.blur?.();
     }
-    return x({
-      focus: k,
-      blur: I,
-      request: h
-    }), (n, a) => {
-      const l = M("Spin");
-      return n.mode === "read" ? (w(), b(A(_.value), {
-        key: 0
-      })) : (w(), b(e(H), U({
-        key: 1
-      }, e(Q)(o, ["onUpdate:value", "value", "options", "loadData"]), {
-        ref: f.value,
-        value: e(m),
-        loading: e(g),
-        options: e(y),
-        placeholder: e(V),
-        "load-data": n.loadData ? e(h) : void 0,
-        "onUpdate:value": e(P)
-      }), K({
-        _: 2
-      }, [q(N, (v, s) => ({
-        name: s,
-        fn: S((i) => [E(n.$slots, s, W($(i || {})))])
-      })), e(g) ? {
-        name: "notFoundContent",
-        fn: S(() => [u(l, {
-          size: "small"
-        })]),
-        key: "0"
-      } : void 0]), 1040, ["value", "loading", "options", "placeholder", "load-data", "onUpdate:value"]));
+    return P({
+      focus: z,
+      blur: F,
+      request: y
+    }), (o, b) => {
+      const i = U("Spin");
+      return o.mode === "read" ? (l(), d(S, { key: 0 }, [
+        C.value.length ? (l(), B(e($), {
+          key: 1,
+          size: 4
+        }, {
+          default: f(() => [
+            (l(!0), d(S, null, N(C.value, (r, n) => (l(), d("span", { key: n }, x(r.join(", ")), 1))), 128))
+          ]),
+          _: 1
+        })) : (l(), d("span", ee, x(o.emptyText), 1))
+      ], 64)) : (l(), B(e(H), E({ key: 1 }, _.value, {
+        ref: u.value,
+        value: e(h),
+        loading: e(v),
+        options: e(g),
+        placeholder: e(R),
+        "load-data": o.loadData ? e(y) : void 0,
+        "onUpdate:value": e(D)
+      }), K({ _: 2 }, [
+        N(I, (r, n) => ({
+          name: n,
+          fn: f((c) => [
+            j(o.$slots, n, q(G(c || {})))
+          ])
+        })),
+        e(v) ? {
+          name: "notFoundContent",
+          fn: f(() => [
+            W(i, { size: "small" })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["value", "loading", "options", "placeholder", "load-data", "onUpdate:value"]));
     };
   }
 });
 export {
-  ue as default
+  de as default
 };

package/es/src/ap-field/cascader/read.vue2.mjs

@@ -1,10 +1,9 @@
-import { isVNode as g, defineComponent as C, computed as b, createVNode as d, Fragment as c, createBlock as w, openBlock as x, resolveDynamicComponent as B } from "vue";
+import { defineComponent as C, computed as w, unref as m, createElementBlock as d, createBlock as B, openBlock as p, toDisplayString as f, withCtx as x, Fragment as b, renderList as v } from "vue";
 import { Space as N } from "@aplus-frontend/antdv";
-import { isArray as v } from "lodash-unified";
-function S(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !g(o);
-}
-const P = /* @__PURE__ */ C({
+import { isArray as S } from "lodash-unified";
+const T = {
+  key: 0
+}, R = /* @__PURE__ */ C({
   name: "ApFieldCascaderRead",
   __name: "read",
   props: {
@@ -13,6 +12,9 @@ const P = /* @__PURE__ */ C({
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     multiple: {
       type: Boolean
     },
@@ -112,9 +114,6 @@ const P = /* @__PURE__ */ C({
     dropdownPrefixCls: {},
     dropdownMenuColumnStyle: {},
     loadingIcon: {},
-    emptyText: {
-      default: "--"
-    },
     request: {},
     lazy: {
       type: Boolean
@@ -124,36 +123,38 @@ const P = /* @__PURE__ */ C({
       type: Boolean
     }
   },
-  setup(o) {
-    const e = o, u = b(() => {
-      let p;
-      const n = e.value;
-      if (!n.length)
-        return d(c, null, [e.emptyText]);
-      const i = [], m = e.fieldNames?.label || "label", f = e.fieldNames?.value || "value";
-      function s(t, a) {
-        const l = [];
-        for (const r of t) {
-          if (a.find((h) => h === r[f]) && l.push(r[m]), l.length === a.length)
-            return l;
-          r.children?.length && l.push(...s(r.children, a));
+  setup(h) {
+    const a = h, i = w(() => {
+      const e = m(a.value);
+      if (!e?.length) return [];
+      const u = a.fieldNames?.label || "label", r = a.fieldNames?.value || "value";
+      function t(s, o) {
+        const n = [];
+        for (const l of s || []) {
+          if (o.find((g) => g === l[r]) && n.push(l[u]), n.length === o.length)
+            return n;
+          l.children?.length && n.push(...t(l.children, o));
         }
-        return l;
+        return n;
+      }
+      const c = [], y = S(e[0]) ? e : [e];
+      for (const s of y) {
+        const o = t(a.options, s);
+        o.length && c.push(o);
       }
-      const y = v(n[0]) ? n : [n];
-      for (const t of y)
-        i.push(s(e.options, t));
-      return i.length ? d(N, {
-        size: 4
-      }, S(p = i.map((t, a) => d("span", {
-        key: a
-      }, [t.join(", ")]))) ? p : {
-        default: () => [p]
-      }) : d(c, null, [e.emptyText]);
+      return c;
     });
-    return (p, n) => (x(), w(B(u.value)));
+    return (e, u) => i.value.length ? (p(), B(m(N), {
+      key: 1,
+      size: 4
+    }, {
+      default: x(() => [(p(!0), d(b, null, v(i.value, (r, t) => (p(), d("span", {
+        key: t
+      }, f(r.join(", ")), 1))), 128))]),
+      _: 1
+    })) : (p(), d("span", T, f(e.emptyText), 1));
   }
 });
 export {
-  P as default
+  R as default
 };

package/es/src/ap-field/checkbox/index.vue.d.ts

@@ -2,7 +2,18 @@ import { ApFieldCheckboxProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { FieldMode } from '..';
 import { CheckboxOptionType } from '@aplus-frontend/antdv';
-declare const _default: DefineComponent<ApFieldCheckboxProps, {
+type CheckboxGroupSlots = {
+    label?: any;
+    default?: any;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CheckboxGroupSlots> & CheckboxGroupSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ApFieldCheckboxProps, {
     request: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
@@ -14,4 +25,10 @@ declare const _default: DefineComponent<ApFieldCheckboxProps, {
     options: (string | number | CheckboxOptionType)[];
     emptyText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-field/checkbox/index.vue.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as V, ref as q, onMounted as B, createElementBlock as l, openBlock as o, Fragment as n, unref as e, createTextVNode as m, toDisplayString as d, createBlock as c, mergeProps as O } from "vue";
-import { Spin as T, CheckboxGroup as U } from "@aplus-frontend/antdv";
-import { isFunction as _, isNil as F, omit as N } from "lodash-unified";
+import { defineComponent as O, computed as T, useSlots as _, ref as P, onMounted as U, createElementBlock as r, openBlock as o, Fragment as s, unref as e, createTextVNode as d, toDisplayString as c, createBlock as f, mergeProps as F, createSlots as N, renderList as z, withCtx as A, renderSlot as L, normalizeProps as j, guardReactiveProps as w } from "vue";
+import { Spin as D, CheckboxGroup as E } from "@aplus-frontend/antdv";
+import { omit as G, isFunction as I, isNil as M } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import S from "../hooks/use-options.mjs";
-import A from "../style/index.mjs";
-import { getOptionValue as j, getOptionLabel as z } from "./helper.mjs";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as E } from "../../hooks/useControllableValue.mjs";
-const W = /* @__PURE__ */ V({
+import R from "../hooks/use-options.mjs";
+import $ from "../style/index.mjs";
+import { getOptionValue as H, getOptionLabel as J } from "./helper.mjs";
+import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as Q } from "../../hooks/useControllableValue.mjs";
+const ne = /* @__PURE__ */ O({
   name: "ApFieldCheckbox",
   inheritAttrs: !1,
   __name: "index",
@@ -16,6 +16,7 @@ const W = /* @__PURE__ */ V({
     mode: { default: "edit" },
     class: {},
     style: {},
+    emptyText: { default: "--" },
     defaultValue: {},
     value: {},
     onChange: {},
@@ -25,60 +26,58 @@ const W = /* @__PURE__ */ V({
     options: { default: () => [] },
     disabled: { type: Boolean, default: void 0 },
     id: {},
-    emptyText: { default: "--" },
     request: {},
     vertical: { type: Boolean }
   },
   emits: ["update:value"],
-  setup(f, { expose: v, emit: y }) {
-    const k = y, t = f, { options: u, updateOptions: x } = S(t), { b: h, m: b } = D("field-checkbox"), g = A("field"), r = q(!1);
+  setup(v, { expose: y, emit: k }) {
+    const x = k, t = v, h = T(
+      () => G(t, ["onUpdate:value", "value", "request", "vertical", "emptyText"])
+    ), g = _(), { options: u, updateOptions: b } = R(t), { b: C, m: S } = K("field-checkbox"), V = $("field"), n = P(!1);
     async function p() {
-      if (_(t.request))
-        return r.value = !0, t.request().then((a) => x(a)).finally(() => {
-          r.value = !1;
+      if (I(t.request))
+        return n.value = !0, t.request().then((a) => b(a)).finally(() => {
+          n.value = !1;
         });
     }
-    B(() => {
+    U(() => {
       p();
     });
-    const { value: i, updateValue: C } = E(
+    const { value: i, updateValue: q } = Q(
       t,
-      k,
+      x,
       {
         defaultValue: []
       }
     );
-    return v({
+    return y({
       request: p
-    }), (a, G) => a.mode === "read" ? (o(), l(n, { key: 0 }, [
-      e(F)(e(i)) ? (o(), l(n, { key: 0 }, [
-        m(d(t.emptyText), 1)
-      ], 64)) : (o(), l(n, { key: 1 }, [
-        m(d(e(u)?.filter((s) => e(i).indexOf(e(j)(s)) > -1).map((s) => e(z)(s)).join("、") || t.emptyText), 1)
+    }), (a, W) => a.mode === "read" ? (o(), r(s, { key: 0 }, [
+      e(M)(e(i)) ? (o(), r(s, { key: 0 }, [
+        d(c(t.emptyText), 1)
+      ], 64)) : (o(), r(s, { key: 1 }, [
+        d(c(e(u)?.filter((l) => e(i).indexOf(e(H)(l)) > -1).map((l) => e(J)(l)).join("、") || t.emptyText), 1)
       ], 64))
-    ], 64)) : (o(), l(n, { key: 1 }, [
-      r.value ? (o(), c(e(T), {
+    ], 64)) : (o(), r(s, { key: 1 }, [
+      n.value ? (o(), f(e(D), {
         key: 0,
         size: "small"
-      })) : (o(), c(e(U), O(
-        { key: 1 },
-        e(N)(t, [
-          "onUpdate:value",
-          "value",
-          "request",
-          "vertical",
-          "emptyText"
-        ]),
-        {
-          options: e(u),
-          value: e(i),
-          class: [e(h)(), a.vertical ? e(b)("vertical") : null, e(g)],
-          "onUpdate:value": e(C)
-        }
-      ), null, 16, ["options", "value", "class", "onUpdate:value"]))
+      })) : (o(), f(e(E), F({ key: 1 }, h.value, {
+        options: e(u),
+        value: e(i),
+        class: [e(C)(), a.vertical ? e(S)("vertical") : null, e(V)],
+        "onUpdate:value": e(q)
+      }), N({ _: 2 }, [
+        z(g, (l, m) => ({
+          name: m,
+          fn: A((B) => [
+            L(a.$slots, m, j(w(B || {})))
+          ])
+        }))
+      ]), 1040, ["options", "value", "class", "onUpdate:value"]))
     ], 64));
   }
 });
 export {
-  W as default
+  ne as default
 };

package/es/src/ap-field/checkbox/read.vue2.mjs

@@ -8,6 +8,7 @@ const g = /* @__PURE__ */ r({
     mode: { default: "edit" },
     class: {},
     style: {},
+    emptyText: { default: "--" },
     defaultValue: {},
     value: {},
     onChange: {},
@@ -17,7 +18,6 @@ const g = /* @__PURE__ */ r({
     options: { default: () => [] },
     disabled: { type: Boolean, default: void 0 },
     id: {},
-    emptyText: { default: "--" },
     request: {},
     vertical: { type: Boolean }
   },