@aplus-frontend/ui 0.5.19 → 0.5.20

package/es/src/ap-field/tree-select/index.vue.mjs

@@ -0,0 +1,251 @@
+import { isVNode as E, defineComponent as F, useSlots as K, ref as U, computed as z, unref as o, createVNode as d, Fragment as S, createBlock as w, openBlock as C, resolveDynamicComponent as M, mergeProps as j, createSlots as q, renderList as O, withCtx as x, renderSlot as $, normalizeProps as H, guardReactiveProps as W } from "vue";
+import { Space as G, Tag as J, TreeSelect as Q, Spin as X } from "@aplus-frontend/antdv";
+import "../../hooks/index.mjs";
+import { isArray as Y, omit as Z } from "lodash-unified";
+import { useRequest as ee } from "./use-request.mjs";
+import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
+function N(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !E(r);
+}
+const ie = /* @__PURE__ */ F({
+  __name: "index",
+  props: {
+    mode: {
+      default: "edit"
+    },
+    class: {},
+    style: {},
+    suffixIcon: {},
+    size: {},
+    bordered: {
+      type: Boolean,
+      default: void 0
+    },
+    treeLine: {},
+    replaceFields: {},
+    placement: {},
+    status: {},
+    popupClassName: {},
+    dropdownClassName: {},
+    "onUpdate:value": {},
+    "onUpdate:treeExpandedKeys": {},
+    "onUpdate:searchValue": {},
+    value: {},
+    children: {},
+    listHeight: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    tabindex: {},
+    onClick: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onKeydown: {},
+    onKeyup: {},
+    onMousedown: {},
+    onSelect: {},
+    open: {
+      type: Boolean,
+      default: void 0
+    },
+    animation: {},
+    direction: {},
+    multiple: {
+      type: Boolean,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: void 0
+    },
+    prefixCls: {},
+    id: {},
+    autofocus: {
+      type: Boolean,
+      default: void 0
+    },
+    getPopupContainer: {},
+    virtual: {
+      type: Boolean,
+      default: !0
+    },
+    dropdownMatchSelectWidth: {
+      default: !0
+    },
+    defaultValue: {},
+    showAction: {},
+    transitionName: {},
+    onDeselect: {},
+    loading: {
+      type: Boolean,
+      default: void 0
+    },
+    placeholder: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean,
+      default: void 0
+    },
+    onSearch: {},
+    notFoundContent: {},
+    fieldNames: {},
+    dropdownStyle: {},
+    dropdownRender: {},
+    dropdownAlign: {},
+    switcherIcon: {},
+    filterTreeNode: {},
+    treeData: {},
+    treeCheckable: {
+      type: Boolean,
+      default: void 0
+    },
+    showSearch: {
+      type: Boolean,
+      default: void 0
+    },
+    searchValue: {},
+    onInputKeyDown: {},
+    removeIcon: {},
+    maxTagCount: {},
+    maxTagTextLength: {},
+    maxTagPlaceholder: {},
+    tokenSeparators: {},
+    tagRender: {},
+    choiceTransitionName: {},
+    optionLabelRender: {},
+    onClear: {},
+    defaultOpen: {
+      type: Boolean,
+      default: void 0
+    },
+    onDropdownVisibleChange: {},
+    getRawInputElement: {},
+    showArrow: {
+      type: Boolean,
+      default: void 0
+    },
+    onPopupScroll: {},
+    listItemHeight: {},
+    inputValue: {},
+    autoClearSearchValue: {
+      type: Boolean,
+      default: void 0
+    },
+    labelInValue: {
+      type: Boolean,
+      default: void 0
+    },
+    showCheckedStrategy: {},
+    treeExpandAction: {},
+    treeDefaultExpandAll: {
+      type: Boolean,
+      default: void 0
+    },
+    treeIcon: {},
+    treeLoadedKeys: {},
+    onTreeLoad: {},
+    treeNodeFilterProp: {},
+    treeNodeLabelProp: {},
+    treeCheckStrictly: {
+      type: Boolean,
+      default: void 0
+    },
+    treeDataSimpleMode: {},
+    treeExpandedKeys: {},
+    treeDefaultExpandedKeys: {},
+    onTreeExpand: {},
+    dropdownPopupAlign: {},
+    emptyText: {
+      default: "--"
+    },
+    request: {},
+    lazy: {
+      type: Boolean
+    },
+    params: {},
+    loadData: {
+      type: Boolean
+    }
+  },
+  emits: ["update:value"],
+  setup(r, {
+    expose: b,
+    emit: T
+  }) {
+    const a = r, D = K(), V = T, s = U(), {
+      value: c,
+      updateValue: k
+    } = te(a, V), {
+      treeData: m,
+      loading: y,
+      request: h
+    } = ee(a), I = z(() => {
+      var v, B;
+      let e;
+      const t = o(c), u = Y(t) ? t : [t].filter(Boolean);
+      if (!u.length)
+        return d(S, null, [a.emptyText]);
+      const n = [], f = ((v = a.fieldNames) == null ? void 0 : v.label) || "label", _ = ((B = a.fieldNames) == null ? void 0 : B.value) || "value";
+      function g(l) {
+        var i;
+        for (const p of l) {
+          if (u.find((A) => A === p[_]) && n.push(p[f]), n.length === u.length)
+            return;
+          (i = p.children) != null && i.length && g(p.children);
+        }
+      }
+      return g(o(m)), n.length ? n.length === 1 ? d("span", null, [n[0]]) : d(G, {
+        size: 4
+      }, N(e = n.map((l, i) => d(J, {
+        style: "margin-right: 0px",
+        key: `${l}-${i}`
+      }, N(l) ? l : {
+        default: () => [l]
+      }))) ? e : {
+        default: () => [e]
+      }) : d(S, null, [a.emptyText]);
+    });
+    function P() {
+      var e, t;
+      (t = (e = s.value) == null ? void 0 : e.focus) == null || t.call(e);
+    }
+    function L() {
+      var e, t;
+      (t = (e = s.value) == null ? void 0 : e.blur) == null || t.call(e);
+    }
+    function R(e) {
+      return h(e);
+    }
+    return b({
+      request: h,
+      focus: P,
+      blur: L
+    }), (e, t) => e.mode === "read" ? (C(), w(M(I.value), {
+      key: 0
+    })) : (C(), w(o(Q), j({
+      key: 1
+    }, o(Z)(a, ["onUpdate:value", "value", "treeData", "loadData"]), {
+      ref_key: "treeSelectRef",
+      ref: s,
+      value: o(c),
+      "tree-data": o(m),
+      loading: o(y),
+      "load-data": e.loadData ? R : void 0,
+      "onUpdate:value": o(k)
+    }), q({
+      _: 2
+    }, [O(D, (u, n) => ({
+      name: n,
+      fn: x((f) => [$(e.$slots, n, H(W(f || {})))])
+    })), o(y) ? {
+      name: "notFoundContent",
+      fn: x(() => [d(o(X), {
+        size: "small"
+      })]),
+      key: "0"
+    } : void 0]), 1040, ["value", "tree-data", "loading", "load-data", "onUpdate:value"]));
+  }
+});
+export {
+  ie as default
+};

