@aplus-frontend/ui 0.0.36 → 0.0.37

package/es/src/ap-descriptions/style/ap-descriptions.css

@@ -0,0 +1,57 @@
+/** 
+  TODO: 
+    1.admin和aplus样式提成变量？
+*/
+.aplus-ap-descriptions {
+  --ap-descriptions-item-padding-bottom: 24px;
+  --ap-descriptions-item-label-width: auto;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-view table {
+  table-layout: fixed;
+}
+.aplus-ap-descriptions .ant-descriptions td.ant-descriptions-item {
+  padding-bottom: var(--ap-descriptions-item-padding-bottom);
+}
+.aplus-ap-descriptions .ant-descriptions th.ant-descriptions-item {
+  padding-bottom: 8px;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
+  padding-bottom: 0;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
+  margin-inline: 4px 20px;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #999999;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #34b77c;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
+  color: #333333;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #1890ff;
+  cursor: pointer;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #8896B0;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #0070FF;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
+  color: #182948;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #0070FF;
+  cursor: pointer;
+}

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as _, computed as n, onMounted as y, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as a, renderSlot as v, toDisplayString as B } from "vue";
+import { defineComponent as y, computed as a, watch as _, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as n, renderSlot as v, toDisplayString as B } from "vue";
 import "../config-provider/index.mjs";
