@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.31

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

@@ -1,11 +1,11 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
 import { DropMenu } from './interface';
 import { Recordable } from '../type';
 export * from './interface';
 export declare const Dropdown: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -25,7 +25,7 @@ export declare const Dropdown: {
         menuEvent: (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -42,7 +42,7 @@ export declare const Dropdown: {
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
         dropMenuList: ( DropMenu & Recordable<any>)[];
     }, true, {}, {}, {
@@ -54,7 +54,7 @@ export declare const Dropdown: {
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
         trigger: {
-            type: PropType<("click" | "contextmenu" | "hover")[]>;
+            type: PropType<("click" | "hover" | "contextmenu")[]>;
             default: () => string[];
         };
         selectedKeys: {
@@ -71,7 +71,7 @@ export declare const Dropdown: {
     }>> & {
         onMenuEvent?: ((...args: any[]) => any) | undefined;
     }, {}, {}, {}, {}, {
-        trigger: ("click" | "contextmenu" | "hover")[];
+        trigger: ("click" | "hover" | "contextmenu")[];
         selectedKeys: string[];
         dropMenuList: ( DropMenu & Recordable<any>)[];
     }>;
@@ -80,7 +80,7 @@ export declare const Dropdown: {
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     trigger: {
-        type: PropType<("click" | "contextmenu" | "hover")[]>;
+        type: PropType<("click" | "hover" | "contextmenu")[]>;
         default: () => string[];
     };
     selectedKeys: {
@@ -99,7 +99,7 @@ export declare const Dropdown: {
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     menuEvent: (...args: any[]) => void;
 }, string, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
     dropMenuList: ( DropMenu & Recordable<any>)[];
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {

package/es/src/dropdown/index.mjs

@@ -1,6 +1,8 @@
 import { withInstall as o } from "@aplus-frontend/utils";
-import r from "./dropdown.vue.mjs";
-const i = o(r);
+import "./dropdown.vue.mjs";
+import "./interface.mjs";
+import r from "./dropdown.vue2.mjs";
+const n = o(r);
 export {
-  i as Dropdown
+  n as Dropdown
 };

package/es/src/dropdown/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/hooks/index.mjs

@@ -0,0 +1,6 @@
+import { useMessage as r } from "./useMessage.mjs";
+import { useControllableValue as s } from "./useControllableValue.mjs";
+export {
+  s as useControllableValue,
+  r as useMessage
+};

package/es/src/hooks/useControllableValue.mjs

@@ -1,24 +1,21 @@
-import { ref as v, watch as c } from "vue";
-function V(u, f, e) {
-  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", l = (e == null ? void 0 : e.valuePropName) || "value", r = v(
-    u[d] || (e == null ? void 0 : e.defaultValue)
+import { ref as c, watch as m } from "vue";
+function N(a, r, e) {
+  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", u = (e == null ? void 0 : e.valuePropName) || "value", f = c(
+    a[u] || a[d] || (e == null ? void 0 : e.defaultValue)
   );
-  function m(a) {
-    u[l] === void 0 && (r.value = a), f(`update:${l}`, a);
+  function v(l) {
+    a[u] === void 0 && (f.value = l), r(`update:${u}`, l);
   }
-  return c(
-    () => u[l],
-    (a) => {
-      u[l] !== void 0 && (console.log("set inner to ", a), r.value = a);
-    },
-    {
-      immediate: !0
+  return m(
+    () => a[u],
+    (l) => {
+      f.value = l;
     }
   ), {
-    value: r,
-    updateValue: m
+    value: f,
+    updateValue: v
   };
 }
 export {
-  V as useControllableValue
+  N as useControllableValue
 };

package/es/src/hooks/useMessage.mjs

@@ -1,5 +1,5 @@
 import { createVNode as o } from "vue";
-import { notification as i, message as s, Modal as r } from "ant-design-vue";
+import { Modal as r, notification as i, message as s } from "ant-design-vue";
 import { InfoCircleFilled as c, CheckCircleFilled as f, CloseCircleFilled as d } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
 import { isType as m } from "@fruits-chain/utils";

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

@@ -1,68 +1,4 @@
-import { defineComponent as S, ref as h, computed as i, watch as k, onMounted as v, openBlock as u, createBlock as _, normalizeClass as d, unref as o, createElementBlock as C, normalizeStyle as $, nextTick as B } from "vue";
-import E from "./svg-icon.vue.mjs";
-import { isType as w } from "@fruits-chain/utils";
-import r from "@iconify/iconify";
-import "./style/icon.css";
-import "../config-provider/index.mjs";
-import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
-const y = "|svg", D = /* @__PURE__ */ S({
-  name: "ApIcon",
-  __name: "icon",
-  props: {
-    icon: {},
-    color: {},
-    size: { default: 16 },
-    spin: { type: Boolean, default: !1 },
-    prefix: { default: "" }
-  },
-  setup(g) {
-    const t = g, { b: s } = G("icon"), l = h(null), p = i(() => {
-      var e;
-      return (e = t.icon) == null ? void 0 : e.endsWith(y);
-    }), x = i(() => t.icon.replace(y, "")), z = i(
-      () => `${t.prefix ? t.prefix + ":" : ""}${t.icon}`
-    ), f = async () => {
-      if (o(p))
-        return;
-      const e = o(l);
-      if (!e)
-        return;
-      await B();
-      const n = o(z);
-      if (!n)
-        return;
-      r.iconExists(n) || await r.loadIcon(n);
-      const m = r.renderSVG(n, {});
-      if (m)
-        e.textContent = "", e.appendChild(m);
-      else {
-        const c = document.createElement("span");
-        c.className = s("placeholer"), c.dataset.icon = n, e.textContent = "", e.appendChild(c);
-      }
-    }, I = i(() => {
-      const { size: e, color: n } = t;
-      let a = e;
-      return w("String")(e) && (a = parseInt(e, 10)), {
-        fontSize: `${a}px`,
-        color: n,
-        display: "inline-flex"
-      };
-    });
-    return k(() => t.icon, f, { flush: "post" }), v(f), (e, n) => p.value ? (u(), _(E, {
-      key: 0,
-      size: e.size,
-      name: x.value,
-      class: d([e.$attrs.class, o(s)("anticon")]),
-      spin: e.spin
-    }, null, 8, ["size", "name", "class", "spin"])) : (u(), C("span", {
-      key: 1,
-      ref_key: "elRef",
-      ref: l,
-      class: d([e.$attrs.class, o(s)(), o(s)("anticon"), e.spin && o(s)("spin")]),
-      style: $(I.value)
-    }, null, 6));
-  }
-});
+import f from "./icon.vue2.mjs";
 export {
-  D as default
+  f as default
 };

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

@@ -1,4 +1,69 @@
-import f from "./icon.vue.mjs";
+import { defineComponent as S, ref as h, computed as i, unref as o, nextTick as k, watch as v, onMounted as _, openBlock as u, createBlock as C, normalizeClass as d, createElementBlock as $, normalizeStyle as B } from "vue";
+import "./svg-icon.vue.mjs";
+import { isType as E } from "@fruits-chain/utils";
+import r from "@iconify/iconify";
+import "./style/icon.css";
+import "../config-provider/index.mjs";
+import { useNamespace as w } from "../config-provider/hooks/use-namespace.mjs";
+import G from "./svg-icon.vue2.mjs";
+const y = "|svg", F = /* @__PURE__ */ S({
+  name: "ApIcon",
+  __name: "icon",
+  props: {
+    icon: {},
+    color: {},
+    size: { default: 16 },
+    spin: { type: Boolean, default: !1 },
+    prefix: { default: "" }
+  },
+  setup(g) {
+    const t = g, { b: s } = w("icon"), l = h(null), p = i(() => {
+      var e;
+      return (e = t.icon) == null ? void 0 : e.endsWith(y);
+    }), x = i(() => t.icon.replace(y, "")), z = i(
+      () => `${t.prefix ? t.prefix + ":" : ""}${t.icon}`
+    ), f = async () => {
+      if (o(p))
+        return;
+      const e = o(l);
+      if (!e)
+        return;
+      await k();
+      const n = o(z);
+      if (!n)
+        return;
+      r.iconExists(n) || await r.loadIcon(n);
+      const m = r.renderSVG(n, {});
+      if (m)
+        e.textContent = "", e.appendChild(m);
+      else {
+        const c = document.createElement("span");
+        c.className = s("placeholer"), c.dataset.icon = n, e.textContent = "", e.appendChild(c);
+      }
+    }, I = i(() => {
+      const { size: e, color: n } = t;
+      let a = e;
+      return E("String")(e) && (a = parseInt(e, 10)), {
+        fontSize: `${a}px`,
+        color: n,
+        display: "inline-flex"
+      };
+    });
+    return v(() => t.icon, f, { flush: "post" }), _(f), (e, n) => p.value ? (u(), C(G, {
+      key: 0,
+      size: e.size,
+      name: x.value,
+      class: d([e.$attrs.class, o(s)("anticon")]),
+      spin: e.spin
+    }, null, 8, ["size", "name", "class", "spin"])) : (u(), $("span", {
+      key: 1,
+      ref_key: "elRef",
+      ref: l,
+      class: d([e.$attrs.class, o(s)(), o(s)("anticon"), e.spin && o(s)("spin")]),
+      style: B(I.value)
+    }, null, 6));
+  }
+});
 export {
-  f as default
+  F as default
 };

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

@@ -1,7 +1,14 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
 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;
-    readonly: boolean;
-    allowClear: boolean;
     mode: "svg" | "iconify";
     width: string;
     copy: boolean;
+    value: string;
+    readonly: boolean;
+    allowClear: boolean;
     pageSize: number;
 }, {}>;
 export default _default;