package/es/src/ap-field/tree-select/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-field/tree-select/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-field/tree-select/style/css.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-field/tree-select/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-field/tree-select/style/index.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-field/tree-select/use-request.d.ts

@@ -0,0 +1,41 @@
+import { ApFieldTreeSelectProps } from '../interface';
+import { LegacyDataNode, Key } from '@aplus-frontend/antdv/es/vc-tree-select/interface';
+import { Ref } from 'vue';
+import { RawValueType, BaseOptionType, DefaultOptionType } from '@aplus-frontend/antdv/es/vc-tree-select/TreeSelect';
+export declare const useRequest: (props: ApFieldTreeSelectProps) => {
+    treeData: Ref<({
+        [x: string]: any;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    } | {
+        [x: string]: any;
+        value?: RawValueType | undefined;
+        title?: any;
+        label?: any;
+        key?: Key | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+    })[] | undefined, ( BaseOptionType | DefaultOptionType)[] | ({
+        [x: string]: any;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+        children?: /*elided*/ any[] | undefined;
+    } | {
+        [x: string]: any;
+        value?: RawValueType | undefined;
+        title?: any;
+        label?: any;
+        key?: Key | undefined;
+        children?: /*elided*/ any[] | undefined;
+        disabled?: boolean | undefined;
+        checkable?: boolean | undefined;
+        disableCheckbox?: boolean | undefined;
+    })[] | undefined>;
+    request: (targetNode?: LegacyDataNode, clear?: boolean) => Promise<void>;
+    loading: Ref<boolean, boolean>;
+};

