@aplus-frontend/ui 0.1.41 → 0.2.0-beta.0

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

@@ -1,51 +0,0 @@
-import { IconPickerProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<IconPickerProps>, {
-    value: string;
-    width: string;
-    pageSize: number;
-    copy: boolean;
-    mode: string;
-    allowClear: boolean;
-    readonly: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:value": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<IconPickerProps>, {
-    value: string;
-    width: string;
-    pageSize: number;
-    copy: boolean;
-    mode: string;
-    allowClear: boolean;
-    readonly: boolean;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
-    width: string;
-    copy: boolean;
-    mode: "svg" | "iconify";
-    value: string;
-    readonly: boolean;
-    allowClear: boolean;
-    pageSize: number;
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

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

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

@@ -1,170 +0,0 @@
-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 {
-  we as default
-};

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

@@ -1,190 +0,0 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
-export * from './interface';
-export declare const IconPicker: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        width: {
-            type: PropType<string>;
-            default: string;
-        };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        mode: {
-            type: PropType<"svg" | "iconify">;
-            default: string;
-        };
-        value: {
-            type: PropType<string>;
-            default: string;
-        };
-        readonly: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        allowClear: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        pageSize: {
-            type: PropType<number>;
-            default: number;
-        };
-        svgIcons: {
-            type: PropType<string[]>;
-        };
-    }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        change: (...args: any[]) => void;
-        "update:value": (...args: any[]) => void;
-    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        width: {
-            type: PropType<string>;
-            default: string;
-        };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        mode: {
-            type: PropType<"svg" | "iconify">;
-            default: string;
-        };
-        value: {
-            type: PropType<string>;
-            default: string;
-        };
-        readonly: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        allowClear: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        pageSize: {
-            type: PropType<number>;
-            default: number;
-        };
-        svgIcons: {
-            type: PropType<string[]>;
-        };
-    }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {
-        width: string;
-        copy: boolean;
-        mode: "svg" | "iconify";
-        value: string;
-        readonly: boolean;
-        allowClear: boolean;
-        pageSize: number;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        width: {
-            type: PropType<string>;
-            default: string;
-        };
-        copy: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        mode: {
-            type: PropType<"svg" | "iconify">;
-            default: string;
-        };
-        value: {
-            type: PropType<string>;
-            default: string;
-        };
-        readonly: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        allowClear: {
-            type: PropType<boolean>;
-            default: boolean;
-        };
-        pageSize: {
-            type: PropType<number>;
-            default: number;
-        };
-        svgIcons: {
-            type: PropType<string[]>;
-        };
-    }>> & {
-        onChange?: ((...args: any[]) => any) | undefined;
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, {}, {
-        width: string;
-        copy: boolean;
-        mode: "svg" | "iconify";
-        value: string;
-        readonly: boolean;
-        allowClear: boolean;
-        pageSize: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    width: {
-        type: PropType<string>;
-        default: string;
-    };
-    copy: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    mode: {
-        type: PropType<"svg" | "iconify">;
-        default: string;
-    };
-    value: {
-        type: PropType<string>;
-        default: string;
-    };
-    readonly: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    allowClear: {
-        type: PropType<boolean>;
-        default: boolean;
-    };
-    pageSize: {
-        type: PropType<number>;
-        default: number;
-    };
-    svgIcons: {
-        type: PropType<string[]>;
-    };
-}>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:value": (...args: any[]) => void;
-}, string, {
-    width: string;
-    copy: boolean;
-    mode: "svg" | "iconify";
-    value: string;
-    readonly: boolean;
-    allowClear: boolean;
-    pageSize: number;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
-    $props: {
-        onClick?: () => void;
-    };
-}));
-export default IconPicker;

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

@@ -1,9 +0,0 @@
-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 {
-  a as IconPicker,
-  a as default
-};

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

@@ -1,13 +0,0 @@
-export interface IconPickerProps {
-    value?: string;
-    width?: string;
-    pageSize?: number;
-    copy?: boolean;
-    mode?: 'svg' | 'iconify';
-    /**
-     * 如果是svg模式，则必须传入项目中的svg图片
-     */
-    svgIcons?: string[];
-    allowClear?: boolean;
-    readonly?: boolean;
-}

package/es/src/icon-picker/style/index.css

@@ -1,61 +0,0 @@
-.aplus-icon-picker .ant-input-group-addon {
-  padding: 0;
-}
-.aplus-icon-picker .ant-input {
-  cursor: pointer;
-}
-.aplus-icon-picker-popover {
-  width: 300px;
-}
-.aplus-icon-picker__title {
-  display: flex;
-  justify-content: space-between;
-}
-.aplus-icon-picker__content--container {
-  border: 1px solid;
-  border-top-width: 0;
-  height: 220px;
-}
-.aplus-icon-picker__content--container ul {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.aplus-icon-picker__content--container ul > li {
-  padding: 0.5rem;
-  width: 12.5%;
-  cursor: pointer;
-  margin-right: 0.25rem;
-  margin-top: 0.25rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: 1px solid;
-}
-.aplus-icon-picker__content--footer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.aplus-icon-picker__content--empty {
-  padding: 1.25rem;
-}
-.aplus-icon-picker__trigger--svg {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.aplus-icon-picker__trigger--iconify {
-  cursor: pointer;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}