@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.41

package/es/src/ap-upload/hooks/useOss.mjs

@@ -0,0 +1,62 @@
+import { client as o, createOssInstance as w } from "@aplus-frontend/oss";
+async function f({
+  file: t,
+  dirName: s,
+  oss: e,
+  successCallBack: c,
+  errorCallBack: i,
+  progressCallBack: u
+}) {
+  try {
+    const n = await e.put({
+      fileName: t.name,
+      dirName: s,
+      data: t,
+      progressCallBack: (a) => {
+        u(a);
+      }
+    });
+    if (n.status === 204)
+      return;
+    if (n.status === 200) {
+      const { saveUrl: a, previewUrl: r } = n;
+      c(a, r);
+    } else
+      i((n == null ? void 0 : n.message) || "网络异常");
+  } catch (n) {
+    i(n);
+  }
+}
+function g() {
+  return { client: o, put: f };
+}
+async function p(t) {
+  if (!t)
+    throw new Error("请传入getOssAccess");
+  return await o.initOssClient({
+    getOssAccess: t,
+    onFailure: (s) => {
+      throw new Error(
+        typeof (s == null ? void 0 : s.message) == "string" ? s.message : "获取oss临时权限失败"
+      );
+    }
+  }), g();
+}
+async function l(t) {
+  if (!t)
+    throw new Error("请传入getOssAccess");
+  const s = w();
+  return await s.initOssClient({
+    getOssAccess: t,
+    onFailure: (e) => {
+      throw new Error(
+        typeof (e == null ? void 0 : e.message) == "string" ? e.message : "获取oss临时权限失败"
+      );
+    }
+  }), s;
+}
+export {
+  l as getOssInstance,
+  g as useOss,
+  p as useOssInit
+};

package/es/src/ap-upload/index.d.ts

@@ -0,0 +1,5 @@
+import { default as ApUpload } from './apUpload.vue';
+
+export * from './apUploadTypes';
+export { ApUpload };
+export default ApUpload;

package/es/src/ap-upload/index.mjs

@@ -0,0 +1,11 @@
+import "./apUpload.vue2.mjs";
+import { NeedNameKeyDefault as r } from "./apUploadTypes.mjs";
+import e from "./apUpload.vue.mjs";
+e.install = function(o) {
+  return o.component(e.name, e), o;
+};
+export {
+  e as ApUpload,
+  r as NeedNameKeyDefault,
+  e as default
+};

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

@@ -0,0 +1,58 @@
+.aplus-ap-upload-multiple-file .multiple-file-context {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-upload-multiple-file .multiple-file-context .file-btn {
+  display: flex;
+  align-items: center;
+  padding: 7px 16px;
+  transition: all 0.3s;
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+  color: #182948;
+}
+.aplus-ap-upload-multiple-file .multiple-file-context .file-btn:hover {
+  border-color: #0070ff;
+  color: #0070ff;
+}
+.aplus-ap-upload-multiple-file .multiple-file-context .sub-title {
+  margin-left: 16px;
+  color: #8896b0;
+  font-size: 14px;
+}
+.aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
+  background: #f5f9fa;
+}
+.aplus-ap-upload-multiple-file .ant-upload-text-icon {
+  color: #abb7cc;
+}
+.aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-list-item-name,
+.aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item-error .ant-upload-icon .anticon,
+.aplus-ap-upload-multiple-file .ant-upload-list-item-error .ant-upload-text-icon {
+  color: #ff4d4f;
+}
+.aplus-ap-upload-multiple-file .ant-upload-list-item-done {
+  color: #0070ff;
+}
+.aplus-ap-upload-multiple-file .ant-upload-list-item-undefined {
+  color: #0070ff;
+}
+.aplus-ap-upload-multiple-file-admin .multiple-file-context .file-btn {
+  border: 1px solid #d9d9d9;
+}
+.aplus-ap-upload-multiple-file-admin .multiple-file-context .file-btn:hover {
+  border-color: #34b77c;
+  color: #34b77c;
+}
+.aplus-ap-upload-multiple-file-admin .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
+  background: #fafafa;
+}
+.aplus-ap-upload-multiple-file-admin .ant-upload-text-icon {
+  color: #bfbfbf;
+}
+.aplus-ap-upload-multiple-file-admin .ant-upload-list-item-done {
+  color: #1890ff;
+}
+.aplus-ap-upload-multiple-file-admin .ant-upload-list-item-undefined {
+  color: #1890ff;
+}

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