@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.21

package/es/src/ap-upload/styles/picture.css

@@ -0,0 +1,112 @@
+.aplus-ap-upload-picture .picture-context {
+  display: grid;
+  grid-gap: 16px;
+  grid-template-columns: repeat(auto-fill, 100px);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100px;
+  overflow: hidden;
+  transition: all 0.2s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  color: #abb7cc;
+  font-size: 16px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload > * + * {
+  margin-top: 8px;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-upload:hover {
+  border: 1px dashed #0070ff;
+}
+.aplus-ap-upload-picture .picture-context .picture-item {
+  width: 100px;
+  padding: 8px;
+  overflow: hidden;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  background: #fff;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box > img {
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box:hover > .picture-item-shadow {
+  display: block !important;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  background: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
+  display: flex;
+  position: absolute;
+  top: 0;
+  right: 0;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  overflow: hidden;
+  transform: translate(30%, -30%);
+  border: 1px solid #fff;
+  border-radius: 50%;
+  background: #ff4d4f;
+  color: #fff;
+  font-size: 10px;
+  cursor: pointer;
+  aspect-ratio: 1 / 1;
+}
+.aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-uploading {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 84%;
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+.aplus-ap-upload-picture .picture-title {
+  margin-top: 8px;
+  color: #8896b0;
+  font-size: 14px;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload {
+  border: 1px dashed #d9d9d9;
+  background: #fafafa;
+  color: #bfbfbf;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-upload:hover {
+  border: 1px dashed #34b77c;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-item {
+  border: 1px solid #d9d9d9;
+}
+.aplus-ap-upload-picture-admin .picture-context .picture-title {
+  color: #999;
+}

package/es/src/ap-upload/styles/single-file.css

@@ -0,0 +1,98 @@
+.aplus-ap-upload-single-file {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 200px;
+  overflow: hidden;
+  transition: all 0.3s;
+  border: 1px dashed #dee4ed;
+  border-radius: 4px;
+  background: #f2f6f9;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-upload-single-file > div {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.aplus-ap-upload-single-file .state-un {
+  flex-direction: column;
+}
+.aplus-ap-upload-single-file .state-un .state-un-icon {
+  display: block;
+  width: 56px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-title {
+  margin-top: 10px;
+  color: #182948;
+  font-size: 16px;
+  line-height: 22px;
+}
+.aplus-ap-upload-single-file .state-un .state-un-subtitle {
+  margin-top: 4px;
+  color: #abb7cc;
+  font-size: 12px;
+  line-height: 18px;
+}
+.aplus-ap-upload-single-file .state-ing {
+  display: flex;
+  align-items: center;
+  width: min(516px, 77.24%);
+  height: 96px;
+  padding: 0 24px;
+  border-radius: 4px;
+  background: #fff;
+}
+.aplus-ap-upload-single-file .state-ing .left {
+  flex-shrink: 0;
+  width: 48px;
+  margin-right: 16px;
+}
+.aplus-ap-upload-single-file .state-ing .left img {
+  display: block;
+  width: 100%;
+}
+.aplus-ap-upload-single-file .state-ing .center {
+  flex: 1;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-title {
+  display: -webkit-box;
+  overflow: hidden;
+  font-size: 14px;
+  text-align: start;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  word-break: break-all;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.aplus-ap-upload-single-file .state-ing .center .center-progress .ant-progress-line {
+  margin-right: 0;
+  margin-bottom: 0;
+}
+.aplus-ap-upload-single-file .state-ing .right {
+  flex-shrink: 0;
+  margin-left: 24px;
+  color: #ff4d4f;
+  font-size: 20px;
+  cursor: pointer !important;
+}
+.aplus-ap-upload-single-file-un {
+  cursor: pointer;
+}
+.aplus-ap-upload-single-file-un:hover {
+  border: 1px dashed #0070ff;
+  background: rgba(0, 112, 255, 0.1);
+}
+.aplus-ap-upload-single-file-admin {
+  border: 1px dashed #D9D9D9;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-title {
+  color: #333;
+}
+.aplus-ap-upload-single-file-admin .state-un .state-un-subtitle {
+  color: #BFBFBF;
+}

package/es/src/ap-upload/styles/upload.css

@@ -0,0 +1,6 @@
+.aplus-ap-upload {
+  position: relative;
+}
+.aplus-ap-upload .ant-btn {
+  min-width: 0;
+}

package/es/src/ap-upload/utils/accept.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 校验文件是否满足指定的格式
+ * @param file
+ * @param accept
+ * @returns
+ */
+export declare function fileMatchesAccept(file: File, accept: string): boolean;
+/**
+ * 根据accept获取支持的后缀名
+ * @param accept
+ * @returns
+ */
+export declare function getAcceptText(accept: string): string;

package/es/src/ap-upload/utils/accept.mjs

@@ -0,0 +1,51 @@
+import p from "mime";
+function f(n, i) {
+  var s, o, u, a;
+  const e = i.split(",").map((t) => t.trim());
+  for (const t of e) {
+    if (t === "*")
+      return !0;
+    if (t.endsWith("/*")) {
+      const [r] = t.split("/"), [c] = n.type.split("/");
+      if (r === c)
+        return !0;
+    } else if (/^\./.test(t)) {
+      if (n.type === p.getType(t))
+        return !0;
+      const r = (s = n.name) == null ? void 0 : s.lastIndexOf(".");
+      if (r > -1 && ((o = n.name) == null ? void 0 : o.slice(r)) === t)
+        return !0;
+    } else {
+      if (n.type === t)
+        return !0;
+      const r = (u = n.name) == null ? void 0 : u.lastIndexOf(".");
+      if (r > -1 && [...p.getAllExtensions(t) || []].map(
+        (l) => `.${l}`
+      ).includes((a = n.name) == null ? void 0 : a.slice(r)))
+        return !0;
+    }
+  }
+  return !1;
+}
+function y(n) {
+  const i = {
+    image: "图片类型",
+    video: "视频类型",
+    audio: "音频类型",
+    application: "文档类型",
+    "*": "全部类型"
+  };
+  return n.split(",").map((e) => e.trim()).map((e) => {
+    if (e === "*")
+      return i[e];
+    if (e.endsWith("/*")) {
+      const [s] = e.split("/");
+      return i[s] || s;
+    } else
+      return /^\./.test(e) ? e : [...p.getAllExtensions(e) || []].map((s) => `.${s}`).join(",") || e;
+  }).join(",");
+}
+export {
+  f as fileMatchesAccept,
+  y as getAcceptText
+};

package/es/src/ap-upload/utils/returnData.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 根据needName获取单条数据的数据结构
+ */
+export declare function getReturnData(needName: any, path: string, fileName: string): string | {
+    name: string;
+    path: string;
+} | {
+    [x: number]: string;
+    name?: undefined;
+    path?: undefined;
+};
+/**
+ * 根据needName获取path
+ */
+export declare function getPath(needName: any, scoure: any): any;
+/**
+ * 根据needName获取name
+ */
+export declare function getName(needName: any, scoure: any): any;

package/es/src/ap-upload/utils/returnData.mjs

@@ -0,0 +1,21 @@
+import { NeedNameKeyDefault as f } from "../apUploadTypes.mjs";
+function p(t, y, K) {
+  return t === !0 ? {
+    [f.nameKey]: K,
+    [f.pathKey]: y
+  } : typeof t == "object" ? {
+    [(t == null ? void 0 : t.nameKey) || f.nameKey]: K,
+    [(t == null ? void 0 : t.pathKey) || f.pathKey]: y
+  } : y;
+}
+function l(t, y) {
+  return t === !0 ? y == null ? void 0 : y[f.pathKey] : typeof t == "object" ? y == null ? void 0 : y[(t == null ? void 0 : t.pathKey) || f.pathKey] : y;
+}
+function h(t, y) {
+  return t === !0 ? y == null ? void 0 : y[f.nameKey] : typeof t == "object" ? y == null ? void 0 : y[(t == null ? void 0 : t.nameKey) || f.nameKey] : y;
+}
+export {
+  h as getName,
+  l as getPath,
+  p as getReturnData
+};

package/es/src/base-button/button.vue.mjs

@@ -1,60 +1,4 @@
-import { defineComponent as B, computed as r, unref as i, openBlock as e, createBlock as n, mergeProps as C, withCtx as l, renderSlot as c, createCommentVNode as a, normalizeProps as I, guardReactiveProps as b } from "vue";
-import { Button as p } from "ant-design-vue";
-import u from "../icon/icon.vue.mjs";
-import { useAttrs as g } from "@aplus-frontend/hooks";
-import { omit as y } from "lodash-unified";
-const P = /* @__PURE__ */ B({
-  name: "ApButton",
-  extends: p,
-  inheritAttrs: !1,
-  __name: "button",
-  props: {
-    color: {},
-    disabled: { type: Boolean },
-    preIcon: {},
-    postIcon: {},
-    iconSize: { default: 14 },
-    onClick: {},
-    text: {},
-    loading: { type: Boolean }
-  },
-  setup(m) {
-    const t = m, d = g({ excludeDefaultKeys: !1 }), f = r(() => {
-      const { color: o, disabled: s } = t;
-      return [
-        {
-          [`ant-btn-${o}`]: !!o,
-          "is-disabled": s
-        }
-      ];
-    }), z = r(() => ({
-      ...i(d),
-      ...y(t, ["color", "preIcon", "postIcon", "iconSize"])
-    }));
-    return (o, s) => (e(), n(i(p), C(z.value, {
-      class: f.value,
-      onClick: o.onClick
-    }), {
-      icon: l(() => [
-        c(o.$slots, "icon")
-      ]),
-      default: l((k) => [
-        o.preIcon ? (e(), n(u, {
-          key: 0,
-          icon: o.preIcon,
-          size: o.iconSize
-        }, null, 8, ["icon", "size"])) : a("", !0),
-        c(o.$slots, "default", I(b(k || {}))),
-        o.postIcon ? (e(), n(u, {
-          key: 1,
-          icon: o.postIcon,
-          size: o.iconSize
-        }, null, 8, ["icon", "size"])) : a("", !0)
-      ]),
-      _: 3
-    }, 16, ["class", "onClick"]));
-  }
-});
+import f from "./button.vue2.mjs";
 export {
-  P as default
+  f as default
 };

package/es/src/base-button/button.vue2.mjs

@@ -1,4 +1,61 @@
-import f from "./button.vue.mjs";
+import { defineComponent as B, computed as r, unref as i, openBlock as e, createBlock as n, mergeProps as C, withCtx as l, renderSlot as c, createCommentVNode as a, normalizeProps as I, guardReactiveProps as b } from "vue";
+import { Button as p } from "ant-design-vue";
+import "../icon/icon.vue.mjs";
+import { useAttrs as g } from "@aplus-frontend/hooks";
+import { omit as y } from "lodash-unified";
+import u from "../icon/icon.vue2.mjs";
+const V = /* @__PURE__ */ B({
+  name: "ApButton",
+  extends: p,
+  inheritAttrs: !1,
+  __name: "button",
+  props: {
+    color: {},
+    disabled: { type: Boolean },
+    preIcon: {},
+    postIcon: {},
+    iconSize: { default: 14 },
+    onClick: {},
+    text: {},
+    loading: { type: Boolean }
+  },
+  setup(m) {
+    const t = m, d = g({ excludeDefaultKeys: !1 }), f = r(() => {
+      const { color: o, disabled: s } = t;
+      return [
+        {
+          [`ant-btn-${o}`]: !!o,
+          "is-disabled": s
+        }
+      ];
+    }), z = r(() => ({
+      ...i(d),
+      ...y(t, ["color", "preIcon", "postIcon", "iconSize"])
+    }));
+    return (o, s) => (e(), n(i(p), C(z.value, {
+      class: f.value,
+      onClick: o.onClick
+    }), {
+      icon: l(() => [
+        c(o.$slots, "icon")
+      ]),
+      default: l((k) => [
+        o.preIcon ? (e(), n(u, {
+          key: 0,
+          icon: o.preIcon,
+          size: o.iconSize
+        }, null, 8, ["icon", "size"])) : a("", !0),
+        c(o.$slots, "default", I(b(k || {}))),
+        o.postIcon ? (e(), n(u, {
+          key: 1,
+          icon: o.postIcon,
+          size: o.iconSize
+        }, null, 8, ["icon", "size"])) : a("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "onClick"]));
+  }
+});
 export {
-  f as default
+  V as default
 };

package/es/src/base-button/index.mjs

@@ -1,10 +1,10 @@
-import { withInstall as o } from "@aplus-frontend/utils";
-import t from "./button.vue.mjs";
-import { default as e } from "./modal-button.vue.mjs";
-import { default as s } from "./pop-confirm-button.vue.mjs";
-const f = o(t);
+import { withInstall as t } from "@aplus-frontend/utils";
+import "./button.vue.mjs";
+import "./interface.mjs";
+import "./modal-button.vue2.mjs";
+import "./pop-confirm-button.vue2.mjs";
+import o from "./button.vue2.mjs";
+const a = t(o);
 export {
-  f as BaseButton,
-  e as ModalButton,
-  s as PopConfirmButton
+  a as BaseButton
 };

package/es/src/base-button/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/base-button/modal-button.vue.mjs

@@ -1,17 +1,18 @@
 import { defineComponent as d, computed as p, unref as n, h as i } from "vue";
-import C from "./button.vue.mjs";
-import { extendSlots as g } from "../utils/slot.mjs";
+import "./button.vue.mjs";
+import { extendSlots as C } from "../utils/slot.mjs";
 import { omit as c } from "lodash-unified";
-import { useAttrs as k } from "@aplus-frontend/hooks";
-import { useLocale as b } from "../config-provider/hooks/use-locale.mjs";
-import { useMessage as x } from "../hooks/useMessage.mjs";
-import { modalButtonProps as T } from "./constants.mjs";
-const { createConfirm: B } = x(), j = d({
+import { useAttrs as g } from "@aplus-frontend/hooks";
+import { useLocale as k } from "../config-provider/hooks/use-locale.mjs";
+import { useMessage as b } from "../hooks/useMessage.mjs";
+import { modalButtonProps as x } from "./constants.mjs";
+import T from "./button.vue2.mjs";
+const { createConfirm: B } = b(), L = d({
   name: "ApModalButton",
   inheritAttrs: !1,
-  props: T,
+  props: x,
   setup(o, { slots: s }) {
-    const { t: e } = b(), l = k(), r = p(() => Object.assign(
+    const { t: e } = k(), l = g(), r = p(() => Object.assign(
       {
         okText: e("ap.common.okText"),
         cancelText: e("ap.common.cancelText")
@@ -26,7 +27,7 @@ const { createConfirm: B } = x(), j = d({
         "modalConfig"
       ), t = c(n(r), "title");
       t.disabled && (t.color = "");
-      const a = i(C, t, g(s));
+      const a = i(T, t, C(s));
       return o.enable ? i(a, {
         ...f,
         onClick: () => {
@@ -49,5 +50,5 @@ const { createConfirm: B } = x(), j = d({
   }
 });
 export {
-  j as default
+  L as default
 };

package/es/src/base-button/pop-confirm-button.vue.mjs

@@ -1,32 +1,33 @@
 import { defineComponent as a, computed as u, unref as o, h as i } from "vue";
-import l from "./button.vue.mjs";
-import { Popconfirm as d } from "ant-design-vue";
-import { extendSlots as x } from "../utils/slot.mjs";
+import "./button.vue.mjs";
+import { Popconfirm as l } from "ant-design-vue";
+import { extendSlots as d } from "../utils/slot.mjs";
 import { omit as s } from "lodash-unified";
-import { useAttrs as b } from "@aplus-frontend/hooks";
+import { useAttrs as x } from "@aplus-frontend/hooks";
 import "../config-provider/index.mjs";
-import { popConfirmButton as B } from "./constants.mjs";
-import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
-const L = a({
+import { popConfirmButton as b } from "./constants.mjs";
+import { useLocale as B } from "../config-provider/hooks/use-locale.mjs";
+import T from "./button.vue2.mjs";
+const O = a({
   name: "ApPopConfirmButton",
   inheritAttrs: !1,
-  props: B,
+  props: b,
   setup(n, { slots: c }) {
-    const { t: r } = T(), f = b(), e = u(() => Object.assign(
+    const { t: r } = B(), p = x(), e = u(() => Object.assign(
       {
         okText: r("ap.common.okText"),
         cancelText: r("ap.common.cancelText")
       },
-      { ...n, ...o(f) }
+      { ...n, ...o(p) }
     ));
     return () => {
-      const p = s(o(e), "icon", "color"), t = s(o(e), "title");
+      const f = s(o(e), "icon", "color"), t = s(o(e), "title");
       t.disabled && (t.color = "");
-      const m = i(l, t, x(c));
-      return n.enable ? i(d, p, { default: () => m }) : m;
+      const m = i(T, t, d(c));
+      return n.enable ? i(l, f, { default: () => m }) : m;
     };
   }
 });
 export {
-  L as default
+  O as default
 };

package/es/src/basic/arrow.vue.mjs

@@ -1,40 +1,4 @@
-import { defineComponent as l, computed as m, openBlock as i, createElementBlock as u, normalizeClass as d, createVNode as f, unref as y, normalizeStyle as B } from "vue";
-import { Icon as w } from "../icon/index.mjs";
-import "../config-provider/index.mjs";
-import "./style/arrow.css";
-import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
-const k = /* @__PURE__ */ l({
-  name: "ApBasicArrow",
-  __name: "arrow",
-  props: {
-    expand: { type: Boolean },
-    up: { type: Boolean },
-    down: { type: Boolean },
-    inset: { type: Boolean }
-  },
-  setup(n) {
-    const t = n, { b: r, m: a } = _("basic-arrow"), s = m(() => {
-      const { expand: e, up: o, down: p, inset: c } = t;
-      return [
-        r(),
-        {
-          [`${a("active")}`]: e,
-          up: o,
-          inset: c,
-          down: p
-        }
-      ];
-    });
-    return (e, o) => (i(), u("span", {
-      class: d(s.value)
-    }, [
-      f(y(w), {
-        icon: "ion:chevron-forward",
-        style: B(e.$attrs.iconStyle)
-      }, null, 8, ["style"])
-    ], 2));
-  }
-});
+import f from "./arrow.vue2.mjs";
 export {
-  k as default
+  f as default
 };

package/es/src/basic/arrow.vue2.mjs

@@ -1,4 +1,40 @@
-import f from "./arrow.vue.mjs";
+import { defineComponent as l, computed as m, openBlock as i, createElementBlock as u, normalizeClass as d, createVNode as f, unref as y, normalizeStyle as B } from "vue";
+import { Icon as w } from "../icon/index.mjs";
+import "../config-provider/index.mjs";
+import "./style/arrow.css";
+import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
+const k = /* @__PURE__ */ l({
+  name: "ApBasicArrow",
+  __name: "arrow",
+  props: {
+    expand: { type: Boolean },
+    up: { type: Boolean },
+    down: { type: Boolean },
+    inset: { type: Boolean }
+  },
+  setup(n) {
+    const t = n, { b: r, m: a } = _("basic-arrow"), s = m(() => {
+      const { expand: e, up: o, down: p, inset: c } = t;
+      return [
+        r(),
+        {
+          [`${a("active")}`]: e,
+          up: o,
+          inset: c,
+          down: p
+        }
+      ];
+    });
+    return (e, o) => (i(), u("span", {
+      class: d(s.value)
+    }, [
+      f(y(w), {
+        icon: "ion:chevron-forward",
+        style: B(e.$attrs.iconStyle)
+      }, null, 8, ["style"])
+    ], 2));
+  }
+});
 export {
-  f as default
+  k as default
 };