package/es/src/ap-field/tree-select/use-request.mjs

@@ -0,0 +1,66 @@
+import { ref as v, watch as d, onMounted as h } from "vue";
+import { isFunction as m } from "lodash-unified";
+const w = (n) => {
+  let i = 0;
+  const t = v(
+    n.treeData || []
+  ), c = v(!1);
+  d(
+    () => n.treeData,
+    (e) => {
+      t.value = e;
+    },
+    {
+      deep: !0
+    }
+  );
+  function o(e, l) {
+    var u, r;
+    if (!(e != null && e.length))
+      return;
+    const a = ((u = n.fieldNames) == null ? void 0 : u.value) || "value";
+    for (const f of e) {
+      if (f[a] === l[a])
+        return f;
+      if ((r = f.children) != null && r.length)
+        return o(f.children, l);
+    }
+  }
+  async function s(e, l = !1) {
+    if (!m(n.request))
+      return;
+    c.value = !0, i += 1;
+    const a = i;
+    try {
+      l && (t.value = []);
+      const u = await n.request(e, n.params);
+      if (a !== i)
+        return;
+      if (e) {
+        const r = o(t.value, e);
+        r && (r.children = u);
+      } else
+        t.value = u;
+    } finally {
+      c.value = !1;
+    }
+  }
+  return h(() => {
+    n.lazy || s();
+  }), d(
+    () => n.params,
+    () => {
+      s();
+    },
+    {
+      deep: !0
+    }
+  ), {
+    treeData: t,
+    request: s,
+    loading: c
+  };
+};
+export {
+  w as useRequest
+};

package/es/src/ap-form/item-tree-select/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/item-tree-select/style/css.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/item-tree-select/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/item-tree-select/style/index.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-form/items/index.d.ts

@@ -7,4 +7,5 @@ import { default as ApFormItemRadio } from './radio/index.vue';
 import { default as ApFormItemSelect } from './select/index.vue';
 import { default as ApFormItemSwitch } from './switch/index.vue';
 import { default as ApFormItemCheckbox } from './checkbox/index.vue';
-export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox, ApFormItemTextPassword };
+import { default as ApFormItemTreeSelect } from './tree-select/index.vue';
+export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox, ApFormItemTextPassword, ApFormItemTreeSelect };

package/es/src/ap-form/items/index.mjs

@@ -1,4 +1,4 @@
-import { ApFormItemText as F } from "./text/index.mjs";
+import { ApFormItemText as I } from "./text/index.mjs";
 import "./text-area/index.vue2.mjs";
 import "./number/index.vue2.mjs";
 import "./date/index.vue2.mjs";
@@ -7,6 +7,7 @@ import "./radio/index.vue2.mjs";
 import "./select/index.vue2.mjs";
 import "./switch/index.vue2.mjs";
 import "./checkbox/index.vue2.mjs";
+import "./tree-select/index.vue2.mjs";
 export {
-  F as ApFormItemText
+  I as ApFormItemText
 };

package/es/src/ap-form/items/interface.d.ts

@@ -1,5 +1,5 @@
 import { SizeType } from '@aplus-frontend/antdv/es/config-provider';
-import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextPasswordProps, ApFieldTextProps } from '../../ap-field';
+import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTreeSelectProps } from '../../ap-field';
 import { ApFormItemProps } from '../interface';
 export type ApFormItemTextProps = ApFormItemProps & {
     field?: Omit<ApFieldTextProps, 'value' | 'onUpdate:value'>;
@@ -48,6 +48,11 @@ export type ApFormItemCheckboxProps = Omit<ApFormItemProps, 'bordered'> & {
     field?: Omit<ApFieldCheckboxProps, 'value' | 'onUpdate:value'>;
     disabled?: boolean;
 };
+export type ApFormItemTreeSelectProps = ApFormItemProps & {
+    field?: Omit<ApFieldTreeSelectProps, 'value' | 'onUpdate:value'>;
+    placeholder?: string;
+    disabled?: boolean;
+};
 export type ApFormItemTextGroupProps = {
     /**
      * ApFormItem 控件所有支持的