@aplus-frontend/ui 0.0.1-beta.9 → 0.0.2

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/basic/help.vue.d.ts

@@ -44,9 +44,9 @@ declare const _default: DefineComponent<{
      * Help text list
      */
     text: {
-        type: PropType<string[] | VNode< RendererNode, RendererElement, {
+        type: PropType<VNode< RendererNode, RendererElement, {
             [key: string]: any;
-        }> | VNodeChild>;
+        }> | string[] | VNodeChild>;
     };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     /**
@@ -91,9 +91,9 @@ declare const _default: DefineComponent<{
      * Help text list
      */
     text: {
-        type: PropType<string[] | VNode< RendererNode, RendererElement, {
+        type: PropType<VNode< RendererNode, RendererElement, {
             [key: string]: any;
-        }> | VNodeChild>;
+        }> | string[] | VNodeChild>;
     };
 }>>, {
     color: string;

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

@@ -23,9 +23,9 @@ export declare const BasicHelp: {
             default: string;
         };
         text: {
-            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+            type: PropType< VNode<RendererNode, RendererElement, {
                 [key: string]: any;
-            }> | VNodeChild>;
+            }> | string[] | VNodeChild>;
         };
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         maxWidth: {
@@ -48,9 +48,9 @@ export declare const BasicHelp: {
             default: string;
         };
         text: {
-            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+            type: PropType< VNode<RendererNode, RendererElement, {
                 [key: string]: any;
-            }> | VNodeChild>;
+            }> | string[] | VNodeChild>;
         };
     }>>, {
         color: string;
@@ -86,9 +86,9 @@ export declare const BasicHelp: {
             default: string;
         };
         text: {
-            type: PropType<string[] | VNode<RendererNode, RendererElement, {
+            type: PropType< VNode<RendererNode, RendererElement, {
                 [key: string]: any;
-            }> | VNodeChild>;
+            }> | string[] | VNodeChild>;
         };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         color: string;
@@ -121,9 +121,9 @@ export declare const BasicHelp: {
         default: string;
     };
     text: {
-        type: PropType<string[] | VNode<RendererNode, RendererElement, {
+        type: PropType< VNode<RendererNode, RendererElement, {
             [key: string]: any;
-        }> | VNodeChild>;
+        }> | string[] | VNodeChild>;
     };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     color: string;

package/es/src/components.d.ts

@@ -34,6 +34,8 @@ declare module '@vue/runtime-core' {
     ApCountdownButton: typeof components.CountdownButton;
     ApCountdownInput: typeof components.CountdownInput;
     ApDropdown: typeof components.Dropdown;
+    ProTableForm: typeof components.ProTableForm;
+    ProTableFormInner: typeof components.ProTableFormInner;
   }
 }
 

package/es/src/config-provider/config-provider-props.d.ts

@@ -11,7 +11,7 @@ import { RequiredMark } from 'ant-design-vue/es/form/Form';
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;

package/es/src/config-provider/config-provider.d.ts

@@ -12,7 +12,7 @@ import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig } from './constants'
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -149,7 +149,7 @@ export declare const ConfigProvider: DefineComponent<{
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
-        type: PropType<() => Window | HTMLElement>;
+        type: PropType<() => HTMLElement | Window>;
     };
     getPopupContainer: {
         type: PropType<(triggerNode?: HTMLElement | undefined) => HTMLElement>;
@@ -286,18 +286,10 @@ export declare const ConfigProvider: DefineComponent<{
 }>>, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
+    csp: CSPConfig;
     input: {
         autocomplete?: string | undefined;
     };
-    select: {
-        showSearch?: boolean | undefined;
-    };
-    form: {
-        validateMessages?: ValidateMessages | undefined;
-        requiredMark?: RequiredMark | undefined;
-        colon?: boolean | undefined;
-    };
-    csp: CSPConfig;
     autoInsertSpaceInButton: boolean;
     locale: Locale;
     pageHeader: {
@@ -309,9 +301,17 @@ export declare const ConfigProvider: DefineComponent<{
     };
     virtual: boolean;
     dropdownMatchSelectWidth: number | boolean;
+    form: {
+        validateMessages?: ValidateMessages | undefined;
+        requiredMark?: RequiredMark | undefined;
+        colon?: boolean | undefined;
+    };
     pagination: {
         showSizeChanger?: boolean | undefined;
     };
+    select: {
+        showSearch?: boolean | undefined;
+    };
     wave: {
         disabled?: boolean | undefined;
     };

package/es/src/config-provider/config-provider.mjs

@@ -1,46 +1,39 @@
-import { isVNode as m, defineComponent as a, createVNode as u, renderSlot as c } from "vue";
-import { ConfigProvider as g } from "ant-design-vue";
-import { provideGlobalConfig as s } from "./hooks/use-global-config.mjs";
-import { configProviderProps as v } from "./config-provider-props.mjs";
-import { tableDefaultConfig as C } from "./constants.mjs";
+import { isVNode as n, defineComponent as a, computed as l, createVNode as f, renderSlot as c } from "vue";
+import { ConfigProvider as m } from "ant-design-vue";
+import { provideGlobalConfig as d } from "./hooks/use-global-config.mjs";
+import { configProviderProps as u } from "./config-provider-props.mjs";
+import { tableDefaultConfig as p } from "./constants.mjs";
+import { mergeAntdProvideConfig as g } from "../utils/config-provider-preset.mjs";
 function b(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !m(o);
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !n(o);
 }
-const O = /* @__PURE__ */ a({
+const y = /* @__PURE__ */ a({
   name: "AplusConfigProvider",
-  props: v(),
-  setup({
-    namespace: o,
-    aplusLocale: t,
-    api: i,
-    table: n,
-    scrollbar: f,
-    uiMode: p,
-    ...l
-  }, {
-    slots: d
+  props: u(),
+  setup(o, {
+    slots: r
   }) {
-    const r = s({
-      namespace: o,
-      aplusLocale: t,
-      api: i,
+    const i = l(() => ({
+      namespace: o.namespace,
+      aplusLocale: o.aplusLocale,
+      api: o.api,
       table: {
-        ...C,
-        ...n || {}
+        ...p,
+        ...o.table || {}
       },
-      scrollbar: f,
-      uiMode: p
-    });
+      scrollbar: o.scrollbar,
+      uiMode: o.uiMode
+    })), e = d(i);
     return () => {
-      let e;
-      return u(g, l, b(e = c(d, "default", {
-        config: r == null ? void 0 : r.value
-      })) ? e : {
-        default: () => [e]
+      let t;
+      return f(m, g(o), b(t = c(r, "default", {
+        config: e == null ? void 0 : e.value
+      })) ? t : {
+        default: () => [t]
       });
     };
   }
 });
 export {
-  O as ConfigProvider
+  y as ConfigProvider
 };