@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.8

package/es/src/icon/index.d.ts

@@ -2,6 +2,13 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const Icon: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -10,18 +17,18 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
         icon: {
             type: PropType<string>;
             required: true;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<string | number>;
             default: number;
@@ -30,17 +37,10 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
     }>>, {
         size: string | number;
         prefix: string;
@@ -53,6 +53,13 @@ export declare const Icon: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
+        color: {
+            type: PropType<string>;
+        };
+        icon: {
+            type: PropType<string>;
+            required: true;
+        };
         size: {
             type: PropType<string | number>;
             default: number;
@@ -61,17 +68,10 @@ export declare const Icon: {
             type: PropType<string>;
             default: string;
         };
-        color: {
-            type: PropType<string>;
-        };
         spin: {
             type: PropType<boolean>;
             default: boolean;
         };
-        icon: {
-            type: PropType<string>;
-            required: true;
-        };
     }>>, {}, {}, {}, {}, {
         size: string | number;
         prefix: string;
@@ -81,6 +81,13 @@ export declare const Icon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    color: {
+        type: PropType<string>;
+    };
+    icon: {
+        type: PropType<string>;
+        required: true;
+    };
     size: {
         type: PropType<string | number>;
         default: number;
@@ -89,17 +96,10 @@ export declare const Icon: {
         type: PropType<string>;
         default: string;
     };
-    color: {
-        type: PropType<string>;
-    };
     spin: {
         type: PropType<boolean>;
         default: boolean;
     };
-    icon: {
-        type: PropType<string>;
-        required: true;
-    };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     size: string | number;
     prefix: string;
@@ -111,14 +111,14 @@ export declare const Icon: {
 });
 export declare const SvgIcon: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -128,14 +128,14 @@ export declare const SvgIcon: {
             default: boolean;
         };
     }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -156,14 +156,14 @@ export declare const SvgIcon: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        name: {
-            type: PropType<string>;
-            required: true;
-        };
         size: {
             type: PropType<string | number>;
             default: number;
         };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
         prefix: {
             type: PropType<string>;
             default: string;
@@ -181,14 +181,14 @@ export declare const SvgIcon: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    name: {
-        type: PropType<string>;
-        required: true;
-    };
     size: {
         type: PropType<string | number>;
         default: number;
     };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
     prefix: {
         type: PropType<string>;
         default: string;

package/es/src/icon/index.mjs

@@ -1,8 +1,11 @@
-import m from "./icon.vue.mjs";
-import t from "./svg-icon.vue.mjs";
+import "./icon.vue.mjs";
+import "./svg-icon.vue.mjs";
 import { withInstall as o } from "@aplus-frontend/utils";
-const i = o(m), f = o(t);
+import "./interface.mjs";
+import m from "./icon.vue2.mjs";
+import t from "./svg-icon.vue2.mjs";
+const s = o(m), _ = o(t);
 export {
-  i as Icon,
-  f as SvgIcon
+  s as Icon,
+  _ as SvgIcon
 };

package/es/src/icon/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/icon/svg-icon.vue.mjs

@@ -1,34 +1,4 @@
-import { defineComponent as p, computed as o, openBlock as c, createElementBlock as m, normalizeClass as u, unref as a, normalizeStyle as f, createElementVNode as d } from "vue";
-import "./style/svg-icon.css";
-import "../config-provider/index.mjs";
-import { useNamespace as h } from "../config-provider/hooks/use-namespace.mjs";
-const g = ["xlink:href"], $ = /* @__PURE__ */ p({
-  name: "ApSvgIcon",
-  __name: "svg-icon",
-  props: {
-    name: {},
-    prefix: { default: "icon" },
-    size: { default: 16 },
-    spin: { type: Boolean, default: !1 }
-  },
-  setup(r) {
-    const n = r, { b: s } = h("svg-icon"), l = o(() => `#${n.prefix}-${n.name}`), i = o(() => {
-      const { size: t } = n;
-      let e = `${t}`;
-      return e = `${e.replace("px", "")}px`, {
-        width: e,
-        height: e
-      };
-    });
-    return (t, e) => (c(), m("svg", {
-      class: u([a(s)(), t.$attrs.class, t.spin && a(s)("spin")]),
-      style: f(i.value),
-      "aria-hidden": "true"
-    }, [
-      d("use", { "xlink:href": l.value }, null, 8, g)
-    ], 6));
-  }
-});
+import f from "./svg-icon.vue2.mjs";
 export {
-  $ as default
+  f as default
 };

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

@@ -1,4 +1,34 @@
-import f from "./svg-icon.vue.mjs";
+import { defineComponent as p, computed as o, openBlock as c, createElementBlock as m, normalizeClass as u, unref as a, normalizeStyle as f, createElementVNode as d } from "vue";
+import "./style/svg-icon.css";
+import "../config-provider/index.mjs";
+import { useNamespace as h } from "../config-provider/hooks/use-namespace.mjs";
+const g = ["xlink:href"], $ = /* @__PURE__ */ p({
+  name: "ApSvgIcon",
+  __name: "svg-icon",
+  props: {
+    name: {},
+    prefix: { default: "icon" },
+    size: { default: 16 },
+    spin: { type: Boolean, default: !1 }
+  },
+  setup(r) {
+    const n = r, { b: s } = h("svg-icon"), l = o(() => `#${n.prefix}-${n.name}`), i = o(() => {
+      const { size: t } = n;
+      let e = `${t}`;
+      return e = `${e.replace("px", "")}px`, {
+        width: e,
+        height: e
+      };
+    });
+    return (t, e) => (c(), m("svg", {
+      class: u([a(s)(), t.$attrs.class, t.spin && a(s)("spin")]),
+      style: f(i.value),
+      "aria-hidden": "true"
+    }, [
+      d("use", { "xlink:href": l.value }, null, 8, g)
+    ], 6));
+  }
+});
 export {
-  f as default
+  $ as default
 };

package/es/src/icon-picker/icon-picker.vue.d.ts

@@ -24,12 +24,12 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string;
     mode: "svg" | "iconify";
-    readonly: boolean;
-    allowClear: boolean;
     width: string;
+    value: string;
+    readonly: boolean;
     copy: boolean;
+    allowClear: boolean;
     pageSize: number;
 }, {}>;
 export default _default;

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

@@ -1,168 +1,4 @@
-import { defineComponent as j, ref as m, watchEffect as q, watch as G, openBlock as o, 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 B from "../icon/icon.vue.mjs";
-import L from "../icon/svg-icon.vue.mjs";
-import "./style/index.css";
-import N 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 le } from "../config-provider/hooks/use-namespace.mjs";
-const oe = { key: 0 }, ne = ["onClick", "title"], Ce = /* @__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 = N.prefix;
-      return N.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 } = le("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((l) => l.includes(a));
-    }
-    return (t, a) => (o(), 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] = (l) => n.value = l),
-      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] = (l) => S.value = l),
-          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 ? (o(), s("div", oe, [
-              c(e(R), {
-                class: i(e(u)("content", "container"))
-              }, {
-                default: p(() => [
-                  k("ul", null, [
-                    (o(!0), s(K, null, O(e(_), (l) => (o(), s("li", {
-                      key: l,
-                      onClick: (re) => H(l),
-                      title: l
-                    }, [
-                      f ? (o(), d(L, {
-                        key: 0,
-                        name: l
-                      }, null, 8, ["name"])) : (o(), d(B, {
-                        key: 1,
-                        icon: l
-                      }, null, 8, ["icon"]))
-                    ], 8, ne))), 128))
-                  ])
-                ]),
-                _: 1
-              }, 8, ["class"]),
-              e(z) >= t.pageSize ? (o(), 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)
-            ])) : (o(), 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 ? (o(), s("span", {
-                key: 0,
-                class: i(e(u)("trigger", "svg"))
-              }, [
-                c(L, { name: n.value }, null, 8, ["name"])
-              ], 2)) : (o(), d(B, {
-                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"]));
-  }
-});
+import f from "./icon-picker.vue2.mjs";
 export {
-  Ce as default
+  f as default
 };

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
 };