-import { useOssInit as M, useOss as N } from "./hooks/index.mjs";
+import { useOssInit as N, useOss as k } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
-const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
+import { useGlobalConfig as A } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as F } from "../config-provider/hooks/use-namespace.mjs";
+const M = { class: "icon" }, W = { class: "text" }, j = /* @__PURE__ */ y({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -16,41 +16,47 @@ const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
     getOssAccess: {}
   },
   setup(l) {
-    const t = l, p = k("uiMode"), { b: o, bm: s } = A("download");
-    function c(e, r) {
+    const t = l, p = A("uiMode"), { b: r, bm: s } = F("download");
+    function c(e, o) {
       e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
-      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), $ = parseInt(e.slice(5, 7), 16), b = Math.round(r * 255).toString(16).padStart(2, "0");
-      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${b}`;
+      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), b = parseInt(e.slice(5, 7), 16), $ = Math.round(o * 255).toString(16).padStart(2, "0");
+      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}${$}`;
     }
-    const d = n(() => ({
+    const d = a(() => ({
       "--download-main-color": t.color,
       "--download-main-color-opacity": c(t.color, 0.6)
-    })), u = n(() => [o("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = n(() => {
-      const e = [o("inner-wrapper"), s("inner-wrapper", t.size)];
+    })), u = a(() => [r("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = a(() => {
+      const e = [r("inner-wrapper"), s("inner-wrapper", t.size)];
       return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
     });
-    y(() => {
-      t.disabled || M(t.getOssAccess);
-    });
-    const { client: f } = N(), g = () => {
+    _(
+      () => t.disabled,
+      () => {
+        t.disabled || N(t.getOssAccess);
+      },
+      {
+        flush: "sync"
+      }
+    );
+    const { client: f } = k(), g = () => {
       t.disabled || f.downloadFile(t.fileName);
     };
-    return (e, r) => (z(), I("span", {
+    return (e, o) => (z(), I("span", {
       style: O(d.value),
       class: i(u.value),
       onClick: g
     }, [
-      a("span", {
+      n("span", {
         class: i(m.value)
       }, [
-        a("span", F, [
+        n("span", M, [
           v(e.$slots, "icon")
         ]),
-        a("span", W, B(e.text), 1)
+        n("span", W, B(e.text), 1)
       ], 2)
     ], 6));
   }
 });
 export {
-  q as default
+  j as default
 };

package/es/src/ap-field/interface.d.ts

@@ -105,7 +105,7 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      */
     searchMode?: 'filter' | 'request';
 };
-export type ApFieldSelectSlots = {
+export type ApFieldSelectExpose = {
     focus: () => void;
     blur: () => void;
     request: (clear?: boolean) => Promise<void>;
@@ -114,7 +114,7 @@ export type ApFieldSliderProps = BasicApFieldProps<SliderProps> & {
     emptyText?: string;
     defaultValue?: number | [number, number];
 };
-export type ApFieldSliderSlots = {
+export type ApFieldSliderExpose = {
     focus: () => void;
     blur: () => void;
 };
@@ -126,7 +126,7 @@ export type ApFieldSegmentedProps = BasicApFieldProps<SegmentedProps> & {
 export type ApFieldRateProps = BasicApFieldProps<RateProps> & {
     defaultValue?: number;
 };
-export type ApFieldRateSlots = {
+export type ApFieldRateExpose = {
     focus: () => void;
     blur: () => void;
 };

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes, PropType } from 'vue';
 import { LocaleType } from '../locale/interface';
-import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig } from './constants';
+import { ApiType, ScrollbarGlobalConfig, TableDefaultConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig, SizeType, ThemeConfig } from 'ant-design-vue/es/config-provider/context';
@@ -152,5 +152,9 @@ export declare const configProviderProps: () => {
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 };
 export type ConfigProviderProps = Partial<ExtractPropTypes<ReturnType<typeof configProviderProps>>>;

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

@@ -1,5 +1,5 @@
 import { configProviderProps as e } from "ant-design-vue/es/config-provider/context";
-const a = () => ({
+const p = () => ({
   /**
    * @description aplus-ui的locale
    */
@@ -29,8 +29,12 @@ const a = () => ({
     type: Object,
     default: () => ({})
   },
+  apDescriptions: {
+    type: Object,
+    default: () => ({})
+  },
   ...e()
 });
 export {
-  a as configProviderProps
+  p as configProviderProps
 };

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

@@ -8,7 +8,7 @@ import { ValidateMessages } from 'ant-design-vue/es/form/interface';
 import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from 'src';
-import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig } from './constants';
+import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
 
 export declare const globalConfigCached: Ref<Partial< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
@@ -151,6 +151,10 @@ export declare const globalConfigCached: Ref<Partial< ExtractPropTypes<{
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 }>>>;
 export declare const ConfigProvider: DefineComponent<{
     iconPrefixCls: StringConstructor;
@@ -293,6 +297,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -434,6 +442,10 @@ export declare const ConfigProvider: DefineComponent<{
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 }>>, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
@@ -471,5 +483,6 @@ export declare const ConfigProvider: DefineComponent<{
     scrollbar: ScrollbarGlobalConfig;
     uiMode: "aplus" | "admin";
     apUpload: ApUploadConfig;
+    apDescriptions: ApDescriptionsConfig;
 }, {}>;
 export type ConfigProviderInstance = InstanceType<typeof ConfigProvider>;

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

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

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

@@ -39,4 +39,7 @@ export type ApUploadConfig = {
     };
     accept?: string;
 };
+export type ApDescriptionsConfig = {
+    downloadFile?: (url: string, name: string) => void;
+};
 export {};

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -1,6 +1,6 @@
 import { MaybeRef } from '@aplus-frontend/utils';
 import { App, Ref, ComputedRef, ExtractPropTypes, PropType } from 'vue';
-import { ConfigProviderContext, ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig } from '../constants';
+import { ConfigProviderContext, ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from '../constants';
 import { default as __DTS_DEFAULT_0__ } from 'ant-design-vue/es/config-provider/renderEmpty';
 import { TransformCellTextProps } from 'ant-design-vue/es/table/interface';
 import { CSPConfig } from 'ant-design-vue/es/config-provider';
@@ -155,4 +155,8 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 }>>>> | undefined;

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

@@ -9,7 +9,7 @@ import { ValidateMessages } from 'ant-design-vue/es/form/interface';
 import { RequiredMark } from 'ant-design-vue/es/form/Form';
 import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
 import { LocaleType } from 'src';
-import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig } from './constants';
+import { ApiType, TableDefaultConfig, ScrollbarGlobalConfig, ApUploadConfig, ApDescriptionsConfig } from './constants';
 export * from './config-provider-props';
 export * from './constants';
 export * from './hooks/use-global-config';
@@ -158,6 +158,10 @@ export declare const APConfigProvider: {
             type: PropType<ApUploadConfig>;
             default: () => {};
         };
+        apDescriptions: {
+            type: PropType<ApDescriptionsConfig>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         iconPrefixCls: StringConstructor;
         getTargetContainer: {
@@ -299,6 +303,10 @@ export declare const APConfigProvider: {
             type: PropType<ApUploadConfig>;
             default: () => {};
         };
+        apDescriptions: {
+            type: PropType<ApDescriptionsConfig>;
+            default: () => {};
+        };
     }>>, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
@@ -336,6 +344,7 @@ export declare const APConfigProvider: {
         scrollbar: ScrollbarGlobalConfig;
         uiMode: "aplus" | "admin";
         apUpload: ApUploadConfig;
+        apDescriptions: ApDescriptionsConfig;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -484,6 +493,10 @@ export declare const APConfigProvider: {
             type: PropType<ApUploadConfig>;
             default: () => {};
         };
+        apDescriptions: {
+            type: PropType<ApDescriptionsConfig>;
+            default: () => {};
+        };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         theme: ThemeConfig;
         direction: "ltr" | "rtl";
@@ -521,6 +534,7 @@ export declare const APConfigProvider: {
         scrollbar: ScrollbarGlobalConfig;
         uiMode: "aplus" | "admin";
         apUpload: ApUploadConfig;
+        apDescriptions: ApDescriptionsConfig;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -666,6 +680,10 @@ export declare const APConfigProvider: {
         type: PropType<ApUploadConfig>;
         default: () => {};
     };
+    apDescriptions: {
+        type: PropType<ApDescriptionsConfig>;
+        default: () => {};
+    };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     theme: ThemeConfig;
     direction: "ltr" | "rtl";
@@ -703,6 +721,7 @@ export declare const APConfigProvider: {
     scrollbar: ScrollbarGlobalConfig;
     uiMode: "aplus" | "admin";
     apUpload: ApUploadConfig;
+    apDescriptions: ApDescriptionsConfig;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: (() => void) | undefined;

package/es/src/index.d.ts

@@ -32,3 +32,4 @@ export * from './ap-list';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';
+export * from './ap-descriptions';