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

package/es/src/description/description.vue.mjs

@@ -1,171 +1,4 @@
-import { defineComponent as B, ref as F, computed as a, unref as e, createVNode as i, mergeProps as I, isVNode as R, toRefs as V } from "vue";
-import { CollapseContainer as $ } from "../container/index.mjs";
-import { useAttrs as k } from "@aplus-frontend/hooks";
-import { Descriptions as C } from "ant-design-vue";
-import { get as z } from "lodash-unified";
-import { isFunction as y } from "@fruits-chain/utils";
-import "../config-provider/index.mjs";
-import { useNamespace as L } from "../config-provider/hooks/use-namespace.mjs";
-function q(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !R(n);
-}
-const G = {
-  useCollapse: {
-    type: Boolean,
-    default: !0
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  size: {
-    type: String,
-    validator: (n) => ["small", "default", "middle", void 0].includes(n),
-    default: "small"
-  },
-  bordered: {
-    type: Boolean,
-    default: !0
-  },
-  column: {
-    type: [Number, Object],
-    default: () => ({
-      xxl: 4,
-      xl: 3,
-      lg: 3,
-      md: 3,
-      sm: 2,
-      xs: 1
-    })
-  },
-  collapseOptions: {
-    type: Object,
-    default: null
-  },
-  schema: {
-    type: Array,
-    default: () => []
-  },
-  data: {
-    type: Object
-  }
-}, tt = /* @__PURE__ */ B({
-  name: "ApDescription",
-  props: G,
-  emits: ["register"],
-  setup(n, {
-    slots: O,
-    emit: j
-  }) {
-    const u = F(null), {
-      b: P
-    } = L("description"), v = k(), p = a(() => ({
-      ...n,
-      ...e(u)
-    })), c = a(() => ({
-      ...e(p),
-      title: void 0
-    })), D = a(() => !!e(p).title), _ = a(() => ({
-      // Cannot be expanded by default
-      canExpand: !1,
-      ...e(c).collapseOptions
-    })), N = a(() => ({
-      ...e(v),
-      ...e(c)
-    }));
-    function S(t) {
-      u.value = {
-        ...e(u),
-        ...t
-      };
-    }
-    function w({
-      label: t,
-      labelMinWidth: l,
-      labelStyle: r
-    }) {
-      if (!r && !l)
-        return t;
-      const o = {
-        ...r,
-        minWidth: `${l}px `
-      };
-      return i("div", {
-        style: o
-      }, [t]);
-    }
-    function A() {
-      const {
-        schema: t,
-        data: l
-      } = e(c);
-      return e(t).map((r) => {
-        const {
-          render: o,
-          field: f,
-          span: M,
-          show: m,
-          contentMinWidth: h
-        } = r;
-        if (m && y(m) && !m(l))
-          return null;
-        const x = () => {
-          var b;
-          const s = (b = e(c)) == null ? void 0 : b.data;
-          if (!s)
-            return null;
-          const g = z(s, f);
-          return g && !V(s).hasOwnProperty(f) ? y(o) ? o("", s) : "" : y(o) ? o(g, s) : g ?? "";
-        }, W = h;
-        return i(C.Item, {
-          label: w(r),
-          key: f,
-          span: M
-        }, {
-          default: () => {
-            if (!h)
-              return x();
-            const s = {
-              minWidth: `${W}px`
-            };
-            return i("div", {
-              style: s
-            }, [x()]);
-          }
-        });
-      }).filter((r) => !!r);
-    }
-    const d = () => {
-      let t;
-      return i(C, I({
-        class: P()
-      }, e(N)), q(t = A()) ? t : {
-        default: () => [t]
-      });
-    }, E = () => {
-      const t = n.useCollapse ? d() : i("div", null, [d()]);
-      if (!n.useCollapse)
-        return t;
-      const {
-        canExpand: l,
-        helpMessage: r
-      } = e(_), {
-        title: o
-      } = e(p);
-      return i($, {
-        title: o,
-        canExpand: l,
-        helpMessage: r
-      }, {
-        default: () => t,
-        action: O.action
-      });
-    };
-    return j("register", {
-      setDescProps: S
-    }), () => e(D) ? E() : d();
-  }
-});
+import f from "./description.vue2.mjs";
 export {
-  tt as default
+  f as default
 };

package/es/src/description/description.vue2.mjs

@@ -1,4 +1,171 @@
-import f from "./description.vue.mjs";
+import { isVNode as B, defineComponent as F, ref as I, computed as a, unref as e, createVNode as i, toRefs as R, mergeProps as V } from "vue";
+import { CollapseContainer as $ } from "../container/index.mjs";
+import { useAttrs as k } from "@aplus-frontend/hooks";
+import { Descriptions as C } from "ant-design-vue";
+import { get as z } from "lodash-unified";
+import { isFunction as y } from "@fruits-chain/utils";
+import "../config-provider/index.mjs";
+import { useNamespace as L } from "../config-provider/hooks/use-namespace.mjs";
+function q(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !B(n);
+}
+const G = {
+  useCollapse: {
+    type: Boolean,
+    default: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  size: {
+    type: String,
+    validator: (n) => ["small", "default", "middle", void 0].includes(n),
+    default: "small"
+  },
+  bordered: {
+    type: Boolean,
+    default: !0
+  },
+  column: {
+    type: [Number, Object],
+    default: () => ({
+      xxl: 4,
+      xl: 3,
+      lg: 3,
+      md: 3,
+      sm: 2,
+      xs: 1
+    })
+  },
+  collapseOptions: {
+    type: Object,
+    default: null
+  },
+  schema: {
+    type: Array,
+    default: () => []
+  },
+  data: {
+    type: Object
+  }
+}, tt = /* @__PURE__ */ F({
+  name: "ApDescription",
+  props: G,
+  emits: ["register"],
+  setup(n, {
+    slots: O,
+    emit: j
+  }) {
+    const u = I(null), {
+      b: P
+    } = L("description"), v = k(), p = a(() => ({
+      ...n,
+      ...e(u)
+    })), c = a(() => ({
+      ...e(p),
+      title: void 0
+    })), D = a(() => !!e(p).title), _ = a(() => ({
+      // Cannot be expanded by default
+      canExpand: !1,
+      ...e(c).collapseOptions
+    })), N = a(() => ({
+      ...e(v),
+      ...e(c)
+    }));
+    function S(t) {
+      u.value = {
+        ...e(u),
+        ...t
+      };
+    }
+    function w({
+      label: t,
+      labelMinWidth: l,
+      labelStyle: r
+    }) {
+      if (!r && !l)
+        return t;
+      const o = {
+        ...r,
+        minWidth: `${l}px `
+      };
+      return i("div", {
+        style: o
+      }, [t]);
+    }
+    function A() {
+      const {
+        schema: t,
+        data: l
+      } = e(c);
+      return e(t).map((r) => {
+        const {
+          render: o,
+          field: f,
+          span: M,
+          show: m,
+          contentMinWidth: h
+        } = r;
+        if (m && y(m) && !m(l))
+          return null;
+        const x = () => {
+          var b;
+          const s = (b = e(c)) == null ? void 0 : b.data;
+          if (!s)
+            return null;
+          const g = z(s, f);
+          return g && !R(s).hasOwnProperty(f) ? y(o) ? o("", s) : "" : y(o) ? o(g, s) : g ?? "";
+        }, W = h;
+        return i(C.Item, {
+          label: w(r),
+          key: f,
+          span: M
+        }, {
+          default: () => {
+            if (!h)
+              return x();
+            const s = {
+              minWidth: `${W}px`
+            };
+            return i("div", {
+              style: s
+            }, [x()]);
+          }
+        });
+      }).filter((r) => !!r);
+    }
+    const d = () => {
+      let t;
+      return i(C, V({
+        class: P()
+      }, e(N)), q(t = A()) ? t : {
+        default: () => [t]
+      });
+    }, E = () => {
+      const t = n.useCollapse ? d() : i("div", null, [d()]);
+      if (!n.useCollapse)
+        return t;
+      const {
+        canExpand: l,
+        helpMessage: r
+      } = e(_), {
+        title: o
+      } = e(p);
+      return i($, {
+        title: o,
+        canExpand: l,
+        helpMessage: r
+      }, {
+        default: () => t,
+        action: O.action
+      });
+    };
+    return j("register", {
+      setDescProps: S
+    }), () => e(D) ? E() : d();
+  }
+});
 export {
-  f as default
+  tt as default
 };

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

@@ -1,4 +1,4 @@
-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 { CollapseContainerOptions } from '..';
 import { DescItem } from './interface';
 export * from './interface';
@@ -89,10 +89,10 @@ export declare const Description: {
     }>> & {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, {
-        size: string;
-        bordered: boolean;
         title: string;
+        size: string;
         column: number | Record<string, any>;
+        bordered: boolean;
         schema: DescItem[];
         useCollapse: boolean;
         collapseOptions: CollapseContainerOptions;
@@ -146,10 +146,10 @@ export declare const Description: {
     }>> & {
         onRegister?: ((...args: any[]) => any) | undefined;
     }, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
-        size: string;
-        bordered: boolean;
         title: string;
+        size: string;
         column: number | Record<string, any>;
+        bordered: boolean;
         schema: DescItem[];
         useCollapse: boolean;
         collapseOptions: CollapseContainerOptions;
@@ -200,10 +200,10 @@ export declare const Description: {
 }>> & {
     onRegister?: ((...args: any[]) => any) | undefined;
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "register"[], "register", {
-    size: string;
-    bordered: boolean;
     title: string;
+    size: string;
     column: number | Record<string, any>;
+    bordered: boolean;
     schema: DescItem[];
     useCollapse: boolean;
     collapseOptions: CollapseContainerOptions;

package/es/src/description/index.mjs

@@ -1,7 +1,10 @@
-import o from "./description.vue.mjs";
-import { withInstall as t } from "@aplus-frontend/utils";
-import "vue";
-const p = t(o);
+import "./description.vue.mjs";
+import { withInstall as o } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import { useDescription as c } from "./use-description.mjs";
+import r from "./description.vue2.mjs";
+const s = o(r);
 export {
-  p as Description
+  s as Description,
+  c as useDescription
 };

package/es/src/description/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/design-token/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+
+export declare const aplusToken: ThemeConfig['token'];
+export declare const adminToken: ThemeConfig['token'];

package/es/src/design-token/index.mjs

@@ -0,0 +1,65 @@
+const o = {
+  borderRadius: 4
+}, r = {
+  ...o,
+  // 主色
+  colorPrimary: "#0070FF",
+  colorPrimaryHover: "#66A9FF",
+  colorPrimaryActive: "#338CFF",
+  // 字体颜色
+  colorTextBase: "#182948",
+  colorText: "#182948",
+  colorTextSecondary: "#526A90",
+  colorTextTertiary: "#8896B0",
+  // 各组件 placeholder color
+  colorTextPlaceholder: "#BFBFBF",
+  // 边框颜色
+  colorBorder: "#DEE4ED",
+  // 分割线颜色
+  colorSplit: "#E9EDF3",
+  // 信息色
+  colorInfo: "#0070FF",
+  // 成功色
+  colorSuccess: "#2ED1A3",
+  // 错误色
+  colorError: "#FF4D4F",
+  // 警告色
+  colorWarning: "#FFA940",
+  colorBgContainerDisabled: "#F9F9FA",
+  wireframe: !1,
+  colorBgLayout: "#F2F6F9",
+  colorBgSpotlight: "#000000cc"
+}, c = {
+  ...o,
+  // 主色
+  colorPrimary: "#34B77C",
+  colorPrimaryHover: "#85D4B0",
+  colorPrimaryActive: "#5DC596",
+  colorBgContainerDisabled: "#f5f5f5",
+  // 字体颜色
+  colorText: "#333333",
+  colorTextSecondary: "#666666",
+  colorTextTertiary: "#999999",
+  // 各组件 placeholder color
+  colorTextPlaceholder: "#ABB7CC",
+  // 边框颜色
+  colorBorder: "#D9D9D9",
+  // 分割线颜色
+  colorSplit: "#E9E9E9",
+  // 信息色
+  colorInfo: "#1890FF",
+  // 成功色
+  colorSuccess: "#52C41A",
+  // 错误色
+  colorError: "#FF4D4F",
+  // 警告色
+  colorWarning: "#FAAD14",
+  colorLink: "#1890FF",
+  wireframe: !1,
+  colorBgLayout: "#FAFAFA",
+  colorBgSpotlight: "#000000cc"
+};
+export {
+  c as adminToken,
+  r as aplusToken
+};

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

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>>> & {
     onMenuEvent?: ((...args: any[]) => any) | undefined;
 }, {
-    trigger: ("click" | "contextmenu" | "hover")[];
+    trigger: ("click" | "hover" | "contextmenu")[];
     selectedKeys: string[];
     dropMenuList: (DropMenu & Recordable<any>)[];
 }, {}>, {

package/es/src/dropdown/dropdown.vue.mjs

@@ -1,94 +1,4 @@
-import { defineComponent as L, computed as P, openBlock as o, createBlock as i, unref as r, mergeProps as s, withCtx as c, createVNode as u, createElementBlock as f, Fragment as p, renderList as I, createSlots as N, createElementVNode as l, createCommentVNode as a, toDisplayString as y, renderSlot as S } from "vue";
-import { Menu as m, Dropdown as V, Popconfirm as F } from "ant-design-vue";
-import { Icon as g } from "../icon/index.mjs";
-import { omit as j, isFunction as C } from "lodash-unified";
-const q = { style: { "margin-left": "0.25rem" } }, x = { style: { "margin-left": "0.25rem" } }, O = /* @__PURE__ */ L({
-  __name: "dropdown",
-  props: {
-    popconfirm: { type: Boolean },
-    trigger: { default: () => ["contextmenu"] },
-    dropMenuList: { default: () => [] },
-    selectedKeys: { default: () => [] }
-  },
-  emits: ["menuEvent"],
-  setup(v, { emit: k }) {
-    const _ = V, A = m, M = m.Item, $ = m.Divider, b = F, h = v, D = k;
-    function w(e) {
-      var d;
-      const { event: t } = e, n = h.dropMenuList.find(
-        (K) => `${K.event}` == `${t}`
-      );
-      D("menuEvent", n), (d = e.onClick) == null || d.call(e);
-    }
-    const B = P(() => (e) => {
-      const t = j(e, ["confirm", "cancel", "icon"]);
-      return !e.onConfirm && e.confirm && C(e.confirm) && (t.onConfirm = e.confirm), !e.onCancel && e.cancel && C(e.cancel) && (t.onCancel = e.cancel), t;
-    }), E = (e) => ({ key: e });
-    return (e, t) => (o(), i(r(_), s({ trigger: e.trigger }, e.$attrs), {
-      overlay: c(() => [
-        u(r(A), { selectedKeys: e.selectedKeys }, {
-          default: c(() => [
-            (o(!0), f(p, null, I(e.dropMenuList, (n) => (o(), f(p, {
-              key: `${n.event}`
-            }, [
-              u(r(M), s({ ref_for: !0 }, E(n.event), {
-                onClick: (d) => w(n),
-                disabled: n.disabled
-              }), {
-                default: c(() => [
-                  e.popconfirm && n.popConfirm ? (o(), i(r(b), s({
-                    key: 0,
-                    ref_for: !0
-                  }, B.value(n.popConfirm), {
-                    disabled: n.disabled
-                  }), N({
-                    default: c(() => [
-                      l("div", null, [
-                        n.icon ? (o(), i(r(g), {
-                          key: 0,
-                          icon: n.icon
-                        }, null, 8, ["icon"])) : a("", !0),
-                        l("span", q, y(n.text), 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, [
-                    n.popConfirm.icon ? {
-                      name: "icon",
-                      fn: c(() => [
-                        u(r(g), {
-                          icon: n.popConfirm.icon
-                        }, null, 8, ["icon"])
-                      ]),
-                      key: "0"
-                    } : void 0
-                  ]), 1040, ["disabled"])) : (o(), f(p, { key: 1 }, [
-                    n.icon ? (o(), i(r(g), {
-                      key: 0,
-                      icon: n.icon
-                    }, null, 8, ["icon"])) : a("", !0),
-                    l("span", x, y(n.text), 1)
-                  ], 64))
-                ]),
-                _: 2
-              }, 1040, ["onClick", "disabled"]),
-              n.divider ? (o(), i(r($), {
-                key: `d-${n.event}`
-              })) : a("", !0)
-            ], 64))), 128))
-          ]),
-          _: 1
-        }, 8, ["selectedKeys"])
-      ]),
-      default: c(() => [
-        l("span", null, [
-          S(e.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 16, ["trigger"]));
-  }
-});
+import f from "./dropdown.vue2.mjs";
 export {
-  O as default
+  f as default
 };

package/es/src/dropdown/dropdown.vue2.mjs

@@ -1,4 +1,94 @@
-import f from "./dropdown.vue.mjs";
+import { defineComponent as L, computed as P, openBlock as o, createBlock as i, unref as r, mergeProps as s, withCtx as c, createVNode as u, createElementBlock as f, Fragment as p, renderList as I, createSlots as N, createElementVNode as l, createCommentVNode as a, toDisplayString as y, renderSlot as S } from "vue";
+import { Dropdown as V, Menu as m, Popconfirm as F } from "ant-design-vue";
+import { Icon as g } from "../icon/index.mjs";
+import { omit as j, isFunction as C } from "lodash-unified";
+const q = { style: { "margin-left": "0.25rem" } }, x = { style: { "margin-left": "0.25rem" } }, O = /* @__PURE__ */ L({
+  __name: "dropdown",
+  props: {
+    popconfirm: { type: Boolean },
+    trigger: { default: () => ["contextmenu"] },
+    dropMenuList: { default: () => [] },
+    selectedKeys: { default: () => [] }
+  },
+  emits: ["menuEvent"],
+  setup(v, { emit: k }) {
+    const _ = V, A = m, M = m.Item, $ = m.Divider, b = F, h = v, D = k;
+    function w(e) {
+      var d;
+      const { event: t } = e, n = h.dropMenuList.find(
+        (K) => `${K.event}` == `${t}`
+      );
+      D("menuEvent", n), (d = e.onClick) == null || d.call(e);
+    }
+    const B = P(() => (e) => {
+      const t = j(e, ["confirm", "cancel", "icon"]);
+      return !e.onConfirm && e.confirm && C(e.confirm) && (t.onConfirm = e.confirm), !e.onCancel && e.cancel && C(e.cancel) && (t.onCancel = e.cancel), t;
+    }), E = (e) => ({ key: e });
+    return (e, t) => (o(), i(r(_), s({ trigger: e.trigger }, e.$attrs), {
+      overlay: c(() => [
+        u(r(A), { selectedKeys: e.selectedKeys }, {
+          default: c(() => [
+            (o(!0), f(p, null, I(e.dropMenuList, (n) => (o(), f(p, {
+              key: `${n.event}`
+            }, [
+              u(r(M), s({ ref_for: !0 }, E(n.event), {
+                onClick: (d) => w(n),
+                disabled: n.disabled
+              }), {
+                default: c(() => [
+                  e.popconfirm && n.popConfirm ? (o(), i(r(b), s({
+                    key: 0,
+                    ref_for: !0
+                  }, B.value(n.popConfirm), {
+                    disabled: n.disabled
+                  }), N({
+                    default: c(() => [
+                      l("div", null, [
+                        n.icon ? (o(), i(r(g), {
+                          key: 0,
+                          icon: n.icon
+                        }, null, 8, ["icon"])) : a("", !0),
+                        l("span", q, y(n.text), 1)
+                      ])
+                    ]),
+                    _: 2
+                  }, [
+                    n.popConfirm.icon ? {
+                      name: "icon",
+                      fn: c(() => [
+                        u(r(g), {
+                          icon: n.popConfirm.icon
+                        }, null, 8, ["icon"])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1040, ["disabled"])) : (o(), f(p, { key: 1 }, [
+                    n.icon ? (o(), i(r(g), {
+                      key: 0,
+                      icon: n.icon
+                    }, null, 8, ["icon"])) : a("", !0),
+                    l("span", x, y(n.text), 1)
+                  ], 64))
+                ]),
+                _: 2
+              }, 1040, ["onClick", "disabled"]),
+              n.divider ? (o(), i(r($), {
+                key: `d-${n.event}`
+              })) : a("", !0)
+            ], 64))), 128))
+          ]),
+          _: 1
+        }, 8, ["selectedKeys"])
+      ]),
+      default: c(() => [
+        l("span", null, [
+          S(e.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16, ["trigger"]));
+  }
+});
 export {
-  f as default
+  O as default
 };