@aplus-frontend/ui 0.0.1-beta.7 → 0.0.1-beta.9

package/es/src/icon-picker/icon-picker.vue2.mjs

@@ -1,4 +1,170 @@
-import f from "./icon-picker.vue.mjs";
+import { defineComponent as j, ref as m, watchEffect as q, watch as G, openBlock as l, createBlock as d, unref as e, normalizeStyle as J, normalizeClass as i, withCtx as p, createVNode as c, createElementVNode as k, createElementBlock as s, Fragment as K, renderList as O, createCommentVNode as Q } from "vue";
+import { ScrollContainer as R } from "../container/index.mjs";
+import { Input as I, Popover as W, Pagination as X, Empty as Y } from "ant-design-vue";
+import "../icon/icon.vue.mjs";
+import "../icon/svg-icon.vue.mjs";
+import "./style/index.css";
+import B from "./data.mjs";
+import { usePagination as Z } from "@aplus-frontend/hooks";
+import { useDebounceFn as ee } from "@vueuse/core";
+import { copyText as te } from "../utils/copy-text-to-clipboard.mjs";
+import "../config-provider/index.mjs";
+import { useLocale as ae } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as oe } from "../config-provider/hooks/use-namespace.mjs";
+import L from "../icon/svg-icon.vue2.mjs";
+import N from "../icon/icon.vue2.mjs";
+const le = { key: 0 }, ne = ["onClick", "title"], we = /* @__PURE__ */ j({
+  inheritAttrs: !1,
+  name: "ApIconPicker",
+  __name: "icon-picker",
+  props: {
+    value: { default: "" },
+    width: { default: "100%" },
+    pageSize: { default: 140 },
+    copy: { type: Boolean, default: !1 },
+    mode: { default: "iconify" },
+    svgIcons: {},
+    allowClear: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "update:value"],
+  setup(V, { emit: b }) {
+    const r = V;
+    function $() {
+      const t = B.prefix;
+      return B.icons.map((a) => `${t}:${a}`);
+    }
+    function x() {
+      var t;
+      return ((t = r.svgIcons) == null ? void 0 : t.map((a) => a.replace("icon-", ""))) || [];
+    }
+    const C = b, f = r.mode === "svg", g = f ? x() : $(), n = m(""), S = m(!1), v = m(g), y = m(), E = () => {
+      y.value && y.value.click();
+    }, { t: h } = ae(), { b: w, e: A, em: u } = oe("icon-picker"), D = ee(M, 100), {
+      getPaginationList: _,
+      getTotal: z,
+      setCurrentPage: P,
+      setPageSize: F,
+      getPageSize: T
+    } = Z(v, r.pageSize);
+    q(() => {
+      n.value = r.value;
+    }), G(
+      () => n.value,
+      (t) => {
+        C("update:value", t), C("change", t);
+      }
+    );
+    function U(t, a) {
+      P(t), F(a);
+    }
+    function H(t) {
+      n.value = t, r.copy && te(t, h("ap.icon.picker.copy"));
+    }
+    function M(t) {
+      const a = t.target.value;
+      if (!a) {
+        P(1), v.value = g;
+        return;
+      }
+      v.value = g.filter((o) => o.includes(a));
+    }
+    return (t, a) => (l(), d(e(I), {
+      style: J({ width: t.width }),
+      placeholder: e(h)("ap.icon.picker.placeholder"),
+      class: i(e(w)()),
+      value: n.value,
+      "onUpdate:value": a[1] || (a[1] = (o) => n.value = o),
+      onClick: E,
+      allowClear: r.allowClear,
+      readonly: r.readonly
+    }, {
+      addonAfter: p(() => [
+        c(e(W), {
+          placement: "bottomLeft",
+          trigger: "click",
+          modelValue: S.value,
+          "onUpdate:modelValue": a[0] || (a[0] = (o) => S.value = o),
+          overlayClassName: e(w)("popover")
+        }, {
+          title: p(() => [
+            k("div", {
+              class: i(e(A)("title"))
+            }, [
+              c(e(I), {
+                placeholder: e(h)("ap.icon.picker.search"),
+                onChange: e(D),
+                allowClear: ""
+              }, null, 8, ["placeholder", "onChange"])
+            ], 2)
+          ]),
+          content: p(() => [
+            e(_).length ? (l(), s("div", le, [
+              c(e(R), {
+                class: i(e(u)("content", "container"))
+              }, {
+                default: p(() => [
+                  k("ul", null, [
+                    (l(!0), s(K, null, O(e(_), (o) => (l(), s("li", {
+                      key: o,
+                      onClick: (re) => H(o),
+                      title: o
+                    }, [
+                      f ? (l(), d(L, {
+                        key: 0,
+                        name: o
+                      }, null, 8, ["name"])) : (l(), d(N, {
+                        key: 1,
+                        icon: o
+                      }, null, 8, ["icon"]))
+                    ], 8, ne))), 128))
+                  ])
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              e(z) >= t.pageSize ? (l(), s("div", {
+                key: 0,
+                class: i(e(u)("content", "footer"))
+              }, [
+                c(e(X), {
+                  showLessItems: "",
+                  size: "small",
+                  pageSize: e(T),
+                  total: e(z),
+                  onChange: U
+                }, null, 8, ["pageSize", "total"])
+              ], 2)) : Q("", !0)
+            ])) : (l(), s("div", {
+              key: 1,
+              class: i(e(u)("content", "empty"))
+            }, [
+              c(e(Y))
+            ], 2))
+          ]),
+          default: p(() => [
+            k("div", {
+              ref_key: "trigger",
+              ref: y
+            }, [
+              f && n.value ? (l(), s("span", {
+                key: 0,
+                class: i(e(u)("trigger", "svg"))
+              }, [
+                c(L, { name: n.value }, null, 8, ["name"])
+              ], 2)) : (l(), d(N, {
+                key: 1,
+                icon: n.value || "ion:apps-outline",
+                class: i(e(u)("trigger", "iconify"))
+              }, null, 8, ["icon", "class"]))
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "overlayClassName"])
+      ]),
+      _: 1
+    }, 8, ["style", "placeholder", "class", "value", "allowClear", "readonly"]));
+  }
+});
 export {
-  f as default
+  we as default
 };

package/es/src/icon-picker/index.mjs

@@ -1,7 +1,9 @@
-import o from "./icon-picker.vue.mjs";
-import { withInstall as t } from "@aplus-frontend/utils";
-const m = t(o);
+import "./icon-picker.vue.mjs";
+import { withInstall as o } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import t from "./icon-picker.vue2.mjs";
+const a = o(t);
 export {
-  m as IconPicker,
-  m as default
+  a as IconPicker,
+  a as default
 };

package/es/src/icon-picker/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/index.mjs

@@ -1,157 +1,165 @@
-import { Icon as r, SvgIcon as t } from "./icon/index.mjs";
-import { APConfigProvider as p } from "./config-provider/index.mjs";
-import { Scrollbar as l } from "./scroll-bar/index.mjs";
-import { CollapseContainer as m, ScrollContainer as n } from "./container/index.mjs";
-import { IconPicker as d } from "./icon-picker/index.mjs";
-import { default as u } from "./locale/lang/zh-cn.mjs";
-import { default as A } from "./locale/lang/en.mjs";
-import { BasicArrow as C, BasicHelp as S, BasicTitle as F } from "./basic/index.mjs";
-import { ExpandTransition as b, ExpandXTransition as g, FadeTransition as v, ScaleRotateTransition as P, ScaleTransition as B, ScrollXReverseTransition as R, ScrollXTransition as D, ScrollYReverseTransition as G, ScrollYTransition as M, SlideXReverseTransition as h, SlideXTransition as w, SlideYReverseTransition as k, SlideYTransition as X } from "./transition/index.mjs";
-import { Description as N } from "./description/index.mjs";
-import { Field as E } from "./pro-form/index.mjs";
-import { BaseButton as H } from "./base-button/index.mjs";
-import { StrengthMeter as z } from "./strength-meter/index.mjs";
-import { BaseModal as j } from "./modal/index.mjs";
-import { CropperAvatar as J, CropperImage as Q } from "./cropper/index.mjs";
-import { CountdownButton as V, CountdownInput as W } from "./count-down/index.mjs";
-import { createPrompt as _ } from "./prompt/index.mjs";
-import { Dropdown as oo } from "./dropdown/index.mjs";
-import { default as ro } from "./pro-table/pro-table.vue.mjs";
-import { default as ao } from "./pro-table/components/table-action.vue.mjs";
-import { default as fo } from "./pro-table/components/edit-table-header-icon.vue.mjs";
-import { default as io } from "./pro-table/components/table-image.vue.mjs";
-import { useTable as no } from "./pro-table/hooks/use-table.mjs";
-import { ApForm as xo, ApFormItem as uo, ApFormItemGroup as co } from "./ap-form/index.mjs";
-import { default as To } from "./ap-field/text/index.vue.mjs";
-import { default as So } from "./ap-field/checkbox/index.vue.mjs";
-import { default as Io } from "./ap-field/date/index.vue.mjs";
-import { default as go } from "./ap-field/number/index.vue.mjs";
-import { default as Po } from "./ap-field/radio/index.vue.mjs";
-import { default as Ro } from "./ap-field/switch/index.vue.mjs";
-import { default as Go } from "./ap-field/text-area/index.vue.mjs";
-import { default as ho } from "./ap-field/date-range/index.vue.mjs";
-import { default as ko } from "./ap-field/select/index.vue.mjs";
-import { adminToken as yo, aplusToken as No } from "./design-token/index.mjs";
-import { ApActionItem as Eo } from "./ap-action/index.mjs";
-import { default as Ho } from "./pro-form/pro-form.vue.mjs";
-import { default as zo } from "./base-button/modal-button.vue.mjs";
-import { default as jo } from "./base-button/pop-confirm-button.vue.mjs";
-import { default as Jo } from "./ap-action/group/index.vue.mjs";
-import { configProviderProps as Uo } from "./config-provider/config-provider-props.mjs";
-import { configProviderContextKey as Wo, tableDefaultConfig as Zo } from "./config-provider/constants.mjs";
-import { keysOf as $o, provideGlobalConfig as oe, useGlobalConfig as ee } from "./config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as te, buildTranslator as ae, localeContextKey as pe, translate as fe, useLocale as le } from "./config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as me, namespaceContextKey as ne, useGetDerivedNamespace as se, useNamespace as de } from "./config-provider/hooks/use-namespace.mjs";
-import { ConfigProvider as ue } from "./config-provider/config-provider.mjs";
-import { default as Ae } from "./transition/collapse-transition.vue.mjs";
-import { useDescription as Ce } from "./description/use-description.mjs";
-import { useForm as Fe } from "./pro-form/hooks/use-form.mjs";
-import { isComponentFormSchema as be, isSlotFormSchema as ge } from "./pro-form/types/form.mjs";
-import { default as Pe } from "./pro-form/components/api-cascader.vue.mjs";
-import { default as Re } from "./pro-form/components/api-radio-group.vue.mjs";
-import { default as Ge } from "./pro-form/components/api-select.vue.mjs";
-import { default as he } from "./pro-form/components/api-transfer.vue.mjs";
-import { default as ke } from "./pro-form/components/api-tree.vue.mjs";
-import { default as ye } from "./pro-form/components/radio-button-group.vue.mjs";
-import { default as Ye } from "./pro-form/components/api-tree-select.vue.mjs";
-import { useModalContext as Ke } from "./modal/hooks/use-modal-context.mjs";
-import { useModal as Le, useModalInner as ze } from "./modal/hooks/use-modal.mjs";
-import { default as je } from "./ap-action/item-modal/index.vue.mjs";
-import { default as Je } from "./ap-action/item-popconfirm/index.vue.mjs";
-import { default as Ue } from "./ap-action/item-dropdown/index.vue.mjs";
+import { Icon as a, SvgIcon as p } from "./icon/index.mjs";
+import { APConfigProvider as l } from "./config-provider/index.mjs";
+import { Scrollbar as i } from "./scroll-bar/index.mjs";
+import { CollapseContainer as s, ScrollContainer as d } from "./container/index.mjs";
+import { IconPicker as u } from "./icon-picker/index.mjs";
+import "./locale/index.mjs";
+import { BasicArrow as A, BasicHelp as T, BasicTitle as C } from "./basic/index.mjs";
+import { ExpandTransition as F, ExpandXTransition as I, FadeTransition as b, ScaleRotateTransition as g, ScaleTransition as v, ScrollXReverseTransition as P, ScrollXTransition as B, ScrollYReverseTransition as R, ScrollYTransition as D, SlideXReverseTransition as G, SlideXTransition as M, SlideYReverseTransition as h, SlideYTransition as w } from "./transition/index.mjs";
+import { Description as X } from "./description/index.mjs";
+import { Field as N } from "./pro-form/index.mjs";
+import { BaseButton as E } from "./base-button/index.mjs";
+import { StrengthMeter as H } from "./strength-meter/index.mjs";
+import { BaseModal as z } from "./modal/index.mjs";
+import { CropperAvatar as j, CropperImage as q } from "./cropper/index.mjs";
+import { CountdownButton as Q, CountdownInput as U } from "./count-down/index.mjs";
+import { createPrompt as W } from "./prompt/index.mjs";
+import { Dropdown as _ } from "./dropdown/index.mjs";
+import "./pro-table/index.mjs";
+import { ApForm as oo, ApFormItem as eo, ApFormItemGroup as ro } from "./ap-form/index.mjs";
+import { ApField as ao } from "./ap-field/index.mjs";
+import { adminToken as fo, aplusToken as lo } from "./design-token/index.mjs";
+import { ApActionItem as io } from "./ap-action/index.mjs";
+import { configProviderProps as so } from "./config-provider/config-provider-props.mjs";
+import { configProviderContextKey as uo, tableDefaultConfig as co } from "./config-provider/constants.mjs";
+import { keysOf as To, provideGlobalConfig as Co, useGlobalConfig as So } from "./config-provider/hooks/use-global-config.mjs";
+import { buildLocaleContext as Io, buildTranslator as bo, localeContextKey as go, translate as vo, useLocale as Po } from "./config-provider/hooks/use-locale.mjs";
+import { defaultNamespace as Ro, namespaceContextKey as Do, useGetDerivedNamespace as Go, useNamespace as Mo } from "./config-provider/hooks/use-namespace.mjs";
+import { ConfigProvider as wo } from "./config-provider/config-provider.mjs";
+import { default as Xo } from "./locale/lang/zh-cn.mjs";
+import { default as No } from "./locale/lang/en.mjs";
+import { default as Eo } from "./transition/collapse-transition.vue.mjs";
+import { useDescription as Ho } from "./description/use-description.mjs";
+import { useComponentRegister as zo } from "./pro-form/hooks/use-component-register.mjs";
+import { useForm as jo } from "./pro-form/hooks/use-form.mjs";
+import { isComponentFormSchema as Jo, isSlotFormSchema as Qo } from "./pro-form/types/form.mjs";
+import { default as Vo } from "./pro-form/components/api-cascader.vue.mjs";
+import { default as Zo } from "./pro-form/components/api-radio-group.vue.mjs";
+import { default as $o } from "./pro-form/components/api-select.vue.mjs";
+import { default as ee } from "./pro-form/components/api-transfer.vue.mjs";
+import { default as te } from "./pro-form/components/api-tree.vue.mjs";
+import { default as pe } from "./pro-form/components/radio-button-group.vue.mjs";
+import { default as le } from "./pro-form/pro-form.vue.mjs";
+import { default as ie } from "./pro-form/components/api-tree-select.vue.mjs";
+import { default as se } from "./base-button/modal-button.vue.mjs";
+import { default as xe } from "./base-button/pop-confirm-button.vue.mjs";
+import { useModalContext as ce } from "./modal/hooks/use-modal-context.mjs";
+import { useModal as Te, useModalInner as Ce } from "./modal/hooks/use-modal.mjs";
+import { default as Fe } from "./pro-table/pro-table.vue.mjs";
+import { default as be } from "./pro-table/components/table-action.vue.mjs";
+import { default as ve } from "./pro-table/components/edit-table-header-icon.vue.mjs";
+import { default as Be } from "./pro-table/components/table-image.vue.mjs";
+import { useTable as De } from "./pro-table/hooks/use-table.mjs";
+import { default as Me } from "./ap-form/items/text/index.vue.mjs";
+import { default as we } from "./ap-field/text/index.vue.mjs";
+import { default as Xe } from "./ap-field/checkbox/index.vue.mjs";
+import { default as Ne } from "./ap-field/date/index.vue.mjs";
+import { default as Ee } from "./ap-field/number/index.vue.mjs";
+import { default as He } from "./ap-field/radio/index.vue.mjs";
+import { default as ze } from "./ap-field/switch/index.vue.mjs";
+import { default as je } from "./ap-field/text-area/index.vue.mjs";
+import { default as Je } from "./ap-field/date-range/index.vue.mjs";
+import { default as Ue } from "./ap-field/select/index.vue.mjs";
+import { default as We } from "./ap-action/item-modal/index.vue.mjs";
+import { default as _e } from "./ap-action/item-popconfirm/index.vue.mjs";
+import { default as or } from "./ap-action/item-dropdown/index.vue.mjs";
+import { default as rr } from "./ap-action/group/index.vue.mjs";
 export {
-  p as APConfigProvider,
-  Jo as ApActionGroup,
-  Eo as ApActionItem,
-  Ue as ApActionItemDropdown,
-  je as ApActionItemModal,
-  Je as ApActionItemPopconfirm,
-  So as ApFieldCheckbox,
-  Io as ApFieldDate,
-  ho as ApFieldDateRange,
-  go as ApFieldNumber,
-  Po as ApFieldRadio,
-  ko as ApFieldSelect,
-  Ro as ApFieldSwitch,
-  To as ApFieldText,
-  Go as ApFieldTextArea,
-  xo as ApForm,
-  uo as ApFormItem,
-  co as ApFormItemGroup,
-  Pe as ApiCascader,
-  Re as ApiRadioGroup,
-  Ge as ApiSelect,
-  he as ApiTransfer,
-  ke as ApiTree,
-  Ye as ApiTreeSelect,
-  H as BaseButton,
-  j as BaseModal,
-  C as BasicArrow,
-  S as BasicHelp,
-  F as BasicTitle,
-  m as CollapseContainer,
-  Ae as CollapseTransition,
-  ue as ConfigProvider,
-  V as CountdownButton,
-  W as CountdownInput,
-  J as CropperAvatar,
-  Q as CropperImage,
-  N as Description,
-  oo as Dropdown,
-  fo as EditTableHeaderIcon,
-  b as ExpandTransition,
-  g as ExpandXTransition,
-  v as FadeTransition,
-  E as Field,
-  r as Icon,
-  d as IconPicker,
-  zo as ModalButton,
-  jo as PopConfirmButton,
-  Ho as ProForm,
-  ro as ProTable,
-  ye as RadioButtonGroup,
-  P as ScaleRotateTransition,
-  B as ScaleTransition,
-  n as ScrollContainer,
-  R as ScrollXReverseTransition,
-  D as ScrollXTransition,
-  G as ScrollYReverseTransition,
-  M as ScrollYTransition,
-  l as Scrollbar,
-  h as SlideXReverseTransition,
-  w as SlideXTransition,
-  k as SlideYReverseTransition,
-  X as SlideYTransition,
-  z as StrengthMeter,
-  t as SvgIcon,
-  ao as TableAction,
-  io as TableImg,
-  yo as adminToken,
-  No as aplusToken,
-  te as buildLocaleContext,
-  ae as buildTranslator,
-  Wo as configProviderContextKey,
-  Uo as configProviderProps,
-  _ as createPrompt,
-  me as defaultNamespace,
-  A as en,
-  be as isComponentFormSchema,
-  ge as isSlotFormSchema,
-  $o as keysOf,
-  pe as localeContextKey,
-  ne as namespaceContextKey,
-  oe as provideGlobalConfig,
-  Zo as tableDefaultConfig,
-  fe as translate,
-  Ce as useDescription,
-  Fe as useForm,
-  se as useGetDerivedNamespace,
-  ee as useGlobalConfig,
-  le as useLocale,
-  Le as useModal,
-  Ke as useModalContext,
-  ze as useModalInner,
-  de as useNamespace,
-  no as useTable,
-  u as zhCn
+  l as APConfigProvider,
+  rr as ApActionGroup,
+  io as ApActionItem,
+  or as ApActionItemDropdown,
+  We as ApActionItemModal,
+  _e as ApActionItemPopconfirm,
+  ao as ApField,
+  Xe as ApFieldCheckbox,
+  Ne as ApFieldDate,
+  Je as ApFieldDateRange,
+  Ee as ApFieldNumber,
+  He as ApFieldRadio,
+  Ue as ApFieldSelect,
+  ze as ApFieldSwitch,
+  we as ApFieldText,
+  je as ApFieldTextArea,
+  oo as ApForm,
+  eo as ApFormItem,
+  ro as ApFormItemGroup,
+  Me as ApFormItemText,
+  Vo as ApiCascader,
+  Zo as ApiRadioGroup,
+  $o as ApiSelect,
+  ee as ApiTransfer,
+  te as ApiTree,
+  ie as ApiTreeSelect,
+  E as BaseButton,
+  z as BaseModal,
+  A as BasicArrow,
+  T as BasicHelp,
+  C as BasicTitle,
+  s as CollapseContainer,
+  Eo as CollapseTransition,
+  wo as ConfigProvider,
+  Q as CountdownButton,
+  U as CountdownInput,
+  j as CropperAvatar,
+  q as CropperImage,
+  X as Description,
+  _ as Dropdown,
+  ve as EditTableHeaderIcon,
+  F as ExpandTransition,
+  I as ExpandXTransition,
+  b as FadeTransition,
+  N as Field,
+  a as Icon,
+  u as IconPicker,
+  se as ModalButton,
+  xe as PopConfirmButton,
+  le as ProForm,
+  Fe as ProTable,
+  pe as RadioButtonGroup,
+  g as ScaleRotateTransition,
+  v as ScaleTransition,
+  d as ScrollContainer,
+  P as ScrollXReverseTransition,
+  B as ScrollXTransition,
+  R as ScrollYReverseTransition,
+  D as ScrollYTransition,
+  i as Scrollbar,
+  G as SlideXReverseTransition,
+  M as SlideXTransition,
+  h as SlideYReverseTransition,
+  w as SlideYTransition,
+  H as StrengthMeter,
+  p as SvgIcon,
+  be as TableAction,
+  Be as TableImg,
+  fo as adminToken,
+  lo as aplusToken,
+  Io as buildLocaleContext,
+  bo as buildTranslator,
+  uo as configProviderContextKey,
+  so as configProviderProps,
+  W as createPrompt,
+  Ro as defaultNamespace,
+  No as en,
+  Jo as isComponentFormSchema,
+  Qo as isSlotFormSchema,
+  To as keysOf,
+  go as localeContextKey,
+  Do as namespaceContextKey,
+  Co as provideGlobalConfig,
+  co as tableDefaultConfig,
+  vo as translate,
+  zo as useComponentRegister,
+  Ho as useDescription,
+  jo as useForm,
+  Go as useGetDerivedNamespace,
+  So as useGlobalConfig,
+  Po as useLocale,
+  Te as useModal,
+  ce as useModalContext,
+  Ce as useModalInner,
+  Mo as useNamespace,
+  De as useTable,
+  Xo as zhCn
 };

package/es/src/locale/index.mjs

@@ -0,0 +1,7 @@
+import { default as t } from "./lang/zh-cn.mjs";
+import { default as f } from "./lang/en.mjs";
+import "./interface.mjs";
+export {
+  f as en,
+  t as zhCn
+};

package/es/src/locale/interface.mjs

@@ -0,0 +1 @@
+